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

package/dist/index.mjs

@@ -1,160 +1,161 @@
-export { A as AnimatedPresence } from './AnimatedPresence-DUe2yKss.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-BNElQloL.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-DO6IFy30.js';
-export { A as Autocomplete } from './Autocomplete-CafNB6Mm.js';
-export { A as Avatar } from './Avatar-Dv7xF-wj.js';
-export { B as Banner } from './Banner-ClTBvvT9.js';
-export { B as Button } from './Button-DjNl8YkW.js';
-export { B as ButtonDismiss } from './ButtonDismiss-DVJy8OMi.js';
-export { C as Card } from './Card-Bi9SWr7L.js';
-export { C as Checkbox } from './Checkbox-DUz4sK5_.js';
-export { C as Chip } from './Chip-BUka3_9a.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DrQPIlnn.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-D6MmizfW.js';
-export { I as Icon } from './Icon-CzQmiBXN.js';
-export { T as Typography } from './Typography-BD9oXpRn.js';
-export { T as Tooltip } from './Tooltip-BhWNgF3g.js';
-export { C as Chips } from './Chips-BtmeIXUn.js';
-export { C as Combobox } from './Combobox-Cu_MWrKv.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-Bmi75Zpg.js';
-export { C as ConfirmationModal } from './ConfirmationModal-PsW8ATs2.js';
-export { C as Content } from './Content-Cli33s5m.js';
-export { C as Countdown } from './Countdown-DsyrhTXR.js';
-export { D as DataDump } from './DataDump-C_-Y0aKD.js';
-export { D as DataList } from './DataList-Cs1W_N24.js';
-export { D as DataTable } from './DataTable-BcGBPxAJ.js';
-import './useResizeObserver-Dyh51Ttc.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-CNp9r_AE.js';
-export { D as DescriptionList } from './DescriptionList-DwnZDfx2.js';
-export { D as Disclosure } from './Disclosure-a-wfIIeX.js';
-export { D as Divider } from './Divider-YwhduC_N.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-ChmJRyCs.js';
-export { E as Emphasis } from './Emphasis-BEFpsFA4.js';
-export { F as FeatureSwitch } from './FeatureSwitch-DaWAbl4h.js';
-export { F as Flex } from './Flex-B1D207Yv.js';
-export { F as Form } from './Form-D8h6FZdI.js';
-export { F as FormField } from './FormField-CYLXcZzd.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-DZYoupje.js';
-export { F as FormatEmail } from './FormatEmail-h2ej8KPa.js';
-export { F as FormatFile } from './FormatFile-CroAjN1K.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-D9Uo2kcs.js';
-export { F as FormatTime } from './FormatTime-Dwg41nG2.js';
-export { G as Gallery } from './Gallery-BgalMdEr.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-B5jKU1pQ.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-_SxYgpAs.js';
-export { H as Heading } from './Heading-BMFd8cGR.js';
-export { I as InlineLabel } from './InlineLabel-CIXdrZWJ.js';
-export { I as InputAvatar } from './InputAvatar-DEMMLijW.js';
-export { I as InputDate } from './InputDate-FDB_1eYE.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-DsJ8s73O.js';
-export { I as InputFile, u as updateFiles } from './InputFile-BfhRv6a2.js';
-export { I as InputGroup } from './InputGroup-COX9v1AS.js';
-export { I as InputNumber } from './InputNumber-DeSUijZp.js';
-export { I as InputPassword } from './InputPassword-DCY7QLt7.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-D0kRsap6.js';
-export { I as InputText } from './InputText-B3nx1OPR.js';
-export { I as InputTime } from './InputTime-BXIL5Zjk.js';
-export { I as InputValidation } from './InputValidation-DwywpS4E.js';
-export { L as LightBox } from './LightBox-D9l8rxmG.js';
-export { L as Link } from './Link-DsItF9YS.js';
-export { L as List, a as ListItem } from './List-7dXt6XFW.js';
-export { M as Markdown } from './Markdown-DArzl_vv.js';
-export { M as Menu } from './Menu-BbmPlMgG.js';
-export { M as Modal } from './Modal-CYrCZYok.js';
-export { M as MultiSelect } from './MultiSelect-a_Kj-rKJ.js';
-export { P as Page } from './Page-CuF-j-_l.js';
-export { P as Popover } from './Popover--clkPcqi.js';
-export { P as ProgressBar } from './ProgressBar-DI6_Ecsv.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-kA28neDk.js';
-export { R as RecurringSelect } from './RecurringSelect-NM9ZaHKw.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-DlaWa-vM.js';
-export { a as Option, S as Select } from './Option-BoettZ9N.js';
-export { S as Spinner } from './Spinner-B3eiNzal.js';
-export { S as StatusIndicator } from './StatusIndicator-Fk1ZAACr.js';
-export { S as StatusLabel } from './StatusLabel-3LI8Tdvs.js';
-export { S as Switch } from './Switch-CPyxHuaL.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-xyeuE7A8.js';
-export { a as Tab, T as Tabs } from './Tabs-CTGa20ax.js';
-export { T as Text } from './Text-CED0V39t.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-DXesPK42.js';
-import './debounce-tMp3GlSY.js';
-import './_commonjsHelpers-yMjF3LlC.js';
-import './isObjectLike-SwUOGsSH.js';
-import './isSymbol-DeOObeQl.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-BZIjGrrm.js';
-import './useSafeLayoutEffect-DWDUdSQm.js';
-import './useIsMounted-DPba0hog.js';
+import './useOnKeyDown-CwHdZfp-.js';
+import './useSafeLayoutEffect-CgDOyFxl.js';
+import './useIsMounted-VR0Fj1t0.js';
 import 'color';
-import './BannerIcon-CS836Ckw.js';
+import './BannerIcon-DI5mYJch.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-DsISbFlq.js';
-import './useChildComponent-BtQJg-Fm.js';
-import './_polyfill-node.process-D4sgVmPP.js';
-import './InternalChipDismissible-DeXxOWH9.js';
-import './useScrollToActive-BIPD439C.js';
-import './_setToString-IJKRyajy.js';
-import './_defineProperty-CfC5UM4f.js';
-import './_getTag-gpZ9kvmt.js';
-import './_baseEach-CKkTMpzR.js';
-import './ComboboxContent-0LaZUdPQ.js';
-import './ComboboxContentSearch-Du-EcVTh.js';
-import './ComboboxContentList-BNm9hF65.js';
-import './ComboboxOption-C3sPR_2a.js';
-import './ComboboxLoadMore-BGDLlDLR.js';
-import './ComboboxContentHeader-C4YZnUJB.js';
-import './useRefocusOnActivator-C2F2Yoe2.js';
-import './useFocusTrap-BGrw9F6T.js';
-import './ComboboxAction-B3kUMcha.js';
-import './ComboboxTrigger-D5KWCCqj.js';
-import './noop-BrWDjYcE.js';
-import './ComboboxActivator-DlSXxIwY.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-BZdJP4-F.js';
-import './DataList-DA5N5JRq.js';
-import './DataListTotalCount-mq9c06gA.js';
-import './DataListLoadingState-D8Kc4K7T.js';
-import './DataListContext-DlWGvsIw.js';
-import './useActiveLayout-Bk-KyH61.js';
-import './useResponsiveSizing-DrMx-JmS.js';
-import './DataList.const-D0B90P1P.js';
-import './DataListLayout-vkyDV6C3.js';
-import './DataListItems-DJHwBekJ.js';
-import './DataListLayoutContext-B88mtu0w.js';
-import './DataListItem-tPmkIBhg.js';
-import './DataListItemActions-1p6AFVtO.js';
-import './DataListActions-CeeFSK8e.js';
-import './DataListOverflowFade-BR2ceq4j.js';
-import './DataList.utils-BRsFYrft.js';
-import './DataListTags-CNUjU04V.js';
-import './DataListHeaderTile-CCR0Yq82.js';
-import './DataListSortingOptions-DLOKpP2R.js';
-import './DataListLayoutContext-BQ6TRDiH.js';
-import './DataListItemActionsOverflow-Dsz7NV6Q.js';
-import './DataListActionsMenu-Dts9KMsD.js';
-import './useBatchSelect-u_1uC6JH.js';
-import './DataListItemClickable-DOga1nIk.js';
-import './DataListHeader--_SeebPF.js';
-import './DataListBulkActions-t2ZlK_lz.js';
-import './DataListFilters-P8bXhEhf.js';
-import './DataListSort-DHcTnY1f.js';
-import './DataListStickyHeader-CjuSNs1I.js';
-import './DataListSearch-QxUcesEW.js';
-import './DataListEmptyState-GJL2_3oO.js';
-import './DataListLoadMore-CHeNLXec.js';
-import './DataListAction-ChTA04qd.js';
-import './DataListLayoutActions-CVPHSBpC.js';
-import './DataListStatusBar-CdeROuAo.js';
-import './_baseAssignValue-z5ZRTz_W.js';
-import './useFormFieldFocus-QLvPPKiY.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-CF4wdh9k.js';
+import './InternalGridCell-CVAUUgvA.js';
 import 'axios';
 import '@jobber/formatters';

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

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

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

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

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

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

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

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

package/dist/{noop-DPjQDAbQ.js → noop-BlQcyvH_.js}

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

package/dist/{noop-BrWDjYcE.js → noop-DNkxnAd4.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-yMjF3LlC.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-DiIG3G5N.js → useActiveLayout-BsAyjDk2.js}

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

package/dist/{useActiveLayout-Bk-KyH61.js → useActiveLayout-Dr8syQFK.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-DrMx-JmS.js';
-import { u as useDataListContext } from './DataListContext-DlWGvsIw.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-D6MmizfW.js → useAssert-BLi6jHQo.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-yMjF3LlC.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-D4sgVmPP.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-BPNNiDV2.js → useAssert-CQh0sFpD.js}

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-yMjF3LlC.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-tMp3GlSY.js';
-import { b as isObject_1 } from './isObjectLike-SwUOGsSH.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-D4_BioFW.js → useResizeObserver-chuUu5iJ.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DOP-nFky.js');
+var _commonjsHelpers = require('./_commonjsHelpers-Q77euhc-.js');
 var React = require('react');
-var debounce$1 = require('./debounce-BIzUjZXu.js');
-var isObjectLike = require('./isObjectLike-BZntmp26.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-BuytRiuE.js → useResponsiveSizing-BJ_iuko-.js}

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

package/dist/{useResponsiveSizing-DrMx-JmS.js → useResponsiveSizing-D7hnt9GO.js}

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