@jobber/components 5.8.0 → 5.9.1-fix-dynami.5

package/dist/index.mjs

@@ -1,161 +1,163 @@
-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-J5d6k80q.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-BYMIHeh6.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-DIoY0NMl.js';
+export { A as Autocomplete } from './Autocomplete-_IxwDA6o.js';
+export { A as Avatar } from './Avatar-q6pu_Xgu.js';
+export { B as Banner } from './Banner-BiW8kekm.js';
+export { B as Box } from './Box-DoCWQM8Z.js';
+export { B as Button } from './Button-ByyUuJVo.js';
+export { B as ButtonDismiss } from './ButtonDismiss-DtlM9uKJ.js';
+export { C as Card } from './Card-BNQoZmGY.js';
+export { C as Checkbox } from './Checkbox-CpldsKXI.js';
+export { C as Chip } from './Chip-VUkhr1Se.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DXtkNLTc.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-DOXuIYpY.js';
+export { I as Icon } from './Icon-Biobm0tj.js';
+export { T as Typography } from './Typography-Bde_E5zp.js';
+export { T as Tooltip } from './Tooltip-BEVGy3O8.js';
+export { C as Chips } from './Chips-yAswjmFY.js';
+export { C as Combobox } from './Combobox-Bn6r-xV_.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-Cxb9Szkg.js';
+export { C as ConfirmationModal } from './ConfirmationModal-DKUlFMaT.js';
+export { C as Content } from './Content-8nnBZWk5.js';
+export { C as Countdown } from './Countdown-CNjHyJbD.js';
+export { D as DataDump } from './DataDump-11Z-otQH.js';
+export { D as DataList } from './DataList-vkGvK9QV.js';
+export { D as DataTable } from './DataTable-2mjZ6-K5.js';
+import './useResizeObserver-g3Kc_Fvx.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-BWNXH5Q0.js';
+export { D as DescriptionList } from './DescriptionList-DFqjwqAr.js';
+export { D as Disclosure } from './Disclosure-JxNA8VN9.js';
+export { D as Divider } from './Divider-Z8XfxcUL.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-Bn0i4wpj.js';
+export { E as Emphasis } from './Emphasis-IMT2ghhj.js';
+export { F as FeatureSwitch } from './FeatureSwitch-C1agbesv.js';
+export { F as Flex } from './Flex-uFmkWGK1.js';
+export { F as Form } from './Form-wCamMT95.js';
+export { F as FormField } from './FormField-qW93Wvmk.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-CZQvmZ4i.js';
+export { F as FormatEmail } from './FormatEmail-DjW_i7ae.js';
+export { F as FormatFile } from './FormatFile-BjWDSzkC.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-Diy-AbWe.js';
+export { F as FormatTime } from './FormatTime-3TzQAbLs.js';
+export { G as Gallery } from './Gallery-DJ5BerhA.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-Cwy07hRg.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-iNfYapDJ.js';
+export { H as Heading } from './Heading-CdjtdN_u.js';
+export { I as InlineLabel } from './InlineLabel-BmvKX2WF.js';
+export { I as InputAvatar } from './InputAvatar-B4ssBZns.js';
+export { I as InputDate } from './InputDate-B7EBhxu4.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-YeYaps54.js';
+export { I as InputFile, u as updateFiles } from './InputFile-iWORr2HF.js';
+export { I as InputGroup } from './InputGroup-CqLF8C9I.js';
+export { I as InputNumber } from './InputNumber-BhlHO-Rx.js';
+export { I as InputPassword } from './InputPassword-BeSdTdkf.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-XWpG6GBo.js';
+export { I as InputText } from './InputText-CHWFwKKq.js';
+export { I as InputTime } from './InputTime-ChzroWee.js';
+export { I as InputValidation } from './InputValidation-fZquaNw8.js';
+export { L as LightBox } from './LightBox--8e1zL2Q.js';
+export { L as Link } from './Link-B7NE1-lb.js';
+export { L as List, a as ListItem } from './List-DFosY2vf.js';
+export { M as Markdown } from './Markdown-Ad9WGpWq.js';
+export { M as Menu } from './Menu-CMeosM09.js';
+export { M as Modal } from './Modal-DKwq4X-e.js';
+export { M as MultiSelect } from './MultiSelect-DqQb4g_T.js';
+export { P as Page } from './Page-Bgzsishb.js';
+export { P as Popover } from './Popover-DnXS5WlU.js';
+export { P as ProgressBar } from './ProgressBar-r1PkhuvY.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-C1SLQMgo.js';
+export { R as RecurringSelect } from './RecurringSelect-Bs_WdHkj.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-CpitRxCL.js';
+export { a as Option, S as Select } from './Option-DxeCAZCh.js';
+export { S as SideDrawer } from './SideDrawer-Cd6dDgRF.js';
+export { S as Spinner } from './Spinner-BGTC5Pj2.js';
+export { S as StatusIndicator } from './StatusIndicator-BHmc1lNx.js';
+export { S as StatusLabel } from './StatusLabel-D_m_ia79.js';
+export { S as Switch } from './Switch-D2shiqaq.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-BkZ3WcLl.js';
+export { a as Tab, T as Tabs } from './Tabs-BDH-MdZI.js';
+export { T as Text } from './Text-u4LsZTq1.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-DOpfNilk.js';
+import './debounce-rvfAztY-.js';
+import './_commonjsHelpers-ERLQa0oQ.js';
+import './isObjectLike-19nmwuIP.js';
+import './isSymbol-ChoRuKx9.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-CWaf9tXT.js';
-import './useSafeLayoutEffect-C6EJg59K.js';
-import './useIsMounted-BuitoiPb.js';
+import './useOnKeyDown-Ct6pr8BB.js';
+import './useSafeLayoutEffect-CZI8_ZIA.js';
+import './useIsMounted-BXf2vnzY.js';
 import 'color';
