@jobber/components 5.1.1 → 5.1.3-TAYLORfix.0

package/dist/index.mjs

@@ -1,161 +1,161 @@
-export { A as AnimatedPresence } from './AnimatedPresence-GXoaCdbQ.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-3FOVCeez.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-beibCOFE.js';
-export { A as Autocomplete } from './Autocomplete-BQXaE2b9.js';
-export { A as Avatar } from './Avatar-BebstcYY.js';
-export { B as Banner } from './Banner-BLiGNyYM.js';
-export { B as Button } from './Button-DaxPs-HB.js';
-export { B as ButtonDismiss } from './ButtonDismiss-DRWMqdsK.js';
-export { C as Card } from './Card-C4CMqVL6.js';
-export { C as Checkbox } from './Checkbox-DDDy94yJ.js';
-export { C as Chip } from './Chip-DYaDRQAf.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-BQZljsee.js';
+export { A as AnimatedPresence } from './AnimatedPresence-BChiZFcI.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-C2WzvlyU.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-CbrLHNxe.js';
+export { A as Autocomplete } from './Autocomplete-CPS93Yo1.js';
+export { A as Avatar } from './Avatar-DPtnb2ng.js';
+export { B as Banner } from './Banner-CiQGdYIT.js';
+export { B as Button } from './Button-BhlY-LbA.js';
+export { B as ButtonDismiss } from './ButtonDismiss-BT9o7qsm.js';
+export { C as Card } from './Card-8i551xDG.js';
+export { C as Checkbox } from './Checkbox-B-HzcP8M.js';
+export { C as Chip } from './Chip-CpYipMAK.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DRk2P9V6.js';
 import 'react';
 import 'classnames';
