@jobber/components 5.8.0 → 5.9.0

package/dist/index.mjs

@@ -1,161 +1,162 @@
-export { A as AnimatedPresence } from './AnimatedPresence-DCtGr3XR.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-B9HWMJcK.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-BsL9wTmO.js';
-export { A as Autocomplete } from './Autocomplete-CkXwL4xm.js';
-export { A as Avatar } from './Avatar-BY6DprHF.js';
-export { B as Banner } from './Banner-BiKoyV3U.js';
-export { B as Box } from './Box-JsS0xHKE.js';
-export { B as Button } from './Button-I8bsy701.js';
-export { B as ButtonDismiss } from './ButtonDismiss-j7MU_hZo.js';
-export { C as Card } from './Card-BocX3_Ia.js';
-export { C as Checkbox } from './Checkbox-DIzQIW7B.js';
-export { C as Chip } from './Chip-CLtoAaN5.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DibQQH6k.js';
+export { A as AnimatedPresence } from './AnimatedPresence-_BsLSQ4P.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-BM4nqlSN.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-DywZPX0g.js';
+export { A as Autocomplete } from './Autocomplete-Dg3vK_sA.js';
+export { A as Avatar } from './Avatar-vjdk2egR.js';
+export { B as Banner } from './Banner-BPlPAVya.js';
+export { B as Box } from './Box-wKEOkHir.js';
+export { B as Button } from './Button-B8SWkG_r.js';
+export { B as ButtonDismiss } from './ButtonDismiss-Ube8lB6w.js';
+export { C as Card } from './Card-B2phMveA.js';
+export { C as Checkbox } from './Checkbox-BJgZmKa1.js';
+export { C as Chip } from './Chip-BxV4hpui.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-ClluH02_.js';
 import 'react';
 import 'classnames';
