@jobber/components 5.16.1 → 5.16.2-clean-up-s.1

package/dist/index.mjs

@@ -1,163 +1,163 @@
-export { A as AnimatedPresence } from './AnimatedPresence-BhPfCfCk.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-DF8YmqLM.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-BOiMMZTf.js';
-export { A as Autocomplete } from './Autocomplete-SeWfhQm2.js';
-export { A as Avatar } from './Avatar-ZaK8M9t_.js';
-export { B as Banner } from './Banner-Dq5wA948.js';
-export { B as Box } from './Box-sMghlGZ3.js';
-export { B as Button } from './Button-DrzDHrmN.js';
-export { B as ButtonDismiss } from './ButtonDismiss-DG74xeqf.js';
-export { C as Card } from './Card-CJy2YLCQ.js';
-export { C as Checkbox } from './Checkbox-CgOBbcu-.js';
-export { C as Chip } from './Chip-CGKN58Ft.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DQBzyU6l.js';
+export { A as AnimatedPresence } from './AnimatedPresence-Cx3K012z.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-Dd-6cQEC.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-ENoaO1xP.js';
+export { A as Autocomplete } from './Autocomplete-D7VtxbTw.js';
+export { A as Avatar } from './Avatar-BK5mx7Av.js';
+export { B as Banner } from './Banner-kQGRCO7w.js';
+export { B as Box } from './Box-mfEXloCh.js';
+export { B as Button } from './Button-BNyhYMNE.js';
+export { B as ButtonDismiss } from './ButtonDismiss-B9d75Z9R.js';
+export { C as Card } from './Card-BEJQHuES.js';
+export { C as Checkbox } from './Checkbox-IxVJPR2M.js';
+export { C as Chip } from './Chip-BcvedTzA.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-C0vLRDTc.js';
 import 'react';
 import 'classnames';