-import './useAssert-9ZKvzeXk.js';
-export { I as Icon } from './Icon-BrES1_Vn.js';
-export { T as Typography } from './Typography-lKQSd8tO.js';
-export { T as Tooltip } from './Tooltip-UL4CGlXC.js';
-export { C as Chips } from './Chips-CBcjYQZE.js';
-export { C as Combobox } from './Combobox-BFuJEdfz.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-CBr5ZFRz.js';
-export { C as ConfirmationModal } from './ConfirmationModal-CFkFNwrl.js';
-export { C as Content } from './Content-BtWSAc3-.js';
-export { C as Countdown } from './Countdown-BPl3g7nl.js';
-export { D as DataDump } from './DataDump-BIwuFQsD.js';
-export { D as DataList } from './DataList-3bVrT6uc.js';
-export { D as DataTable } from './DataTable-BMG2LC2U.js';
-import './useResizeObserver-B39UtZEk.js';
+import './useAssert-DmD93lcc.js';
+export { I as Icon } from './Icon-6Eis9cCg.js';
+export { T as Typography } from './Typography-D6zuOlRv.js';
+export { T as Tooltip } from './Tooltip-BO2bZGcX.js';
+export { C as Chips } from './Chips-D4kxTRvF.js';
+export { C as Combobox } from './Combobox-CF_V7Du5.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-CmTxVjbh.js';
+export { C as ConfirmationModal } from './ConfirmationModal-O492HVMH.js';
+export { C as Content } from './Content-DdDpT2h7.js';
+export { C as Countdown } from './Countdown-B3MiiwXf.js';
+export { D as DataDump } from './DataDump-j_kgSgMp.js';
+export { D as DataList } from './DataList-CymbhMSi.js';
+export { D as DataTable } from './DataTable-CVEIZwr2.js';
+import './useResizeObserver-x8MrXwVb.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-rrkfedd-.js';
-export { D as DescriptionList } from './DescriptionList-DTR0NBDa.js';
-export { D as Disclosure } from './Disclosure-CQ-Br26r.js';
-export { D as Divider } from './Divider-zClmXJZ5.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-DD-Jt3JY.js';
-export { E as Emphasis } from './Emphasis-C3ucK693.js';
-export { F as FeatureSwitch } from './FeatureSwitch-DuNWoznf.js';
-export { F as Flex } from './Flex-Cf_zj6pq.js';
-export { F as Form } from './Form-BnOD0gGB.js';
-export { F as FormField } from './FormField-UVZjNqMB.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-8V9xA7Fu.js';
-export { F as FormatEmail } from './FormatEmail-m-ijRQFI.js';
-export { F as FormatFile } from './FormatFile-DTGxozqr.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-BYeEO4Zu.js';
-export { F as FormatTime } from './FormatTime-Beu36pYg.js';
-export { G as Gallery } from './Gallery-D1ZWBJKc.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-vbP_NH-7.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-Bb_a0AAW.js';
-export { H as Heading } from './Heading-B-_ctzin.js';
-export { I as InlineLabel } from './InlineLabel-zgPfMYqh.js';
-export { I as InputAvatar } from './InputAvatar-Dt8bHzo-.js';
-export { I as InputDate } from './InputDate-sC0bXaIi.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-CV_KOl1T.js';
-export { I as InputFile, u as updateFiles } from './InputFile-CQ_ghc9o.js';
-export { I as InputGroup } from './InputGroup-BqV2KYoF.js';
-export { I as InputNumber } from './InputNumber-DxJsc9BK.js';
-export { I as InputPassword } from './InputPassword-B459yigQ.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-DnIPDJAj.js';
-export { I as InputText } from './InputText-Cftwqibk.js';
-export { I as InputTime } from './InputTime-BfjVjwi1.js';
-export { I as InputValidation } from './InputValidation-d1s0-eip.js';
-export { L as LightBox } from './LightBox-BExQ9r7E.js';
-export { L as Link } from './Link-WxG_zXJF.js';
-export { L as List, a as ListItem } from './List-BDICtPG8.js';
-export { M as Markdown } from './Markdown-Ck9U2GQk.js';
-export { M as Menu } from './Menu-BXOT6cf5.js';
-export { M as Modal } from './Modal-BXHv8y2a.js';
-export { M as MultiSelect } from './MultiSelect-CPMB_xC6.js';
-export { P as Page } from './Page-DFelfLJ1.js';
-export { P as Popover } from './Popover-zfvId2t7.js';
-export { P as ProgressBar } from './ProgressBar-C04-ZVZx.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-Dku2R4Qh.js';
-export { R as RecurringSelect } from './RecurringSelect-Bn_Eio78.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-1L3mJ_hM.js';
-export { a as Option, S as Select } from './Option-CvoOkslp.js';
-export { S as Spinner } from './Spinner-DKKHdiIN.js';
-export { S as StatusIndicator } from './StatusIndicator-Chk8NV0D.js';
-export { S as StatusLabel } from './StatusLabel-B12_ozn2.js';
-export { S as Switch } from './Switch-D02vpwCF.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-Dp4cfubE.js';
-export { a as Tab, T as Tabs } from './Tabs-B2TnKQb_.js';
-export { T as Text } from './Text-DW-p4bZX.js';
-export { s as showToast } from './showToast-CCJcxmRi.js';
+export { D as DatePicker } from './DatePicker-Dy4Hn4Kh.js';
+export { D as DescriptionList } from './DescriptionList-BNrHc8MT.js';
+export { D as Disclosure } from './Disclosure-BhRxhSd9.js';
+export { D as Divider } from './Divider-CzQz4r_8.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-BCyrWYxt.js';
+export { E as Emphasis } from './Emphasis-BM7TtFJs.js';
+export { F as FeatureSwitch } from './FeatureSwitch-vq4Ejrai.js';
+export { F as Flex } from './Flex-DIQYBSX2.js';
+export { F as Form } from './Form-Dpky24MS.js';
+export { F as FormField } from './FormField-DLIz7nkH.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-DtkupuPg.js';
+export { F as FormatEmail } from './FormatEmail-fbm2GGUX.js';
+export { F as FormatFile } from './FormatFile-ChYQXhT2.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-BsCXvefb.js';
+export { F as FormatTime } from './FormatTime-DaMaGc1o.js';
+export { G as Gallery } from './Gallery-kh_chlSD.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-BlKjvltc.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-DqWsttya.js';
+export { H as Heading } from './Heading-CpIz75Vc.js';
+export { I as InlineLabel } from './InlineLabel-B0Aj-sIZ.js';
+export { I as InputAvatar } from './InputAvatar-ohiuGyN7.js';
+export { I as InputDate } from './InputDate-DxIHdgFP.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-DFcwYV87.js';
+export { I as InputFile, u as updateFiles } from './InputFile-COALzXeb.js';
+export { I as InputGroup } from './InputGroup-DoRLQ4ce.js';
+export { I as InputNumber } from './InputNumber-DbwF4o4k.js';
+export { I as InputPassword } from './InputPassword-ZFFX-cNd.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-Do2hNZnF.js';
+export { I as InputText } from './InputText-WOYj20g-.js';
+export { I as InputTime } from './InputTime-DP3nkJqs.js';
+export { I as InputValidation } from './InputValidation-Do6pp7d5.js';
+export { L as LightBox } from './LightBox-D7-MARtq.js';
+export { L as Link } from './Link-DhVgI5Gn.js';
+export { L as List, a as ListItem } from './List-D2yw8Hmn.js';
+export { M as Markdown } from './Markdown-2ZXETMkM.js';
+export { M as Menu } from './Menu-Ch8UuYV4.js';
+export { M as Modal } from './Modal-BnfPULVX.js';
+export { M as MultiSelect } from './MultiSelect-DMNGNQkw.js';
+export { P as Page } from './Page-BQ42q0hg.js';
+export { P as Popover } from './Popover-C341jL_V.js';
+export { P as ProgressBar } from './ProgressBar-Hq8vqXIP.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-DwBqPgcp.js';
+export { R as RecurringSelect } from './RecurringSelect-TP4vIotQ.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-B2O1OW6A.js';
+export { a as Option, S as Select } from './Option-Ch58U6yT.js';
+export { S as Spinner } from './Spinner-BQD4HU9t.js';
+export { S as StatusIndicator } from './StatusIndicator-CwdSKWDk.js';
+export { S as StatusLabel } from './StatusLabel-B8ZyiaRz.js';
+export { S as Switch } from './Switch-Cr86BBfG.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-XKp1Xf7n.js';
+export { a as Tab, T as Tabs } from './Tabs-BW4IZU2R.js';
+export { T as Text } from './Text-DodBVOkH.js';
+export { s as showToast } from './showToast-ckzEM596.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-NHSMObaF.js';
-import './debounce-EE06TasN.js';
-import './_commonjsHelpers-FDuDI3yN.js';
-import './isObjectLike-BjNZb4hG.js';
-import './isSymbol-CjTAkzEG.js';
+import './tslib.es6-BONMFM1R.js';
+import './debounce--SgNlz4c.js';
+import './_commonjsHelpers-GdnJfcT9.js';
+import './isObjectLike-BVI99CWz.js';
+import './isSymbol-PqG__jFs.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-7GU_Uz48.js';
-import './useSafeLayoutEffect-B2KLgbex.js';
-import './useIsMounted-C8KmhT8g.js';
+import './useOnKeyDown-IHkaQPlg.js';
+import './useSafeLayoutEffect-D0i58EjB.js';
+import './useIsMounted-BRNIvHTV.js';
 import 'color';
