@jobber/components 5.8.0 → 5.10.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-7zsDGV4s.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-DxwucwQ6.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-CaN6f39h.js';
+export { A as Autocomplete } from './Autocomplete-QkqN2kS9.js';
+export { A as Avatar } from './Avatar-DWpK5o4H.js';
+export { B as Banner } from './Banner-Dc9hhEsL.js';
+export { B as Box } from './Box-B-Xxth9t.js';
+export { B as Button } from './Button-BAHm7iUO.js';
+export { B as ButtonDismiss } from './ButtonDismiss-Qm8Osn8p.js';
+export { C as Card } from './Card-DtLCMWSi.js';
+export { C as Checkbox } from './Checkbox-P1MQrqCO.js';
+export { C as Chip } from './Chip-CeuWslKY.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-Ce3TQWiw.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-C0nLxK8v.js';
+export { I as Icon } from './Icon-Dq495yZi.js';
+export { T as Typography } from './Typography-BSn4_LnN.js';
+export { T as Tooltip } from './Tooltip-BIQF1aZy.js';
+export { C as Chips } from './Chips-BX0a181X.js';
+export { C as Combobox } from './Combobox-DpJvrfqI.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-In_Nc2qt.js';
+export { C as ConfirmationModal } from './ConfirmationModal-BX26piXl.js';
+export { C as Content } from './Content-CN_GP9nO.js';
+export { C as Countdown } from './Countdown-CT2BtDF-.js';
+export { D as DataDump } from './DataDump-BU7g0JK_.js';
+export { D as DataList } from './DataList-BgdEWfl4.js';
+export { D as DataTable } from './DataTable-kFLqIgfu.js';
+import './useResizeObserver-4M9zrMVP.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-BdVb8rXU.js';
+export { D as DescriptionList } from './DescriptionList-M0BTdMd4.js';
+export { D as Disclosure } from './Disclosure-CDAKdCaI.js';
+export { D as Divider } from './Divider-C8Xc2vo5.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-C4Ijf9OI.js';
+export { E as Emphasis } from './Emphasis-Cnxpgf4e.js';
+export { F as FeatureSwitch } from './FeatureSwitch-KvodROi8.js';
+export { F as Flex } from './Flex-C8a1ZglG.js';
+export { F as Form } from './Form-vbiXMcle.js';
+export { F as FormField } from './FormField-Dq59etUe.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-DU3-Yd4D.js';
+export { F as FormatEmail } from './FormatEmail-IWsiW0ib.js';
+export { F as FormatFile } from './FormatFile-CEUEPKJH.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-C-Gxqu2t.js';
+export { F as FormatTime } from './FormatTime-B943nvf_.js';
+export { G as Gallery } from './Gallery-DM0DotMd.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-BYogyW1b.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-BKJwsqTf.js';
+export { H as Heading } from './Heading-Wix1l3ig.js';
+export { I as InlineLabel } from './InlineLabel-D1bpy0El.js';
+export { I as InputAvatar } from './InputAvatar-C0BCPUrG.js';
+export { I as InputDate } from './InputDate-DtQ4yDIu.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-xgbrgHpQ.js';
+export { I as InputFile, u as updateFiles } from './InputFile-SvLT9zzk.js';
+export { I as InputGroup } from './InputGroup-Cd1hpvkQ.js';
+export { I as InputNumber } from './InputNumber-Dl3DOKah.js';
+export { I as InputPassword } from './InputPassword-vNlvXbhW.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-MYJNUweu.js';
+export { I as InputText } from './InputText-AE0hqXX1.js';
+export { I as InputTime } from './InputTime-DoMfclFc.js';
+export { I as InputValidation } from './InputValidation-DV07MjDY.js';
+export { L as LightBox } from './LightBox-C_uRl0QE.js';
+export { L as Link } from './Link-DwzGSxio.js';
+export { L as List, a as ListItem } from './List-vkohSVcE.js';
+export { M as Markdown } from './Markdown-CrJy03s3.js';
+export { M as Menu } from './Menu-D8GrOFfc.js';
+export { M as Modal } from './Modal-C5xmFHHx.js';
+export { M as MultiSelect } from './MultiSelect-BnpA4b9f.js';
+export { P as Page } from './Page-CFPQg2pf.js';
+export { P as Popover } from './Popover-B0yxkmeD.js';
+export { P as ProgressBar } from './ProgressBar-COqIv5iM.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-h5fCRzS8.js';
+export { R as RecurringSelect } from './RecurringSelect-mWKj-0dL.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-D4UEeTaz.js';
+export { a as Option, S as Select } from './Option-BlLZlORe.js';
+export { S as SideDrawer } from './SideDrawer-CwzJKwm-.js';
+export { S as Spinner } from './Spinner-CwmmGVYM.js';
+export { S as StatusIndicator } from './StatusIndicator-C3xeUhi9.js';
+export { S as StatusLabel } from './StatusLabel-7SnHtyIy.js';
+export { S as Switch } from './Switch-1obQ7P7w.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-lZaejGDI.js';
+export { a as Tab, T as Tabs } from './Tabs-BVkEcM9v.js';
+export { T as Text } from './Text-3xhogZvE.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-CrcfQ7Kg.js';
+import './debounce-D6-vmK4I.js';
+import './_commonjsHelpers-CqBDupzV.js';
+import './isObjectLike-00uLMZ5Y.js';
+import './isSymbol-DwF1uHpq.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-CWaf9tXT.js';
-import './useSafeLayoutEffect-C6EJg59K.js';
-import './useIsMounted-BuitoiPb.js';
+import './useOnKeyDown-DxabhTFD.js';
+import './useSafeLayoutEffect-EYeduvrH.js';
+import './useIsMounted-AaOQtJXD.js';
 import 'color';