-import './BannerIcon-BCDzc1M7.js';
+import './BannerIcon-By7BHRnu.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-CqV_sJgt.js';
+import './useChildComponent-CXlpL0Pe.js';
+import './_polyfill-node.process-xmYEfoQG.js';
+import './InternalChipDismissible-BDZ1N3Kq.js';
+import './useScrollToActive-CvPwyLzD.js';
+import './_setToString-wnUZO0O7.js';
+import './_defineProperty-DjydZ62d.js';
+import './_getTag-Cb_DJaIA.js';
+import './_baseEach-D_YNVQK5.js';
+import './ComboboxContent-DyuW5QVj.js';
+import './ComboboxContentSearch-Pquw7Amf.js';
+import './ComboboxContentList-Djse0eUR.js';
+import './ComboboxOption-CSV8X4SZ.js';
+import './ComboboxLoadMore-Cvm-x78B.js';
+import './ComboboxContentHeader-D3zTZXAN.js';
+import './useRefocusOnActivator-CudxJSWR.js';
+import './useFocusTrap-CwkZBisI.js';
+import './ComboboxAction-DqUkwNE8.js';
+import './ComboboxTrigger-Crlx0-in.js';
+import './noop-BJETjw9p.js';
+import './ComboboxActivator-BiOBBh4A.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-DOgEQuEq.js';
+import './DataList-CBVvXZQb.js';
+import './DataListTotalCount-DFifN8dd.js';
+import './DataListLoadingState-BZt_P4Vn.js';
+import './DataListContext-Bw8UISA3.js';
+import './useActiveLayout-D7fBfVS5.js';
+import './useResponsiveSizing-CxCV721G.js';
+import './DataList.const-Buu4MoJK.js';
+import './DataListLayout-DO9UeD9u.js';
+import './DataListItems-D2KdeMx6.js';
+import './DataListLayoutContext-Cc_jKCd9.js';
+import './DataListItem-BBYU1oPU.js';
+import './DataListItemActions-iKeotUMH.js';
+import './DataListActions-CajV3qsF.js';
+import './DataListOverflowFade-DZ-TvgKR.js';
+import './DataList.utils-SaBevR6E.js';
+import './DataListTags-CAzTu9GD.js';
+import './DataListHeaderTile-DV1JAsyj.js';
+import './DataListSortingOptions-BHx3r-07.js';
+import './DataListLayoutContext-MwektEPP.js';
+import './DataListItemActionsOverflow-X3ZEJVJC.js';
+import './DataListActionsMenu-YM2-ZGya.js';
+import './useBatchSelect-rOWNvjjG.js';
+import './DataListItemClickable-BthED2Iu.js';
+import './DataListHeader-CldT33NN.js';
+import './DataListBulkActions-D5x140_W.js';
+import './DataListFilters-ChxuZKbo.js';
+import './DataListSort-Bi6YSz5g.js';
+import './DataListStickyHeader-Bzw7_p5s.js';
+import './DataListSearch-Dh0b1dJ5.js';
+import './DataListEmptyState-CGt1gybU.js';
+import './DataListLoadMore-CnNu2v1J.js';
+import './DataListAction-CoEl1jye.js';
+import './DataListLayoutActions-EknNJZCn.js';
+import './DataListStatusBar-o8-SZ3uf.js';
+import './throttle-WEGJOyhJ.js';
+import './_baseAssignValue-BCmOrKU7.js';
+import './useFormFieldFocus-DZAPeMfj.js';
 import 'filesize';