-import './useAssert-D3Ct5WeA.js';
-export { I as Icon } from './Icon-DJo4AfvY.js';
-export { T as Typography } from './Typography-BtVFRuRk.js';
-export { T as Tooltip } from './Tooltip-BzL7ceh5.js';
-export { C as Chips } from './Chips-DTGxq51c.js';
-export { C as Combobox } from './Combobox-D27MBI1T.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-BxfzBdSk.js';
-export { C as ConfirmationModal } from './ConfirmationModal-BiUQZqQg.js';
-export { C as Content } from './Content-DKp2frQ5.js';
-export { C as Countdown } from './Countdown-DrkgmKWM.js';
-export { D as DataDump } from './DataDump-CzP4c-WN.js';
-export { D as DataList } from './DataList-CwaPgcv8.js';
-export { D as DataTable } from './DataTable-BBvvJhJI.js';
-import './useResizeObserver-DuxXvB7J.js';
+import './useAssert-DhIokrEA.js';
+export { I as Icon } from './Icon-C5a2rKDn.js';
+export { T as Typography } from './Typography-DPvvnhdJ.js';
+export { T as Tooltip } from './Tooltip-CGhB-AQ5.js';
+export { C as Chips } from './Chips-DRGg_6PC.js';
+export { C as Combobox } from './Combobox-BoNHXMUx.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-C8BTZMW5.js';
+export { C as ConfirmationModal } from './ConfirmationModal-0US_QKd4.js';
+export { C as Content } from './Content-CeP7OIgD.js';
+export { C as Countdown } from './Countdown-BVS5L-0o.js';
+export { D as DataDump } from './DataDump-CvTimnUJ.js';
+export { D as DataList } from './DataList-LnRxDPmZ.js';
+export { D as DataTable } from './DataTable-DT0XRYoA.js';
+import './useResizeObserver-t8i-yFhr.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-IHt8gwam.js';
-export { D as DescriptionList } from './DescriptionList-B_Y8YGiX.js';
-export { D as Disclosure } from './Disclosure-B5UShlac.js';
-export { D as Divider } from './Divider-DJVpEitM.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-CcwscqNX.js';
-export { E as Emphasis } from './Emphasis-B8N2hTpu.js';
-export { F as FeatureSwitch } from './FeatureSwitch-Bi43WVwp.js';
-export { F as Flex } from './Flex-Dc2_WvKP.js';
-export { F as Form } from './Form-BcEIhOxZ.js';
-export { F as FormField } from './FormField-Bvnon6yy.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-DK-aF2MJ.js';
-export { F as FormatEmail } from './FormatEmail-_SQoMGPh.js';
-export { F as FormatFile } from './FormatFile-C0MQ_GsN.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-rH5--bEm.js';
-export { F as FormatTime } from './FormatTime-DsUNX7iK.js';
-export { G as Gallery } from './Gallery-DgjvxWur.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-CHCNn56m.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-C8CpJ_7Q.js';
-export { H as Heading } from './Heading-BHGddlsm.js';
-export { I as InlineLabel } from './InlineLabel-CN4nr8pu.js';
-export { I as InputAvatar } from './InputAvatar-BfYD3W3r.js';
-export { I as InputDate } from './InputDate-DSZrhVmm.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-CYEmmFV7.js';
-export { I as InputFile, u as updateFiles } from './InputFile-BUgu9c6M.js';
-export { I as InputGroup } from './InputGroup-Depfq3Iu.js';
-export { I as InputNumber } from './InputNumber-xZAPWEIc.js';
-export { I as InputPassword } from './InputPassword-CgYOCKPi.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-Cn-kgoB8.js';
-export { I as InputText } from './InputText-uwigo5Y3.js';
-export { I as InputTime } from './InputTime-DIXRlRXd.js';
-export { I as InputValidation } from './InputValidation-Cpk83VQp.js';
-export { L as LightBox } from './LightBox-BW93IxnR.js';
-export { L as Link } from './Link-CzIqP8pX.js';
-export { L as List, a as ListItem } from './List-BkS7dN_e.js';
-export { M as Markdown } from './Markdown-881T9E6i.js';
-export { M as Menu } from './Menu-BiO6Ak3S.js';
-export { M as Modal } from './Modal-C6yR7-Ax.js';
-export { M as MultiSelect } from './MultiSelect-Cs9N9HnP.js';
-export { P as Page } from './Page-D_XiKuZZ.js';
-export { P as Popover } from './Popover-BFwwDceH.js';
-export { P as ProgressBar } from './ProgressBar-mrpecABO.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-6tAigewL.js';
-export { R as RecurringSelect } from './RecurringSelect-CzoDNpgl.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-DXv9zdwm.js';
-export { a as Option, S as Select } from './Option-CcgAaoQF.js';
-export { S as Spinner } from './Spinner-Dpn5yo2n.js';
-export { S as StatusIndicator } from './StatusIndicator-DXXpSI36.js';
-export { S as StatusLabel } from './StatusLabel-CXg1nt6i.js';
-export { S as Switch } from './Switch-CAb0yz8E.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-BhMTSzI2.js';
-export { a as Tab, T as Tabs } from './Tabs-Cnovccmw.js';
-export { T as Text } from './Text-jAK9RUhf.js';
+export { D as DatePicker } from './DatePicker-RA8I4fVH.js';
+export { D as DescriptionList } from './DescriptionList-CdQvN94K.js';
+export { D as Disclosure } from './Disclosure-DAap6FY6.js';
+export { D as Divider } from './Divider-RdOXWitK.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-CZNZ2Jl5.js';
+export { E as Emphasis } from './Emphasis-B4DVulSI.js';
+export { F as FeatureSwitch } from './FeatureSwitch-liuD2P3c.js';
+export { F as Flex } from './Flex-CjRbbevF.js';
+export { F as Form } from './Form-kBnyPArq.js';
+export { F as FormField } from './FormField-DMoipQx7.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-kgvSPYBI.js';
+export { F as FormatEmail } from './FormatEmail-bcXpEYR5.js';
+export { F as FormatFile } from './FormatFile-O-BTw3v_.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-DFVXLJ4M.js';
+export { F as FormatTime } from './FormatTime-CEh771T5.js';
+export { G as Gallery } from './Gallery-Bm4UkK9t.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-Bmt83LoN.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-BOHrh9nV.js';
+export { H as Heading } from './Heading-CjF0hBSe.js';
+export { I as InlineLabel } from './InlineLabel-DeJD0m-U.js';
+export { I as InputAvatar } from './InputAvatar-KDAsnOcF.js';
+export { I as InputDate } from './InputDate-CCi8xE3l.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-GozlrOEP.js';
+export { I as InputFile, u as updateFiles } from './InputFile-B0f_wS96.js';
+export { I as InputGroup } from './InputGroup-sDnq8mF5.js';
+export { I as InputNumber } from './InputNumber-Cjsgs6Do.js';
+export { I as InputPassword } from './InputPassword-BujWCiFS.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-P97GAzOb.js';
+export { I as InputText } from './InputText-BRFYWtkH.js';
+export { I as InputTime } from './InputTime-Cq88ktlz.js';
+export { I as InputValidation } from './InputValidation-C-CQTM5R.js';
+export { L as LightBox } from './LightBox-DAYCj79q.js';
+export { L as Link } from './Link-DNEpc53e.js';
+export { L as List, a as ListItem } from './List-Dcj2nlsD.js';
+export { M as Markdown } from './Markdown-7GUEsNNW.js';
+export { M as Menu } from './Menu-CBzIiSA7.js';
+export { M as Modal } from './Modal-DRLJKp9Q.js';
+export { M as MultiSelect } from './MultiSelect-BdrLugsi.js';
+export { P as Page } from './Page-BKR0pdMn.js';
+export { P as Popover } from './Popover-goifM_Dk.js';
+export { P as ProgressBar } from './ProgressBar-rwX-vlZS.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-BPxdyZZe.js';
+export { R as RecurringSelect } from './RecurringSelect-DSGku0IO.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-DiMAUsu2.js';
+export { a as Option, S as Select } from './Option-BG0mJl5e.js';
+export { S as SideDrawer } from './SideDrawer-BKG18DG4.js';
+export { S as Spinner } from './Spinner-B2nZ092U.js';
+export { S as StatusIndicator } from './StatusIndicator-C_xUa6Pj.js';
+export { S as StatusLabel } from './StatusLabel-BT1EBR8G.js';
+export { S as Switch } from './Switch-BSuyfro-.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-Br9V3-hb.js';
+export { a as Tab, T as Tabs } from './Tabs-Kw1DYyxP.js';
+export { T as Text } from './Text-ZjdPK0z3.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-DNcdghCd.js';
-import './debounce-B_VfGBQX.js';
-import './_commonjsHelpers-CJ5_cLdC.js';
-import './isObjectLike-BlpX_XBo.js';
-import './isSymbol-e7DToCAG.js';
+import './tslib.es6-CjZgS3x_.js';
+import './debounce-4xNya73B.js';
+import './_commonjsHelpers-CtFaYVba.js';
+import './isObjectLike-DRD_omEI.js';
+import './isSymbol-UuOZAZZ5.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-CWaf9tXT.js';
-import './useSafeLayoutEffect-C6EJg59K.js';
-import './useIsMounted-BuitoiPb.js';
+import './useOnKeyDown-DId00rpS.js';
+import './useSafeLayoutEffect-YQjrBbrt.js';
+import './useIsMounted-DDLjyEQd.js';
 import 'color';