-import './useAssert-DE75YKTt.js';
-export { I as Icon } from './Icon-BzDrgdkX.js';
-export { T as Typography } from './Typography-DDtPon8c.js';
-export { T as Tooltip } from './Tooltip-B4br9Fkq.js';
-export { C as Chips } from './Chips-D-8gAYmr.js';
-export { C as Combobox } from './Combobox-CMZ6E-0i.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-fgRWfY3C.js';
-export { C as ConfirmationModal } from './ConfirmationModal-DXtTuN5M.js';
-export { C as Content } from './Content-CKYCDjXg.js';
-export { C as Countdown } from './Countdown-HoZESDP6.js';
-export { D as DataDump } from './DataDump-CHN-2_Jg.js';
-export { D as DataList } from './DataList-i2ofXqZJ.js';
-export { D as DataTable } from './DataTable-DqWGlitZ.js';
-import './useResizeObserver-BjUPozPl.js';
+import './useAssert-CNrgEgfd.js';
+export { I as Icon } from './Icon-BSQjOHiE.js';
+export { T as Typography } from './Typography-xMechel0.js';
+export { T as Tooltip } from './Tooltip-BsKELRRh.js';
+export { C as Chips } from './Chips-gKvbQCuf.js';
+export { C as Combobox } from './Combobox-DSKKKhIg.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-ODZH7H8S.js';
+export { C as ConfirmationModal } from './ConfirmationModal-bDEiqawr.js';
+export { C as Content } from './Content-CGgldHHh.js';
+export { C as Countdown } from './Countdown-pe8x4p7a.js';
+export { D as DataDump } from './DataDump-BKFW8Xza.js';
+export { D as DataList } from './DataList-Mkn7z-fZ.js';
+export { D as DataTable } from './DataTable-DVTPi9vB.js';
+import './useResizeObserver-CbH8A05D.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-D8EOf4di.js';
-export { D as DescriptionList } from './DescriptionList-C79NcPiM.js';
-export { D as Disclosure } from './Disclosure-B2VxLHgX.js';
-export { D as Divider } from './Divider-U5obT68d.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-jS_YQq2C.js';
-export { E as Emphasis } from './Emphasis-DNj_o63B.js';
-export { F as FeatureSwitch } from './FeatureSwitch-dPfsAAYn.js';
-export { F as Flex } from './Flex-CFAavb5e.js';
-export { F as Form } from './Form-CuBV71w-.js';
-export { F as FormField } from './FormField-BB-3IPJh.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-P5MQC2YI.js';
-export { F as FormatEmail } from './FormatEmail-fiITfwg7.js';
-export { F as FormatFile } from './FormatFile-HSAvy7Ij.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-BvziMd2b.js';
-export { F as FormatTime } from './FormatTime-DPjqaPO-.js';
-export { G as Gallery } from './Gallery-CN_BSydK.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-Q5A5At2t.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-D8bkA41I.js';
-export { H as Heading } from './Heading-QUT5LtX2.js';
-export { I as InlineLabel } from './InlineLabel-CX-UMsaM.js';
-export { I as InputAvatar } from './InputAvatar-BOcf9Kux.js';
-export { I as InputDate } from './InputDate-BZrq_pAK.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-C2DLW143.js';
-export { I as InputFile, u as updateFiles } from './InputFile-D-V5cH98.js';
-export { I as InputGroup } from './InputGroup-D8j_OYYd.js';
-export { I as InputNumber } from './InputNumber-DQ548uMN.js';
-export { I as InputPassword } from './InputPassword-304WCz55.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-B5KynTgC.js';
-export { I as InputText } from './InputText-DL1863PG.js';
-export { I as InputTime } from './InputTime-DHhljOVG.js';
-export { I as InputValidation } from './InputValidation-THzQ7gfR.js';
-export { L as LightBox } from './LightBox-DnSLKHYU.js';
-export { L as Link } from './Link-CKemeKl8.js';
-export { L as List, a as ListItem } from './List-CaAuVQk_.js';
-export { M as Markdown } from './Markdown-CokFxJAV.js';
-export { M as Menu } from './Menu-kVRx7ZKN.js';
-export { M as Modal } from './Modal-w3tbGnJ8.js';
-export { M as MultiSelect } from './MultiSelect-BhzGKoX8.js';
-export { P as Page } from './Page-BYJCjaRN.js';
-export { P as Popover } from './Popover-f6k0vpgp.js';
-export { P as ProgressBar } from './ProgressBar-H2lwj3UG.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-BnU4d7pa.js';
-export { R as RecurringSelect } from './RecurringSelect-DVxrIm5s.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-DwTE80QL.js';
-export { a as Option, S as Select } from './Option-DN8LflRI.js';
-export { S as SideDrawer } from './SideDrawer-aKiTXxQA.js';
-export { S as Spinner } from './Spinner-B0M1cZxf.js';
-export { S as StatusIndicator } from './StatusIndicator-zs3DQN6I.js';
-export { S as StatusLabel } from './StatusLabel-BlMBn2OC.js';
-export { S as Switch } from './Switch-BsNvVfcd.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-J6pkZIGu.js';
-export { a as Tab, T as Tabs } from './Tabs-B2J-kR1G.js';
-export { T as Text } from './Text-CeA7Qzyi.js';
+export { D as DatePicker } from './DatePicker-CqBiOPPa.js';
+export { D as DescriptionList } from './DescriptionList-Cy5MIrnz.js';
+export { D as Disclosure } from './Disclosure-D20Q7g5s.js';
+export { D as Divider } from './Divider-CdbNyh8G.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-DH4ne14A.js';
+export { E as Emphasis } from './Emphasis-CuKrHpsW.js';
+export { F as FeatureSwitch } from './FeatureSwitch-DWh3Pchj.js';
+export { F as Flex } from './Flex-C2WhBVH1.js';
+export { F as Form } from './Form-F03Uj1vg.js';
+export { F as FormField } from './FormField-DjZqMMjJ.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-B3WU4sYE.js';
+export { F as FormatEmail } from './FormatEmail-DEynCtH6.js';
+export { F as FormatFile } from './FormatFile-D-hrWfVj.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-C80Q94Ae.js';
+export { F as FormatTime } from './FormatTime-CuebtDvY.js';
+export { G as Gallery } from './Gallery-CzIrqlYS.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-MN2R4yaw.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-mXieqw-c.js';
+export { H as Heading } from './Heading-B42ENpbV.js';
+export { I as InlineLabel } from './InlineLabel-DboflbaL.js';
+export { I as InputAvatar } from './InputAvatar-BTc9vo24.js';
+export { I as InputDate } from './InputDate-CsHqygm4.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-CORpFXal.js';
+export { I as InputFile, u as updateFiles } from './InputFile-CQm87s3O.js';
+export { I as InputGroup } from './InputGroup-SETq5Kur.js';
+export { I as InputNumber } from './InputNumber-CIy4XIb6.js';
+export { I as InputPassword } from './InputPassword-DBeABPTh.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-DF_fUwKk.js';
+export { I as InputText } from './InputText-D5K5rs6b.js';
+export { I as InputTime } from './InputTime-CH6Fq95g.js';
+export { I as InputValidation } from './InputValidation-BtKibSfh.js';
+export { L as LightBox } from './LightBox-btE4gm2H.js';
+export { L as Link } from './Link-C7ZhyX_A.js';
+export { L as List, a as ListItem } from './List-UXijRksm.js';
+export { M as Markdown } from './Markdown-C5ibBits.js';
+export { M as Menu } from './Menu-DE0eW2U4.js';
+export { M as Modal } from './Modal-DArF0M5N.js';
+export { M as MultiSelect } from './MultiSelect-C6Y6VCEz.js';
+export { P as Page } from './Page-CuGWUtVC.js';
+export { P as Popover } from './Popover-Bb8GJP-w.js';
+export { P as ProgressBar } from './ProgressBar-BLDK6Byu.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-CM3NkfSG.js';
+export { R as RecurringSelect } from './RecurringSelect-BWlo14SI.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-Y5NoqxOa.js';
+export { a as Option, S as Select } from './Option-BT8Au6id.js';
+export { S as SideDrawer } from './SideDrawer-CpsBo33Q.js';
+export { S as Spinner } from './Spinner-Bh6OCDZr.js';
+export { S as StatusIndicator } from './StatusIndicator-DB_fBoim.js';
+export { S as StatusLabel } from './StatusLabel-C_nDO1ck.js';
+export { S as Switch } from './Switch-REn0n0kg.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-C3mY50vQ.js';
+export { a as Tab, T as Tabs } from './Tabs-BISCvCdI.js';
+export { T as Text } from './Text-CL12nnYh.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-QQS3IHnJ.js';
-import './debounce-Dw9u-cy0.js';
-import './_commonjsHelpers-DwlS0CXy.js';
-import './isObjectLike-BHr7Y0yf.js';
-import './isSymbol-DIGW5K--.js';
+import './tslib.es6-DVMj2Jax.js';
+import './debounce-C0YlEVVi.js';
+import './_commonjsHelpers-C82QmvRe.js';
+import './isObjectLike-Qa7nERY7.js';
+import './isSymbol-Dttc4LWU.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-CKfJJ61m.js';
-import './useSafeLayoutEffect-BYkVNJ-T.js';
-import './useIsMounted-BkDS72pK.js';
+import './useOnKeyDown-d7nF_TYH.js';
+import './useSafeLayoutEffect-Dwf9H0zF.js';
+import './useIsMounted-Trj2n5oq.js';
 import 'color';