-import './InternalGridCell-640YaaLh.js';
+import './InternalGridCell-CPV6O-As.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-BlpX_XBo.js → isObjectLike-19nmwuIP.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal } from './_commonjsHelpers-CJ5_cLdC.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-ERLQa0oQ.js';
 
 /**
  * Checks if `value` is the
@@ -187,4 +187,4 @@ function isObjectLike(value) {
 
 var isObjectLike_1 = isObjectLike;
 
-export { _baseGetTag as _, _root as a, isObject_1 as b, _Symbol as c, _freeGlobal as d, isObjectLike_1 as i };
+export { _baseGetTag as _, isObjectLike_1 as a, _root as b, _Symbol as c, _freeGlobal as d, isObject_1 as i };

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BqAvSLOF.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DeB0IlKK.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/throttle-Dvpa8a2-.js

@@ -0,0 +1,80 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers-DeB0IlKK.js');
+var debounce$1 = require('./debounce-BbRqpkz3.js');
+var isObjectLike = require('./isObjectLike-CBAYw0f9.js');
+
+var debounce = debounce$1.debounce_1,
+    isObject = isObjectLike.isObject_1;
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/**
+ * Creates a throttled function that only invokes `func` at most once per
+ * every `wait` milliseconds. The throttled function comes with a `cancel`
+ * method to cancel delayed `func` invocations and a `flush` method to
+ * immediately invoke them. Provide `options` to indicate whether `func`
+ * should be invoked on the leading and/or trailing edge of the `wait`
+ * timeout. The `func` is invoked with the last arguments provided to the
+ * throttled function. Subsequent calls to the throttled function return the
+ * result of the last `func` invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the throttled function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.throttle` and `_.debounce`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to throttle.
+ * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=true]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new throttled function.
+ * @example
+ *
+ * // Avoid excessively updating the position while scrolling.
+ * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+ *
+ * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+ * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+ * jQuery(element).on('click', throttled);
+ *
+ * // Cancel the trailing throttled invocation.
+ * jQuery(window).on('popstate', throttled.cancel);
+ */
+function throttle(func, wait, options) {
+  var leading = true,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (isObject(options)) {
+    leading = 'leading' in options ? !!options.leading : leading;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+  return debounce(func, wait, {
+    'leading': leading,
+    'maxWait': wait,
+    'trailing': trailing
+  });
+}
+
+var throttle_1 = throttle;
+
+var throttle$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(throttle_1);
+
+exports.throttle = throttle$1;
+exports.throttle_1 = throttle_1;