@jobber/components 5.7.5 → 5.7.7-feat-side-.15

package/dist/index.mjs

@@ -1,160 +1,161 @@
-export { A as AnimatedPresence } from './AnimatedPresence-DKUyWXxu.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-CSCvxAzt.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-BHwgNmyn.js';
-export { A as Autocomplete } from './Autocomplete-DGjra2a1.js';
-export { A as Avatar } from './Avatar-C5l_NLSK.js';
-export { B as Banner } from './Banner-BILZwmuS.js';
-export { B as Button } from './Button-DC-22kOn.js';
-export { B as ButtonDismiss } from './ButtonDismiss-n5VeJjt6.js';
-export { C as Card } from './Card-BDoICnfh.js';
-export { C as Checkbox } from './Checkbox-BJz1nCRX.js';
-export { C as Chip } from './Chip-BXSUrdK3.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-BHVsCy7o.js';
+export { A as AnimatedPresence } from './AnimatedPresence-CAJuAjxq.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-caDTf0af.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-fu2gbYaT.js';
+export { A as Autocomplete } from './Autocomplete-D_MqvG3r.js';
+export { A as Avatar } from './Avatar-DHgnD7Ok.js';
+export { B as Banner } from './Banner-CL6u6_gX.js';
+export { B as Button } from './Button-DjLnt080.js';
+export { B as ButtonDismiss } from './ButtonDismiss-DFPwhLr-.js';
+export { C as Card } from './Card-CDjpdtwu.js';
+export { C as Checkbox } from './Checkbox-CHe93r2x.js';
+export { C as Chip } from './Chip-qYsYDlC6.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-CffXZ8Cn.js';
 import 'react';
 import 'classnames';
