@jobber/components 5.37.1 → 5.37.2-CLEANUPbu-e48d3ff.21

package/dist/{DataListActions-CM0Xe2H2.js → DataListActions-fehidrfh.js}

@@ -1,9 +1,9 @@
 import React, { Children, isValidElement } from 'react';
-import { T as Tooltip } from './Tooltip-C4syshPl.js';
-import { B as Button } from './Button-BorESRA8.js';
-import { b as getExposedActions } from './DataList.utils-Bl2bcw3S.js';
-import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-C6pmOwAK.js';
-import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-C93XxlHf.js';
+import { T as Tooltip } from './Tooltip-BWQ2V-yF.js';
+import { B as Button } from './Button-D7c4TpNt.js';
+import { b as getExposedActions } from './DataList.utils-nufETr7-.js';
+import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-DU6xx-u1.js';
+import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-CIfD0Reu.js';
 
 function DataListActions({ children, itemsToExpose = 2, }) {
     const { activeItem } = useDataListLayoutActionsContext();

package/dist/{DataListActionsMenu-K5B3wYJI.js → DataListActionsMenu-BUFG_gtc.js}

@@ -1,14 +1,14 @@
 import React, { useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
-import { u as useFocusTrap_2 } from './useFocusTrap-BI0mm-W8.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-DMTdlldm.js';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-v8DX4vns.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-BZLUTdcT.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-B7o5zRRN.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-CPGgT2FH.js';
 import { createPortal } from 'react-dom';
 import { tokens } from '@jobber/design';
-import { u as useIsMounted_2 } from './useIsMounted-CSRPXMQN.js';
-import { d as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-CfcXhjZR.js';
+import { u as useIsMounted_2 } from './useIsMounted-Cc_FHDAy.js';
+import { d as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-BFdoMYzt.js';
 
-var styles = {"menu":"aokwZU8jbWU-","overlay":"XtVRP97TVSE-","spinning":"_4NlH1Gk7Izg-"};
+var styles = {"menu":"e1ztw2-YxtM-","overlay":"uMoOb93Pf1Q-","spinning":"_0wS9DWCNuj4-"};
 
 const variants = {
     hidden: { opacity: 0, y: -10 },

package/dist/{DataListActionsMenu-C6mmGUJg.js → DataListActionsMenu-CsWdpEuh.js}

@@ -2,15 +2,15 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var useFocusTrap = require('./useFocusTrap-CvxGDYWB.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-C7S07qnG.js');
-var useOnKeyDown = require('./useOnKeyDown-DpSuHrqE.js');
+var useFocusTrap = require('./useFocusTrap-BIKgMUaR.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-CFQo9T20.js');
+var useOnKeyDown = require('./useOnKeyDown-Bi2pYSmz.js');
 var ReactDOM = require('react-dom');
 var design = require('@jobber/design');
-var useIsMounted = require('./useIsMounted-B7_9jE75.js');
-var DataList_const = require('./DataList.const-B_t_nNPW.js');
+var useIsMounted = require('./useIsMounted-B9B-KfDL.js');
+var DataList_const = require('./DataList.const-D0_vZOFC.js');
 
-var styles = {"menu":"aokwZU8jbWU-","overlay":"XtVRP97TVSE-","spinning":"_4NlH1Gk7Izg-"};
+var styles = {"menu":"e1ztw2-YxtM-","overlay":"uMoOb93Pf1Q-","spinning":"_0wS9DWCNuj4-"};
 
 const variants = {
     hidden: { opacity: 0, y: -10 },

package/dist/{DataListBulkActions-BEwCWj79.js → DataListBulkActions-CtUsvhkp.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-nc3OMIku.js');
-var DataListActions = require('./DataListActions-HwENhAaX.js');
-var useResponsiveSizing = require('./useResponsiveSizing-BTk6Z4hD.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
+var DataListActions = require('./DataListActions-Dj4SPqMz.js');
+var useResponsiveSizing = require('./useResponsiveSizing-DDatqt-_.js');
 
-var styles = {"bulkActions":"v-GrdlFpBLk-","spinning":"F9PdLb5CNv4-"};
+var styles = {"bulkActions":"BJxca-StHxg-","spinning":"p2-O4fMurTY-"};
 
 const BULK_ACTIONS_CONTAINER_TEST_ID = "ATL-DataListBulkActions-Container";
 

package/dist/{DataListBulkActions-DWtqZR1s.js → DataListBulkActions-DP_BoFqB.js}

@@ -1,9 +1,9 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-DSdVeYAt.js';
-import { D as DataListActions } from './DataListActions-CM0Xe2H2.js';
-import { u as useResponsiveSizing } from './useResponsiveSizing-s676YOix.js';
+import { u as useDataListContext } from './DataListContext-p4e5aqd-.js';
+import { D as DataListActions } from './DataListActions-fehidrfh.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-CmW6JmI_.js';
 
-var styles = {"bulkActions":"v-GrdlFpBLk-","spinning":"F9PdLb5CNv4-"};
+var styles = {"bulkActions":"BJxca-StHxg-","spinning":"p2-O4fMurTY-"};
 
 const BULK_ACTIONS_CONTAINER_TEST_ID = "ATL-DataListBulkActions-Container";
 

package/dist/{DataListContext-nc3OMIku.js → DataListContext-DXbgtOu2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var noop = require('./noop-DzXzmgsn.js');
+var noop = require('./noop-CD2J0q8m.js');
 
 const defaultValues = {
     title: "",

package/dist/{DataListContext-DSdVeYAt.js → DataListContext-p4e5aqd-.js}

@@ -1,5 +1,5 @@
 import React, { createContext, useContext } from 'react';
-import { n as noop } from './noop-CraOGF8Z.js';
+import { n as noop } from './noop-DoixzvPa.js';
 
 const defaultValues = {
     title: "",

package/dist/{DataListEmptyState-Chl206Pp.js → DataListEmptyState-CvUJ3BiJ.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-nc3OMIku.js');
-var Text = require('./Text-CIOw_MbQ.js');
-var Button = require('./Button-Cq7nFrdg.js');
-var DataList_const = require('./DataList.const-B_t_nNPW.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
+var Text = require('./Text-8u5c30yX.js');
+var Button = require('./Button-ChHzsklb.js');
+var DataList_const = require('./DataList.const-D0_vZOFC.js');
 
-var styles = {"emptyStateWrapper":"zg3w9nQga-M-","spinning":"HR4CBbZaLEs-"};
+var styles = {"emptyStateWrapper":"R0MWvfTO9vg-","spinning":"hVJ2XoR6bR0-"};
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function DataListEmptyState(_) {

package/dist/{DataListEmptyState-ICsfS1cs.js → DataListEmptyState-Cx9XzCHc.js}

@@ -1,10 +1,10 @@
 import React, { useContext, cloneElement } from 'react';
-import { D as DataListContext } from './DataListContext-DSdVeYAt.js';
-import { T as Text } from './Text-OejtJe9c.js';
-import { B as Button } from './Button-BorESRA8.js';
-import { E as EMPTY_FILTER_RESULTS_MESSAGE, b as EMPTY_RESULTS_MESSAGE, c as EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR } from './DataList.const-CfcXhjZR.js';
+import { D as DataListContext } from './DataListContext-p4e5aqd-.js';
+import { T as Text } from './Text-PP3NusMD.js';
+import { B as Button } from './Button-D7c4TpNt.js';
+import { E as EMPTY_FILTER_RESULTS_MESSAGE, b as EMPTY_RESULTS_MESSAGE, c as EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR } from './DataList.const-BFdoMYzt.js';
 
-var styles = {"emptyStateWrapper":"zg3w9nQga-M-","spinning":"HR4CBbZaLEs-"};
+var styles = {"emptyStateWrapper":"R0MWvfTO9vg-","spinning":"hVJ2XoR6bR0-"};
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function DataListEmptyState(_) {

package/dist/{DataListFilters-B6nJrnJK.js → DataListFilters-CISnMrcy.js}

@@ -1,9 +1,9 @@
 import React from 'react';
-import { D as DataListSort } from './DataListSort-Ci0et0BW.js';
-import { D as DataListOverflowFade } from './DataListOverflowFade-_diz1rYQ.js';
-import { u as useDataListContext } from './DataListContext-DSdVeYAt.js';
-import { g as getCompoundComponent } from './DataList.utils-Bl2bcw3S.js';
-import { u as useResponsiveSizing } from './useResponsiveSizing-s676YOix.js';
+import { D as DataListSort } from './DataListSort-D3y7VOP5.js';
+import { D as DataListOverflowFade } from './DataListOverflowFade-zjLS6B1v.js';
+import { u as useDataListContext } from './DataListContext-p4e5aqd-.js';
+import { g as getCompoundComponent } from './DataList.utils-nufETr7-.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-CmW6JmI_.js';
 
 function useShowHeader() {
     const { headerVisibility } = useDataListContext();

package/dist/{DataListFilters-B9spUOiw.js → DataListFilters-CpEV2NRc.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var DataListSort = require('./DataListSort-BpNX4j_-.js');
-var DataListOverflowFade = require('./DataListOverflowFade-C8ErqDbr.js');
-var DataListContext = require('./DataListContext-nc3OMIku.js');
-var DataList_utils = require('./DataList.utils-BcWWSeCL.js');
-var useResponsiveSizing = require('./useResponsiveSizing-BTk6Z4hD.js');
+var DataListSort = require('./DataListSort-DW_xMCWC.js');
+var DataListOverflowFade = require('./DataListOverflowFade-CACmfAlF.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
+var DataList_utils = require('./DataList.utils-C_aEYisx.js');
+var useResponsiveSizing = require('./useResponsiveSizing-DDatqt-_.js');
 
 function useShowHeader() {
     const { headerVisibility } = DataListContext.useDataListContext();

package/dist/{DataListHeader-DlQvau0F.js → DataListHeader-Be5InMAf.js}

@@ -1,16 +1,16 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-DSdVeYAt.js';
-import { c as generateHeaderElements, s as sortBreakpoints } from './DataList.utils-Bl2bcw3S.js';
-import { u as useResponsiveSizing } from './useResponsiveSizing-s676YOix.js';
+import { u as useDataListContext } from './DataListContext-p4e5aqd-.js';
+import { c as generateHeaderElements, s as sortBreakpoints } from './DataList.utils-nufETr7-.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-CmW6JmI_.js';
 import classnames from 'classnames';
-import { A as AnimatedSwitcher } from './AnimatedSwitcher-DnWN63IS.js';
-import { T as Text } from './Text-OejtJe9c.js';
-import { B as Button } from './Button-BorESRA8.js';
-import { C as Checkbox } from './Checkbox-Bm4bbZMA.js';
-import { s as styles } from './DataList-CYqkARF1.js';
-import { I as InternalDataListBulkActions } from './DataListBulkActions-DWtqZR1s.js';
-import { u as useBatchSelect } from './useBatchSelect-2xrVPfVW.js';
-import { u as useActiveLayout } from './useActiveLayout-kVPdH4fH.js';
+import { A as AnimatedSwitcher } from './AnimatedSwitcher-t2ows6Ab.js';
+import { T as Text } from './Text-PP3NusMD.js';
+import { B as Button } from './Button-D7c4TpNt.js';
+import { C as Checkbox } from './Checkbox-CDD29485.js';
+import { s as styles } from './DataList.module-jMgI7pKp.js';
+import { I as InternalDataListBulkActions } from './DataListBulkActions-DP_BoFqB.js';
+import { u as useBatchSelect } from './useBatchSelect-DlXBdzwi.js';
+import { u as useActiveLayout } from './useActiveLayout-DsEieVVU.js';
 
 function DataListHeaderCheckbox({ children }) {
     const { sm } = useResponsiveSizing();

package/dist/{DataListHeader-BmJDpEFS.js → DataListHeader-Df6imAib.js}

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-nc3OMIku.js');
-var DataList_utils = require('./DataList.utils-BcWWSeCL.js');
-var useResponsiveSizing = require('./useResponsiveSizing-BTk6Z4hD.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
+var DataList_utils = require('./DataList.utils-C_aEYisx.js');
+var useResponsiveSizing = require('./useResponsiveSizing-DDatqt-_.js');
 var classnames = require('classnames');
-var AnimatedSwitcher = require('./AnimatedSwitcher-Bl_pLp0b.js');
-var Text = require('./Text-CIOw_MbQ.js');
-var Button = require('./Button-Cq7nFrdg.js');
-var Checkbox = require('./Checkbox-BVxrbbMO.js');
-var DataList = require('./DataList-ClkPt70Q.js');
-var DataListBulkActions = require('./DataListBulkActions-BEwCWj79.js');
-var useBatchSelect = require('./useBatchSelect-CD3CQd6g.js');
-var useActiveLayout = require('./useActiveLayout-DlI6NCb5.js');
+var AnimatedSwitcher = require('./AnimatedSwitcher-g1SuL1if.js');
+var Text = require('./Text-8u5c30yX.js');
+var Button = require('./Button-ChHzsklb.js');
+var Checkbox = require('./Checkbox-AZCCM9Ew.js');
+var DataList_module = require('./DataList.module-Czopu7CU.js');
+var DataListBulkActions = require('./DataListBulkActions-CtUsvhkp.js');
+var useBatchSelect = require('./useBatchSelect-CwmGd3-I.js');
+var useActiveLayout = require('./useActiveLayout-BrEoHjTL.js');
 
 function DataListHeaderCheckbox({ children }) {
     const { sm } = useResponsiveSizing.useResponsiveSizing();
@@ -23,14 +23,14 @@ function DataListHeaderCheckbox({ children }) {
         return children;
     const deselectText = sm ? "Deselect All" : "Deselect";
     const selectedLabel = selectedCount ? `${selectedCount} selected` : "";
-    return (React.createElement("div", { className: DataList.styles.selectable },
-        React.createElement("div", { className: classnames(DataList.styles.selectAllCheckbox, {
-                [DataList.styles.visible]: canSelectAll,
+    return (React.createElement("div", { className: DataList_module.styles.selectable },
+        React.createElement("div", { className: classnames(DataList_module.styles.selectAllCheckbox, {
+                [DataList_module.styles.visible]: canSelectAll,
             }) },
             React.createElement(Checkbox.Checkbox, { checked: isAllSelected(), indeterminate: isIndeterminate(), onChange: handleSelectAll },
-                React.createElement("div", { className: DataList.styles.srOnly }, selectedLabel))),
-        React.createElement(AnimatedSwitcher.AnimatedSwitcher, { switched: hasAtLeastOneSelected, initialChild: children, switchTo: React.createElement("div", { className: DataList.styles.batchSelectContainer },
-                React.createElement("div", { className: DataList.styles.headerBatchSelect },
+                React.createElement("div", { className: DataList_module.styles.srOnly }, selectedLabel))),
+        React.createElement(AnimatedSwitcher.AnimatedSwitcher, { switched: hasAtLeastOneSelected, initialChild: children, switchTo: React.createElement("div", { className: DataList_module.styles.batchSelectContainer },
+                React.createElement("div", { className: DataList_module.styles.headerBatchSelect },
                     Boolean(selectedCount) && React.createElement(Text.Text, null,
                         selectedCount,
                         " selected"),
@@ -82,7 +82,7 @@ function DataListHeader() {
     const headerData = DataList_utils.generateHeaderElements(headers);
     if (!headerData)
         return null;
-    return (React.createElement("div", { className: DataList.styles.headerTitles },
+    return (React.createElement("div", { className: DataList_module.styles.headerTitles },
         React.createElement(DataListHeaderCheckbox, null, layout(headerData))));
     function getVisibleSize() {
         const visibilityKeys = Object.keys(headerVisibility);

package/dist/{DataListHeaderTile-CAleemPi.js → DataListHeaderTile-B_GZepwm.js}

@@ -1,14 +1,14 @@
 import React, { useState, useRef } from 'react';
 import classnames from 'classnames';
-import { u as useFocusTrap_2 } from './useFocusTrap-BI0mm-W8.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-DMTdlldm.js';
-import { D as DataListSortingOptions } from './DataListSortingOptions-ChWq5axB.js';
-import { T as Text } from './Text-OejtJe9c.js';
-import { u as useDataListContext } from './DataListContext-DSdVeYAt.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-BZLUTdcT.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-B7o5zRRN.js';
+import { D as DataListSortingOptions } from './DataListSortingOptions-C0MXuCHz.js';
+import { T as Text } from './Text-PP3NusMD.js';
+import { u as useDataListContext } from './DataListContext-p4e5aqd-.js';
 
-var styles$1 = {"headerLabel":"fLmJZJJqMcE-","sortable":"UG8cHUT3Hds-","spinning":"ChqhGpZJ0WQ-"};
+var styles$1 = {"headerLabel":"kXYd0fpUuek-","sortable":"kryUPRHDUcs-","spinning":"CY2nuF56w6Y-"};
 
-var styles = {"sortIcon":"AN5egORYy-0-","inactive":"_6KYeQXWXLQ8-","active":"F1uTDCK0Sb0-","spinning":"_7byFDfcjeak-"};
+var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-","spinning":"l5wqDUSULQY-"};
 
 const SORTING_ICON_TEST_ID = "ATL-DataList-Sorting-Icon";
 function DataListSortingArrows({ order }) {

package/dist/{DataListHeaderTile-D0qfr0K3.js → DataListHeaderTile-BpRrLSR6.js}

@@ -2,15 +2,15 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useFocusTrap = require('./useFocusTrap-CvxGDYWB.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-C7S07qnG.js');
-var DataListSortingOptions = require('./DataListSortingOptions-CNQXrzpl.js');
-var Text = require('./Text-CIOw_MbQ.js');
-var DataListContext = require('./DataListContext-nc3OMIku.js');
+var useFocusTrap = require('./useFocusTrap-BIKgMUaR.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-CFQo9T20.js');
+var DataListSortingOptions = require('./DataListSortingOptions-CcbJyRM2.js');
+var Text = require('./Text-8u5c30yX.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
 
-var styles$1 = {"headerLabel":"fLmJZJJqMcE-","sortable":"UG8cHUT3Hds-","spinning":"ChqhGpZJ0WQ-"};
+var styles$1 = {"headerLabel":"kXYd0fpUuek-","sortable":"kryUPRHDUcs-","spinning":"CY2nuF56w6Y-"};
 
-var styles = {"sortIcon":"AN5egORYy-0-","inactive":"_6KYeQXWXLQ8-","active":"F1uTDCK0Sb0-","spinning":"_7byFDfcjeak-"};
+var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-","spinning":"l5wqDUSULQY-"};
 
 const SORTING_ICON_TEST_ID = "ATL-DataList-Sorting-Icon";
 function DataListSortingArrows({ order }) {

package/dist/{DataListItem-BrOzWOX9.js → DataListItem-1eYWLMiW.js}

@@ -3,23 +3,23 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var DataListLayoutContext = require('./DataListLayoutContext-CPH4DAcG.js');
-var DataListItemActions = require('./DataListItemActions-CVgrxgh4.js');
-var DataListActionsMenu = require('./DataListActionsMenu-C6mmGUJg.js');
-var DataListLayoutContext$1 = require('./DataListLayoutContext-CMP9akyy.js');
-var DataList_utils = require('./DataList.utils-BcWWSeCL.js');
-var Checkbox = require('./Checkbox-BVxrbbMO.js');
-var useBatchSelect = require('./useBatchSelect-CD3CQd6g.js');
-var DataList = require('./DataList-ClkPt70Q.js');
-var DataListItemClickable = require('./DataListItemClickable-CiBRlKW-.js');
-var DataListContext = require('./DataListContext-nc3OMIku.js');
+var DataListLayoutContext = require('./DataListLayoutContext-CdX5ljBX.js');
+var DataListItemActions = require('./DataListItemActions-B8SxC48D.js');
+var DataListActionsMenu = require('./DataListActionsMenu-CsWdpEuh.js');
+var DataListLayoutContext$1 = require('./DataListLayoutContext-BaS5qdUe.js');
+var DataList_utils = require('./DataList.utils-C_aEYisx.js');
+var Checkbox = require('./Checkbox-AZCCM9Ew.js');
+var useBatchSelect = require('./useBatchSelect-CwmGd3-I.js');
+var DataList_module = require('./DataList.module-Czopu7CU.js');
+var DataListItemClickable = require('./DataListItemClickable-BjvL_vV4.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
 
 function DataListItemInternal({ children, item, }) {
     const { canSelect, hasAtLeastOneSelected, isSelectAll, selectedIDs, selected, onSelect, } = useBatchSelect.useBatchSelect();
     if (!canSelect)
         return children;
-    return (React.createElement("div", { className: classnames(DataList.styles.selectable, {
-            [DataList.styles.selected]: hasAtLeastOneSelected,
+    return (React.createElement("div", { className: classnames(DataList_module.styles.selectable, {
+            [DataList_module.styles.selected]: hasAtLeastOneSelected,
         }) },
         children,
         React.createElement(Checkbox.Checkbox, { checked: getIsChecked(), onChange: handleChange })));
@@ -87,8 +87,8 @@ function DataListItem({ item, layout, }) {
     const shouldShowContextMenu = showMenu && isContextMenuVisible && hasActions;
     const shouldShowHoverMenu = showMenu && hasActions && !hasInLayoutActions && !shouldShowContextMenu;
     return (React.createElement(DataListLayoutContext$1.DataListLayoutActionsContext.Provider, { value: { activeItem: item } },
-        React.createElement("div", { onMouseEnter: handleShowMenu, onMouseLeave: handleHideMenu, onFocus: handleShowMenu, onBlur: handleHideMenu, onContextMenu: handleContextMenu, className: classnames(DataList.styles.listItem, {
-                [DataList.styles.active]: showMenu && isContextMenuVisible,
+        React.createElement("div", { onMouseEnter: handleShowMenu, onMouseLeave: handleHideMenu, onFocus: handleShowMenu, onBlur: handleHideMenu, onContextMenu: handleContextMenu, className: classnames(DataList_module.styles.listItem, {
+                [DataList_module.styles.active]: showMenu && isContextMenuVisible,
             }), key: item.id },
             React.createElement(DataListItemInternal, { item: item },
                 React.createElement(DataListItemClickable.DataListItemClickable, null, layout(generatedItem))),

package/dist/{DataListItem-COjdyNnu.js → DataListItem-BfaoRKGa.js}

@@ -1,16 +1,16 @@
 import React, { Children, useMemo, isValidElement, useState } from 'react';
 import { AnimatePresence } from 'framer-motion';
 import classnames from 'classnames';
-import { u as useDataListLayoutContext } from './DataListLayoutContext-wpzX6sm7.js';
-import { I as InternalDataListItemActions } from './DataListItemActions-CmpWu6cL.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-K5B3wYJI.js';
-import { D as DataListLayoutActionsContext } from './DataListLayoutContext-C6pmOwAK.js';
-import { d as generateListItemElement } from './DataList.utils-Bl2bcw3S.js';
-import { C as Checkbox } from './Checkbox-Bm4bbZMA.js';
-import { u as useBatchSelect } from './useBatchSelect-2xrVPfVW.js';
-import { s as styles } from './DataList-CYqkARF1.js';
-import { D as DataListItemClickable } from './DataListItemClickable-m98es9yw.js';
-import { u as useDataListContext } from './DataListContext-DSdVeYAt.js';
+import { u as useDataListLayoutContext } from './DataListLayoutContext-BEYFWlEd.js';
+import { I as InternalDataListItemActions } from './DataListItemActions-BBqPucMs.js';
+import { D as DataListActionsMenu } from './DataListActionsMenu-BUFG_gtc.js';
+import { D as DataListLayoutActionsContext } from './DataListLayoutContext-DU6xx-u1.js';
+import { d as generateListItemElement } from './DataList.utils-nufETr7-.js';
+import { C as Checkbox } from './Checkbox-CDD29485.js';
+import { u as useBatchSelect } from './useBatchSelect-DlXBdzwi.js';
+import { s as styles } from './DataList.module-jMgI7pKp.js';
+import { D as DataListItemClickable } from './DataListItemClickable-DIeFlukY.js';
+import { u as useDataListContext } from './DataListContext-p4e5aqd-.js';
 
 function DataListItemInternal({ children, item, }) {
     const { canSelect, hasAtLeastOneSelected, isSelectAll, selectedIDs, selected, onSelect, } = useBatchSelect();

package/dist/{DataListItemActions-CVgrxgh4.js → DataListItemActions-B8SxC48D.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var DataList_const = require('./DataList.const-B_t_nNPW.js');
-var DataListActions = require('./DataListActions-HwENhAaX.js');
+var DataList_const = require('./DataList.const-D0_vZOFC.js');
+var DataListActions = require('./DataListActions-Dj4SPqMz.js');
 
-var styles = {"menu":"jHcHGQ-HDbk-","spinning":"FPXSEmAikIo-"};
+var styles = {"menu":"SSm2j6d2kYo-","spinning":"Mpmu6IiBTSI-"};
 
 // This component is meant to capture the props of the DataList.ItemActions
 function DataListItemActions(

package/dist/{DataListItemActions-CmpWu6cL.js → DataListItemActions-BBqPucMs.js}

@@ -1,9 +1,9 @@
 import React from 'react';
 import { motion } from 'framer-motion';
-import { T as TRANSITION_DURATION_IN_SECONDS, d as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-CfcXhjZR.js';
-import { D as DataListActions } from './DataListActions-CM0Xe2H2.js';
+import { T as TRANSITION_DURATION_IN_SECONDS, d as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-BFdoMYzt.js';
+import { D as DataListActions } from './DataListActions-fehidrfh.js';
 
-var styles = {"menu":"jHcHGQ-HDbk-","spinning":"FPXSEmAikIo-"};
+var styles = {"menu":"SSm2j6d2kYo-","spinning":"Mpmu6IiBTSI-"};
 
 // This component is meant to capture the props of the DataList.ItemActions
 function DataListItemActions(

package/dist/{DataListItemActionsOverflow-C93XxlHf.js → DataListItemActionsOverflow-CIfD0Reu.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { B as Button } from './Button-BorESRA8.js';
-import { T as Tooltip } from './Tooltip-C4syshPl.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-K5B3wYJI.js';
+import { B as Button } from './Button-D7c4TpNt.js';
+import { T as Tooltip } from './Tooltip-BWQ2V-yF.js';
+import { D as DataListActionsMenu } from './DataListActionsMenu-BUFG_gtc.js';
 
 function DataListItemActionsOverflow({ actions, }) {
     const [menuPosition, setMenuPosition] = useState({ x: 0, y: 0 });

package/dist/{DataListItemActionsOverflow-Dju_og7h.js → DataListItemActionsOverflow-DZ_FjrXQ.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-Cq7nFrdg.js');
-var Tooltip = require('./Tooltip-CyjsiD9h.js');
-var DataListActionsMenu = require('./DataListActionsMenu-C6mmGUJg.js');
+var Button = require('./Button-ChHzsklb.js');
+var Tooltip = require('./Tooltip-DLVhW_fw.js');
+var DataListActionsMenu = require('./DataListActionsMenu-CsWdpEuh.js');
 
 function DataListItemActionsOverflow({ actions, }) {
     const [menuPosition, setMenuPosition] = React.useState({ x: 0, y: 0 });

package/dist/{DataListItemClickable-CiBRlKW-.js → DataListItemClickable-BjvL_vV4.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-nc3OMIku.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
 var reactRouterDom = require('react-router-dom');
-var DataList = require('./DataList-ClkPt70Q.js');
-var DataListLayoutContext = require('./DataListLayoutContext-CMP9akyy.js');
+var DataList_module = require('./DataList.module-Czopu7CU.js');
+var DataListLayoutContext = require('./DataListLayoutContext-BaS5qdUe.js');
 
 function DataListItemClickableInternal({ onClick, url, to, children, }) {
     const { activeItem } = DataListLayoutContext.useDataListLayoutActionsContext();
@@ -12,17 +12,17 @@ function DataListItemClickableInternal({ onClick, url, to, children, }) {
         return React.createElement(React.Fragment, null, children);
     if (to) {
         const computedTo = typeof to === "string" ? to : to(activeItem);
-        return (React.createElement(reactRouterDom.Link, { className: DataList.styles.listItemClickable, to: computedTo, onClick: handleClick }, children));
+        return (React.createElement(reactRouterDom.Link, { className: DataList_module.styles.listItemClickable, to: computedTo, onClick: handleClick }, children));
     }
     if (url) {
         const href = typeof url === "string" ? url : url(activeItem);
-        return (React.createElement("a", { className: DataList.styles.listItemClickable, href: href, onClick: handleClick }, children));
+        return (React.createElement("a", { className: DataList_module.styles.listItemClickable, href: href, onClick: handleClick }, children));
     }
     if (onClick) {
         return (
         // A button can be nested within the list item. To prevent a button inside
         // button error, we need to manually declare a div to be a button
-        React.createElement("div", { role: "button", tabIndex: 0, className: DataList.styles.listItemClickable, onClick: handleClick, onKeyDown: e => {
+        React.createElement("div", { role: "button", tabIndex: 0, className: DataList_module.styles.listItemClickable, onClick: handleClick, onKeyDown: e => {
                 if (e.key === "Enter" || e.key === " ") {
                     e.preventDefault();
                     handleClick();

package/dist/{DataListItemClickable-m98es9yw.js → DataListItemClickable-DIeFlukY.js}

@@ -1,8 +1,8 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-DSdVeYAt.js';
+import { u as useDataListContext } from './DataListContext-p4e5aqd-.js';
 import { Link } from 'react-router-dom';
-import { s as styles } from './DataList-CYqkARF1.js';
-import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-C6pmOwAK.js';
+import { s as styles } from './DataList.module-jMgI7pKp.js';
+import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-DU6xx-u1.js';
 
 function DataListItemClickableInternal({ onClick, url, to, children, }) {
     const { activeItem } = useDataListLayoutActionsContext();

package/dist/{DataListItems-I5jvsTNk.js → DataListItems-BrZ8SgoZ.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { u as useDataListContext } from './DataListContext-DSdVeYAt.js';
-import { D as DataListLayoutContext } from './DataListLayoutContext-wpzX6sm7.js';
-import { D as DataListItem } from './DataListItem-COjdyNnu.js';
+import { u as useDataListContext } from './DataListContext-p4e5aqd-.js';
+import { D as DataListLayoutContext } from './DataListLayoutContext-BEYFWlEd.js';
+import { D as DataListItem } from './DataListItem-BfaoRKGa.js';
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = useDataListContext();

package/dist/{DataListItems-Bz8bDtsM.js → DataListItems-DZ7FsTSr.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-nc3OMIku.js');
-var DataListLayoutContext = require('./DataListLayoutContext-CPH4DAcG.js');
-var DataListItem = require('./DataListItem-BrOzWOX9.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
+var DataListLayoutContext = require('./DataListLayoutContext-CdX5ljBX.js');
+var DataListItem = require('./DataListItem-1eYWLMiW.js');
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = DataListContext.useDataListContext();

package/dist/{DataListLayout-COSeHqaq.js → DataListLayout-BLgnz9Oj.js}

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
-import { D as DataListItems } from './DataListItems-I5jvsTNk.js';
-import { u as useDataListContext } from './DataListContext-DSdVeYAt.js';
-import { u as useActiveLayout } from './useActiveLayout-kVPdH4fH.js';
+import { D as DataListItems } from './DataListItems-BrZ8SgoZ.js';
+import { u as useDataListContext } from './DataListContext-p4e5aqd-.js';
+import { u as useActiveLayout } from './useActiveLayout-DsEieVVU.js';
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = useDataListContext();

package/dist/{DataListLayout-DruWhQIG.js → DataListLayout-BnJbMpCQ.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListItems = require('./DataListItems-Bz8bDtsM.js');
-var DataListContext = require('./DataListContext-nc3OMIku.js');
-var useActiveLayout = require('./useActiveLayout-DlI6NCb5.js');
+var DataListItems = require('./DataListItems-DZ7FsTSr.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
+var useActiveLayout = require('./useActiveLayout-BrEoHjTL.js');
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = DataListContext.useDataListContext();

package/dist/{DataListLayoutActions-BOBep3-N.js → DataListLayoutActions-D0WS8iy1.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-nc3OMIku.js');
-var DataListLayoutContext = require('./DataListLayoutContext-CPH4DAcG.js');
-var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-Dju_og7h.js');
-var Glimmer = require('./Glimmer-DlNmm3YL.js');
+var DataListContext = require('./DataListContext-DXbgtOu2.js');
+var DataListLayoutContext = require('./DataListLayoutContext-CdX5ljBX.js');
+var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-DZ_FjrXQ.js');
+var Glimmer = require('./Glimmer-bh0ONXDd.js');
 
-var styles = {"hidden":"_0m75bgCVBhk-","spinning":"vScnCKM-Mi8-"};
+var styles = {"hidden":"CwWlXTKCPUg-","spinning":"JD9H0C1ehv0-"};
 
 function DataListLayoutActions() {
     const { itemActionComponent, loadingState } = DataListContext.useDataListContext();

package/dist/{DataListLayoutActions-DHBZkfuY.js → DataListLayoutActions-Z6p_c3cx.js}

@@ -1,10 +1,10 @@
 import React, { Children, useEffect } from 'react';
-import { u as useDataListContext } from './DataListContext-DSdVeYAt.js';
-import { u as useDataListLayoutContext } from './DataListLayoutContext-wpzX6sm7.js';
-import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-C93XxlHf.js';
-import { G as Glimmer } from './Glimmer-C7aBW0K0.js';
+import { u as useDataListContext } from './DataListContext-p4e5aqd-.js';
+import { u as useDataListLayoutContext } from './DataListLayoutContext-BEYFWlEd.js';
+import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-CIfD0Reu.js';
+import { G as Glimmer } from './Glimmer-4R8t8P8U.js';
 
-var styles = {"hidden":"_0m75bgCVBhk-","spinning":"vScnCKM-Mi8-"};
+var styles = {"hidden":"CwWlXTKCPUg-","spinning":"JD9H0C1ehv0-"};
 
 function DataListLayoutActions() {
     const { itemActionComponent, loadingState } = useDataListContext();

package/dist/{DataListLayoutContext-wpzX6sm7.js → DataListLayoutContext-BEYFWlEd.js}

@@ -1,4 +1,4 @@
-import { n as noop } from './noop-CraOGF8Z.js';
+import { n as noop } from './noop-DoixzvPa.js';
 import { createContext, useContext } from 'react';
 
 const defaultValues = {