-import './BannerIcon-BCDzc1M7.js';
+import './BannerIcon-wbJZOmf7.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-Enkh0joj.js';
+import './useChildComponent-CN0flcmw.js';
+import './_polyfill-node.process-CIhalbTd.js';
+import './InternalChipDismissible-D74Ugh8p.js';
+import './useScrollToActive-CMc5X6yZ.js';
+import './_setToString-BCKWvHea.js';
+import './_defineProperty-DQcxRyKQ.js';
+import './_getTag-CR8ZO93F.js';
+import './_baseEach-uzBjA908.js';
+import './ComboboxContent-D9wtxSkx.js';
+import './ComboboxContentSearch-Iz-woYIS.js';
+import './ComboboxContentList-B4mYq23Q.js';
+import './ComboboxOption-BOmRGJmN.js';
+import './ComboboxLoadMore-BEAe5Zpk.js';
+import './ComboboxContentHeader-DBWA9ARM.js';
+import './useRefocusOnActivator-BXcjhgKj.js';
+import './useFocusTrap-C_6Hez4F.js';
+import './ComboboxAction-o7pcO-8B.js';
+import './ComboboxTrigger-CVfagjtx.js';
+import './noop-4TMWPpzS.js';
+import './ComboboxActivator-fPO0Y_WO.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-BWCf9VJJ.js';
+import './DataList-DGD-Usai.js';
+import './DataListTotalCount-D_me0jQO.js';
+import './DataListLoadingState-DDEdAGb-.js';
+import './DataListContext-CzUjmHh6.js';
+import './useActiveLayout-DITucVvZ.js';
+import './useResponsiveSizing-DZgtc3j9.js';
+import './DataList.const-DhJv3B9A.js';
+import './DataListLayout-CUQ77pz2.js';
+import './DataListItems-CpsUdjGW.js';
+import './DataListLayoutContext-CJ3hkW_5.js';
+import './DataListItem-CkCQTfaM.js';
+import './DataListItemActions-LkIglSIK.js';
+import './DataListActions-7aQIOORn.js';
+import './DataListOverflowFade-Btb_PXdB.js';
+import './DataList.utils-DEl5f8Jx.js';
+import './DataListTags-Dg5NRRwA.js';
+import './DataListHeaderTile-Bbmrsnfn.js';
+import './DataListSortingOptions-BvBw_CUQ.js';
+import './DataListLayoutContext-DMYOn1fm.js';
+import './DataListItemActionsOverflow--yx6S_XQ.js';
+import './DataListActionsMenu-DieWL7Jr.js';
+import './useBatchSelect-CSqfIa6y.js';
+import './DataListItemClickable-Tm4oCwPF.js';
+import './DataListHeader-BJRnv8ik.js';
+import './DataListBulkActions-kZxWxHut.js';
+import './DataListFilters-DHqZ5_Jp.js';
+import './DataListSort-CkZWaurp.js';
+import './DataListStickyHeader-D21D9dbc.js';
+import './DataListSearch-CaBd-AMd.js';
+import './DataListEmptyState-CbZcZHA9.js';
+import './DataListLoadMore-Bbo7ISlz.js';
+import './DataListAction-DnwnP5Hg.js';
+import './DataListLayoutActions-B7Fw4Ite.js';
+import './DataListStatusBar-BZiLzUFd.js';
+import './_baseAssignValue-CuTpXM3T.js';
+import './useFormFieldFocus-E6eVByUB.js';
 import 'filesize';
-import './InternalGridCell-640YaaLh.js';
+import './InternalGridCell-Bpgyyle6.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-BlpX_XBo.js → isObjectLike-00uLMZ5Y.js}

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

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

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

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

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

package/dist/{isSymbol-e7DToCAG.js → isSymbol-DwF1uHpq.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-00uLMZ5Y.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;

package/dist/{noop-Iqj5FwEt.js → noop-4TMWPpzS.js}

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

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

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

package/dist/styles.css

@@ -5213,6 +5213,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   gap: var(--space-small);
 }
 
+._1Su7ISzHA8o- {
+  box-sizing: border-box;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
 .iyg43v-S9yU-:hover,
 .iyg43v-S9yU-:focus {
   background-color: hsl(53, 21%, 93%);
@@ -8390,6 +8396,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-C14r1S4q.js}

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

package/dist/{useActiveLayout-DYH8dG_d.js → useActiveLayout-DITucVvZ.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-DZgtc3j9.js';
+import { u as useDataListContext } from './DataListContext-CzUjmHh6.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-D3Ct5WeA.js → useAssert-C0nLxK8v.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-CqBDupzV.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-CIhalbTd.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-pJh8ro5m.js → useAssert-D3qpYS_y.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-CdU68FDf.js');
+var _polyfillNode_process = require('./_polyfill-node.process-DZDlcYM-.js');
 
 var useAssert$1 = {};
 

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

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

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

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

package/dist/{useIsMounted-BuitoiPb.js → useIsMounted-AaOQtJXD.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-EYeduvrH.js';
 
 var useIsMounted$1 = {};
 

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

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