-import './BannerIcon-BWv9xr6C.js';
+import './BannerIcon-COUOWIV_.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-wCRJ7rmh.js';
-import './useChildComponent-CKHsZQ3S.js';
-import './_polyfill-node.process-X8XpnfAR.js';
-import './InternalChipDismissible-BYIvJQqq.js';
-import './useScrollToActive-BRi4Qwpm.js';
-import './_setToString-DE10BRDE.js';
-import './_defineProperty-CyMSkW5h.js';
-import './_getTag-BTSk-dxT.js';
-import './_baseEach-Dvsxuokw.js';
-import './ComboboxContent-DpwzmAkq.js';
-import './ComboboxContentSearch-C4Ne3k9l.js';
-import './ComboboxContentList-B-QvIadE.js';
-import './ComboboxOption-Djkbakah.js';
-import './ComboboxLoadMore-D5j9o2Hg.js';
-import './ComboboxContentHeader-CsUZurRY.js';
-import './useRefocusOnActivator-CC5a-6FG.js';
-import './useFocusTrap-C-gjKLLd.js';
-import './ComboboxAction-BlfmKWZ_.js';
-import './ComboboxTrigger-8K50ffMu.js';
-import './noop-WxeekgtS.js';
-import './ComboboxActivator-CQx_m20o.js';
+import './useInView-COib9Q5r.js';
+import './useChildComponent-By397I3q.js';
+import './_polyfill-node.process-CZZt-RrK.js';
+import './InternalChipDismissible-D6u7GouZ.js';
+import './useScrollToActive-B9pEs24W.js';
+import './_setToString-DkjK-Pjw.js';
+import './_defineProperty-6oHQYAQY.js';
+import './_getTag-HMoRJD1M.js';
+import './_baseEach-B_kDC2FE.js';
+import './ComboboxContent-D5Oe2Ub4.js';
+import './ComboboxContentSearch-BcUiMkkP.js';
+import './ComboboxContentList-CsXTQNes.js';
+import './ComboboxOption-CNj7qa8r.js';
+import './ComboboxLoadMore-DH4HBjRY.js';
+import './ComboboxContentHeader-BTMMWYaQ.js';
+import './useRefocusOnActivator-D4SqRmFf.js';
+import './useFocusTrap-1GoRnP39.js';
+import './ComboboxAction-aYy9i0Q3.js';
+import './ComboboxTrigger-UjmrFViQ.js';
+import './noop-CHgf2HAo.js';
+import './ComboboxActivator-56yVoN0G.js';
 import '@std-proposal/temporal';