-import './useAssert-DUCGuEth.js';
-export { I as Icon } from './Icon-BMboAFYT.js';
-export { T as Typography } from './Typography-BKQLCawn.js';
-export { T as Tooltip } from './Tooltip-DYWvM3H9.js';
-export { C as Chips } from './Chips-dMeWwHkx.js';
-export { C as Combobox } from './Combobox-eb_ToDCx.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-Cogth2nT.js';
-export { C as ConfirmationModal } from './ConfirmationModal-BUOCUEWh.js';
-export { C as Content } from './Content-Cq1TSOdW.js';
-export { C as Countdown } from './Countdown-Cv2lWE_s.js';
-export { D as DataDump } from './DataDump-p4NiUr7a.js';
-export { D as DataList } from './DataList-CgTqYfZ0.js';
-export { D as DataTable } from './DataTable-Cw_OYPoR.js';
-import './useResizeObserver-CWDtoKLr.js';
+import './useAssert-BLi6jHQo.js';
+export { I as Icon } from './Icon-DOiE4RnD.js';
+export { T as Typography } from './Typography-DHg6m-aH.js';
+export { T as Tooltip } from './Tooltip-DwDjwxz-.js';
+export { C as Chips } from './Chips-kY9p_x7M.js';
+export { C as Combobox } from './Combobox-DHTexbUC.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-DAyBUDqZ.js';
+export { C as ConfirmationModal } from './ConfirmationModal-CwZnkD2h.js';
+export { C as Content } from './Content-BtHNO3yE.js';
+export { C as Countdown } from './Countdown-Cx9X3pAu.js';
+export { D as DataDump } from './DataDump-BIraN2CB.js';
+export { D as DataList } from './DataList-BuTBSDYg.js';
+export { D as DataTable } from './DataTable-Bq4X9Bjj.js';
+import './useResizeObserver-BzrjXodt.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-Dwt4h9Oh.js';
-export { D as DescriptionList } from './DescriptionList-DVGp6BNT.js';
-export { D as Disclosure } from './Disclosure-Derxh-6y.js';
-export { D as Divider } from './Divider-By1N4Qli.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-DrNAKYx5.js';
-export { E as Emphasis } from './Emphasis-CblGROx9.js';
-export { F as FeatureSwitch } from './FeatureSwitch-BGeOiP9s.js';
-export { F as Flex } from './Flex-BTq7CoJR.js';
-export { F as Form } from './Form-BLtasLao.js';
-export { F as FormField } from './FormField-Gq_xh22Z.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-Btnc6KW5.js';
-export { F as FormatEmail } from './FormatEmail-BkcsshbR.js';
-export { F as FormatFile } from './FormatFile-CGWcKsw0.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-BBTG4tKj.js';
-export { F as FormatTime } from './FormatTime-DGcXu3mK.js';
-export { G as Gallery } from './Gallery-Bm2ARzNx.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-CBJjasdg.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-fyBsoNQp.js';
-export { H as Heading } from './Heading-g0Bmse7D.js';
-export { I as InlineLabel } from './InlineLabel-CSxfwpeQ.js';
-export { I as InputAvatar } from './InputAvatar-CjvMD4kI.js';
-export { I as InputDate } from './InputDate-BrtI9WAI.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-BvZlh1h2.js';
-export { I as InputFile, u as updateFiles } from './InputFile-UKc2JLZa.js';
-export { I as InputGroup } from './InputGroup-CzNNa_Yk.js';
-export { I as InputNumber } from './InputNumber-CMTMtVsn.js';
-export { I as InputPassword } from './InputPassword-BJW1y6L2.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-BWVcBNQQ.js';
-export { I as InputText } from './InputText-nHpm0sCF.js';
-export { I as InputTime } from './InputTime-DwN7k8er.js';
-export { I as InputValidation } from './InputValidation-CvL5Mzlf.js';
-export { L as LightBox } from './LightBox-KhJtVzAV.js';
-export { L as Link } from './Link-CEui4KNh.js';
-export { L as List, a as ListItem } from './List-Bxq6KHFw.js';
-export { M as Markdown } from './Markdown-BQ8ciAXE.js';
-export { M as Menu } from './Menu-C64NqmAH.js';
-export { M as Modal } from './Modal-BBtrruiT.js';
-export { M as MultiSelect } from './MultiSelect-CeQR_9ig.js';
-export { P as Page } from './Page-CHULFjMA.js';
-export { P as Popover } from './Popover-DjWcsZ4j.js';
-export { P as ProgressBar } from './ProgressBar-vQRit9zM.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-BhcgzSth.js';
-export { R as RecurringSelect } from './RecurringSelect-C3qptHtW.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-CE-SQbtS.js';
-export { a as Option, S as Select } from './Option-Dt54N8-4.js';
-export { S as Spinner } from './Spinner-Dlh2c78e.js';
-export { S as StatusIndicator } from './StatusIndicator-DviQoZTx.js';
-export { S as StatusLabel } from './StatusLabel-CqPRg2mZ.js';
-export { S as Switch } from './Switch-7tIEwFwz.js';
-export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-B7rvN_51.js';
-export { a as Tab, T as Tabs } from './Tabs-B3nME0wb.js';
-export { T as Text } from './Text-D99bDLRQ.js';
+export { D as DatePicker } from './DatePicker-Cdk1LqeV.js';
+export { D as DescriptionList } from './DescriptionList-DnaQpmpW.js';
+export { D as Disclosure } from './Disclosure-Dv_u43fr.js';
+export { D as Divider } from './Divider-BbSdPs2b.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-B082X0F1.js';
+export { E as Emphasis } from './Emphasis-D8h54peL.js';
+export { F as FeatureSwitch } from './FeatureSwitch-04qJEIOm.js';
+export { F as Flex } from './Flex-DyVcTSBz.js';
+export { F as Form } from './Form-BwJJLqGr.js';
+export { F as FormField } from './FormField-5unRgkup.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-cd0qCq8-.js';
+export { F as FormatEmail } from './FormatEmail-D7hL4cv0.js';
+export { F as FormatFile } from './FormatFile-ExCS0SIF.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-Cr4GLohv.js';
+export { F as FormatTime } from './FormatTime-CO0ueU5V.js';
+export { G as Gallery } from './Gallery-CNkThGDx.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-BJaBZd1l.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-BgZB_gng.js';
+export { H as Heading } from './Heading-coWt93QR.js';
+export { I as InlineLabel } from './InlineLabel-T-3V4N1g.js';
+export { I as InputAvatar } from './InputAvatar-CP3_E0KB.js';
+export { I as InputDate } from './InputDate-CMKXle-3.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-CS9_vqaq.js';
+export { I as InputFile, u as updateFiles } from './InputFile-D7hRMe2a.js';
+export { I as InputGroup } from './InputGroup-DU2yKkgZ.js';
+export { I as InputNumber } from './InputNumber-C8lHZGoy.js';
+export { I as InputPassword } from './InputPassword-CPVfxmuA.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-BwrTlM3-.js';
+export { I as InputText } from './InputText-DgM7MqRI.js';
+export { I as InputTime } from './InputTime-xdBs0jvc.js';
+export { I as InputValidation } from './InputValidation-Bt69Kl3I.js';
+export { L as LightBox } from './LightBox-CZcY2leG.js';
+export { L as Link } from './Link-CxwjuFJK.js';
+export { L as List, a as ListItem } from './List-VrzihJ4n.js';
+export { M as Markdown } from './Markdown-DWByzKap.js';
+export { M as Menu } from './Menu-CD-pMWSP.js';
+export { M as Modal } from './Modal-B2aOtASm.js';
+export { M as MultiSelect } from './MultiSelect-DHiKnOJP.js';
+export { P as Page } from './Page-Be3ys-bA.js';
+export { P as Popover } from './Popover-DKvfPzRv.js';
+export { P as ProgressBar } from './ProgressBar-C3CW1aXY.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-CziRPDhS.js';
+export { R as RecurringSelect } from './RecurringSelect-BUPOJcO-.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-B1_CcFcC.js';
+export { a as Option, S as Select } from './Option-CsZqkmaN.js';
+export { S as SideDrawer } from './SideDrawer-B6ahl60Q.js';
+export { S as Spinner } from './Spinner-CDea5o9l.js';
+export { S as StatusIndicator } from './StatusIndicator-CJ3IKgwk.js';
+export { S as StatusLabel } from './StatusLabel-qAjCOqfL.js';
+export { S as Switch } from './Switch-7ltnc8Bq.js';
+export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-C9WnLSIA.js';
+export { a as Tab, T as Tabs } from './Tabs-Bp0tl0Vv.js';
+export { T as Text } from './Text-CNRipkZM.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-bNpOGReZ.js';
-import './debounce-DNTACnkk.js';
-import './_commonjsHelpers-Dn_KJzb_.js';
-import './isObjectLike-CyjnzAdS.js';
-import './isSymbol-lnBFDeVt.js';
+import './tslib.es6-CdSOyxlK.js';
+import './debounce-BurIkAzh.js';
+import './_commonjsHelpers-DIB6xH1w.js';
+import './isObjectLike-C-F9vpF5.js';
+import './isSymbol-Du-WjgZn.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-DzBiHwGo.js';
-import './useSafeLayoutEffect-CfsxNZQJ.js';
-import './useIsMounted-si958EU4.js';
+import './useOnKeyDown-CwHdZfp-.js';
+import './useSafeLayoutEffect-CgDOyFxl.js';
+import './useIsMounted-VR0Fj1t0.js';
 import 'color';