-import './BannerIcon-bRGjwkvg.js';
+import './BannerIcon-DDD7wYGE.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-DvzIg7At.js';
-import './useChildComponent-B0CcfKX8.js';
-import './_polyfill-node.process-DGu3UXkz.js';
-import './InternalChipDismissible-DdC0oFnK.js';
-import './useScrollToActive-Cm5L2Rog.js';
-import './_setToString-CXQYeQMP.js';
-import './_defineProperty-y7jS_88N.js';
-import './_getTag-B8X--a6U.js';
-import './_baseEach-1UozXb2p.js';
-import './ComboboxContent-DJBj4xyn.js';
-import './ComboboxContentSearch-B1nLviL0.js';
-import './ComboboxContentList-B7Dll1Xa.js';
-import './ComboboxOption-_GP5mInz.js';
-import './ComboboxLoadMore-xoZ1GawN.js';
-import './ComboboxContentHeader-Bbpk6r-a.js';
-import './useRefocusOnActivator-DSxSFnRh.js';
-import './useFocusTrap-CnqW-9Cn.js';
-import './ComboboxAction-C6koLbzy.js';
-import './ComboboxTrigger-DKhuNk9G.js';
-import './noop-Ug5J5gBu.js';
-import './ComboboxActivator-DCCyShse.js';
+import './useInView-DDBob7Zh.js';
+import './useChildComponent-5ceBuxGS.js';
+import './_polyfill-node.process-WXY6TPwS.js';
+import './InternalChipDismissible-n3RK4N3w.js';
+import './useScrollToActive-BhL5-nkB.js';
+import './_setToString-Ef8KiZap.js';
+import './_defineProperty-DLfWJ1gJ.js';
+import './_getTag-BualZjwm.js';
+import './_baseEach-BalRGH7_.js';
+import './ComboboxContent-BLTCwvNi.js';
+import './ComboboxContentSearch-CNqZjcvt.js';
+import './ComboboxContentList-DxuJ5VI_.js';
+import './ComboboxOption-CQrY60u9.js';
+import './ComboboxLoadMore-0R6iw4AG.js';
+import './ComboboxContentHeader-DIIA1D9Q.js';
+import './useRefocusOnActivator-i1rq6DjO.js';
+import './useFocusTrap-Cno--pcE.js';
+import './ComboboxAction-COh0hFXw.js';
+import './ComboboxTrigger-DKB9liXt.js';
+import './noop-p-tX_VcK.js';
+import './ComboboxActivator-sa-GXrZa.js';
 import '@std-proposal/temporal';
-import './index-DXE43WX7.js';
-import './DataList-B29jTtfi.js';
-import './DataListTotalCount-C42Wd3M9.js';
-import './DataListLoadingState-DiH_mGUE.js';
-import './DataListContext-TrBYNNuJ.js';
-import './useActiveLayout-C51Owma4.js';
-import './useResponsiveSizing-HnOVcl8W.js';
-import './DataList.const-CatQpc3m.js';
-import './DataListLayout-C0iBnqfX.js';
-import './DataListItems-BvMeD-Vi.js';
-import './DataListLayoutContext-CTvHiO_8.js';
-import './DataListItem-CLv_yr1F.js';
-import './DataListItemActions-Dt8IXig3.js';
-import './DataListActions-Cl9cdYzL.js';
-import './DataListOverflowFade-LE9lO_S1.js';
-import './DataList.utils-DrJ4f_y9.js';
-import './DataListTags-CwwNS3U6.js';
-import './DataListHeaderTile-wtZcNYeB.js';
-import './DataListSortingOptions-XfjyWUzT.js';
-import './DataListLayoutContext-c_bRHeFO.js';
-import './DataListItemActionsOverflow-D2dKBleg.js';
-import './DataListActionsMenu-CaToq1Pp.js';
-import './useBatchSelect-D5QbVaLP.js';
-import './DataListItemClickable-Bnk6p0-2.js';
-import './DataListHeader-DODFa3AU.js';
-import './DataListBulkActions-BTF2qIsa.js';
-import './DataListFilters-DamtPrdw.js';
-import './DataListSort-CEVFKgVq.js';
-import './DataListStickyHeader-Be63GKij.js';
-import './DataListSearch-C6M0ghHE.js';
-import './DataListEmptyState-CVLwyJp6.js';
-import './DataListLoadMore-Dx9z5mqh.js';
-import './DataListAction-D4q46jCg.js';
-import './DataListLayoutActions-B8izHIIk.js';
-import './DataListStatusBar-CXuiYzb8.js';
-import './throttle-CdBhjlMx.js';
-import './_baseAssignValue-Dgw6l-oB.js';
-import './useFormFieldFocus-BIlnZxLi.js';
+import './index-D30FiP6C.js';
+import './DataList-Dw3t8tUc.js';
+import './DataListTotalCount-BfnCnXUh.js';
+import './DataListLoadingState-Db24nBCH.js';
+import './DataListContext-Cmm8Yn1O.js';
+import './useActiveLayout-Dujzi9zw.js';
+import './useResponsiveSizing-BkFlgT9N.js';
+import './DataList.const-Gw-noW3O.js';
+import './DataListLayout-AY8zvDjq.js';
+import './DataListItems-CNmGcWNc.js';
+import './DataListLayoutContext-BZFGXxkX.js';
+import './DataListItem-BMD7gr6-.js';
+import './DataListItemActions-BlRtnfnr.js';
+import './DataListActions-Cl39V-RF.js';
+import './DataListOverflowFade-BOUY3zKY.js';
+import './DataList.utils-vrlSoRxS.js';
+import './DataListTags-Dc0g0Yoe.js';
+import './DataListHeaderTile-CkEO92I6.js';
+import './DataListSortingOptions-neY3bYrr.js';
+import './DataListLayoutContext-D8YHDGOY.js';
+import './DataListItemActionsOverflow-B3l3zgNv.js';
+import './DataListActionsMenu-DmVnnUht.js';
+import './useBatchSelect-tla2AJJg.js';
+import './DataListItemClickable-Dd_aEcyJ.js';
+import './DataListHeader-DcfCIlTl.js';
+import './DataListBulkActions-B6TzveAg.js';
+import './DataListFilters-BjcRSkrq.js';
+import './DataListSort-B0sc3mUF.js';
+import './DataListStickyHeader-DQrSVCfJ.js';
+import './DataListSearch-DpfY63pq.js';
+import './DataListEmptyState-Bx30OzGQ.js';
+import './DataListLoadMore-BOGFUkOz.js';
+import './DataListAction-BYHiuKBU.js';
+import './DataListLayoutActions-C_sqSFKw.js';
+import './DataListStatusBar-PMHUQWJy.js';
+import './throttle-YPNOoWmS.js';
+import './_baseAssignValue-BpNoqdbs.js';
+import './useFormFieldFocus-OdfEv3rd.js';
 import 'filesize';
