@easypost/easy-ui 1.0.0-alpha.112 → 1.0.0-alpha.113

package/DataGrid/index.mjs

@@ -65,15 +65,16 @@ var __yieldStar = (value) => {
     throw x;
   }, "return" in obj && method("return"), it;
 };
+import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
 import React__default, { useMemo, useRef, useEffect, useState, useCallback, forwardRef, createContext, useContext, useLayoutEffect } from "react";
-import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { M as Menu } from "../__chunks__/Menu-DHwqwFlg.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
-import { K as KebabButton } from "../__chunks__/KebabButton-Bf1OdC5_.mjs";
+import { I as Icon } from "../__chunks__/Icon-DzTns8u5.mjs";
+import { M as Menu } from "../__chunks__/Menu-C2F4fvhd.mjs";
+import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
+import { K as KebabButton } from "../__chunks__/KebabButton-DSK0ISAn.mjs";
 import { classNames, variationName, getComponentToken } from "../utilities/css.mjs";
 import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-Cw67P1FM.mjs";
 import { A as ArrowForwardIos } from "../__chunks__/ArrowForwardIos-DSeLeLhY.mjs";
-import { C as Checkbox } from "../__chunks__/Checkbox-BWfY9XqH.mjs";
+import { C as Checkbox } from "../__chunks__/Checkbox-C-NlI-Ym.mjs";
 import { g as $507fabe10e71c6fb$export$b9b3dfddab17db27, H as $f4e2df6bd15f8569$export$1b00cb14a96194e6, t as $c87311424ea30a05$export$a11b0059900ceec8, G as $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 } from "../__chunks__/useFocusVisible-DDvp2PwR.mjs";
 import { $ as $3ad3f6e1647bc98d$export$80f3e147d781571c } from "../__chunks__/focusSafely-CeJM_lIS.mjs";
 import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../__chunks__/FocusScope-B_FktBGw.mjs";
@@ -89,9 +90,9 @@ import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "../__chunks__/us
 import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../__chunks__/VisuallyHidden-BrpRPZGD.mjs";
 import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, c as $c5a24bc478652b5f$export$1005530eda016c13, d as $c5a24bc478652b5f$export$7475b2c64539e4cf, e as $c5a24bc478652b5f$export$fbdeaa6a76694f71, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, a as $7613b1592d41b092$export$6cd28814d92fa9c9, f as $c5a24bc478652b5f$export$5f3398f8733f90e2 } from "../__chunks__/SelectionManager-QKdFux5L.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-FWU5y5-k.mjs";
-import { u as useEdgeInterceptors } from "../__chunks__/useEdgeInterceptors-D_DARZZd.mjs";
+import { u as useEdgeInterceptors } from "../__chunks__/useEdgeInterceptors-BBmo6MI4.mjs";
 import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "../__chunks__/useResizeObserver-NbpgP2Md.mjs";
-import { S as Spinner } from "../__chunks__/Spinner-DOmPV59I.mjs";
+import { S as Spinner } from "../__chunks__/Spinner-2PFCOK3I.mjs";
 import { c as $657e4dc4a6e88df0$export$8f5ed9ff9f511381 } from "../__chunks__/useSelectableList-CQpiui2v.mjs";
 import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "../__chunks__/LiveAnnouncer-BSV5-C0m.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-eGTqWSTd.mjs";
@@ -2161,7 +2162,7 @@ const styles$8 = {
 };
 const UnstyledPressButton = forwardRef((props, ref) => {
   const { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21(props);
-  return React__default.createElement("button", __spreadProps(__spreadValues({}, pressProps), {
+  return jsxRuntimeExports.jsx("button", __spreadProps(__spreadValues({}, pressProps), {
     ref,
     className: classNames(styles$8.UnstyledPressButton, pressProps.className)
   }));
@@ -2189,15 +2190,14 @@ const styles$7 = {
   ActionsCellContent: ActionsCellContent$1
 };
 function ActionsCellContent({ rowActions }) {
-  return React__default.createElement("span", {
-    className: styles$7.ActionsCellContent
-  }, rowActions.map((rowAction, i) => rowAction.type === "menu" ? React__default.createElement(MenuRowAction, {
-    key: i,
-    rowAction
-  }) : React__default.createElement(ActionRowAction, {
-    key: i,
-    rowAction
-  })));
+  return jsxRuntimeExports.jsx("span", {
+    className: styles$7.ActionsCellContent,
+    children: rowActions.map((rowAction, i) => rowAction.type === "menu" ? jsxRuntimeExports.jsx(MenuRowAction, {
+      rowAction
+    }, i) : jsxRuntimeExports.jsx(ActionRowAction, {
+      rowAction
+    }, i))
+  });
 }
 function MenuRowAction({ rowAction }) {
   const { accessibilityLabel = "Actions" } = rowAction;
@@ -2209,26 +2209,31 @@ function MenuRowAction({ rowAction }) {
   const handleOpenChange = useCallback((isOpen2) => {
     setIsOpen(isOpen2);
   }, []);
-  return React__default.createElement(Menu, {
+  return jsxRuntimeExports.jsxs(Menu, {
     isOpen,
-    onOpenChange: handleOpenChange
-  }, React__default.createElement(Menu.Trigger, null, React__default.createElement(KebabButton, {
-    onPress: handleClick,
-    accessibilityLabel
-  })), rowAction.renderMenuOverlay());
+    onOpenChange: handleOpenChange,
+    children: [jsxRuntimeExports.jsx(Menu.Trigger, {
+      children: jsxRuntimeExports.jsx(KebabButton, {
+        onPress: handleClick,
+        accessibilityLabel
+      })
+    }), rowAction.renderMenuOverlay()]
+  });
 }
 function ActionRowAction({ rowAction }) {
   const { onAction } = rowAction;
   const handleClick = useCallback(() => {
     onAction();
   }, [onAction]);
-  return React__default.createElement(UnstyledPressButton, {
-    onPress: handleClick
-  }, React__default.createElement(Text, {
-    visuallyHidden: true
-  }, rowAction.accessibilityLabel), React__default.createElement(Icon, {
-    symbol: rowAction.iconSymbol
-  }));
+  return jsxRuntimeExports.jsxs(UnstyledPressButton, {
+    onPress: handleClick,
+    children: [jsxRuntimeExports.jsx(Text, {
+      visuallyHidden: true,
+      children: rowAction.accessibilityLabel
+    }), jsxRuntimeExports.jsx(Icon, {
+      symbol: rowAction.iconSymbol
+    })]
+  });
 }
 const button = "_button_2dhvf_4";
 const expanded$2 = "_expanded_2dhvf_22";
@@ -2241,16 +2246,18 @@ function ExpandCellContent({ isExpanded, toggleExpanded }) {
     toggleExpanded();
   }, [toggleExpanded]);
   const className = classNames(styles$6.button, isExpanded && styles$6.expanded);
-  return React__default.createElement(UnstyledPressButton, {
+  return jsxRuntimeExports.jsxs(UnstyledPressButton, {
     onPress: handleClick,
     className,
-    "aria-expanded": isExpanded
-  }, React__default.createElement(Text, {
-    visuallyHidden: true
-  }, "Expand"), React__default.createElement(Icon, {
-    symbol: ArrowForwardIos,
-    size: "xs"
-  }));
+    "aria-expanded": isExpanded,
+    children: [jsxRuntimeExports.jsx(Text, {
+      visuallyHidden: true,
+      children: "Expand"
+    }), jsxRuntimeExports.jsx(Icon, {
+      symbol: ArrowForwardIos,
+      size: "xs"
+    })]
+  });
 }
 const Cell$1 = "_Cell_mlbdo_4";
 const content$1 = "_content_mlbdo_13";
@@ -2297,41 +2304,48 @@ function Cell({ cell, state }) {
   const hasLeftShadow = hasActionsAtEnd && table2.isRightEdgeUnderScroll && cell.index === state.collection.columnCount - 1;
   const className = classNames(styles$5.Cell, isFocusVisible && styles$5.focused, row.isExpanded && styles$5.expanded, row.isFocusVisible && styles$5.rowFocused, hasRightShadow && styles$5[variationName("shadow", "right")], hasLeftShadow && styles$5[variationName("shadow", "left")], cell.index === 0 && styles$5.first, hasActionsAtStart && cell.index === 0 && styles$5.firstWithActions, hasActionsAtStart && cell.index === 1 && styles$5.secondWithActions, cell.index === state.collection.columnCount - 1 && styles$5.last, hasActionsAtEnd && cell.index === state.collection.columnCount - 1 && styles$5.lastWithActions, hasActionsAtEnd && cell.index === state.collection.columnCount - 2 && styles$5.secondToLastWithActions, row.index === 0 && styles$5.firstRow, row.index === state.collection.size - 1 && styles$5.lastRow);
   const CellContentComponent = cell.props.isSelectionCell ? SelectCellContent : DefaultCellContent;
-  return React__default.createElement("td", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(gridCellProps, focusProps)), {
+  return jsxRuntimeExports.jsx("td", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(gridCellProps, focusProps)), {
     ref,
-    className
-  }), React__default.createElement("div", {
-    className: styles$5.content
-  }, React__default.createElement(CellContentComponent, {
-    cell,
-    state
-  }), React__default.createElement("div", {
-    "data-ezui-data-grid-shadow": true
-  })));
+    className,
+    children: jsxRuntimeExports.jsxs("div", {
+      className: styles$5.content,
+      children: [jsxRuntimeExports.jsx(CellContentComponent, {
+        cell,
+        state
+      }), jsxRuntimeExports.jsx("div", {
+        "data-ezui-data-grid-shadow": true
+      })]
+    })
+  }));
 }
 function DefaultCellContent({ cell }) {
-  return React__default.createElement(React__default.Fragment, null, cell.rendered);
+  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+    children: cell.rendered
+  });
 }
 function SelectCellContent({ cell, state }) {
   const { checkboxProps } = $2a795c53a101c542$export$16ea7f650bd7c1bb({
     key: cell.parentKey
   }, state);
-  return React__default.createElement(Checkbox, __spreadValues({}, checkboxProps));
+  return jsxRuntimeExports.jsx(Checkbox, __spreadValues({}, checkboxProps));
 }
 function StaticCell({ children, colSpan }) {
   const className = classNames(styles$5.Cell, styles$5.static);
-  return React__default.createElement("td", {
+  return jsxRuntimeExports.jsx("td", {
     role: "gridcell",
     className,
-    colSpan
-  }, React__default.createElement("div", {
-    className: styles$5.content
-  }, React__default.createElement(Text, {
-    variant: "subtitle2",
-    color: "neutral.500"
-  }, children), React__default.createElement("div", {
-    "data-ezui-data-grid-shadow": true
-  })));
+    colSpan,
+    children: jsxRuntimeExports.jsxs("div", {
+      className: styles$5.content,
+      children: [jsxRuntimeExports.jsx(Text, {
+        variant: "subtitle2",
+        color: "neutral.500",
+        children
+      }), jsxRuntimeExports.jsx("div", {
+        "data-ezui-data-grid-shadow": true
+      })]
+    })
+  });
 }
 const SortIndicator$1 = "_SortIndicator_19d3w_4";
 const arrow = "_arrow_19d3w_9";
@@ -2345,28 +2359,31 @@ const styles$4 = {
 };
 function SortIndicator({ sortDirection }) {
   const { headerVariant } = useDataGridTable();
-  return React__default.createElement("span", {
+  return jsxRuntimeExports.jsx("span", {
     "aria-hidden": "true",
-    className: classNames(styles$4.SortIndicator, sortDirection && styles$4.sorted, headerVariant && styles$4[variationName("onHeader", headerVariant)])
-  }, React__default.createElement(Arrow, {
-    className: styles$4.arrow,
-    style: {
-      transform: sortDirection === "ascending" ? "scaleY(-1)" : "scaleY(1)"
-    }
-  }));
+    className: classNames(styles$4.SortIndicator, sortDirection && styles$4.sorted, headerVariant && styles$4[variationName("onHeader", headerVariant)]),
+    children: jsxRuntimeExports.jsx(Arrow, {
+      className: styles$4.arrow,
+      style: {
+        transform: sortDirection === "ascending" ? "scaleY(-1)" : "scaleY(1)"
+      }
+    })
+  });
 }
 function Arrow(props) {
-  return React__default.createElement("svg", __spreadValues({
+  return jsxRuntimeExports.jsx("svg", __spreadProps(__spreadValues({
     width: "12",
     height: "8",
     viewBox: "0 0 12 8",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), React__default.createElement("path", {
-    fill: "currentColor",
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 0.344238L0 0.344238L6 7.561L12 0.344238Z"
+  }, props), {
+    children: jsxRuntimeExports.jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 0.344238L0 0.344238L6 7.561L12 0.344238Z"
+    })
   }));
 }
 const ColumnHeader$1 = "_ColumnHeader_1le2g_4";
@@ -2411,34 +2428,40 @@ function ColumnHeader({ column, state }) {
   const className = classNames(styles$3.ColumnHeader, isFocusVisible && styles$3.focused, column.props.allowsSorting && styles$3.allowsSorting, hasRightShadow && styles$3[variationName("shadow", "right")], hasLeftShadow && styles$3[variationName("shadow", "left")], table2.isTopEdgeUnderScroll && styles$3[variationName("shadow", "bottom")], column.index === 0 && styles$3.first, hasActionsAtStart && column.index === 0 && styles$3.firstWithActions, hasActionsAtStart && column.index === 1 && styles$3.secondWithActions, column.index === state.collection.columnCount - 1 && styles$3.last, hasActionsAtEnd && column.index === state.collection.columnCount - 1 && styles$3.lastWithActions, hasActionsAtEnd && column.index === state.collection.columnCount - 2 && styles$3.secondToLastWithActions);
   const contentClassName = classNames(styles$3.content, column.props.allowsSorting && styles$3.allowsSorting);
   const ColumnHeaderContentComponent = column.props.isSelectionCell ? SelectAllColumnHeaderContent : DefaultColumnHeaderContent;
-  return React__default.createElement("td", __spreadProps(__spreadValues({
+  return jsxRuntimeExports.jsx("td", __spreadProps(__spreadValues({
     ref
   }, $3ef42575df84b30b$export$9d1611c77c2fe928(columnHeaderProps, focusProps)), {
     className,
-    "data-ezui-data-grid-column-header": "true"
-  }), React__default.createElement("div", {
-    className: contentClassName
-  }, React__default.createElement(ColumnHeaderContentComponent, {
-    column,
-    state
-  }), React__default.createElement("div", {
-    "data-ezui-data-grid-shadow": "bottom"
-  }), React__default.createElement("div", {
-    "data-ezui-data-grid-shadow": "side"
-  })));
+    "data-ezui-data-grid-column-header": "true",
+    children: jsxRuntimeExports.jsxs("div", {
+      className: contentClassName,
+      children: [jsxRuntimeExports.jsx(ColumnHeaderContentComponent, {
+        column,
+        state
+      }), jsxRuntimeExports.jsx("div", {
+        "data-ezui-data-grid-shadow": "bottom"
+      }), jsxRuntimeExports.jsx("div", {
+        "data-ezui-data-grid-shadow": "side"
+      })]
+    })
+  }));
 }
 function DefaultColumnHeaderContent({ column, state }) {
   var _a, _b;
-  return React__default.createElement(React__default.Fragment, null, column.rendered, column.props.allowsSorting && React__default.createElement(SortIndicator, {
-    sortDirection: ((_a = state.sortDescriptor) == null ? void 0 : _a.column) === column.key ? (_b = state.sortDescriptor) == null ? void 0 : _b.direction : void 0
-  }));
+  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+    children: [column.rendered, column.props.allowsSorting && jsxRuntimeExports.jsx(SortIndicator, {
+      sortDirection: ((_a = state.sortDescriptor) == null ? void 0 : _a.column) === column.key ? (_b = state.sortDescriptor) == null ? void 0 : _b.direction : void 0
+    })]
+  });
 }
 function SelectAllColumnHeaderContent({ state }) {
   const { checkboxProps } = $2a795c53a101c542$export$1003db6a7e384b99(state);
   if (state.selectionManager.selectionMode === "single") {
-    return React__default.createElement($5c3e21d68f1c4674$export$439d29a4e110a164, null, checkboxProps["aria-label"]);
+    return jsxRuntimeExports.jsx($5c3e21d68f1c4674$export$439d29a4e110a164, {
+      children: checkboxProps["aria-label"]
+    });
   }
-  return React__default.createElement(Checkbox, __spreadValues({}, checkboxProps));
+  return jsxRuntimeExports.jsx(Checkbox, __spreadValues({}, checkboxProps));
 }
 const ExpandedRowContent$1 = "_ExpandedRowContent_180oy_4";
 const inner = "_inner_180oy_16";
@@ -2447,12 +2470,14 @@ const styles$2 = {
   inner
 };
 function ExpandedRowContent({ children }) {
-  return React__default.createElement("div", {
+  return jsxRuntimeExports.jsx("div", {
     className: classNames(styles$2.ExpandedRowContent),
-    "data-ezui-data-grid-expanded-row-content": "active"
-  }, React__default.createElement("div", {
-    className: classNames(styles$2.inner)
-  }, children));
+    "data-ezui-data-grid-expanded-row-content": "active",
+    children: jsxRuntimeExports.jsx("div", {
+      className: classNames(styles$2.inner),
+      children
+    })
+  });
 }
 const Row$1 = "_Row_oip0t_4";
 const noUserSelection = "_noUserSelection_oip0t_10";
@@ -2471,10 +2496,11 @@ function HeaderRow({ item, state, children }) {
   const { rowProps } = $f917ee10f4c32dab$export$1b95a7d2d517b841({
     node: item
   }, state);
-  return React__default.createElement("tr", __spreadProps(__spreadValues({}, rowProps), {
+  return jsxRuntimeExports.jsx("tr", __spreadProps(__spreadValues({}, rowProps), {
     ref,
-    className: styles$1.Row
-  }), children);
+    className: styles$1.Row,
+    children
+  }));
 }
 const EXPAND_COLUMN_KEY = "__ezui-column-key-expand__";
 const ACTIONS_COLUMN_KEY = "__ezui-column-key-actions__";
@@ -2512,21 +2538,24 @@ function Row({ item, children, state, isExpanded }) {
     };
   }, [isExpanded, isFocusVisible, removeHover, rowIndex]);
   const className = classNames(styles$1.Row, isExpanded && styles$1.expanded, isHovered && styles$1.hovered, isFocusVisible && styles$1.focused, isSelected && styles$1.selected, isPressed && styles$1.pressed, isDisabled && styles$1.disabled, (hasSelection || hasOnRowAction) && styles$1.noUserSelection);