-import './BannerIcon-BCDzc1M7.js';
+import './BannerIcon-IYZwaASj.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-BVtqJL8_.js';
-import './useChildComponent-BJxatbEH.js';
-import './_polyfill-node.process-bAEx01_i.js';
-import './InternalChipDismissible-BQj6-Cyv.js';
-import './useScrollToActive-Bd0uK3_M.js';
-import './_setToString-D4zp7k2H.js';
-import './_defineProperty-DV2_4LDU.js';
-import './_getTag-DuNbYmzD.js';
-import './_baseEach-Bp1PVZ1x.js';
-import './ComboboxContent-BGgLoDgj.js';
-import './ComboboxContentSearch-Be-ey4CS.js';
-import './ComboboxContentList-Bva97zcQ.js';
-import './ComboboxOption-BYvK0Yir.js';
-import './ComboboxLoadMore-mNGUkQ-F.js';
-import './ComboboxContentHeader-BNpSeWyK.js';
-import './useRefocusOnActivator-9aD5j5BK.js';
-import './useFocusTrap-BHtshy_w.js';
-import './ComboboxAction-D0FauVwL.js';
-import './ComboboxTrigger-DRpYPWGB.js';
-import './noop-Iqj5FwEt.js';
-import './ComboboxActivator-DZamNwAl.js';
+import './useInView-DVmYM6QD.js';
+import './useChildComponent-wRr4zKCx.js';
+import './_polyfill-node.process-CUysbTw1.js';
+import './InternalChipDismissible-DFcqaoE-.js';
+import './useScrollToActive-BbkuYANs.js';
+import './_setToString-sSZBUUMA.js';
+import './_defineProperty-w7ntS4QC.js';
+import './_getTag-xSgER2N7.js';
+import './_baseEach-COuc5SYA.js';
+import './ComboboxContent-CYUQ0e0r.js';
+import './ComboboxContentSearch-CrjvPXdi.js';
+import './ComboboxContentList-B4diP15u.js';
+import './ComboboxOption-zv3YWqtd.js';
+import './ComboboxLoadMore-B9ORlXS7.js';
+import './ComboboxContentHeader-gzSudbaD.js';
+import './useRefocusOnActivator-DKmnJsR4.js';
+import './useFocusTrap-WBrWJBGI.js';
+import './ComboboxAction-XQCUGm1r.js';
+import './ComboboxTrigger-BIKliKiP.js';
+import './noop-BmwgHC91.js';
+import './ComboboxActivator-De2z2uNI.js';
 import '@std-proposal/temporal';