-import './index-6RRU_MGm.js';
-import './DataList-DihFjt0P.js';
-import './DataListTotalCount-BVK06RUR.js';
-import './DataListLoadingState-C1FefsZV.js';
-import './DataListContext-BjqMJ-4d.js';
-import './useActiveLayout-BBoJgOq8.js';
-import './useResponsiveSizing-u1eItyWI.js';
-import './DataList.const-DnufTI9-.js';
-import './DataListLayout-C_RLjrXY.js';
-import './DataListItems-M9S__XXj.js';
-import './DataListLayoutContext-DRkAMVYG.js';
-import './DataListItem-D39TRiob.js';
-import './DataListItemActions-_53vVdOW.js';
-import './DataListActions-bk1c6P0f.js';
-import './DataListOverflowFade-D2ZcBWlN.js';
-import './DataList.utils-DVsWHLcW.js';
-import './DataListTags-DN40iuAT.js';
-import './DataListHeaderTile-Dh4_igvo.js';
-import './DataListSortingOptions-DiE5sL7B.js';
-import './DataListLayoutContext-Bw_j3zBL.js';
-import './DataListItemActionsOverflow-Bm_fsbo2.js';
-import './DataListActionsMenu-BFVzJLO1.js';
-import './useBatchSelect-D9j7OuQI.js';
-import './DataListItemClickable-DLBF9Stn.js';
-import './DataListHeader-BfKd_SaC.js';
-import './DataListBulkActions-B81RUkMb.js';
-import './DataListFilters-RRCQb14U.js';
-import './DataListSort-pe1EB0v4.js';
-import './DataListStickyHeader-CAMenGlz.js';
-import './DataListSearch-DnbzthEC.js';
-import './DataListEmptyState-DS33WBNC.js';
-import './DataListLoadMore-DVAid6pZ.js';
-import './DataListAction-B9K_qH9E.js';
-import './DataListLayoutActions-wRm7-BiE.js';
-import './DataListStatusBar-gqSM7T9I.js';
-import './_baseAssignValue-ag9L7JVU.js';
+import './index-CDqz-pH7.js';
+import './DataList-BrOWjPZK.js';
+import './DataListTotalCount-UKSWKb5j.js';
+import './DataListLoadingState-cJtQ-tRx.js';
+import './DataListContext-D7qkJNGg.js';
+import './useActiveLayout-CYMrUxUb.js';
+import './useResponsiveSizing-DdcixuUc.js';
+import './DataList.const-BXDSgMyc.js';
+import './DataListLayout-CG-Wnvc_.js';
+import './DataListItems-Cn2KJoxa.js';
+import './DataListLayoutContext-Dm9z0ITw.js';
+import './DataListItem-Bjmm2Bgn.js';
+import './DataListItemActions-BPY6zJMe.js';
+import './DataListActions-CGWznJhN.js';
+import './DataListOverflowFade-BTkVxand.js';
+import './DataList.utils-CYR-kNd7.js';
+import './DataListTags-CZUD616y.js';
+import './DataListHeaderTile-D5Dj0dq2.js';
+import './DataListSortingOptions-BuUvrF-6.js';
+import './DataListLayoutContext-BUd4_Dmm.js';
+import './DataListItemActionsOverflow-Cr6VTBWS.js';
+import './DataListActionsMenu-BJJ2K9cU.js';
+import './useBatchSelect-CwxjAwIC.js';
+import './DataListItemClickable-DQZX8RH3.js';
+import './DataListHeader-CQzjjlF_.js';
+import './DataListBulkActions-VrJrnm5T.js';
+import './DataListFilters-BaHvYs4T.js';
+import './DataListSort-BiTLIuo8.js';
+import './DataListStickyHeader-CrTSETlo.js';
+import './DataListSearch-CUe01aWC.js';
+import './DataListEmptyState-py-84TRq.js';
+import './DataListLoadMore-B5eqFA5k.js';
+import './DataListAction-vPNdwPRG.js';
+import './DataListLayoutActions-BYoieVPj.js';
+import './DataListStatusBar-DOnfDqYx.js';
+import './_baseAssignValue-C6m6nWua.js';
 import 'filesize';