-import './BannerIcon-BPyZ_CW2.js';
+import './BannerIcon-DI5mYJch.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-V9czOl9k.js';
-import './useChildComponent-CRpzCvLp.js';
-import './_polyfill-node.process-DbYBFDES.js';
-import './InternalChipDismissible-JlBGJPDu.js';
-import './useScrollToActive-J0Go4uxr.js';
-import './_setToString-BkU_3pdj.js';
-import './_defineProperty-BooR6pow.js';
-import './_getTag-CRWLSJ6q.js';
-import './_baseEach-CpIK_3cH.js';
-import './ComboboxContent-C5u8tlHL.js';
-import './ComboboxContentSearch-D2Y-w0pK.js';
-import './ComboboxContentList-CrN-2c8a.js';
-import './ComboboxOption-BbFh7jq_.js';
-import './ComboboxLoadMore-CE2zldwN.js';
-import './ComboboxContentHeader-Bc4SYLO1.js';
-import './useRefocusOnActivator-CTqEtBBf.js';
-import './useFocusTrap-CpL6vbPC.js';
-import './ComboboxAction-B73s_a_s.js';
-import './ComboboxTrigger-CeIwKIAY.js';
-import './noop-44R1Rej7.js';
-import './ComboboxActivator-BTMqbU7o.js';
+import './useInView-DmKBbh8z.js';
+import './useChildComponent-DL-22RbY.js';
+import './_polyfill-node.process-D643ihTV.js';
+import './InternalChipDismissible-3dju6RLo.js';
+import './useScrollToActive-D60VL247.js';
+import './_setToString-BcD6j9u3.js';
+import './_defineProperty-DHydgJ4I.js';
+import './_getTag-Bc-0NzVt.js';
+import './_baseEach-rN_aZx1E.js';
+import './ComboboxContent-DEWLiEBG.js';
+import './ComboboxContentSearch-6RJWKmm8.js';
+import './ComboboxContentList-BZSvJotm.js';
+import './ComboboxOption-CQqhAGBI.js';
+import './ComboboxLoadMore-BHONqt-Z.js';
+import './ComboboxContentHeader-BVaOQHGc.js';
+import './useRefocusOnActivator-C0-MAUPZ.js';
+import './useFocusTrap-BpGVaCwR.js';
+import './ComboboxAction-WB-OLBTp.js';
+import './ComboboxTrigger-DrhsIAqa.js';
+import './noop-DNkxnAd4.js';
+import './ComboboxActivator-CltuGKfb.js';
 import '@std-proposal/temporal';
-import './index-BvwL1QbR.js';
-import './DataList-BkIJKvpz.js';
-import './DataListTotalCount-Bii33Ep5.js';
-import './DataListLoadingState-B9f0rZr3.js';
-import './DataListContext-CjdWTo12.js';
-import './useActiveLayout-CtM5CQhn.js';
-import './useResponsiveSizing-4g7HLAZp.js';
-import './DataList.const-D9P-Mm0g.js';
-import './DataListLayout-B2hUG5R8.js';
-import './DataListItems-CM5ivPd5.js';
-import './DataListLayoutContext-Biu8A6NT.js';
-import './DataListItem-DupmW3YL.js';
-import './DataListItemActions-BkDvoH2E.js';
-import './DataListActions-Do4INTIf.js';
-import './DataListOverflowFade-h5cmKs7Q.js';
-import './DataList.utils-AE3xpATN.js';
-import './DataListTags-B0hzMwvb.js';
-import './DataListHeaderTile-CCMbhuZu.js';
-import './DataListSortingOptions-B4GIQ7DU.js';
-import './DataListLayoutContext-B2lFcBxc.js';
-import './DataListItemActionsOverflow-C8KLHmBY.js';
-import './DataListActionsMenu-BmYsRaMn.js';
-import './useBatchSelect-Btm3UhrX.js';
-import './DataListItemClickable-CMW0g6up.js';
-import './DataListHeader-CPSAot-b.js';
-import './DataListBulkActions-CzlcKa22.js';
-import './DataListFilters-CVv5xztw.js';
-import './DataListSort-qC1ruL9V.js';
-import './DataListStickyHeader-CHDJJxJ1.js';
-import './DataListSearch-nU04dK8P.js';
-import './DataListEmptyState-CdDXHTZ-.js';
-import './DataListLoadMore-XZO8w5TQ.js';
-import './DataListAction-0OEqvLkc.js';
-import './DataListLayoutActions-DOgrQOAZ.js';
-import './DataListStatusBar-CdDqq6ci.js';
-import './_baseAssignValue-DtndRSZR.js';
-import './useFormFieldFocus-DqccDWxl.js';
+import './index-Bj3y-E9j.js';
+import './DataList-c1Ry9DBn.js';
+import './DataListTotalCount-CQPkkWxW.js';
+import './DataListLoadingState-CxH0yV7e.js';
+import './DataListContext-DmQlVGOH.js';
+import './useActiveLayout-Dr8syQFK.js';
+import './useResponsiveSizing-D7hnt9GO.js';
+import './DataList.const-CnE-VV9S.js';
+import './DataListLayout-BEbAfcOS.js';
+import './DataListItems-BmkDrjHy.js';
+import './DataListLayoutContext-BNKZmh_K.js';
+import './DataListItem-R3ycRJpy.js';
+import './DataListItemActions-0O2bo6pw.js';
+import './DataListActions-Byuo2wvJ.js';
+import './DataListOverflowFade-Dol-Pb6P.js';
+import './DataList.utils-DWPTRKt8.js';
+import './DataListTags-QPPrOGfd.js';
+import './DataListHeaderTile-kR2GPQTV.js';
+import './DataListSortingOptions-DgBy8YRb.js';
+import './DataListLayoutContext-DASzfZNQ.js';
+import './DataListItemActionsOverflow-Cbc2lQSC.js';
+import './DataListActionsMenu-CXusXixg.js';
+import './useBatchSelect-G1J-ghrg.js';
+import './DataListItemClickable-Bc80aaew.js';
+import './DataListHeader-BjqKt7eh.js';
+import './DataListBulkActions-BmXj3Krb.js';
+import './DataListFilters-CgE-nKuz.js';
+import './DataListSort-BEVSZMPs.js';
+import './DataListStickyHeader-D2i0gP2v.js';
+import './DataListSearch-BFoXSZ1W.js';
+import './DataListEmptyState-BSejQi3t.js';
+import './DataListLoadMore-Ds_tTuSn.js';
+import './DataListAction-CapnxEil.js';
+import './DataListLayoutActions-BsoWoxK-.js';
+import './DataListStatusBar-DHqgpzN2.js';
+import './_baseAssignValue-Chu3qqvJ.js';
+import './useFormFieldFocus-_ZMEcWhL.js';
 import 'filesize';
-import './InternalGridCell-8rX-44Ik.js';
+import './InternalGridCell-CVAUUgvA.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-CyjnzAdS.js → isObjectLike-C-F9vpF5.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal } from './_commonjsHelpers-Dn_KJzb_.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-DIB6xH1w.js';
 
 /**
  * Checks if `value` is the

package/dist/{isObjectLike-CWRvSv6l.js → isObjectLike-D0GTQf09.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DdpNM1FN.js');
+var _commonjsHelpers = require('./_commonjsHelpers-Q77euhc-.js');
 
 /**
  * Checks if `value` is the

package/dist/{isSymbol-lnBFDeVt.js → isSymbol-Du-WjgZn.js}

@@ -1,4 +1,4 @@
-import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-CyjnzAdS.js';
+import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-C-F9vpF5.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;

package/dist/{isSymbol-DHK3MQ_r.js → isSymbol-lJlSsm-d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var isObjectLike$1 = require('./isObjectLike-CWRvSv6l.js');
+var isObjectLike$1 = require('./isObjectLike-D0GTQf09.js');
 
 var baseGetTag = isObjectLike$1._baseGetTag,
     isObjectLike = isObjectLike$1.isObjectLike_1;

package/dist/{noop-8cp4b6Q0.js → noop-BlQcyvH_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DdpNM1FN.js');
+var _commonjsHelpers = require('./_commonjsHelpers-Q77euhc-.js');
 
 /**
  * This method returns `undefined`.

package/dist/{noop-44R1Rej7.js → noop-DNkxnAd4.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Dn_KJzb_.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DIB6xH1w.js';
 
 /**
  * This method returns `undefined`.

package/dist/styles.css

@@ -8196,6 +8196,148 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   width: 100%;
 }
 
+:root {
+  --sideDrawer--base-padding: var(--space-base);
+  --sideDrawer--background: var(--color-surface);
+}
+
+.f-MKdBvCQXQ- {
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 1001;
+  z-index: var(--elevation-modal);
+  width: 100%;
+  height: 100%;
+  max-width: 420px;
+}
+
+/* Adjust `Content` components public padding to match the cards */
+
+.f-MKdBvCQXQ- > * {
+  --public-content--padding: var(--sideDrawer--base-padding);
+}
+
+.ZMrzd2xJCtQ- {
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+  overflow-y: auto;
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--sideDrawer--background);
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+
+.j-us8-p4bfY- {
+  --sideDrawer--background: var(--color-surface--background--subtle);
+}
+
+.di7wVz6Zdy8- {
+  display: -ms-flexbox;
+  display: flex;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  z-index: var(--elevation-base);
+  padding: calc(16px * 1);
+  padding: var(--sideDrawer--base-padding);
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--sideDrawer--background);
+  -ms-flex-direction: column;
+      flex-direction: column;
+  gap: calc(16px * 1);
+  gap: var(--space-base);
+  transition:
+    box-shadow 200ms ease-in-out,
+    -webkit-filter 200ms ease-in-out;
+  transition:
+    box-shadow var(--timing-base) ease-in-out,
+    -webkit-filter var(--timing-base) ease-in-out;
+  transition:
+    box-shadow 200ms ease-in-out,
+    filter 200ms ease-in-out;
+  transition:
+    box-shadow var(--timing-base) ease-in-out,
+    filter var(--timing-base) ease-in-out;
+  transition:
+    box-shadow 200ms ease-in-out,
+    filter 200ms ease-in-out,
+    -webkit-filter 200ms ease-in-out;
+  transition:
+    box-shadow var(--timing-base) ease-in-out,
+    filter var(--timing-base) ease-in-out,
+    -webkit-filter var(--timing-base) ease-in-out;
+}
+
+.-Os-3OnRHg0- {
+  box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
+      rgba(0, 0, 0, 0.1),
+    0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--shadow-base);
+}
+
+.di7wVz6Zdy8-:has([data-side-drawer-slot^="title-"]:empty) {
+  padding-bottom: calc(16px / 4);
+  padding-bottom: var(--space-smaller);
+  background-color: transparent;
+}
+
+.di7wVz6Zdy8-.-Os-3OnRHg0-:has([data-side-drawer-slot^="title-"]:empty) {
+    box-shadow: none;
+    -webkit-filter: drop-shadow(
+      0 0 calc(16px / 4) rgba(0, 0, 0, 0.25)
+    );
+    -webkit-filter: drop-shadow(
+      0 0 var(--space-smaller) rgba(var(--color-black--rgb), 0.25)
+    );
+            filter: drop-shadow(
+      0 0 calc(16px / 4) rgba(0, 0, 0, 0.25)
+    );
+            filter: drop-shadow(
+      0 0 var(--space-smaller) rgba(var(--color-black--rgb), 0.25)
+    );
+
+    /**
+     * Force the 2 built-in buttons to have a background color when the header
+     * is not present so the drop shadow is applied to the whole button and not
+     * just the icon.
+     */
+  }
+
+.di7wVz6Zdy8-.-Os-3OnRHg0-:has([data-side-drawer-slot^="title-"]:empty) button[aria-label="Close"],
+    .di7wVz6Zdy8-.-Os-3OnRHg0-:has([data-side-drawer-slot^="title-"]:empty) button[aria-label="Back"] {
+      background-color: rgba(255, 255, 255, 1);
+      background-color: var(--color-surface);
+    }
+
+.sUo3MflQPVI- {
+  display: -ms-flexbox;
+  display: flex;
+  margin-right: calc(-1 * (16px / 2));
+  margin-right: calc(-1 * calc(16px / 2));
+  margin-right: calc(-1 * var(--space-small));
+}
+
+.zbd79OKr6-M-:empty {
+  display: none;
+}
+
+.zUQipP8Y6Tk- {
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 1001;
+  z-index: var(--elevation-modal);
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border: none;
+  background-color: transparent;
+  -webkit-appearance: none;
+          appearance: none;
+}
+
 :root {
   --statusLabel-icon-diameter: 8px;
 }