-import './InternalGridCell-Bd6nzx6c.js';
+import './InternalGridCell-imJVgHun.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-BHDGKKyK.js → isObjectLike-CTRfGjei.js}

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

package/dist/{isObjectLike-BHr7Y0yf.js → isObjectLike-Qa7nERY7.js}

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

package/dist/{isSymbol-DIp6o9d8.js → isSymbol-BAteu7F8.js}

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

package/dist/{isSymbol-DIGW5K--.js → isSymbol-Dttc4LWU.js}

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

package/dist/{noop-B6wAAVZR.js → noop-Cq9n1nSw.js}

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

package/dist/{noop-Ug5J5gBu.js → noop-p-tX_VcK.js}

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

package/dist/styles.css

@@ -2601,12 +2601,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding-left: calc(var(--checkbox--size) + var(--space-small));
 }
 
-:root {
+.af7U8MvcbHE- {
   --chip--gradient-color-variation: var(--chip-base-bg);
   --chip--gradient-color-variation--hover: var(--chip-base--hover);
-}
-
-.af7U8MvcbHE- {
   --chip-height: 40px;
   --chip-radius: 20px;
   --chip-base-bg: var(--color-surface--background);
@@ -2831,11 +2828,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   width: calc(16px * 1);
   width: var(--space-base);
   height: 100%;
-  background: linear-gradient(
-    to left,
-    var(--chip-base-bg) 5%,
-    rgba(255, 255, 255, 0)
-  );
   background: linear-gradient(
     to left,
     var(--chip--gradient-color-variation) 5%,
@@ -2845,11 +2837,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .af7U8MvcbHE-:focus-visible .G3QXY0rNcK0-,
 .af7U8MvcbHE-:hover .G3QXY0rNcK0- {
-  background: linear-gradient(
-    to left,
-    var(--chip-base--hover) 5%,
-    rgba(255, 255, 255, 0)
-  );
   background: linear-gradient(
     to left,
     var(--chip--gradient-color-variation--hover) 5%,
@@ -3368,7 +3355,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   border: none;
   border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
   border-bottom: var(--border-base) solid var(--color-border);
-  color: var(--field-value-color);
+  color: var(--field--value-color);
   font-family: "Inter", Helvetica, Arial, sans-serif;
   font-family: var(--typography--fontFamily-normal);
   font-size: calc((16px * 1) * 0.875);
@@ -3378,6 +3365,41 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   background-color: var(--color-surface);
 }
 
+.WZPK91I4aJs-::-webkit-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.WZPK91I4aJs-:-ms-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.WZPK91I4aJs-::-ms-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.searchInput::-webkit-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.searchInput:-ms-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.searchInput::-ms-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.WZPK91I4aJs-::placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
 .WZPK91I4aJs-::-webkit-search-decoration,
 .WZPK91I4aJs-::-webkit-search-cancel-button,
 .WZPK91I4aJs-::-webkit-search-results-button,

package/dist/{throttle-CdBhjlMx.js → throttle-YPNOoWmS.js}

@@ -1,6 +1,6 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DwlS0CXy.js';
-import { d as debounce_1 } from './debounce-Dw9u-cy0.js';
-import { i as isObject_1 } from './isObjectLike-BHr7Y0yf.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-C82QmvRe.js';
+import { d as debounce_1 } from './debounce-C0YlEVVi.js';
+import { i as isObject_1 } from './isObjectLike-Qa7nERY7.js';
 
 var debounce = debounce_1,
     isObject = isObject_1;

package/dist/{throttle-D1YO-yw0.js → throttle-ujnBUAiF.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BRV6pmS_.js');
-var debounce$1 = require('./debounce-BZMzLHRt.js');
-var isObjectLike = require('./isObjectLike-BHDGKKyK.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DWfvahQj.js');
+var debounce$1 = require('./debounce-Be_2Bz29.js');
+var isObjectLike = require('./isObjectLike-CTRfGjei.js');
 
 var debounce = debounce$1.debounce_1,
     isObject = isObjectLike.isObject_1;

package/dist/{useActiveLayout-Dcaaglcv.js → useActiveLayout-3KJwIsZa.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-CXu_Ivtk.js');
-var DataListContext = require('./DataListContext-C_CiSEnY.js');
+var useResponsiveSizing = require('./useResponsiveSizing-C4xWjEQn.js');
+var DataListContext = require('./DataListContext-DSLJEzwN.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-C51Owma4.js → useActiveLayout-Dujzi9zw.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-HnOVcl8W.js';
-import { u as useDataListContext } from './DataListContext-TrBYNNuJ.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-BkFlgT9N.js';
+import { u as useDataListContext } from './DataListContext-Cmm8Yn1O.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-CYXeQKb5.js → useAssert-Bu3K0yMb.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BRV6pmS_.js');
-var _polyfillNode_process = require('./_polyfill-node.process-C1NZvzAF.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DWfvahQj.js');
+var _polyfillNode_process = require('./_polyfill-node.process-CDHxGXnp.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-DE75YKTt.js → useAssert-CNrgEgfd.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-DwlS0CXy.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-DGu3UXkz.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-C82QmvRe.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-WXY6TPwS.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-DzMKu0Ma.js → useBatchSelect-Ck2sGIuD.js}

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

package/dist/{useBatchSelect-D5QbVaLP.js → useBatchSelect-tla2AJJg.js}

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

package/dist/{useIsMounted-BSy85Ayx.js → useIsMounted-B17RsyRG.js}

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

package/dist/{useIsMounted-BkDS72pK.js → useIsMounted-Trj2n5oq.js}

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

package/dist/{useResizeObserver-BjUPozPl.js → useResizeObserver-CbH8A05D.js}

@@ -1,6 +1,6 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-DwlS0CXy.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-C82QmvRe.js';
 import React from 'react';
-import { a as throttle_1 } from './throttle-CdBhjlMx.js';
+import { a as throttle_1 } from './throttle-YPNOoWmS.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-B82ZIXOp.js → useResizeObserver-DTt7G7wm.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BRV6pmS_.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DWfvahQj.js');
 var React = require('react');
-var throttle$1 = require('./throttle-D1YO-yw0.js');
+var throttle$1 = require('./throttle-ujnBUAiF.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-HnOVcl8W.js → useResponsiveSizing-BkFlgT9N.js}

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

package/dist/{useResponsiveSizing-CXu_Ivtk.js → useResponsiveSizing-C4xWjEQn.js}

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

package/dist/{useScrollToActive-Cm5L2Rog.js → useScrollToActive-BhL5-nkB.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DwlS0CXy.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-CXQYeQMP.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-y7jS_88N.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-1UozXb2p.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-B8X--a6U.js';
-import { i as isSymbol_1 } from './isSymbol-DIGW5K--.js';
-import { i as isObject_1 } from './isObjectLike-BHr7Y0yf.js';
-import { a as debounce } from './debounce-Dw9u-cy0.js';
-import { I as Icon } from './Icon-BzDrgdkX.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-C82QmvRe.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-Ef8KiZap.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-DLfWJ1gJ.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-BalRGH7_.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BualZjwm.js';
+import { i as isSymbol_1 } from './isSymbol-Dttc4LWU.js';
+import { i as isObject_1 } from './isObjectLike-Qa7nERY7.js';
+import { a as debounce } from './debounce-C0YlEVVi.js';
+import { I as Icon } from './Icon-BSQjOHiE.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,