-import './InternalGridCell-CLPq4yjq.js';
+import './InternalGridCell-BpdgBOhN.js';
 import 'axios';
 import '@jobber/formatters';
 import 'react-dom/client';

package/dist/{isObjectLike-BjNZb4hG.js → isObjectLike-BVI99CWz.js}

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

package/dist/{isObjectLike-DjvaGrhQ.js → isObjectLike-B_3qhodY.js}

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

package/dist/{isSymbol-BUZV9F5t.js → isSymbol-DJaBJV7_.js}

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

package/dist/{isSymbol-CjTAkzEG.js → isSymbol-PqG__jFs.js}

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

package/dist/{noop-C16BUhzg.js → noop-BdAAS2rQ.js}

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

package/dist/{noop-WxeekgtS.js → noop-CHgf2HAo.js}

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

package/dist/{showToast-D8jOk13D.js → showToast-H28DTq_-.js}

@@ -3,9 +3,9 @@
 var React = require('react');
 var client = require('react-dom/client');
 var framerMotion = require('framer-motion');
-var Icon = require('./Icon-Diextvrd.js');
-var Button = require('./Button-CgfDbNAL.js');
-var Typography = require('./Typography-p4MU6BtC.js');
+var Icon = require('./Icon-Qh3YcVum.js');
+var Button = require('./Button-DjX1aw83.js');
+var Typography = require('./Typography-DwyO6al-.js');
 
 var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","button":"cExoS0APILs-"};
 