package/dist/{useActiveLayout-w7J-Zzyd.js → useActiveLayout-BsAyjDk2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-q6Czifht.js');
-var DataListContext = require('./DataListContext-C0G0vHxm.js');
+var useResponsiveSizing = require('./useResponsiveSizing-BJ_iuko-.js');
+var DataListContext = require('./DataListContext-DMqfOJC1.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-CtM5CQhn.js → useActiveLayout-Dr8syQFK.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-4g7HLAZp.js';
-import { u as useDataListContext } from './DataListContext-CjdWTo12.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-D7hnt9GO.js';
+import { u as useDataListContext } from './DataListContext-DmQlVGOH.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-DUCGuEth.js → useAssert-BLi6jHQo.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-Dn_KJzb_.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-DbYBFDES.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-DIB6xH1w.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-D643ihTV.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-B6-Sho7x.js → useAssert-CQh0sFpD.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DdpNM1FN.js');
-var _polyfillNode_process = require('./_polyfill-node.process-FIkasjL9.js');
+var _commonjsHelpers = require('./_commonjsHelpers-Q77euhc-.js');
+var _polyfillNode_process = require('./_polyfill-node.process-BjhWJfrh.js');
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-Btm3UhrX.js → useBatchSelect-G1J-ghrg.js}

@@ -1,4 +1,4 @@
-import { u as useDataListContext } from './DataListContext-CjdWTo12.js';
+import { u as useDataListContext } from './DataListContext-DmQlVGOH.js';
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = useDataListContext();