-import './index-Cg-qplIQ.js';
-import './DataList-CcQi9XFw.js';
-import './DataListTotalCount-Bjiwk2QR.js';
-import './DataListLoadingState-DgHpd2na.js';
-import './DataListContext-CfLBiORV.js';
-import './useActiveLayout-DYH8dG_d.js';
-import './useResponsiveSizing-DXqjS5wM.js';
-import './DataList.const-BOb5Z2Ap.js';
-import './DataListLayout-DCfEeFTG.js';
-import './DataListItems-CC_DDHL-.js';
-import './DataListLayoutContext-Cx1xMgAj.js';
-import './DataListItem-DyQELPkj.js';
-import './DataListItemActions-0nnrRG6R.js';
-import './DataListActions-C83u8wGn.js';
-import './DataListOverflowFade-DDRCgzGR.js';
-import './DataList.utils-DokU6uyp.js';
-import './DataListTags-wgq4bjn6.js';
-import './DataListHeaderTile-CECKTyaK.js';
-import './DataListSortingOptions-B7jhDXMI.js';
-import './DataListLayoutContext-CVTDnkv2.js';
-import './DataListItemActionsOverflow-Cps1O4va.js';
-import './DataListActionsMenu-C5qOwrRU.js';
-import './useBatchSelect-CRFOjqRF.js';
-import './DataListItemClickable-S3Z6UFHi.js';
-import './DataListHeader-CTQf3F_y.js';
-import './DataListBulkActions-DS7kHmw1.js';
-import './DataListFilters-RVYeG7GN.js';
-import './DataListSort-DioDYCKp.js';
-import './DataListStickyHeader-D5vXexTN.js';
-import './DataListSearch-D4mFOYm0.js';
-import './DataListEmptyState-jrAJEkab.js';
-import './DataListLoadMore-DFeQhnLp.js';
-import './DataListAction-DmO9fONI.js';
-import './DataListLayoutActions-BruPwoZn.js';
-import './DataListStatusBar-D6bes_K3.js';
-import './_baseAssignValue-Cn_cVS6O.js';
-import './useFormFieldFocus-BpgEl_xa.js';
+import './index-DRDxU-bn.js';
+import './DataList-BOml1Kob.js';
+import './DataListTotalCount-GATGmIFG.js';
+import './DataListLoadingState-BQ8BmvT4.js';
+import './DataListContext-D4RKZCy9.js';
+import './useActiveLayout-LDecnKhC.js';
+import './useResponsiveSizing-ElPLlNIz.js';
+import './DataList.const-DZ-ezQP2.js';
+import './DataListLayout-joaPUJbN.js';
+import './DataListItems-pNPww9F9.js';
+import './DataListLayoutContext-CyyP0CfH.js';
+import './DataListItem-CueEllUY.js';
+import './DataListItemActions-uqGnqoHJ.js';
+import './DataListActions-DVRWRoJK.js';
+import './DataListOverflowFade-BnRa42N4.js';
+import './DataList.utils-SdiFMSJW.js';
+import './DataListTags-CvsDFlLF.js';
+import './DataListHeaderTile-_AEQmkfR.js';
+import './DataListSortingOptions-DPPEgVC3.js';
+import './DataListLayoutContext-CuqO9FY7.js';
+import './DataListItemActionsOverflow-Ch_KxmtC.js';
+import './DataListActionsMenu-DyXRxpLA.js';
+import './useBatchSelect-D9XwNYmQ.js';
+import './DataListItemClickable-DhnpTy2q.js';
+import './DataListHeader-Cx5wDMu2.js';
+import './DataListBulkActions-O2oIUvc1.js';
+import './DataListFilters-dbo72EJH.js';
+import './DataListSort-jJZYeXl0.js';
+import './DataListStickyHeader-C2uFe4m4.js';
+import './DataListSearch-Ds2IMcOq.js';
+import './DataListEmptyState-4qOD9TCe.js';
+import './DataListLoadMore-CnczpD7J.js';
+import './DataListAction-w3YinyPj.js';
+import './DataListLayoutActions-Dr65airO.js';
+import './DataListStatusBar-BYz9aMt_.js';
+import './_baseAssignValue-DIh6QD0X.js';
+import './useFormFieldFocus-9tJo0CZi.js';
 import 'filesize';