-  return React__default.createElement(DataGridRowContext.Provider, {
-    value: context
-  }, React__default.createElement("tr", __spreadProps(__spreadValues({
-    ref
-  }, $3ef42575df84b30b$export$9d1611c77c2fe928(rowProps, focusProps, hoverProps)), {
-    className,
-    "data-ezui-data-grid-expanded-row": isPendingExpanded,
-    "data-ezui-data-grid-row": "true"
-  }), children));
+  return jsxRuntimeExports.jsx(DataGridRowContext.Provider, {
+    value: context,
+    children: jsxRuntimeExports.jsx("tr", __spreadProps(__spreadValues({
+      ref
+    }, $3ef42575df84b30b$export$9d1611c77c2fe928(rowProps, focusProps, hoverProps)), {
+      className,
+      "data-ezui-data-grid-expanded-row": isPendingExpanded,
+      "data-ezui-data-grid-row": "true",
+      children
+    }))
+  });
 }
 function StaticRow({ children }) {
-  return React__default.createElement("tr", {
+  return jsxRuntimeExports.jsx("tr", {
     role: "row",
-    className: styles$1.Row
-  }, children);
+    className: styles$1.Row,
+    children
+  });
 }
 const DataGrid$1 = "_DataGrid_en1kq_4";
 const sizeSm = "_sizeSm_en1kq_40";