package/dist/{useBatchSelect-DFe_k2kw.js → useBatchSelect-xiBh8Gnv.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var DataListContext = require('./DataListContext-C0G0vHxm.js');
+var DataListContext = require('./DataListContext-DMqfOJC1.js');
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = DataListContext.useDataListContext();

package/dist/{useIsMounted-BPMCF4II.js → useIsMounted-D9kK3m9s.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-CYYNeMYE.js');
+var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-CldTIukY.js');
 
 var useIsMounted$1 = {};
 

package/dist/{useIsMounted-si958EU4.js → useIsMounted-VR0Fj1t0.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-CfsxNZQJ.js';
+import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-CgDOyFxl.js';
 
 var useIsMounted$1 = {};
 

package/dist/{useResizeObserver-CWDtoKLr.js → useResizeObserver-BzrjXodt.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-Dn_KJzb_.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-DIB6xH1w.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-DNTACnkk.js';
-import { b as isObject_1 } from './isObjectLike-CyjnzAdS.js';
+import { a as debounce_1 } from './debounce-BurIkAzh.js';
+import { b as isObject_1 } from './isObjectLike-C-F9vpF5.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-Z3ssgqY_.js → useResizeObserver-chuUu5iJ.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DdpNM1FN.js');
+var _commonjsHelpers = require('./_commonjsHelpers-Q77euhc-.js');
 var React = require('react');
-var debounce$1 = require('./debounce-CkUGED74.js');
-var isObjectLike = require('./isObjectLike-CWRvSv6l.js');
+var debounce$1 = require('./debounce-1U6npJhp.js');
+var isObjectLike = require('./isObjectLike-D0GTQf09.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-q6Czifht.js → useResponsiveSizing-BJ_iuko-.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var DataList_const = require('./DataList.const-B5wOOodO.js');
+var DataList_const = require('./DataList.const-D99mEuBV.js');
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useResponsiveSizing-4g7HLAZp.js → useResponsiveSizing-D7hnt9GO.js}

@@ -1,5 +1,5 @@
 import { useCallback, useSyncExternalStore } from 'react';
-import { e as BREAKPOINT_SIZES } from './DataList.const-D9P-Mm0g.js';
+import { e as BREAKPOINT_SIZES } from './DataList.const-CnE-VV9S.js';
 
 const mediaQueryStore = {
     subscribe(onChange, query) {