-import './InternalGridCell-640YaaLh.js';
+import './InternalGridCell-BFnIHesB.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-BAWgBGvF.js → isObjectLike-CWs8tKhE.js}

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

package/dist/{isObjectLike-BlpX_XBo.js → isObjectLike-DRD_omEI.js}

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

package/dist/{isSymbol-CIW_EXJ8.js → isSymbol-BVM7Nm4V.js}

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

package/dist/{isSymbol-e7DToCAG.js → isSymbol-UuOZAZZ5.js}

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

package/dist/{noop-DzI-beuu.js → noop-BFKnPRBW.js}

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

package/dist/{noop-Iqj5FwEt.js → noop-BmwgHC91.js}

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

package/dist/styles.css

@@ -8390,6 +8390,190 @@ 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;
+}
+
+.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-,
+.UXAxYfbJy1Q- {
+  display: -ms-flexbox;
+  display: flex;
+  position: sticky;
+  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;
+  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;
+}
+
+.di7wVz6Zdy8- {
+  top: 0;
+  gap: calc(16px * 1);
+  gap: var(--space-base);
+}
+
+.di7wVz6Zdy8- [data-side-drawer-slot^="back-"]:not(:empty) {
+    margin-left: calc((16px / 2) * -1);
+    margin-left: calc(calc(16px / 2) * -1);
+    margin-left: calc(var(--space-small) * -1);
+    margin-right: calc(16px / 2);
+    margin-right: var(--space-small);
+  }
+
+.-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);
+}
+
+.UXAxYfbJy1Q-.-Os-3OnRHg0- {
+  box-shadow:
+    0px calc(16px / 16) calc(16px / 4) 0px
+      rgba(0, 0, 0, 0.1),
+    0px -2px 12px 0px rgba(0, 0, 0, 0.05);
+  box-shadow:
+    0px var(--space-minuscule) var(--space-smaller) 0px
+      rgba(var(--color-black--rgb), 0.1),
+    0px -2px 12px 0px rgba(var(--color-black--rgb), 0.05);
+}
+
+.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));
+}
+
+.UXAxYfbJy1Q- {
+  bottom: 0;
+}
+
+.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;
+}
+
+.ngWetY6itkw- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex: 1;
+      flex: 1;
+}
+
+/* Adjust `Content` components public padding to match the drawer */
+
+.ngWetY6itkw- > * {
+  --public-content--padding: var(--sideDrawer--base-padding);
+}
+
+/* Remove the nested `Content` components public padding */
+
+.ngWetY6itkw- > * > * {
+  --public-content--padding: 0;
+}
+
 :root {
   --statusLabel-icon-diameter: 8px;
 }

package/dist/{useActiveLayout-DxCOOPIx.js → useActiveLayout-Db-VjB8s.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-BMPfW2Ys.js');
-var DataListContext = require('./DataListContext-D4Fw5c9x.js');
+var useResponsiveSizing = require('./useResponsiveSizing-Ru7y--Nc.js');
+var DataListContext = require('./DataListContext-BhloL1-h.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-DYH8dG_d.js → useActiveLayout-LDecnKhC.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-DXqjS5wM.js';
-import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-ElPLlNIz.js';
+import { u as useDataListContext } from './DataListContext-D4RKZCy9.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-pJh8ro5m.js → useAssert-CTda4rBY.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BqAvSLOF.js');
-var _polyfillNode_process = require('./_polyfill-node.process-D80rrIgV.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CsMxikYM.js');
+var _polyfillNode_process = require('./_polyfill-node.process-BdL4WTh6.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-D3Ct5WeA.js → useAssert-DhIokrEA.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-CJ5_cLdC.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-bAEx01_i.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-CtFaYVba.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-CUysbTw1.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-Cmnl1tGK.js → useBatchSelect-ChAmEJRm.js}

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

package/dist/{useBatchSelect-CRFOjqRF.js → useBatchSelect-D9XwNYmQ.js}

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

package/dist/{useIsMounted-CawLImYr.js → useIsMounted-B7sAwLzO.js}

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

package/dist/{useIsMounted-BuitoiPb.js → useIsMounted-DDLjyEQd.js}

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

package/dist/{useResizeObserver-J3VU3SAY.js → useResizeObserver-CkCQQzgx.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BqAvSLOF.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CsMxikYM.js');
 var React = require('react');
-var debounce$1 = require('./debounce-DnCuApMF.js');
-var isObjectLike = require('./isObjectLike-BAWgBGvF.js');
+var debounce$1 = require('./debounce-Bj9Q8g2_.js');
+var isObjectLike = require('./isObjectLike-CWs8tKhE.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {