@aivenio/aquarium 6.4.0 → 6.6.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"));
@@ -1987,7 +1977,7 @@ var tokens_default = {
     }
   },
   code: {
-    background: "rgba(250,250,250,1)",
+    background: "rgba(255,255,255,1)",
     text: "rgba(45,46,48,1)",
     variable: "rgba(91,30,103,1)",
     keyword: "rgba(202, 33, 101, 1)",
@@ -2591,6 +2581,14 @@ var Tooltip = ({ delay = 200, ...props }) => {
     shouldFlip,
     offset: ARROW_OFFSET
   });
+  const [containsFocusable, setContainsFocusable] = import_react9.default.useState(false);
+  import_react9.default.useLayoutEffect(() => {
+    if (triggerRef.current) {
+      const elements = Array.from(triggerRef.current.querySelectorAll("*"));
+      const hasFocusable = elements.some((el) => (0, import_utils.isFocusable)(el));
+      setContainsFocusable(hasFocusable);
+    }
+  });
   const { focusWithinProps } = (0, import_interactions.useFocusWithin)({
     onFocusWithinChange: (isFocusWithin) => isFocusWithin ? state.open() : state.close()
   });
@@ -2619,6 +2617,7 @@ var Tooltip = ({ delay = 200, ...props }) => {
     {
       className: display,
       ...triggerProps,
+      tabIndex: containsFocusable ? -1 : triggerProps.tabIndex,
       onFocus: (e) => {
         triggerProps.onFocus?.(e);
         focusWithinProps.onFocus?.(e);
@@ -6220,15 +6219,7 @@ Modal.TitleContainer = ({ children, className, ...rest }) => {
   const { titleContainer: titleContainer2 } = modalStyles();
   return /* @__PURE__ */ import_react67.default.createElement("div", { ...rest, className: titleContainer2({ className }) }, children);
 };
-var ModalBody = ({
-  children,
-  className,
-  noFooter = false,
-  maxHeight,
-  style,
-  size,
-  ...rest
-}) => {
+var ModalBody = ({ children, className, contentClassName, noFooter = false, maxHeight, style, size, ...rest }) => {
   const { body, bodyContent } = modalStyles({ size });
   const { containerRef, topSentinelRef, bottomSentinelRef, showTopFade, showBottomFade } = useScrollFade();
   return /* @__PURE__ */ import_react67.default.createElement(
@@ -6240,7 +6231,7 @@ var ModalBody = ({
       style: { maxHeight, ...style }
     },
     /* @__PURE__ */ import_react67.default.createElement("div", { ref: topSentinelRef, "aria-hidden": "true", className: "h-1px" }),
-    /* @__PURE__ */ import_react67.default.createElement("div", { className: bodyContent({ noFooter }) }, children),
+    /* @__PURE__ */ import_react67.default.createElement("div", { className: bodyContent({ noFooter, className: contentClassName }) }, children),
     /* @__PURE__ */ import_react67.default.createElement("div", { ref: bottomSentinelRef, "aria-hidden": "true", className: "h-1px -mt-1px" })
   );
 };
@@ -6709,7 +6700,7 @@ var Container2 = ({ maxWidth = "xl", children }) => /* @__PURE__ */ import_react
 
 // src/molecules/DataList/DataList.tsx
 var import_react93 = __toESM(require("react"));
-var import_utils20 = require("@react-stately/utils");
+var import_utils19 = require("@react-stately/utils");
 var import_clsx26 = require("clsx");
 var import_lodash_es30 = require("lodash-es");
 
@@ -8207,11 +8198,6 @@ var useDataListContext = () => {
 // src/molecules/DataList/DataListGroup.tsx
 var import_react90 = __toESM(require("react"));
 var import_lodash_es28 = require("lodash-es");
-
-// src/molecules/DataList/utils.ts
-var flattenRows = (rows) => areRowsGrouped(rows) ? Object.values(rows).flatMap(flattenRows) : rows;
-
-// src/molecules/DataList/DataListGroup.tsx
 var GAP = 8;
 var INDENTATION = 28;
 var sortGroupKeys = (groupKeys) => [...groupKeys].sort((a) => a === "undefined" ? -1 : 1);
@@ -8242,6 +8228,7 @@ var DataListGroup = ({
     rows,
     selectable,
     selectedRows,
+    statsByNode,
     getOnSelectionChangeForId,
     selectionDisabled = () => false,
     getRowSelectionLabel = getDefaultRowSelectionLabel,
@@ -8270,8 +8257,8 @@ var DataListGroup = ({
         items: groups,
         renderItem: (row, index) => {
           const isSelected = selectedRows?.includes(row.id) ?? false;
-          const isDisabled = disabled?.(row, index, rows);
-          const isSelectionDisabled = selectionDisabled(row, index, rows);
+          const isDisabled = disabled?.(row, index, groups);
+          const isSelectionDisabled = selectionDisabled(row, index, groups);
           const isLastRow = isLastGroup && index === groups.length - 1;
           return /* @__PURE__ */ import_react90.default.createElement(
             DataListRow,
@@ -8281,7 +8268,7 @@ var DataListGroup = ({
               row,
               index,
               isLast: isLastRow,
-              rows,
+              rows: groups,
               active: selectable && isSelected,
               menu: /* @__PURE__ */ import_react90.default.createElement(
                 DataListRowMenu,
@@ -8310,7 +8297,7 @@ var DataListGroup = ({
                   RadioButton,
                   {
                     value: row2.id.toString(),
-                    "aria-label": getRowSelectionLabel(row2, index2, isSelected, rows),
+                    "aria-label": getRowSelectionLabel(row2, index2, isSelected, groups),
                     onChange: import_lodash_es28.noop,
                     checked: isSelected,
                     disabled: isDisabled || isSelectionDisabled
@@ -8318,7 +8305,7 @@ var DataListGroup = ({
                 ), isMultiSelectionMode && /* @__PURE__ */ import_react90.default.createElement(
                   Checkbox,
                   {
-                    "aria-label": getRowSelectionLabel(row2, index2, isSelected, rows),
+                    "aria-label": getRowSelectionLabel(row2, index2, isSelected, groups),
                     onChange: getOnSelectionChangeForId(row2.id),
                     checked: isSelected,
                     disabled: isDisabled || isSelectionDisabled
@@ -8355,10 +8342,12 @@ var DataListGroup = ({
           );
         }
         const openPanelId = expandedGroupIds ? expandedGroupIds.find((id) => id === key) ?? null : void 0;
-        const nestedRowIds = flattenRows(group).map((row) => row.id);
-        const nestedSelectedIds = selectedRows?.filter((id) => nestedRowIds.includes(id)) ?? [];
-        const allSelected = nestedRowIds.length === nestedSelectedIds.length;
-        const isChecked = nestedSelectedIds.length > 0;
+        const { selectableIds, allSelected, isChecked, isDisabled } = statsByNode.get(group) ?? {
+          selectableIds: [],
+          allSelected: false,
+          isChecked: false,
+          isDisabled: true
+        };
         const isActiveRow = !!openPanelId || selectable && isChecked;
         const isLastRow = isLastGroup && index === groupKeys.length - 1 && !openPanelId;
         return /* @__PURE__ */ import_react90.default.createElement(Accordion, { key, openPanelId }, hasCustomRowForGroup && /* @__PURE__ */ import_react90.default.createElement(DataList.Row, { active: isActiveRow, noDivider: isLastRow }, selectable && /* @__PURE__ */ import_react90.default.createElement(DataList.Cell, null, isMultiSelectionMode && /* @__PURE__ */ import_react90.default.createElement(
@@ -8367,8 +8356,8 @@ var DataListGroup = ({
             "aria-label": getGroupCheckboxLabel(key, group, index, isChecked, rows),
             checked: isChecked,
             indeterminate: isChecked && !allSelected,
-            disabled: group.length === 0,
-            onChange: getOnSelectionChangeForId(nestedRowIds)
+            disabled: isDisabled,
+            onChange: getOnSelectionChangeForId(selectableIds)
           }
         )), /* @__PURE__ */ import_react90.default.createElement(
           List,
@@ -8402,8 +8391,8 @@ var DataListGroup = ({
             "aria-label": getGroupCheckboxLabel(key, group, index, isChecked, rows),
             checked: isChecked,
             indeterminate: isChecked && !allSelected,
-            disabled: group.length === 0,
-            onChange: getOnSelectionChangeForId(nestedRowIds)
+            disabled: isDisabled,
+            onChange: getOnSelectionChangeForId(selectableIds)
           }
         )), /* @__PURE__ */ import_react90.default.createElement(
           DataList.Cell,
@@ -8522,12 +8511,12 @@ var DataList2 = ({
   const containerRef = (0, import_react93.useRef)(null);
   const hasStickyColumns = columns.some((column) => column.sticky);
   const stickyStyles = useScrollStyles({ containerRef, skip: !hasStickyColumns });
-  const [selected, setSelected] = (0, import_utils20.useControlledState)(
+  const [selected, setSelected] = (0, import_utils19.useControlledState)(
     selectedRows,
     defaultSelectedRows,
     (value) => onSelectionChange?.(value ?? [])
   );
-  const [expandedGroupIds, setExpandedGroupIds] = (0, import_utils20.useControlledState)(_expandedGroupIds, []);
+  const [expandedGroupIds, setExpandedGroupIds] = (0, import_utils19.useControlledState)(_expandedGroupIds, []);
   const onGroupToggled = (id, open) => {
     if (!open) {
       setExpandedGroupIds([...expandedGroupIds, id]);
@@ -8541,6 +8530,7 @@ var DataList2 = ({
   const [sort, updateSort] = useTableSort({ ...initialSortState, onSortChanged });
   const sortedRows = (0, import_lodash_es30.isArray)(rows) ? sortRowsBy(rows, sort) : [];
   const groups = areRowsGrouped(rows) ? rows : group ? (0, import_lodash_es30.isFunction)(group) ? group(sortedRows) : (0, import_lodash_es30.groupBy)(sortedRows, group) : void 0;
+  const rootNode = groups ?? sortedRows;
   const isCollapsible = (0, import_lodash_es30.isFunction)(rowDetails);
   const templateColumns = (0, import_lodash_es30.compact)([
     selectable ? "fit-content(28px)" : void 0,
@@ -8563,26 +8553,37 @@ var DataList2 = ({
     }
   };
   const isMultiSelectionMode = selectable === "multiple" || selectable === "multiple-not-all";
-  const allRows = flattenRows(rows);
-  const totalSelected = selected?.length ?? 0;
-  const allEnabledRowIds = (0, import_lodash_es30.compact)(
-    allRows.map(
-      (row, index) => disabled?.(row, index, sortedRows) || selectionDisabled(row, index, sortedRows) ? void 0 : row.id
-    )
-  );
-  const allRowsSelected = totalSelected >= allEnabledRowIds.length;
+  const selectedIds = new Set(selected);
+  const buildSelectionStats = (root) => {
+    const statsByNode2 = /* @__PURE__ */ new Map();
+    const recordStats = (node) => {
+      const selectableIds2 = areRowsGrouped(node) ? Object.values(node).flatMap((child) => recordStats(child).selectableIds) : node.filter((row, i) => !disabled?.(row, i, node) && !selectionDisabled(row, i, node)).map((row) => row.id);
+      const selectedSelectableCount = selectableIds2.filter((id) => selectedIds.has(id)).length;
+      const stats = {
+        selectableIds: selectableIds2,
+        selectedSelectableCount,
+        allSelected: selectableIds2.length > 0 && selectedSelectableCount === selectableIds2.length,
+        isChecked: selectedSelectableCount > 0,
+        isDisabled: selectableIds2.length === 0
+      };
+      statsByNode2.set(node, stats);
+      return stats;
+    };
+    return { statsByNode: statsByNode2, rootStats: recordStats(root) };
+  };
+  const { statsByNode, rootStats } = buildSelectionStats(rootNode);
+  const { selectableIds, isChecked, allSelected, isDisabled } = rootStats;
   const componentContent = /* @__PURE__ */ import_react93.default.createElement(Template, { className: "Aquarium-DataList", columns: templateColumns, role: "table", "aria-label": ariaLabel }, !hideHeader && /* @__PURE__ */ import_react93.default.createElement(import_react93.default.Fragment, null, /* @__PURE__ */ import_react93.default.createElement(DataList.Row, { header: true }, selectable && /* @__PURE__ */ import_react93.default.createElement(DataList.HeadCell, { align: "left", sticky }, selectable === "multiple" && /* @__PURE__ */ import_react93.default.createElement(
     Checkbox,
     {
       "aria-label": "Select all rows",
-      indeterminate: totalSelected > 0 && totalSelected < allRows.length,
-      checked: totalSelected > 0,
+      indeterminate: isChecked && !allSelected,
+      checked: isChecked,
+      disabled: isDisabled,
       onChange: () => {
-        if (!allRowsSelected) {
-          setSelected(allEnabledRowIds);
-        } else {
-          setSelected([]);
-        }
+        const enabledSet = new Set(selectableIds);
+        const keptSelection = (selected ?? []).filter((id) => !enabledSet.has(id));
+        setSelected(allSelected ? keptSelection : [...keptSelection, ...selectableIds]);
       }
     }
   )), isCollapsible && /* @__PURE__ */ import_react93.default.createElement(DataList.HeadCell, { align: "left", sticky }), columns.map((column) => {
@@ -8627,6 +8628,7 @@ var DataList2 = ({
       getGroupCheckboxLabel,
       rows,
       groups,
+      statsByNode,
       groupKey: void 0,
       level: 0,
       isLastGroup: true
@@ -8641,7 +8643,7 @@ var DataList2 = ({
         const details = rowDetails?.(row, index, sortedRows);
         const isSelected = selected?.includes(row.id) ?? false;
         const isSelectionDisabled = selectionDisabled(row, index, sortedRows);
-        const isDisabled = disabled?.(row, index, sortedRows);
+        const isDisabled2 = disabled?.(row, index, sortedRows);
         const openPanelId = expandedGroupIds.find((id) => id === row.id.toString()) || null;
         const isLastRow = index === sortedRows.length - 1;
         const content = /* @__PURE__ */ import_react93.default.createElement(
@@ -8664,7 +8666,7 @@ var DataList2 = ({
                 onAction,
                 onMenuOpenChange,
                 menuAriaLabel,
-                disabled: isDisabled
+                disabled: isDisabled2
               }
             ),
             disabled,
@@ -8681,7 +8683,7 @@ var DataList2 = ({
                   "aria-label": getRowSelectionLabel(row2, index2, isSelected, sortedRows),
                   onChange: import_lodash_es30.noop,
                   checked: isSelected,
-                  disabled: isDisabled || isSelectionDisabled
+                  disabled: isDisabled2 || isSelectionDisabled
                 }
               ), isMultiSelectionMode && /* @__PURE__ */ import_react93.default.createElement(
                 Checkbox,
@@ -8689,7 +8691,7 @@ var DataList2 = ({
                   "aria-label": getRowSelectionLabel(row2, index2, isSelected, sortedRows),
                   onChange: getOnSelectionChangeForId(row2.id),
                   checked: isSelected,
-                  disabled: isDisabled || isSelectionDisabled
+                  disabled: isDisabled2 || isSelectionDisabled
                 }
               )), rowDetails !== void 0 && /* @__PURE__ */ import_react93.default.createElement(DataList.Cell, null, details && /* @__PURE__ */ import_react93.default.createElement(Accordion.Toggle, { panelId: row2.id.toString(), onChange: onGroupToggled })));
             },
@@ -8938,13 +8940,13 @@ DataTable.Skeleton = DataListSkeleton;
 var import_react103 = __toESM(require("react"));
 var import_react_aria_components13 = require("react-aria-components");
 var import_label2 = require("@react-aria/label");
-var import_utils27 = require("@react-aria/utils");
+var import_utils25 = require("@react-aria/utils");
 var import_lodash_es33 = require("lodash-es");
 
 // src/molecules/TimeField/TimeField.tsx
 var import_react98 = __toESM(require("react"));
 var import_label = require("@react-aria/label");
-var import_utils25 = require("@react-aria/utils");
+var import_utils23 = require("@react-aria/utils");
 var import_lodash_es32 = require("lodash-es");
 
 // src/atoms/DateField/DateField.tsx
@@ -8975,7 +8977,7 @@ var TimeField = ({ disabled, valid, ...props }) => {
 // src/molecules/TimeField/TimeField.tsx
 function TimeField2(props) {
   const { labelProps, fieldProps } = (0, import_label.useLabel)({ label: props.labelText });
-  const errorMessageId = (0, import_utils25.useId)();
+  const errorMessageId = (0, import_utils23.useId)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const { "data-testid": dataTestId, ...labelControlProps } = getLabelControlProps(props);
   const baseProps = (0, import_lodash_es32.omit)(props, Object.keys(labelControlProps));
@@ -11649,7 +11651,7 @@ var CalendarTimeField = ({ granularity, labelText = "Time", ...props }) => {
 var DatePickerCalendarPropsContext = import_react103.default.createContext(null);
 var DatePickerCalendar = (props) => {
   const ctx = import_react103.default.useContext(DatePickerCalendarPropsContext);
-  const { variant, granularity, errorMessage, presets = [] } = (0, import_utils27.mergeProps)(ctx, props);
+  const { variant, granularity, errorMessage, presets = [] } = (0, import_utils25.mergeProps)(ctx, props);
   const { dialog, calendar, errorMessage: errorMessageStyle } = datePickerCalendarStyles();
   return /* @__PURE__ */ import_react103.default.createElement(Popover, { offset: 0 }, /* @__PURE__ */ import_react103.default.createElement(Dialog, { className: dialog() }, presets.length > 0 && /* @__PURE__ */ import_react103.default.createElement(Presets, null, presets.map((props2) => /* @__PURE__ */ import_react103.default.createElement(Preset, { key: props2.value.toString(), ...props2 }))), /* @__PURE__ */ import_react103.default.createElement(Spacing, { gap: "3", className: "p-5" }, /* @__PURE__ */ import_react103.default.createElement(Calendar, { className: calendar() }), variant === "datetime" && /* @__PURE__ */ import_react103.default.createElement(CalendarTimeField, { granularity }), errorMessage && /* @__PURE__ */ import_react103.default.createElement(import_react_aria_components13.Text, { slot: "errorMessage", className: errorMessageStyle() }, errorMessage))));
 };
@@ -11688,7 +11690,7 @@ var DateTimePickerBase = createDatePickerBase("datetime");
 var createDatePicker = (variant) => {
   const datePicker = (props) => {
     const { labelProps, fieldProps } = (0, import_label2.useLabel)({ "label": props.labelText, "aria-label": props["aria-label"] });
-    const errorMessageId = (0, import_utils27.useId)();
+    const errorMessageId = (0, import_utils25.useId)();
     const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId, "errorMessage": props.helperText ?? props.error } : {};
     const { "data-testid": dataTestId, ...labelControlProps } = getLabelControlProps(props);
     const baseProps = (0, import_lodash_es33.omit)(props, Object.keys(labelControlProps));
@@ -11707,7 +11709,7 @@ var DateTimePicker = createDatePicker("datetime");
 var import_react105 = __toESM(require("react"));
 var import_react_aria_components15 = require("react-aria-components");
 var import_label3 = require("@react-aria/label");
-var import_utils29 = require("@react-aria/utils");
+var import_utils27 = require("@react-aria/utils");
 var import_lodash_es34 = require("lodash-es");
 
 // src/atoms/DatePicker/RangeCalendar.tsx
@@ -11794,7 +11796,7 @@ var RangeCalendarTimeField = ({ granularity, part, ...props }) => {
 var DateRangePickerCalendarPropsContext = import_react105.default.createContext(null);
 var DateRangePickerCalendar = (props) => {
   const ctx = import_react105.default.useContext(DateRangePickerCalendarPropsContext);
-  const { variant, granularity, errorMessage, presets = [] } = (0, import_utils29.mergeProps)(ctx, props);
+  const { variant, granularity, errorMessage, presets = [] } = (0, import_utils27.mergeProps)(ctx, props);
   const { dialog, calendar, errorMessage: errorMessageStyle } = datePickerCalendarStyles();
   return /* @__PURE__ */ import_react105.default.createElement(Popover, { offset: 0 }, /* @__PURE__ */ import_react105.default.createElement(Dialog, { className: dialog() }, presets.length > 0 && /* @__PURE__ */ import_react105.default.createElement(Presets, null, presets.map((props2) => /* @__PURE__ */ import_react105.default.createElement(RangePreset, { key: `${props2.value.start.toString()}-${props2.value.end.toString()}`, ...props2 }))), /* @__PURE__ */ import_react105.default.createElement(Spacing, { gap: "3", className: "p-5" }, /* @__PURE__ */ import_react105.default.createElement(RangeCalendar, { className: calendar() }), variant === "datetime" && /* @__PURE__ */ import_react105.default.createElement(Box.Flex, { gap: "6" }, /* @__PURE__ */ import_react105.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react105.default.createElement(RangeCalendarTimeField, { granularity, part: "start" })), /* @__PURE__ */ import_react105.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react105.default.createElement(RangeCalendarTimeField, { granularity, part: "end" }))), errorMessage && /* @__PURE__ */ import_react105.default.createElement(import_react_aria_components15.Text, { slot: "errorMessage", className: errorMessageStyle() }, errorMessage))));
 };
@@ -11833,7 +11835,7 @@ var DateTimeRangePickerBase = createDateRangePickerBase("datetime");
 var createDateRangePicker = (variant) => {
   const dateRangePicker = (props) => {
     const { labelProps, fieldProps } = (0, import_label3.useLabel)({ "label": props.labelText, "aria-label": props["aria-label"] });
-    const errorMessageId = (0, import_utils29.useId)();
+    const errorMessageId = (0, import_utils27.useId)();
     const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId, "errorMessage": props.helperText ?? props.error } : {};
     const { "data-testid": dataTestId, ...labelControlProps } = getLabelControlProps(props);
     const baseProps = (0, import_lodash_es34.omit)(props, Object.keys(labelControlProps));
@@ -11852,7 +11854,7 @@ var DateTimeRangePicker = createDateRangePicker("datetime");
 var import_react106 = __toESM(require("react"));
 var import_dialog = require("@react-aria/dialog");
 var import_overlays6 = require("@react-aria/overlays");
-var import_utils30 = require("@react-aria/utils");
+var import_utils28 = require("@react-aria/utils");
 var import_overlays7 = require("@react-stately/overlays");
 var import_lodash_es35 = require("lodash-es");
 var Dialog2 = (props) => {
@@ -11867,7 +11869,7 @@ var Dialog2 = (props) => {
   if (!state.isOpen) {
     return null;
   }
-  return /* @__PURE__ */ import_react106.default.createElement(import_overlays6.Overlay, null, /* @__PURE__ */ import_react106.default.createElement(Modal, { className: "Aquarium-Dialog", open: true }, /* @__PURE__ */ import_react106.default.createElement(Modal.BackDrop, { ...underlayProps }), /* @__PURE__ */ import_react106.default.createElement(Modal.Dialog, { ref, size: "sm", isResponsive: false, ...modalProps }, /* @__PURE__ */ import_react106.default.createElement(DialogWrapper, { ...props }))));
+  return /* @__PURE__ */ import_react106.default.createElement(import_overlays6.Overlay, null, /* @__PURE__ */ import_react106.default.createElement(Modal, { className: "Aquarium-Dialog", open: true }, /* @__PURE__ */ import_react106.default.createElement(Modal.BackDrop, { ...underlayProps }), /* @__PURE__ */ import_react106.default.createElement(Modal.Dialog, { ref, size: "sm", isResponsive: false, className: "sm:max-w-[520px]", ...modalProps }, /* @__PURE__ */ import_react106.default.createElement(DialogWrapper, { ...props }))));
 };
 var DialogWrapper = ({
   title,
@@ -11877,8 +11879,8 @@ var DialogWrapper = ({
   secondaryAction
 }) => {
   const ref = import_react106.default.useRef(null);
-  const labelledBy = (0, import_utils30.useId)();
-  const describedBy = (0, import_utils30.useId)();
+  const labelledBy = (0, import_utils28.useId)();
+  const describedBy = (0, import_utils28.useId)();
   const { dialogProps } = (0, import_dialog.useDialog)(
     {
       "role": "alertdialog",
@@ -11887,7 +11889,7 @@ var DialogWrapper = ({
     },
     ref
   );
-  return /* @__PURE__ */ import_react106.default.createElement("div", { ref, ...dialogProps, className: "outline-none" }, /* @__PURE__ */ import_react106.default.createElement(Modal.Header, { className: "icon-stroke-2" }, /* @__PURE__ */ import_react106.default.createElement(Icon, { icon: DIALOG_ICONS_AND_COLORS[type].icon, color: DIALOG_ICONS_AND_COLORS[type].color, fontSize: 20 }), /* @__PURE__ */ import_react106.default.createElement(Modal.Title, { id: labelledBy, variant: "large", color: DIALOG_ICONS_AND_COLORS[type].color }, title)), /* @__PURE__ */ import_react106.default.createElement(Modal.Body, { id: describedBy }, /* @__PURE__ */ import_react106.default.createElement(Typography2.Default, null, children)), /* @__PURE__ */ import_react106.default.createElement(Modal.Footer, null, /* @__PURE__ */ import_react106.default.createElement(Modal.Actions, { className: "gap-4" }, secondaryAction && /* @__PURE__ */ import_react106.default.createElement(Button2.Ghost, { key: secondaryAction.text, ...(0, import_lodash_es35.omit)(secondaryAction, "text") }, secondaryAction.text), /* @__PURE__ */ import_react106.default.createElement(Button2.Secondary, { key: primaryAction.text, ...(0, import_lodash_es35.omit)(primaryAction, "text") }, primaryAction.text))));
+  return /* @__PURE__ */ import_react106.default.createElement("div", { ref, ...dialogProps, className: "outline-none" }, /* @__PURE__ */ import_react106.default.createElement(Modal.Header, { className: "icon-stroke-2 px-6 pr-6" }, /* @__PURE__ */ import_react106.default.createElement(Icon, { icon: DIALOG_ICONS_AND_COLORS[type].icon, color: DIALOG_ICONS_AND_COLORS[type].color, fontSize: 20 }), /* @__PURE__ */ import_react106.default.createElement(Modal.Title, { id: labelledBy, variant: "large", color: "default" }, title)), /* @__PURE__ */ import_react106.default.createElement(Modal.Body, { id: describedBy, contentClassName: "px-6" }, /* @__PURE__ */ import_react106.default.createElement(Typography2.Default, null, children)), /* @__PURE__ */ import_react106.default.createElement(Modal.Footer, { className: "px-6" }, /* @__PURE__ */ import_react106.default.createElement(Modal.Actions, { className: "gap-4" }, secondaryAction && /* @__PURE__ */ import_react106.default.createElement(Button2.Ghost, { key: secondaryAction.text, ...(0, import_lodash_es35.omit)(secondaryAction, "text") }, secondaryAction.text), /* @__PURE__ */ import_react106.default.createElement(Button2.Secondary, { key: primaryAction.text, ...(0, import_lodash_es35.omit)(primaryAction, "text") }, primaryAction.text))));
 };
 
 // src/molecules/Drawer/Drawer.tsx
@@ -12260,7 +12262,7 @@ var import_clsx30 = require("clsx");
 // src/molecules/Popover/Popover.tsx
 var import_react110 = __toESM(require("react"));
 var import_react_aria_components18 = require("react-aria-components");
-var import_utils32 = require("@react-aria/utils");
+var import_utils30 = require("@react-aria/utils");
 var PopoverPropsContext = (0, import_react110.createContext)({});
 var Popover2 = ({ children, onOpenChange: _onOpenChange, onClose, onOpen, ...props }) => {
   const onOpenChange = (isOpen) => {
@@ -12285,7 +12287,7 @@ var CloseToggle = ({ children }) => {
   const ctx = import_react110.default.useContext(import_react_aria_components18.OverlayTriggerStateContext);
   const onClick = ctx?.close;
   const child = import_react110.default.Children.only(children);
-  return import_react110.default.cloneElement(child, { ...(0, import_utils32.mergeProps)(child.props, { onClick }) });
+  return import_react110.default.cloneElement(child, { ...(0, import_utils30.mergeProps)(child.props, { onClick }) });
 };
 CloseToggle.displayName = "Popover.CloseToggle";
 Popover2.CloseToggle = CloseToggle;
@@ -12711,7 +12713,7 @@ var ModalTabs = createTabsComponent(
 
 // src/molecules/MultiInput/MultiInput.tsx
 var import_react119 = __toESM(require("react"));
-var import_utils34 = require("@react-aria/utils");
+var import_utils32 = require("@react-aria/utils");
 var import_lodash_es39 = require("lodash-es");
 
 // src/molecules/MultiInput/InputChip.tsx
@@ -12921,9 +12923,9 @@ var MultiInput = (props) => {
   (0, import_react119.useEffect)(() => {
     setValue(props.value ?? []);
   }, [JSON.stringify(props.value)]);
-  const defaultId = (0, import_utils34.useId)();
+  const defaultId = (0, import_utils32.useId)();
   const id = props.id ?? props.name ?? defaultId;
-  const errorMessageId = (0, import_utils34.useId)();
+  const errorMessageId = (0, import_utils32.useId)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelControlProps = getLabelControlProps(props);
   const baseProps = (0, import_lodash_es39.omit)(props, Object.keys(labelControlProps));
@@ -12962,7 +12964,7 @@ MultiInput.Skeleton.displayName = "MultiInput.Skeleton";
 // src/molecules/MultiSelect/MultiSelect.tsx
 var import_react120 = __toESM(require("react"));
 var import_overlays8 = require("@react-aria/overlays");
-var import_utils35 = require("@react-aria/utils");
+var import_utils33 = require("@react-aria/utils");
 var import_downshift3 = require("downshift");
 var import_lodash_es40 = require("lodash-es");
 var import_match_sorter3 = require("match-sorter");
@@ -13163,9 +13165,9 @@ var MultiSelect = ({
   emptyState,
   ...props
 }) => {
-  const defaultId = (0, import_utils35.useId)();
+  const defaultId = (0, import_utils33.useId)();
   const id = props.id ?? defaultId;
-  const errorMessageId = (0, import_utils35.useId)();
+  const errorMessageId = (0, import_utils33.useId)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelControlProps = getLabelControlProps(props);
   const baseProps = (0, import_lodash_es40.omit)(props, Object.keys(labelControlProps));
@@ -13198,7 +13200,7 @@ MultiSelect.Skeleton.displayName = "MultiSelect.Skeleton";
 
 // src/molecules/NativeSelect/NativeSelect.tsx
 var import_react121 = __toESM(require("react"));
-var import_utils37 = require("@react-aria/utils");
+var import_utils35 = require("@react-aria/utils");
 var import_clsx34 = require("clsx");
 var import_lodash_es41 = require("lodash-es");
 var NativeSelectBase = import_react121.default.forwardRef(
@@ -13246,9 +13248,9 @@ var NativeSelectBase = import_react121.default.forwardRef(
 NativeSelectBase.Skeleton = () => /* @__PURE__ */ import_react121.default.createElement(Skeleton, { height: 38 });
 var NativeSelect = import_react121.default.forwardRef(
   ({ readOnly, ...props }, ref) => {
-    const defaultId = (0, import_utils37.useId)();
+    const defaultId = (0, import_utils35.useId)();
     const id = props.id ?? defaultId;
-    const errorMessageId = (0, import_utils37.useId)();
+    const errorMessageId = (0, import_utils35.useId)();
     const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
     const { "data-testid": dataTestId, ...labelControlProps } = getLabelControlProps(props);
     const baseProps = (0, import_lodash_es41.omit)(props, Object.keys(labelControlProps));
@@ -13300,17 +13302,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]"
@@ -13395,13 +13398,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) => {
@@ -13648,7 +13660,7 @@ RadioButton2.Skeleton.displayName = "RadioButton.Skeleton";
 
 // src/molecules/RadioButtonGroup/RadioButtonGroup.tsx
 var import_react132 = __toESM(require("react"));
-var import_utils38 = require("@react-aria/utils");
+var import_utils36 = require("@react-aria/utils");
 var import_clsx37 = require("clsx");
 var isRadioButton = (c) => {
   return import_react132.default.isValidElement(c) && c.type === RadioButton2;
@@ -13664,7 +13676,7 @@ var RadioButtonGroup = ({
   ...props
 }) => {
   const [value, setValue] = import_react132.default.useState(_value ?? defaultValue ?? "");
-  const errorMessageId = (0, import_utils38.useId)();
+  const errorMessageId = (0, import_utils36.useId)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelControlProps = getLabelControlProps(props);
   if (_value !== void 0 && _value !== value) {
@@ -13710,7 +13722,7 @@ RadioButtonGroup.Skeleton.displayName = "RadioButtonGroup.Skeleton";
 // src/molecules/Section/Section.tsx
 var import_react137 = __toESM(require("react"));
 var import_button4 = require("@react-aria/button");
-var import_utils39 = require("@react-aria/utils");
+var import_utils37 = require("@react-aria/utils");
 var import_web6 = require("@react-spring/web");
 var import_clsx38 = require("clsx");
 var import_lodash_es46 = require("lodash-es");
@@ -13909,9 +13921,9 @@ var Section4 = (props) => {
     onStart: () => isMounted.current && setResting(false),
     onRest: () => isMounted.current && setResting(true)
   });
-  const toggleId = (0, import_utils39.useId)();
-  const regionId = (0, import_utils39.useId)();
-  const titleId = (0, import_utils39.useId)();
+  const toggleId = (0, import_utils37.useId)();
+  const regionId = (0, import_utils37.useId)();
+  const titleId = (0, import_utils37.useId)();
   const hasTabs = isComponentType(children, Tabs);
   const { buttonProps } = (0, import_button4.useButton)(
     { "elementType": "div", "onPress": handleTitleClick, "aria-expanded": !isCollapsed, "aria-controls": regionId },
@@ -14280,7 +14292,7 @@ Stepper2.Step = Step2;
 
 // src/molecules/SwitchGroup/SwitchGroup.tsx
 var import_react141 = __toESM(require("react"));
-var import_utils42 = require("@react-aria/utils");
+var import_utils40 = require("@react-aria/utils");
 var SwitchGroup = ({
   value,
   defaultValue,
@@ -14294,7 +14306,7 @@ var SwitchGroup = ({
   if (value !== void 0 && value !== selectedItems) {
     setSelectedItems(value);
   }
-  const errorMessageId = (0, import_utils42.useId)();
+  const errorMessageId = (0, import_utils40.useId)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelControlProps = getLabelControlProps(props);
   const handleChange = (e) => {
@@ -14327,7 +14339,7 @@ SwitchGroup.Skeleton.displayName = "SwitchGroup.Skeleton";
 
 // src/molecules/Textarea/Textarea.tsx
 var import_react142 = __toESM(require("react"));
-var import_utils44 = require("@react-aria/utils");
+var import_utils42 = require("@react-aria/utils");
 var import_clsx39 = require("clsx");
 var import_lodash_es47 = require("lodash-es");
 var TextareaBase = import_react142.default.forwardRef(
@@ -14344,9 +14356,9 @@ var TextareaBase = import_react142.default.forwardRef(
 TextareaBase.Skeleton = () => /* @__PURE__ */ import_react142.default.createElement(Skeleton, { height: 58 });
 var Textarea = import_react142.default.forwardRef((props, ref) => {
   const [value, setValue] = (0, import_react142.useState)(props.value ?? props.defaultValue ?? "");
-  const defaultId = (0, import_utils44.useId)();
+  const defaultId = (0, import_utils42.useId)();
   const id = props.id ?? defaultId;
-  const errorMessageId = (0, import_utils44.useId)();
+  const errorMessageId = (0, import_utils42.useId)();
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const { "data-testid": dataTestId, ...labelControlProps } = getLabelControlProps(props);
   const baseProps = (0, import_lodash_es47.omit)(props, Object.keys(labelControlProps));
@@ -14455,11 +14467,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) => {