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

package/CustomerPortalLayout/index.mjs

@@ -29,15 +29,15 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useState, useCallback, forwardRef, useRef, useContext, useMemo } from "react";
-import { E as EasyPostLogo } from "../__chunks__/EasyPostLogo-tf6CCEAq.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-BkE82C73.mjs";
-import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
-import { I as Icon } from "../__chunks__/Icon-DzTns8u5.mjs";
+import { E as EasyPostLogo } from "../__chunks__/EasyPostLogo-DgIgAGa3.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
 import { a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-B4DxcTvZ.mjs";
-import { M as Menu } from "../__chunks__/Menu-C2F4fvhd.mjs";
+import { M as Menu } from "../__chunks__/Menu-Ci1FGh8B.mjs";
 import { classNames } from "../utilities/css.mjs";
 import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-BWKhJSvH.mjs";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-COnPag8r.mjs";
@@ -99,7 +99,7 @@ const styles$1 = {
 };
 function CustomerPortalLayoutActions(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx(HorizontalStack, {
+  return jsx(HorizontalStack, {
     wrap: false,
     gap: "1",
     align: "end",
@@ -115,19 +115,19 @@ function CustomerPortalLayoutMenuAction(props) {
   const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f({});
   const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({});
   const className = classNames(styles$1.button, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isOpen && styles$1.open);
-  return jsxRuntimeExports.jsxs(Menu, {
+  return jsxs(Menu, {
     isOpen,
     onOpenChange: handleOpenChange,
-    children: [jsxRuntimeExports.jsx(Menu.Trigger, {
-      children: jsxRuntimeExports.jsxs(PressableButton, __spreadProps(__spreadValues({
+    children: [jsx(Menu.Trigger, {
+      children: jsxs(PressableButton, __spreadProps(__spreadValues({
         className
       }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), {
-        children: [jsxRuntimeExports.jsx(Text, {
+        children: [jsx(Text, {
           visuallyHidden: true,
           children: accessibilityLabel
-        }), jsxRuntimeExports.jsx(Icon, {
+        }), jsx(Icon, {
           symbol: iconSymbol
-        }), renderBadge && jsxRuntimeExports.jsx("div", {
+        }), renderBadge && jsx("div", {
           className: styles$1.badgeContainer,
           children: renderBadge()
         })]
@@ -142,17 +142,17 @@ function CustomerPortalLayoutLinkAction(props) {
   const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
   const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
   const className = classNames(styles$1.button, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isSelected && styles$1.selected);
-  return jsxRuntimeExports.jsxs("a", __spreadProps(__spreadValues({
+  return jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
     "aria-current": isSelected ? "true" : void 0,
-    children: [jsxRuntimeExports.jsx(Text, {
+    children: [jsx(Text, {
       visuallyHidden: true,
       children: accessibilityLabel
-    }), jsxRuntimeExports.jsx(Icon, {
+    }), jsx(Icon, {
       symbol: iconSymbol
-    }), renderBadge && jsxRuntimeExports.jsx("div", {
+    }), renderBadge && jsx("div", {
       className: styles$1.badgeContainer,
       children: renderBadge()
     })]
@@ -162,17 +162,17 @@ function CustomerPortalLayoutButtonAction(props) {
   const _a = props, { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = _a, buttonProps = __objRest(_a, ["accessibilityLabel", "iconSymbol", "renderBadge", "isSelected"]);
   const ref = useRef(null);
   const className = classNames(styles$1.button, isSelected && styles$1.selected);
-  return jsxRuntimeExports.jsxs($d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadProps(__spreadValues({
+  return jsxs($d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadProps(__spreadValues({
     ref,
     className,
     "aria-current": isSelected ? "true" : void 0
   }, buttonProps), {
-    children: [jsxRuntimeExports.jsx(Text, {
+    children: [jsx(Text, {
       visuallyHidden: true,
       children: accessibilityLabel
-    }), jsxRuntimeExports.jsx(Icon, {
+    }), jsx(Icon, {
       symbol: iconSymbol
-    }), renderBadge && jsxRuntimeExports.jsx("div", {
+    }), renderBadge && jsx("div", {
       className: styles$1.badgeContainer,
       children: renderBadge()
     })]
@@ -180,14 +180,14 @@ function CustomerPortalLayoutButtonAction(props) {
 }
 function CustomerPortalLayoutActionBadge(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles$1.badge,
     children
   });
 }
 const PressableButton = forwardRef((props, ref) => {
   const { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21(props);
-  return jsxRuntimeExports.jsx("button", __spreadProps(__spreadValues({}, pressProps), {
+  return jsx("button", __spreadProps(__spreadValues({}, pressProps), {
     ref,
     className: classNames(pressProps.className)
   }));
@@ -223,25 +223,25 @@ function CustomerPortalLayout(props) {
       shouldDisplayEasyPostLogo
     };
   }, [mode, shouldDisplayEasyPostLogo]);
-  return jsxRuntimeExports.jsx(CustomerPortalLayoutContext.Provider, {
+  return jsx(CustomerPortalLayoutContext.Provider, {
     value: context,
-    children: jsxRuntimeExports.jsx("div", {
+    children: jsx("div", {
       className: styles.CustomerPortalLayout,
       children
     })
   });
 }
 function TestModeBanner() {
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles.testModeBanner,
-    children: jsxRuntimeExports.jsxs(HorizontalStack, {
+    children: jsxs(HorizontalStack, {
       gap: "1",
       blockAlign: "center",
-      children: [jsxRuntimeExports.jsx(Icon, {
+      children: [jsx(Icon, {
         symbol: Experiment,
         color: "primary.700",
         size: "lg"
-      }), jsxRuntimeExports.jsx(Text, {
+      }), jsx(Text, {
         variant: "subtitle1",
         color: "warning.900",
         children: "This Environment is in Test Mode"
@@ -253,9 +253,9 @@ function CustomerPortalLayoutHeader(props) {
   const { children } = props;
   const { mode } = useCustomerPortalLayout();
   const isTestMode = mode === "test";
-  return jsxRuntimeExports.jsxs("header", {
+  return jsxs("header", {
     className: styles.header,
-    children: [isTestMode && jsxRuntimeExports.jsx(TestModeBanner, {}), jsxRuntimeExports.jsx("div", {
+    children: [isTestMode && jsx(TestModeBanner, {}), jsx("div", {
       className: styles.logoAndActions,
       children
     })]
@@ -263,7 +263,7 @@ function CustomerPortalLayoutHeader(props) {
 }
 function CustomerPortalLayoutLogo(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles.logo,
     children
   });
@@ -271,19 +271,19 @@ function CustomerPortalLayoutLogo(props) {
 function CustomerPortalLayoutLogoContainer(props) {
   const { children } = props;
   const { shouldDisplayEasyPostLogo } = useCustomerPortalLayout();
-  return jsxRuntimeExports.jsxs(HorizontalStack, {
+  return jsxs(HorizontalStack, {
     gap: "1",
     blockAlign: "center",
     align: "start",
     wrap: false,
-    children: [shouldDisplayEasyPostLogo && jsxRuntimeExports.jsx(CustomerPortalLayoutLogo, {
-      children: jsxRuntimeExports.jsx(EasyPostLogo, {})
+    children: [shouldDisplayEasyPostLogo && jsx(CustomerPortalLayoutLogo, {
+      children: jsx(EasyPostLogo, {})
     }), children]
   });
 }
 function CustomerPortalLayoutContent(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("main", {
+  return jsx("main", {
     className: styles.content,
     children
   });

package/DataGrid/index.js

@@ -67,16 +67,16 @@ var __yieldStar = (value) => {
   }, "return" in obj && method("return"), it;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const Icon = require("../__chunks__/Icon-BVa5ddiD.js");
-const Menu = require("../__chunks__/Menu-Du8SsMeJ.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
-const KebabButton = require("../__chunks__/KebabButton-3FnxY-Fz.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const Menu = require("../__chunks__/Menu-MGDv1tob.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const KebabButton = require("../__chunks__/KebabButton-TbapERgy.js");
 const utilities_css = require("../utilities/css.js");
 const usePress = require("../__chunks__/usePress-B5G5CgVn.js");
 const ArrowForwardIos = require("../__chunks__/ArrowForwardIos-DpRiDPNZ.js");
-const Checkbox = require("../__chunks__/Checkbox-DFWhjlaO.js");
+const Checkbox = require("../__chunks__/Checkbox-B_-6lfKk.js");
 const useFocusVisible = require("../__chunks__/useFocusVisible-BNcpO5Sv.js");
 const focusSafely = require("../__chunks__/focusSafely-C5HWSeZE.js");
 const FocusScope = require("../__chunks__/FocusScope-CncDnO-E.js");
@@ -92,9 +92,9 @@ const useFocusable = require("../__chunks__/useFocusable-fxgaZN7X.js");
 const VisuallyHidden = require("../__chunks__/VisuallyHidden-CIjowwM_.js");
 const SelectionManager = require("../__chunks__/SelectionManager-CFPcxpAj.js");
 const useHover = require("../__chunks__/useHover-Ck1otl-j.js");
-const useEdgeInterceptors = require("../__chunks__/useEdgeInterceptors-BLxn3eUi.js");
+const useEdgeInterceptors = require("../__chunks__/useEdgeInterceptors-Rb2Hf0v8.js");
 const useResizeObserver = require("../__chunks__/useResizeObserver-CEeqtqhm.js");
-const Spinner = require("../__chunks__/Spinner-Dd68v9QX.js");
+const Spinner = require("../__chunks__/Spinner-vRnrcEz0.js");
 const useSelectableList = require("../__chunks__/useSelectableList-DeSKmxTV.js");
 const LiveAnnouncer = require("../__chunks__/LiveAnnouncer-CzeNwq2D.js");
 const filterDOMProps = require("../__chunks__/filterDOMProps-p6wKN-SS.js");
@@ -2164,7 +2164,7 @@ const styles$8 = {
 };
 const UnstyledPressButton = React.forwardRef((props, ref) => {
   const { pressProps } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21(props);
-  return jsxRuntime.jsxRuntimeExports.jsx("button", __spreadProps(__spreadValues({}, pressProps), {
+  return jsxRuntime.jsx("button", __spreadProps(__spreadValues({}, pressProps), {
     ref,
     className: utilities_css.classNames(styles$8.UnstyledPressButton, pressProps.className)
   }));
@@ -2192,11 +2192,11 @@ const styles$7 = {
   ActionsCellContent: ActionsCellContent$1
 };
 function ActionsCellContent({ rowActions }) {
-  return jsxRuntime.jsxRuntimeExports.jsx("span", {
+  return jsxRuntime.jsx("span", {
     className: styles$7.ActionsCellContent,
-    children: rowActions.map((rowAction, i) => rowAction.type === "menu" ? jsxRuntime.jsxRuntimeExports.jsx(MenuRowAction, {
+    children: rowActions.map((rowAction, i) => rowAction.type === "menu" ? jsxRuntime.jsx(MenuRowAction, {
       rowAction
-    }, i) : jsxRuntime.jsxRuntimeExports.jsx(ActionRowAction, {
+    }, i) : jsxRuntime.jsx(ActionRowAction, {
       rowAction
     }, i))
   });
@@ -2211,11 +2211,11 @@ function MenuRowAction({ rowAction }) {
   const handleOpenChange = React.useCallback((isOpen2) => {
     setIsOpen(isOpen2);
   }, []);
-  return jsxRuntime.jsxRuntimeExports.jsxs(Menu.Menu, {
+  return jsxRuntime.jsxs(Menu.Menu, {
     isOpen,
     onOpenChange: handleOpenChange,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Trigger, {
-      children: jsxRuntime.jsxRuntimeExports.jsx(KebabButton.KebabButton, {
+    children: [jsxRuntime.jsx(Menu.Menu.Trigger, {
+      children: jsxRuntime.jsx(KebabButton.KebabButton, {
         onPress: handleClick,
         accessibilityLabel
       })
@@ -2227,12 +2227,12 @@ function ActionRowAction({ rowAction }) {
   const handleClick = React.useCallback(() => {
     onAction();
   }, [onAction]);
-  return jsxRuntime.jsxRuntimeExports.jsxs(UnstyledPressButton, {
+  return jsxRuntime.jsxs(UnstyledPressButton, {
     onPress: handleClick,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: [jsxRuntime.jsx(Text.Text, {
       visuallyHidden: true,
       children: rowAction.accessibilityLabel
-    }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+    }), jsxRuntime.jsx(Icon.Icon, {
       symbol: rowAction.iconSymbol
     })]
   });
@@ -2248,14 +2248,14 @@ function ExpandCellContent({ isExpanded, toggleExpanded }) {
     toggleExpanded();
   }, [toggleExpanded]);
   const className = utilities_css.classNames(styles$6.button, isExpanded && styles$6.expanded);
-  return jsxRuntime.jsxRuntimeExports.jsxs(UnstyledPressButton, {
+  return jsxRuntime.jsxs(UnstyledPressButton, {
     onPress: handleClick,
     className,
     "aria-expanded": isExpanded,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: [jsxRuntime.jsx(Text.Text, {
       visuallyHidden: true,
       children: "Expand"
-    }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+    }), jsxRuntime.jsx(Icon.Icon, {
       symbol: ArrowForwardIos.ArrowForwardIos,
       size: "xs"
     })]
@@ -2306,22 +2306,22 @@ function Cell({ cell, state }) {
   const hasLeftShadow = hasActionsAtEnd && table2.isRightEdgeUnderScroll && cell.index === state.collection.columnCount - 1;
   const className = utilities_css.classNames(styles$5.Cell, isFocusVisible && styles$5.focused, row.isExpanded && styles$5.expanded, row.isFocusVisible && styles$5.rowFocused, hasRightShadow && styles$5[utilities_css.variationName("shadow", "right")], hasLeftShadow && styles$5[utilities_css.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 jsxRuntime.jsxRuntimeExports.jsx("td", __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(gridCellProps, focusProps)), {
+  return jsxRuntime.jsx("td", __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(gridCellProps, focusProps)), {
     ref,
     className,
-    children: jsxRuntime.jsxRuntimeExports.jsxs("div", {
+    children: jsxRuntime.jsxs("div", {
       className: styles$5.content,
-      children: [jsxRuntime.jsxRuntimeExports.jsx(CellContentComponent, {
+      children: [jsxRuntime.jsx(CellContentComponent, {
         cell,
         state
-      }), jsxRuntime.jsxRuntimeExports.jsx("div", {
+      }), jsxRuntime.jsx("div", {
         "data-ezui-data-grid-shadow": true
       })]
     })
   }));
 }
 function DefaultCellContent({ cell }) {
-  return jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: cell.rendered
   });
 }
@@ -2329,21 +2329,21 @@ function SelectCellContent({ cell, state }) {
   const { checkboxProps } = $2a795c53a101c542$export$16ea7f650bd7c1bb({
     key: cell.parentKey
   }, state);
-  return jsxRuntime.jsxRuntimeExports.jsx(Checkbox.Checkbox, __spreadValues({}, checkboxProps));
+  return jsxRuntime.jsx(Checkbox.Checkbox, __spreadValues({}, checkboxProps));
 }
 function StaticCell({ children, colSpan }) {
   const className = utilities_css.classNames(styles$5.Cell, styles$5.static);
-  return jsxRuntime.jsxRuntimeExports.jsx("td", {
+  return jsxRuntime.jsx("td", {
     role: "gridcell",
     className,
     colSpan,
-    children: jsxRuntime.jsxRuntimeExports.jsxs("div", {
+    children: jsxRuntime.jsxs("div", {
       className: styles$5.content,
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      children: [jsxRuntime.jsx(Text.Text, {
         variant: "subtitle2",
         color: "neutral.500",
         children
-      }), jsxRuntime.jsxRuntimeExports.jsx("div", {
+      }), jsxRuntime.jsx("div", {
         "data-ezui-data-grid-shadow": true
       })]
     })
@@ -2361,10 +2361,10 @@ const styles$4 = {
 };
 function SortIndicator({ sortDirection }) {
   const { headerVariant } = useDataGridTable();
-  return jsxRuntime.jsxRuntimeExports.jsx("span", {
+  return jsxRuntime.jsx("span", {
     "aria-hidden": "true",
     className: utilities_css.classNames(styles$4.SortIndicator, sortDirection && styles$4.sorted, headerVariant && styles$4[utilities_css.variationName("onHeader", headerVariant)]),
-    children: jsxRuntime.jsxRuntimeExports.jsx(Arrow, {
+    children: jsxRuntime.jsx(Arrow, {
       className: styles$4.arrow,
       style: {
         transform: sortDirection === "ascending" ? "scaleY(-1)" : "scaleY(1)"
@@ -2373,14 +2373,14 @@ function SortIndicator({ sortDirection }) {
   });
 }
 function Arrow(props) {
-  return jsxRuntime.jsxRuntimeExports.jsx("svg", __spreadProps(__spreadValues({
+  return jsxRuntime.jsx("svg", __spreadProps(__spreadValues({
     width: "12",
     height: "8",
     viewBox: "0 0 12 8",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: jsxRuntime.jsxRuntimeExports.jsx("path", {
+    children: jsxRuntime.jsx("path", {
       fill: "currentColor",
       fillRule: "evenodd",
       clipRule: "evenodd",
@@ -2430,19 +2430,19 @@ function ColumnHeader({ column, state }) {
   const className = utilities_css.classNames(styles$3.ColumnHeader, isFocusVisible && styles$3.focused, column.props.allowsSorting && styles$3.allowsSorting, hasRightShadow && styles$3[utilities_css.variationName("shadow", "right")], hasLeftShadow && styles$3[utilities_css.variationName("shadow", "left")], table2.isTopEdgeUnderScroll && styles$3[utilities_css.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 = utilities_css.classNames(styles$3.content, column.props.allowsSorting && styles$3.allowsSorting);
   const ColumnHeaderContentComponent = column.props.isSelectionCell ? SelectAllColumnHeaderContent : DefaultColumnHeaderContent;
-  return jsxRuntime.jsxRuntimeExports.jsx("td", __spreadProps(__spreadValues({
+  return jsxRuntime.jsx("td", __spreadProps(__spreadValues({
     ref
   }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(columnHeaderProps, focusProps)), {
     className,
     "data-ezui-data-grid-column-header": "true",
-    children: jsxRuntime.jsxRuntimeExports.jsxs("div", {
+    children: jsxRuntime.jsxs("div", {
       className: contentClassName,
-      children: [jsxRuntime.jsxRuntimeExports.jsx(ColumnHeaderContentComponent, {
+      children: [jsxRuntime.jsx(ColumnHeaderContentComponent, {
         column,
         state
-      }), jsxRuntime.jsxRuntimeExports.jsx("div", {
+      }), jsxRuntime.jsx("div", {
         "data-ezui-data-grid-shadow": "bottom"
-      }), jsxRuntime.jsxRuntimeExports.jsx("div", {
+      }), jsxRuntime.jsx("div", {
         "data-ezui-data-grid-shadow": "side"
       })]
     })
@@ -2450,8 +2450,8 @@ function ColumnHeader({ column, state }) {
 }
 function DefaultColumnHeaderContent({ column, state }) {
   var _a, _b;
-  return jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-    children: [column.rendered, column.props.allowsSorting && jsxRuntime.jsxRuntimeExports.jsx(SortIndicator, {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [column.rendered, column.props.allowsSorting && jsxRuntime.jsx(SortIndicator, {
       sortDirection: ((_a = state.sortDescriptor) == null ? void 0 : _a.column) === column.key ? (_b = state.sortDescriptor) == null ? void 0 : _b.direction : void 0
     })]
   });
@@ -2459,11 +2459,11 @@ function DefaultColumnHeaderContent({ column, state }) {
 function SelectAllColumnHeaderContent({ state }) {
   const { checkboxProps } = $2a795c53a101c542$export$1003db6a7e384b99(state);
   if (state.selectionManager.selectionMode === "single") {
-    return jsxRuntime.jsxRuntimeExports.jsx(VisuallyHidden.$5c3e21d68f1c4674$export$439d29a4e110a164, {
+    return jsxRuntime.jsx(VisuallyHidden.$5c3e21d68f1c4674$export$439d29a4e110a164, {
       children: checkboxProps["aria-label"]
     });
   }
-  return jsxRuntime.jsxRuntimeExports.jsx(Checkbox.Checkbox, __spreadValues({}, checkboxProps));
+  return jsxRuntime.jsx(Checkbox.Checkbox, __spreadValues({}, checkboxProps));
 }
 const ExpandedRowContent$1 = "_ExpandedRowContent_180oy_4";
 const inner = "_inner_180oy_16";
@@ -2472,10 +2472,10 @@ const styles$2 = {
   inner
 };
 function ExpandedRowContent({ children }) {
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: utilities_css.classNames(styles$2.ExpandedRowContent),
     "data-ezui-data-grid-expanded-row-content": "active",
-    children: jsxRuntime.jsxRuntimeExports.jsx("div", {
+    children: jsxRuntime.jsx("div", {
       className: utilities_css.classNames(styles$2.inner),
       children
     })
@@ -2498,7 +2498,7 @@ function HeaderRow({ item, state, children }) {
   const { rowProps } = $f917ee10f4c32dab$export$1b95a7d2d517b841({
     node: item
   }, state);
-  return jsxRuntime.jsxRuntimeExports.jsx("tr", __spreadProps(__spreadValues({}, rowProps), {
+  return jsxRuntime.jsx("tr", __spreadProps(__spreadValues({}, rowProps), {
     ref,
     className: styles$1.Row,
     children
@@ -2540,9 +2540,9 @@ function Row({ item, children, state, isExpanded }) {
     };
   }, [isExpanded, isFocusVisible, removeHover, rowIndex]);
   const className = utilities_css.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 jsxRuntime.jsxRuntimeExports.jsx(DataGridRowContext.Provider, {
+  return jsxRuntime.jsx(DataGridRowContext.Provider, {
     value: context2,
-    children: jsxRuntime.jsxRuntimeExports.jsx("tr", __spreadProps(__spreadValues({
+    children: jsxRuntime.jsx("tr", __spreadProps(__spreadValues({
       ref
     }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(rowProps, focusProps, hoverProps)), {
       className,
@@ -2553,7 +2553,7 @@ function Row({ item, children, state, isExpanded }) {
   });
 }
 function StaticRow({ children }) {
-  return jsxRuntime.jsxRuntimeExports.jsx("tr", {
+  return jsxRuntime.jsx("tr", {
     role: "row",
     className: styles$1.Row,
     children
@@ -2581,7 +2581,7 @@ const styles = {
 };
 function RowGroup({ as: As = "div", children }) {
   const { rowGroupProps } = $0047e6c294ea075f$export$6fb1613bd7b28198();
-  return jsxRuntime.jsxRuntimeExports.jsx(As, __spreadProps(__spreadValues({}, rowGroupProps), {
+  return jsxRuntime.jsx(As, __spreadProps(__spreadValues({}, rowGroupProps), {
     className: styles.contents,
     children
   }));
@@ -2677,50 +2677,50 @@ function Table(props) {
       isRightEdgeUnderScroll
     };
   }, [headerVariant, hasSelection, hasExpansion, hasRowActions, hasOnRowAction, isTopEdgeUnderScroll, isLeftEdgeUnderScroll, isRightEdgeUnderScroll]);
-  return jsxRuntime.jsxRuntimeExports.jsx(DataGridTableContext.Provider, {
+  return jsxRuntime.jsx(DataGridTableContext.Provider, {
     value: context2,
-    children: jsxRuntime.jsxRuntimeExports.jsx("div", {
+    children: jsxRuntime.jsx("div", {
       ref: outerContainerRef,
       className: dataGridClassName,
       style,
-      children: jsxRuntime.jsxRuntimeExports.jsxs("div", {
+      children: jsxRuntime.jsxs("div", {
         ref: innerContainerRef,
         className: styles.innerContainer,
-        children: [jsxRuntime.jsxRuntimeExports.jsxs("table", __spreadProps(__spreadValues({}, gridProps), {
+        children: [jsxRuntime.jsxs("table", __spreadProps(__spreadValues({}, gridProps), {
           ref: tableRef,
           className: tableClassName,
-          children: [jsxRuntime.jsxRuntimeExports.jsx(RowGroup, {
+          children: [jsxRuntime.jsx(RowGroup, {
             as: "thead",
-            children: collection.headerRows.map((headerRow) => jsxRuntime.jsxRuntimeExports.jsx(HeaderRow, {
+            children: collection.headerRows.map((headerRow) => jsxRuntime.jsx(HeaderRow, {
               item: headerRow,
               state,
-              children: [...headerRow.childNodes].map((column) => jsxRuntime.jsxRuntimeExports.jsx(ColumnHeader, {
+              children: [...headerRow.childNodes].map((column) => jsxRuntime.jsx(ColumnHeader, {
                 column,
                 state
               }, column.key))
             }, headerRow.key))
-          }), jsxRuntime.jsxRuntimeExports.jsx(RowGroup, {
+          }), jsxRuntime.jsx(RowGroup, {
             as: "tbody",
-            children: collection.size === 0 || isLoading ? jsxRuntime.jsxRuntimeExports.jsx(StaticRow, {
-              children: jsxRuntime.jsxRuntimeExports.jsx(StaticCell, {
+            children: collection.size === 0 || isLoading ? jsxRuntime.jsx(StaticRow, {
+              children: jsxRuntime.jsx(StaticCell, {
                 colSpan: collection.columnCount,
-                children: isLoading ? jsxRuntime.jsxRuntimeExports.jsx(Spinner.Spinner, {
+                children: isLoading ? jsxRuntime.jsx(Spinner.Spinner, {
                   isIndeterminate: true,
                   size: "sm",
                   children: "Loading.."
                 }) : renderEmptyState()
               })
-            }) : [...collection.body.childNodes].map((row) => jsxRuntime.jsxRuntimeExports.jsx(Row, {
+            }) : [...collection.body.childNodes].map((row) => jsxRuntime.jsx(Row, {
               item: row,
               state,
               isExpanded: expandedRow ? expandedRow.key === row.key : false,
-              children: [...row.childNodes].map((cell) => jsxRuntime.jsxRuntimeExports.jsx(Cell, {
+              children: [...row.childNodes].map((cell) => jsxRuntime.jsx(Cell, {
                 cell,
                 state
               }, cell.key))
             }, row.key))
           })]
-        })), expandedRow && jsxRuntime.jsxRuntimeExports.jsx(ExpandedRowContent, {
+        })), expandedRow && jsxRuntime.jsx(ExpandedRowContent, {
           children: renderExpandedRow(expandedRow.key)
         }), renderInterceptors()]
       })
@@ -2728,9 +2728,9 @@ function Table(props) {
   });
 }
 function VisuallyHiddenCellContent({ children }) {
-  return jsxRuntime.jsxRuntimeExports.jsx("span", {
+  return jsxRuntime.jsx("span", {
     className: styles.visuallyHiddenCellContainer,
-    children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: jsxRuntime.jsx(Text.Text, {
       visuallyHidden: true,
       children
     })
@@ -2770,28 +2770,28 @@ function DataGrid(props) {
       setExpandedKey
     };
   }, [expandedKey]);
-  return jsxRuntime.jsxRuntimeExports.jsx(DataGridContext.Provider, {
+  return jsxRuntime.jsx(DataGridContext.Provider, {
     value: context2,
-    children: jsxRuntime.jsxRuntimeExports.jsxs(Table, __spreadProps(__spreadValues({}, props), {
-      children: [jsxRuntime.jsxRuntimeExports.jsx($312ae3b56a94a86e$export$f850895b287ef28e, {
+    children: jsxRuntime.jsxs(Table, __spreadProps(__spreadValues({}, props), {
+      children: [jsxRuntime.jsx($312ae3b56a94a86e$export$f850895b287ef28e, {
         columns,
-        children: (column) => jsxRuntime.jsxRuntimeExports.jsx($1cd244557c2f97d5$export$816b5d811295e6bc, {
+        children: (column) => jsxRuntime.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 ? jsxRuntime.jsxRuntimeExports.jsx(VisuallyHiddenCellContent, {
+          children: column.key === EXPAND_COLUMN_KEY ? jsxRuntime.jsx(VisuallyHiddenCellContent, {
             children: "Expand row"
-          }) : column.key === ACTIONS_COLUMN_KEY ? jsxRuntime.jsxRuntimeExports.jsx(VisuallyHiddenCellContent, {
+          }) : column.key === ACTIONS_COLUMN_KEY ? jsxRuntime.jsx(VisuallyHiddenCellContent, {
             children: "Row actions"
           }) : renderColumnCell(column)
         })
-      }), jsxRuntime.jsxRuntimeExports.jsx($4ae5314bf50db1a3$export$76ccd210b9029917, {
+      }), jsxRuntime.jsx($4ae5314bf50db1a3$export$76ccd210b9029917, {
         items: rows,
-        children: (row) => jsxRuntime.jsxRuntimeExports.jsx($70d70eb16ea48428$export$b59bdbef9ce70de2, {
-          children: (columnKey) => jsxRuntime.jsxRuntimeExports.jsx($941d1d9a6a28982a$export$f6f0c3fe4ec306ea, {
-            children: columnKey === EXPAND_COLUMN_KEY ? jsxRuntime.jsxRuntimeExports.jsx(ExpandCellContent, {
+        children: (row) => jsxRuntime.jsx($70d70eb16ea48428$export$b59bdbef9ce70de2, {
+          children: (columnKey) => jsxRuntime.jsx($941d1d9a6a28982a$export$f6f0c3fe4ec306ea, {
+            children: columnKey === EXPAND_COLUMN_KEY ? jsxRuntime.jsx(ExpandCellContent, {
               isExpanded: row.key === expandedKey,
               toggleExpanded: () => toggleExpandedRow(row.key)
-            }) : columnKey === ACTIONS_COLUMN_KEY && rowActions ? jsxRuntime.jsxRuntimeExports.jsx(ActionsCellContent, {
+            }) : columnKey === ACTIONS_COLUMN_KEY && rowActions ? jsxRuntime.jsx(ActionsCellContent, {
               rowActions: rowActions(row.key)
             }) : renderRowCell(row[columnKey], columnKey, row)
           })