package/dist/{showToast-CCJcxmRi.js → showToast-ckzEM596.js}

@@ -1,9 +1,9 @@
 import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef } from 'react';
 import { createRoot } from 'react-dom/client';
 import { AnimatePresence, motion } from 'framer-motion';
-import { I as Icon } from './Icon-BrES1_Vn.js';
-import { B as Button } from './Button-DaxPs-HB.js';
-import { T as Typography } from './Typography-lKQSd8tO.js';
+import { I as Icon } from './Icon-6Eis9cCg.js';
+import { B as Button } from './Button-BhlY-LbA.js';
+import { T as Typography } from './Typography-D6zuOlRv.js';
 
 var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","button":"cExoS0APILs-"};
 

package/dist/styles.css

@@ -415,6 +415,8 @@
   --field--placeholder-color: var(--color-greyBlue--light);
   --field--value-color: var(--color-heading);
   --field--border-color: var(--color-border);
+
+  --postfix-right: var(--space-base);
 }
 
 .geR7qBhrMfk- {
@@ -539,12 +541,14 @@
   --field--padding-top: var(--space-small);
   --field--padding-bottom: var(--space-small);
   --field--height: calc(var(--space-larger) + var(--space-smaller));
+  --postfix-right: calc(var(--space-small) + var(--space-smaller));
 }
 
 .Ku8sWS0mLew- {
   --field--padding-left: var(--space-large);
   --field--padding-right: var(--space-large);
   --field--height: calc(var(--space-extravagant));
+  --postfix-right: var(--space-large);
 }
 
 ._5Hu2F3cBvng- {
@@ -552,6 +556,12 @@
   width: auto;
 }
 
+/* .select select,
+.right select,
+.select .label {
+  padding-right: calc(var(--field--padding-right) + var(--base-unit) * 2);
+} */
+
 .s1WLQs6ffD8- {
   --field--textAlign: center;
 }
@@ -667,6 +677,13 @@
   transition: all var(--timing-quick);
 }
 
+.i31GQXcMz54- select,
+.a2r4QheWYIA- select,
+.i31GQXcMz54- ._3xREbTN5pPg- {
+  padding-right: calc(var(--field--padding-right) + 16px * 2);
+  padding-right: calc(var(--field--padding-right) + var(--base-unit) * 2);
+}
+
 .mgPacJ6Z71Y- ._3xREbTN5pPg- {
   /* Changes the width so that the scrollbar on the textarea doesn't get cut off */
   width: calc(100% - var(--field--padding-right));
@@ -713,7 +730,7 @@
   position: absolute;
   top: 50%;
   right: calc(16px * 1);
-  right: var(--space-base);
+  right: var(--postfix-right);
   z-index: var(--field--postfix-elevation);
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);