@@ -2550,9 +2579,10 @@ const styles = {
 };
 function RowGroup({ as: As = "div", children }) {
   const { rowGroupProps } = $0047e6c294ea075f$export$6fb1613bd7b28198();
-  return React__default.createElement(As, __spreadProps(__spreadValues({}, rowGroupProps), {
-    className: styles.contents
-  }), children);
+  return jsxRuntimeExports.jsx(As, __spreadProps(__spreadValues({}, rowGroupProps), {
+    className: styles.contents,
+    children
+  }));
 }
 function useExpandedRow({ containerRef, state }) {
   const [expandedRowRect, setExpandedRowRect] = useState(null);
@@ -2645,52 +2675,64 @@ function Table(props) {
       isRightEdgeUnderScroll
     };
   }, [headerVariant, hasSelection, hasExpansion, hasRowActions, hasOnRowAction, isTopEdgeUnderScroll, isLeftEdgeUnderScroll, isRightEdgeUnderScroll]);
-  return React__default.createElement(DataGridTableContext.Provider, {
-    value: context
-  }, React__default.createElement("div", {
-    ref: outerContainerRef,
-    className: dataGridClassName,
-    style
-  }, React__default.createElement("div", {
-    ref: innerContainerRef,
-    className: styles.innerContainer
-  }, React__default.createElement("table", __spreadProps(__spreadValues({}, gridProps), {
-    ref: tableRef,
-    className: tableClassName
-  }), React__default.createElement(RowGroup, {
-    as: "thead"
-  }, collection.headerRows.map((headerRow) => React__default.createElement(HeaderRow, {
-    key: headerRow.key,
-    item: headerRow,
-    state
-  }, [...headerRow.childNodes].map((column) => React__default.createElement(ColumnHeader, {
-    key: column.key,
-    column,
-    state
-  }))))), React__default.createElement(RowGroup, {
-    as: "tbody"
-  }, collection.size === 0 || isLoading ? React__default.createElement(StaticRow, null, React__default.createElement(StaticCell, {
-    colSpan: collection.columnCount
-  }, isLoading ? React__default.createElement(Spinner, {
-    isIndeterminate: true,
-    size: "sm"
-  }, "Loading..") : renderEmptyState())) : [...collection.body.childNodes].map((row) => React__default.createElement(Row, {
-    key: row.key,
-    item: row,
-    state,
-    isExpanded: expandedRow ? expandedRow.key === row.key : false
-  }, [...row.childNodes].map((cell) => React__default.createElement(Cell, {
-    key: cell.key,
-    cell,
-    state
-  })))))), expandedRow && React__default.createElement(ExpandedRowContent, null, renderExpandedRow(expandedRow.key)), renderInterceptors())));
+  return jsxRuntimeExports.jsx(DataGridTableContext.Provider, {
+    value: context,
+    children: jsxRuntimeExports.jsx("div", {
+      ref: outerContainerRef,
+      className: dataGridClassName,
+      style,
+      children: jsxRuntimeExports.jsxs("div", {
+        ref: innerContainerRef,
+        className: styles.innerContainer,
+        children: [jsxRuntimeExports.jsxs("table", __spreadProps(__spreadValues({}, gridProps), {
+          ref: tableRef,
+          className: tableClassName,
+          children: [jsxRuntimeExports.jsx(RowGroup, {
+            as: "thead",
+            children: collection.headerRows.map((headerRow) => jsxRuntimeExports.jsx(HeaderRow, {
+              item: headerRow,
+              state,
+              children: [...headerRow.childNodes].map((column) => jsxRuntimeExports.jsx(ColumnHeader, {
+                column,
+                state
+              }, column.key))
+            }, headerRow.key))
+          }), jsxRuntimeExports.jsx(RowGroup, {
+            as: "tbody",
+            children: collection.size === 0 || isLoading ? jsxRuntimeExports.jsx(StaticRow, {
+              children: jsxRuntimeExports.jsx(StaticCell, {
+                colSpan: collection.columnCount,
+                children: isLoading ? jsxRuntimeExports.jsx(Spinner, {
+                  isIndeterminate: true,
+                  size: "sm",
+                  children: "Loading.."
+                }) : renderEmptyState()
+              })
+            }) : [...collection.body.childNodes].map((row) => jsxRuntimeExports.jsx(Row, {
+              item: row,
+              state,
+              isExpanded: expandedRow ? expandedRow.key === row.key : false,
+              children: [...row.childNodes].map((cell) => jsxRuntimeExports.jsx(Cell, {
+                cell,
+                state
+              }, cell.key))
+            }, row.key))
+          })]
+        })), expandedRow && jsxRuntimeExports.jsx(ExpandedRowContent, {
+          children: renderExpandedRow(expandedRow.key)
+        }), renderInterceptors()]
+      })
+    })
+  });
 }
 function VisuallyHiddenCellContent({ children }) {
-  return React__default.createElement("span", {
-    className: styles.visuallyHiddenCellContainer
-  }, React__default.createElement(Text, {
-    visuallyHidden: true
-  }, children));
+  return jsxRuntimeExports.jsx("span", {
+    className: styles.visuallyHiddenCellContainer,
+    children: jsxRuntimeExports.jsx(Text, {
+      visuallyHidden: true,
+      children
+    })
+  });
 }
 function DataGrid(props) {
   const { columns: unprocessedColumns, columnKeysAllowingSort = [], defaultExpandedKey, expandedKey: expandedKeyFromUser, onExpandedChange = () => {
@@ -2726,21 +2768,35 @@ function DataGrid(props) {
       setExpandedKey
     };
   }, [expandedKey]);
-  return React__default.createElement(DataGridContext.Provider, {
-    value: context
-  }, React__default.createElement(Table, __spreadValues({}, props), React__default.createElement($312ae3b56a94a86e$export$f850895b287ef28e, {
-    columns
-  }, (column) => React__default.createElement($1cd244557c2f97d5$export$816b5d811295e6bc, {
-    isRowHeader: column.key === rowHeaderColumnKey,
-    allowsSorting: column.key === EXPAND_COLUMN_KEY || column.key === ACTIONS_COLUMN_KEY ? false : columnKeysAllowingSort.includes(column.key)
-  }, column.key === EXPAND_COLUMN_KEY ? React__default.createElement(VisuallyHiddenCellContent, null, "Expand row") : column.key === ACTIONS_COLUMN_KEY ? React__default.createElement(VisuallyHiddenCellContent, null, "Row actions") : renderColumnCell(column))), React__default.createElement($4ae5314bf50db1a3$export$76ccd210b9029917, {
-    items: rows
-  }, (row) => React__default.createElement($70d70eb16ea48428$export$b59bdbef9ce70de2, null, (columnKey) => React__default.createElement($941d1d9a6a28982a$export$f6f0c3fe4ec306ea, null, columnKey === EXPAND_COLUMN_KEY ? React__default.createElement(ExpandCellContent, {
-    isExpanded: row.key === expandedKey,
-    toggleExpanded: () => toggleExpandedRow(row.key)
-  }) : columnKey === ACTIONS_COLUMN_KEY && rowActions ? React__default.createElement(ActionsCellContent, {
-    rowActions: rowActions(row.key)
-  }) : renderRowCell(row[columnKey], columnKey, row))))));
+  return jsxRuntimeExports.jsx(DataGridContext.Provider, {
+    value: context,
+    children: jsxRuntimeExports.jsxs(Table, __spreadProps(__spreadValues({}, props), {
+      children: [jsxRuntimeExports.jsx($312ae3b56a94a86e$export$f850895b287ef28e, {
+        columns,
+        children: (column) => jsxRuntimeExports.jsx($1cd244557c2f97d5$export$816b5d811295e6bc, {
+          isRowHeader: column.key === rowHeaderColumnKey,
+          allowsSorting: column.key === EXPAND_COLUMN_KEY || column.key === ACTIONS_COLUMN_KEY ? false : columnKeysAllowingSort.includes(column.key),
+          children: column.key === EXPAND_COLUMN_KEY ? jsxRuntimeExports.jsx(VisuallyHiddenCellContent, {
+            children: "Expand row"
+          }) : column.key === ACTIONS_COLUMN_KEY ? jsxRuntimeExports.jsx(VisuallyHiddenCellContent, {
+            children: "Row actions"
+          }) : renderColumnCell(column)
+        })
+      }), jsxRuntimeExports.jsx($4ae5314bf50db1a3$export$76ccd210b9029917, {
+        items: rows,
+        children: (row) => jsxRuntimeExports.jsx($70d70eb16ea48428$export$b59bdbef9ce70de2, {
+          children: (columnKey) => jsxRuntimeExports.jsx($941d1d9a6a28982a$export$f6f0c3fe4ec306ea, {
+            children: columnKey === EXPAND_COLUMN_KEY ? jsxRuntimeExports.jsx(ExpandCellContent, {
+              isExpanded: row.key === expandedKey,
+              toggleExpanded: () => toggleExpandedRow(row.key)
+            }) : columnKey === ACTIONS_COLUMN_KEY && rowActions ? jsxRuntimeExports.jsx(ActionsCellContent, {
+              rowActions: rowActions(row.key)
+            }) : renderRowCell(row[columnKey], columnKey, row)
+          })
+        })
+      })]
+    }))
+  });
 }
 function useProcessedColumns(props) {
   const { renderExpandedRow, columns, rowActions } = props;

package/DatePicker/index.js

@@ -19,10 +19,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
 const React = require("react");
-const DatePickerBase = require("../__chunks__/DatePickerBase-DSPIErms.js");
-const Calendar = require("../__chunks__/Calendar-D09mdpmC.js");
-const CalendarBase = require("../__chunks__/CalendarBase-DHxad3N9.js");
+const DatePickerBase = require("../__chunks__/DatePickerBase-XoRply_u.js");
+const Calendar = require("../__chunks__/Calendar-BEbdigVB.js");
+const CalendarBase = require("../__chunks__/CalendarBase-Bx8bdXeT.js");
 const useFormValidation = require("../__chunks__/useFormValidation-joghLMcB.js");
 const Overlay = require("../__chunks__/Overlay-BNP_t3v4.js");
 const useControlledState = require("../__chunks__/useControlledState-CcM4H_K0.js");
@@ -282,16 +283,17 @@ function DatePicker(props) {
   const overlayProps = {
     dialogProps
   };
-  return React.createElement(DatePickerBase.DatePickerBase, {
+  return jsxRuntime.jsxRuntimeExports.jsx(DatePickerBase.DatePickerBase, {
     labelProps,
     triggerProps,
     overlayProps,
     state,
     label,
-    "aria-label": ariaLabel
-  }, React.createElement(Calendar.Calendar, __spreadProps(__spreadValues({}, calendarProps), {
-    isInvalid: false
-  })));
+    "aria-label": ariaLabel,
+    children: jsxRuntime.jsxRuntimeExports.jsx(Calendar.Calendar, __spreadProps(__spreadValues({}, calendarProps), {
+      isInvalid: false
+    }))
+  });
 }
 DatePicker.displayName = "DatePicker";
 exports.DatePicker = DatePicker;

package/DatePicker/index.mjs

@@ -17,10 +17,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
 import React__default, { useState, useMemo, useRef } from "react";
-import { $ as $35a22f14a1f04b11$export$2440da353cedad43, h as $35a22f14a1f04b11$export$f18627323ab57ac0, b as $35a22f14a1f04b11$export$7e319ea407e63bc0, c as $35a22f14a1f04b11$export$c5221a78ef73c5e9, d as $3dfb0f96be0d6a08$export$4a931266a3838b86, f as $16f0b7bb276bc17e$export$300019f83c56d282, e as $dfb4eba373ed9493$exports, D as DatePickerBase } from "../__chunks__/DatePickerBase-CFB0JDQA.mjs";
-import { C as Calendar } from "../__chunks__/Calendar-BGZysoV0.mjs";
-import { m as $fb18d541ea1ad717$export$ad991b66133851cf, n as $11d87f3f76e88657$export$b21e0b124e224484, d as $11d87f3f76e88657$export$93522d1a439f3617 } from "../__chunks__/CalendarBase-Bn9o8BdD.mjs";
+import { $ as $35a22f14a1f04b11$export$2440da353cedad43, h as $35a22f14a1f04b11$export$f18627323ab57ac0, b as $35a22f14a1f04b11$export$7e319ea407e63bc0, c as $35a22f14a1f04b11$export$c5221a78ef73c5e9, d as $3dfb0f96be0d6a08$export$4a931266a3838b86, f as $16f0b7bb276bc17e$export$300019f83c56d282, e as $dfb4eba373ed9493$exports, D as DatePickerBase } from "../__chunks__/DatePickerBase-C4PwUr9x.mjs";
+import { C as Calendar } from "../__chunks__/Calendar-BOxw8lwX.mjs";
+import { m as $fb18d541ea1ad717$export$ad991b66133851cf, n as $11d87f3f76e88657$export$b21e0b124e224484, d as $11d87f3f76e88657$export$93522d1a439f3617 } from "../__chunks__/CalendarBase-3a9i7QNo.mjs";
 import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../__chunks__/useFormValidation-Bdyc51B-.mjs";
 import { a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-Dkjxuk6V.mjs";
 import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/useControlledState-BPR3PrW4.mjs";
@@ -280,16 +281,17 @@ function DatePicker(props) {
   const overlayProps = {
     dialogProps
   };
-  return React__default.createElement(DatePickerBase, {
+  return jsxRuntimeExports.jsx(DatePickerBase, {
     labelProps,
     triggerProps,
     overlayProps,
     state,
     label,
-    "aria-label": ariaLabel
-  }, React__default.createElement(Calendar, __spreadProps(__spreadValues({}, calendarProps), {
-    isInvalid: false
-  })));
+    "aria-label": ariaLabel,
+    children: jsxRuntimeExports.jsx(Calendar, __spreadProps(__spreadValues({}, calendarProps), {
+      isInvalid: false
+    }))
+  });
 }
 DatePicker.displayName = "DatePicker";
 export {