package/dist/{useActiveLayout-DaH9D_ov.js → useActiveLayout-C8gYAkw6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-CDi66WIl.js');
-var DataListContext = require('./DataListContext-CU5iGejj.js');
+var useResponsiveSizing = require('./useResponsiveSizing-Dz8AVn4G.js');
+var DataListContext = require('./DataListContext-DaIV15n7.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-BBoJgOq8.js → useActiveLayout-CYMrUxUb.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-u1eItyWI.js';
-import { u as useDataListContext } from './DataListContext-BjqMJ-4d.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-DdcixuUc.js';
+import { u as useDataListContext } from './DataListContext-D7qkJNGg.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-DP2RMJ7Q.js → useAssert-CI3f7ZHp.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-y1DUp6b7.js');
-var _polyfillNode_process = require('./_polyfill-node.process-B7t2Axwl.js');
+var _commonjsHelpers = require('./_commonjsHelpers-19l6Xf8J.js');
+var _polyfillNode_process = require('./_polyfill-node.process-TfqGinbZ.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-9ZKvzeXk.js → useAssert-DmD93lcc.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-FDuDI3yN.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-X8XpnfAR.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-GdnJfcT9.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-CZZt-RrK.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-D9j7OuQI.js → useBatchSelect-CwxjAwIC.js}

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

package/dist/{useBatchSelect-e1FGk-t2.js → useBatchSelect-F8MN8r5m.js}

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

package/dist/{useIsMounted-C8KmhT8g.js → useIsMounted-BRNIvHTV.js}

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

package/dist/{useIsMounted-B2D11SGr.js → useIsMounted-cZhTRzip.js}

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

package/dist/{useResizeObserver-6W1I8-Jf.js → useResizeObserver-DWl7Uu33.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-y1DUp6b7.js');
+var _commonjsHelpers = require('./_commonjsHelpers-19l6Xf8J.js');
 var React = require('react');
-var debounce$1 = require('./debounce-DXMtE7kr.js');
-var isObjectLike = require('./isObjectLike-DjvaGrhQ.js');
+var debounce$1 = require('./debounce-Pg3dHg1g.js');
+var isObjectLike = require('./isObjectLike-B_3qhodY.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-B39UtZEk.js → useResizeObserver-x8MrXwVb.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-FDuDI3yN.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-GdnJfcT9.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-EE06TasN.js';
-import { b as isObject_1 } from './isObjectLike-BjNZb4hG.js';
+import { a as debounce_1 } from './debounce--SgNlz4c.js';
+import { b as isObject_1 } from './isObjectLike-BVI99CWz.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-u1eItyWI.js → useResponsiveSizing-DdcixuUc.js}

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

package/dist/{useResponsiveSizing-CDi66WIl.js → useResponsiveSizing-Dz8AVn4G.js}

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

package/dist/{useScrollToActive-BRi4Qwpm.js → useScrollToActive-B9pEs24W.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-FDuDI3yN.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-DE10BRDE.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-CyMSkW5h.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-Dvsxuokw.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BTSk-dxT.js';
-import { i as isSymbol_1 } from './isSymbol-CjTAkzEG.js';
-import { b as isObject_1 } from './isObjectLike-BjNZb4hG.js';
-import { d as debounce } from './debounce-EE06TasN.js';
-import { I as Icon } from './Icon-BrES1_Vn.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-GdnJfcT9.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-DkjK-Pjw.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-6oHQYAQY.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-B_kDC2FE.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-HMoRJD1M.js';
+import { i as isSymbol_1 } from './isSymbol-PqG__jFs.js';
+import { b as isObject_1 } from './isObjectLike-BVI99CWz.js';
+import { d as debounce } from './debounce--SgNlz4c.js';
+import { I as Icon } from './Icon-6Eis9cCg.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/dist/{useScrollToActive-CvNZslMs.js → useScrollToActive-BxsldWZp.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-y1DUp6b7.js');
-var _setToString = require('./_setToString-CVuvFiw5.js');
-var _defineProperty = require('./_defineProperty-Bj_R6Koh.js');
-var _baseEach = require('./_baseEach-Bw4dPke8.js');
-var _getTag = require('./_getTag-C6RnyIho.js');
-var isSymbol$1 = require('./isSymbol-BUZV9F5t.js');
-var isObjectLike = require('./isObjectLike-DjvaGrhQ.js');
-var debounce = require('./debounce-DXMtE7kr.js');
-var Icon = require('./Icon-Diextvrd.js');
+var _commonjsHelpers = require('./_commonjsHelpers-19l6Xf8J.js');
+var _setToString = require('./_setToString-CwrrrpSG.js');
+var _defineProperty = require('./_defineProperty-DT2k770a.js');
+var _baseEach = require('./_baseEach-CN6Qtt15.js');
+var _getTag = require('./_getTag-DonaY7yQ.js');
+var isSymbol$1 = require('./isSymbol-DJaBJV7_.js');
+var isObjectLike = require('./isObjectLike-B_3qhodY.js');
+var debounce = require('./debounce-Pg3dHg1g.js');
+var Icon = require('./Icon-Qh3YcVum.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,