@jobber/components 8.20.1 → 8.21.0

package/dist/ComboboxPrimitive-cjs.js

@@ -0,0 +1,170 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-cjs.js');
+var React = require('react');
+var classnames = require('classnames');
+var buttonRenderAdapter = require('./buttonRenderAdapter-cjs.js');
+var ComboboxChipRemove$1 = require('./ComboboxChipRemove-cjs.js');
+var Separator = require('./Separator-cjs.js');
+
+var styles = {"label":"qWsLxPjCBI8-","inputGroup":"EySvIEsW9Q4-","trigger":"F94vaco3HkM-","clear":"IYgNfHHPVFY-","input":"L-KgsoDZ360-","icon":"KBJi5F0wWc0-","positioner":"qfx6EynKdsk-","popup":"LOetsPPEwOk-","list":"TCtrYZwnZYo-","empty":"M166bxiQs88-","item":"Cm53I7O4mMw-","row":"jvrxEbmYGpM-","itemIndicator":"GwotZ3R-quw-","group":"u5M1OKpKSWw-","separator":"mpkTjdLrAUI-","groupLabel":"_6UKKWI-irfo-","backdrop":"UnM-udfURI4-","arrow":"RZ4T5-BjTDY-","chips":"pkc7PhhfCuk-","chip":"fdKYm3GTKwk-","chipRemove":"vzuaMzxA96M-","spinning":"bk68oghmmqo-"};
+
+// Matches var(--space-smaller). Base UI expects this offset as a pixel number.
+const POSITIONER_SIDE_OFFSET = 4;
+function mergeClassName(baseClassName, className) {
+    if (typeof className === "function") {
+        return state => classnames(baseClassName, className(state));
+    }
+    return classnames(baseClassName, className);
+}
+function ComboboxRoot(props) {
+    return React.createElement(ComboboxChipRemove$1.ComboboxRoot, Object.assign({}, props));
+}
+function ComboboxLabel(_a) {
+    var { className } = _a, labelProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxLabel, Object.assign({}, labelProps, { className: mergeClassName(styles.label, className) })));
+}
+function ComboboxValue(props) {
+    return React.createElement(ComboboxChipRemove$1.ComboboxValue, Object.assign({}, props));
+}
+function ComboboxInput(_a) {
+    var { className } = _a, inputProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxInput, Object.assign({}, inputProps, { className: mergeClassName(styles.input, className) })));
+}
+function ComboboxInputGroup(_a) {
+    var { className } = _a, inputGroupProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxInputGroup, Object.assign({}, inputGroupProps, { className: mergeClassName(styles.inputGroup, className) })));
+}
+function ComboboxTrigger(_a) {
+    var { className, render } = _a, triggerProps = tslib_es6.__rest(_a, ["className", "render"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxTrigger, Object.assign({}, triggerProps, { render: resolveComboboxTriggerRender(render), className: render ? className : mergeClassName(styles.trigger, className) })));
+}
+function resolveComboboxTriggerRender(render) {
+    if (!render) {
+        return render;
+    }
+    if (typeof render === "function") {
+        return (props, state) => {
+            const renderedElement = render(buttonRenderAdapter.normalizeBaseUiButtonProps(props), state);
+            return buttonRenderAdapter.isAtlantisButtonRenderTarget(renderedElement)
+                ? buttonRenderAdapter.stripNativeTypeFromButtonRenderTarget(renderedElement)
+                : renderedElement;
+        };
+    }
+    return buttonRenderAdapter.isAtlantisButtonRenderTarget(render)
+        ? buttonRenderAdapter.renderAtlantisButtonTarget(render)
+        : render;
+}
+function ComboboxList(_a) {
+    var { className } = _a, listProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxList, Object.assign({}, listProps, { className: mergeClassName(styles.list, className) })));
+}
+function ComboboxStatus(props) {
+    return React.createElement(ComboboxChipRemove$1.ComboboxStatus, Object.assign({}, props));
+}
+function ComboboxPortal(props) {
+    return React.createElement(ComboboxChipRemove$1.ComboboxPortal, Object.assign({}, props));
+}
+function ComboboxBackdrop(_a) {
+    var { className } = _a, backdropProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxBackdrop, Object.assign({}, backdropProps, { className: mergeClassName(styles.backdrop, className) })));
+}
+function ComboboxPositioner(_a) {
+    var { className, sideOffset = POSITIONER_SIDE_OFFSET } = _a, positionerProps = tslib_es6.__rest(_a, ["className", "sideOffset"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxPositioner, Object.assign({}, positionerProps, { sideOffset: sideOffset, className: mergeClassName(styles.positioner, className) })));
+}
+function ComboboxPopup(_a) {
+    var { className } = _a, popupProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxPopup, Object.assign({}, popupProps, { className: mergeClassName(styles.popup, className) })));
+}
+function ComboboxArrow(_a) {
+    var { className } = _a, arrowProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxArrow, Object.assign({}, arrowProps, { className: mergeClassName(styles.arrow, className) })));
+}
+function ComboboxIcon(_a) {
+    var { className } = _a, iconProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxIcon, Object.assign({}, iconProps, { className: mergeClassName(styles.icon, className) })));
+}
+function ComboboxGroup(_a) {
+    var { className } = _a, groupProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxGroup, Object.assign({}, groupProps, { className: mergeClassName(styles.group, className) })));
+}
+function ComboboxGroupLabel(_a) {
+    var { className } = _a, groupLabelProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxGroupLabel, Object.assign({}, groupLabelProps, { className: mergeClassName(styles.groupLabel, className) })));
+}
+function ComboboxItem(_a) {
+    var { className } = _a, itemProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxItem, Object.assign({}, itemProps, { className: mergeClassName(styles.item, className) })));
+}
+function ComboboxItemIndicator(_a) {
+    var { className } = _a, itemIndicatorProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxItemIndicator, Object.assign({}, itemIndicatorProps, { className: mergeClassName(styles.itemIndicator, className) })));
+}
+function ComboboxChips(_a) {
+    var { className } = _a, chipsProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxChips, Object.assign({}, chipsProps, { className: mergeClassName(styles.chips, className) })));
+}
+function ComboboxChip(_a) {
+    var { className } = _a, chipProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxChip, Object.assign({}, chipProps, { className: mergeClassName(styles.chip, className) })));
+}
+function ComboboxChipRemove(_a) {
+    var { className } = _a, chipRemoveProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxChipRemove, Object.assign({}, chipRemoveProps, { className: mergeClassName(styles.chipRemove, className) })));
+}
+function ComboboxRow(_a) {
+    var { className } = _a, rowProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxRow, Object.assign({}, rowProps, { className: mergeClassName(styles.row, className) })));
+}
+function ComboboxCollection(props) {
+    return React.createElement(ComboboxChipRemove$1.ComboboxCollection, Object.assign({}, props));
+}
+function ComboboxEmpty(_a) {
+    var { className } = _a, emptyProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxEmpty, Object.assign({}, emptyProps, { className: mergeClassName(styles.empty, className) })));
+}
+function ComboboxClear(_a) {
+    var { className } = _a, clearProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(ComboboxChipRemove$1.ComboboxClear, Object.assign({}, clearProps, { className: mergeClassName(styles.clear, className) })));
+}
+function ComboboxSeparator(_a) {
+    var { className } = _a, separatorProps = tslib_es6.__rest(_a, ["className"]);
+    return (React.createElement(Separator.Separator, Object.assign({}, separatorProps, { className: mergeClassName(styles.separator, className) })));
+}
+const useFilter = ComboboxChipRemove$1.useComboboxFilter;
+const useFilteredItems = ComboboxChipRemove$1.useFilteredItems;
+
+var ComboboxPrimitive = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Arrow: ComboboxArrow,
+  Backdrop: ComboboxBackdrop,
+  Chip: ComboboxChip,
+  ChipRemove: ComboboxChipRemove,
+  Chips: ComboboxChips,
+  Clear: ComboboxClear,
+  Collection: ComboboxCollection,
+  Empty: ComboboxEmpty,
+  Group: ComboboxGroup,
+  GroupLabel: ComboboxGroupLabel,
+  Icon: ComboboxIcon,
+  Input: ComboboxInput,
+  InputGroup: ComboboxInputGroup,
+  Item: ComboboxItem,
+  ItemIndicator: ComboboxItemIndicator,
+  Label: ComboboxLabel,
+  List: ComboboxList,
+  Popup: ComboboxPopup,
+  Portal: ComboboxPortal,
+  Positioner: ComboboxPositioner,
+  Root: ComboboxRoot,
+  Row: ComboboxRow,
+  Separator: ComboboxSeparator,
+  Status: ComboboxStatus,
+  Trigger: ComboboxTrigger,
+  Value: ComboboxValue,
+  useFilter: useFilter,
+  useFilteredItems: useFilteredItems
+});
+
+exports.ComboboxPrimitive = ComboboxPrimitive;

package/dist/ComboboxPrimitive-es.js

@@ -0,0 +1,168 @@
+import { _ as __rest } from './tslib.es6-es.js';
+import React__default from 'react';
+import classnames from 'classnames';
+import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget } from './buttonRenderAdapter-es.js';
+import { C as ComboboxRoot$1, a as ComboboxLabel$1, b as ComboboxValue$1, c as ComboboxInput$1, d as ComboboxInputGroup$1, e as ComboboxTrigger$1, f as ComboboxList$1, g as ComboboxStatus$1, h as ComboboxPortal$1, i as ComboboxBackdrop$1, j as ComboboxPositioner$1, k as ComboboxPopup$1, l as ComboboxArrow$1, m as ComboboxIcon$1, n as ComboboxGroup$1, o as ComboboxGroupLabel$1, p as ComboboxItem$1, q as ComboboxItemIndicator$1, r as ComboboxChips$1, s as ComboboxChip$1, t as ComboboxChipRemove$1, u as ComboboxRow$1, v as ComboboxCollection$1, w as ComboboxEmpty$1, x as ComboboxClear$1, y as useComboboxFilter, z as useFilteredItems$1 } from './ComboboxChipRemove-es.js';
+import { S as Separator } from './Separator-es.js';
+
+var styles = {"label":"qWsLxPjCBI8-","inputGroup":"EySvIEsW9Q4-","trigger":"F94vaco3HkM-","clear":"IYgNfHHPVFY-","input":"L-KgsoDZ360-","icon":"KBJi5F0wWc0-","positioner":"qfx6EynKdsk-","popup":"LOetsPPEwOk-","list":"TCtrYZwnZYo-","empty":"M166bxiQs88-","item":"Cm53I7O4mMw-","row":"jvrxEbmYGpM-","itemIndicator":"GwotZ3R-quw-","group":"u5M1OKpKSWw-","separator":"mpkTjdLrAUI-","groupLabel":"_6UKKWI-irfo-","backdrop":"UnM-udfURI4-","arrow":"RZ4T5-BjTDY-","chips":"pkc7PhhfCuk-","chip":"fdKYm3GTKwk-","chipRemove":"vzuaMzxA96M-","spinning":"bk68oghmmqo-"};
+
+// Matches var(--space-smaller). Base UI expects this offset as a pixel number.
+const POSITIONER_SIDE_OFFSET = 4;
+function mergeClassName(baseClassName, className) {
+    if (typeof className === "function") {
+        return state => classnames(baseClassName, className(state));
+    }
+    return classnames(baseClassName, className);
+}
+function ComboboxRoot(props) {
+    return React__default.createElement(ComboboxRoot$1, Object.assign({}, props));
+}
+function ComboboxLabel(_a) {
+    var { className } = _a, labelProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxLabel$1, Object.assign({}, labelProps, { className: mergeClassName(styles.label, className) })));
+}
+function ComboboxValue(props) {
+    return React__default.createElement(ComboboxValue$1, Object.assign({}, props));
+}
+function ComboboxInput(_a) {
+    var { className } = _a, inputProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxInput$1, Object.assign({}, inputProps, { className: mergeClassName(styles.input, className) })));
+}
+function ComboboxInputGroup(_a) {
+    var { className } = _a, inputGroupProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxInputGroup$1, Object.assign({}, inputGroupProps, { className: mergeClassName(styles.inputGroup, className) })));
+}
+function ComboboxTrigger(_a) {
+    var { className, render } = _a, triggerProps = __rest(_a, ["className", "render"]);
+    return (React__default.createElement(ComboboxTrigger$1, Object.assign({}, triggerProps, { render: resolveComboboxTriggerRender(render), className: render ? className : mergeClassName(styles.trigger, className) })));
+}
+function resolveComboboxTriggerRender(render) {
+    if (!render) {
+        return render;
+    }
+    if (typeof render === "function") {
+        return (props, state) => {
+            const renderedElement = render(normalizeBaseUiButtonProps(props), state);
+            return isAtlantisButtonRenderTarget(renderedElement)
+                ? stripNativeTypeFromButtonRenderTarget(renderedElement)
+                : renderedElement;
+        };
+    }
+    return isAtlantisButtonRenderTarget(render)
+        ? renderAtlantisButtonTarget(render)
+        : render;
+}
+function ComboboxList(_a) {
+    var { className } = _a, listProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxList$1, Object.assign({}, listProps, { className: mergeClassName(styles.list, className) })));
+}
+function ComboboxStatus(props) {
+    return React__default.createElement(ComboboxStatus$1, Object.assign({}, props));
+}
+function ComboboxPortal(props) {
+    return React__default.createElement(ComboboxPortal$1, Object.assign({}, props));
+}
+function ComboboxBackdrop(_a) {
+    var { className } = _a, backdropProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxBackdrop$1, Object.assign({}, backdropProps, { className: mergeClassName(styles.backdrop, className) })));
+}
+function ComboboxPositioner(_a) {
+    var { className, sideOffset = POSITIONER_SIDE_OFFSET } = _a, positionerProps = __rest(_a, ["className", "sideOffset"]);
+    return (React__default.createElement(ComboboxPositioner$1, Object.assign({}, positionerProps, { sideOffset: sideOffset, className: mergeClassName(styles.positioner, className) })));
+}
+function ComboboxPopup(_a) {
+    var { className } = _a, popupProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxPopup$1, Object.assign({}, popupProps, { className: mergeClassName(styles.popup, className) })));
+}
+function ComboboxArrow(_a) {
+    var { className } = _a, arrowProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxArrow$1, Object.assign({}, arrowProps, { className: mergeClassName(styles.arrow, className) })));
+}
+function ComboboxIcon(_a) {
+    var { className } = _a, iconProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxIcon$1, Object.assign({}, iconProps, { className: mergeClassName(styles.icon, className) })));
+}
+function ComboboxGroup(_a) {
+    var { className } = _a, groupProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxGroup$1, Object.assign({}, groupProps, { className: mergeClassName(styles.group, className) })));
+}
+function ComboboxGroupLabel(_a) {
+    var { className } = _a, groupLabelProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxGroupLabel$1, Object.assign({}, groupLabelProps, { className: mergeClassName(styles.groupLabel, className) })));
+}
+function ComboboxItem(_a) {
+    var { className } = _a, itemProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxItem$1, Object.assign({}, itemProps, { className: mergeClassName(styles.item, className) })));
+}
+function ComboboxItemIndicator(_a) {
+    var { className } = _a, itemIndicatorProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxItemIndicator$1, Object.assign({}, itemIndicatorProps, { className: mergeClassName(styles.itemIndicator, className) })));
+}
+function ComboboxChips(_a) {
+    var { className } = _a, chipsProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxChips$1, Object.assign({}, chipsProps, { className: mergeClassName(styles.chips, className) })));
+}
+function ComboboxChip(_a) {
+    var { className } = _a, chipProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxChip$1, Object.assign({}, chipProps, { className: mergeClassName(styles.chip, className) })));
+}
+function ComboboxChipRemove(_a) {
+    var { className } = _a, chipRemoveProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxChipRemove$1, Object.assign({}, chipRemoveProps, { className: mergeClassName(styles.chipRemove, className) })));
+}
+function ComboboxRow(_a) {
+    var { className } = _a, rowProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxRow$1, Object.assign({}, rowProps, { className: mergeClassName(styles.row, className) })));
+}
+function ComboboxCollection(props) {
+    return React__default.createElement(ComboboxCollection$1, Object.assign({}, props));
+}
+function ComboboxEmpty(_a) {
+    var { className } = _a, emptyProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxEmpty$1, Object.assign({}, emptyProps, { className: mergeClassName(styles.empty, className) })));
+}
+function ComboboxClear(_a) {
+    var { className } = _a, clearProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxClear$1, Object.assign({}, clearProps, { className: mergeClassName(styles.clear, className) })));
+}
+function ComboboxSeparator(_a) {
+    var { className } = _a, separatorProps = __rest(_a, ["className"]);
+    return (React__default.createElement(Separator, Object.assign({}, separatorProps, { className: mergeClassName(styles.separator, className) })));
+}
+const useFilter = useComboboxFilter;
+const useFilteredItems = useFilteredItems$1;
+
+var ComboboxPrimitive = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Arrow: ComboboxArrow,
+  Backdrop: ComboboxBackdrop,
+  Chip: ComboboxChip,
+  ChipRemove: ComboboxChipRemove,
+  Chips: ComboboxChips,
+  Clear: ComboboxClear,
+  Collection: ComboboxCollection,
+  Empty: ComboboxEmpty,
+  Group: ComboboxGroup,
+  GroupLabel: ComboboxGroupLabel,
+  Icon: ComboboxIcon,
+  Input: ComboboxInput,
+  InputGroup: ComboboxInputGroup,
+  Item: ComboboxItem,
+  ItemIndicator: ComboboxItemIndicator,
+  Label: ComboboxLabel,
+  List: ComboboxList,
+  Popup: ComboboxPopup,
+  Portal: ComboboxPortal,
+  Positioner: ComboboxPositioner,
+  Root: ComboboxRoot,
+  Row: ComboboxRow,
+  Separator: ComboboxSeparator,
+  Status: ComboboxStatus,
+  Trigger: ComboboxTrigger,
+  Value: ComboboxValue,
+  useFilter: useFilter,
+  useFilteredItems: useFilteredItems
+});
+
+export { ComboboxPrimitive as C };

package/dist/DataDump/index.cjs

@@ -23,12 +23,16 @@ require('../floating-ui.react-dom-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');
+require('../buttonRenderAdapter-cjs.js');
 require('../BottomSheet-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
+require('../InternalBackdrop-cjs.js');
+require('../useButton-cjs.js');
 require('../clamp-cjs.js');
 require('../OverlaySeparator-cjs.js');
 require('../Separator-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');
+require('../useCompositeListItem-cjs.js');
 require('../Content-cjs.js');
 require('../Emphasis-cjs.js');
 

package/dist/DataDump/index.mjs

@@ -21,11 +21,15 @@ import '../floating-ui.react-dom-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';
+import '../buttonRenderAdapter-es.js';
 import '../BottomSheet-es.js';
 import '../ScrollAreaViewport-es.js';
+import '../InternalBackdrop-es.js';
+import '../useButton-es.js';
 import '../clamp-es.js';
 import '../OverlaySeparator-es.js';
 import '../Separator-es.js';
 import '../MenuSubmenuTrigger-es.js';
+import '../useCompositeListItem-es.js';
 import '../Content-es.js';
 import '../Emphasis-es.js';

package/dist/DataTable/index.cjs

@@ -10,7 +10,7 @@ require('@jobber/hooks');
 require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');
-require('../Select-cjs.js');
+require('../LegacySelect-cjs.js');
 require('../useAtlantisFormFieldName-cjs.js');
 require('../FormFieldWrapper-cjs.js');
 require('framer-motion');

package/dist/DataTable/index.mjs

@@ -8,7 +8,7 @@ import '@jobber/hooks';
 import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';
-import '../Select-es.js';
+import '../LegacySelect-es.js';
 import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';
 import 'framer-motion';

package/dist/DataTable-cjs.js

@@ -6,7 +6,7 @@ var React = require('react');
 var jobberHooks = require('@jobber/hooks');
 var Glimmer = require('./Glimmer-cjs.js');
 var tslib_es6 = require('./tslib.es6-cjs.js');
-var Select = require('./Select-cjs.js');
+var LegacySelect = require('./LegacySelect-cjs.js');
 var Button = require('./Button-cjs.js');
 var Text = require('./Text-cjs.js');
 var DataTableTable = require('./DataTableTable-cjs.js');
@@ -111,9 +111,9 @@ function Pagination({ table, itemsPerPage, totalItems, loading, onPageChange, })
         React.createElement("div", { className: styles$1.paginationInfo }, `Showing ${firstPosition}-${secondPosition} of ${totalRows} items`),
         React.createElement("div", { className: styles$1.paginationNav },
             React.createElement("div", { className: styles$1.paginationSelect },
-                React.createElement(Select.Select, { value: table.getState().pagination.pageSize, onChange: value => {
+                React.createElement(LegacySelect.LegacySelect, { value: table.getState().pagination.pageSize, onChange: value => {
                         table.setPageSize(Number(value));
-                    }, size: "small" }, itemsPerPageOptions.map(numOfPages => (React.createElement(Select.SelectOption, { key: numOfPages, value: numOfPages }, numOfPages)))),
+                    }, size: "small" }, itemsPerPageOptions.map(numOfPages => (React.createElement(LegacySelect.SelectOption, { key: numOfPages, value: numOfPages }, numOfPages)))),
                 React.createElement("span", { className: styles$1.paginationSelectLabel }, "per page")),
             React.createElement("div", { className: styles$1.paginationButtons },
                 React.createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowLeft", ariaLabel: "arrowLeft", onClick: () => {

package/dist/DataTable-es.js

@@ -4,7 +4,7 @@ import React__default, { useCallback, useMemo } from 'react';
 import { useResizeObserver, Breakpoints } from '@jobber/hooks';
 import { G as Glimmer } from './Glimmer-es.js';
 import { _ as __rest } from './tslib.es6-es.js';
-import { a as Select, S as SelectOption } from './Select-es.js';
+import { L as LegacySelect, S as SelectOption } from './LegacySelect-es.js';
 import { B as Button } from './Button-es.js';
 import { T as Text } from './Text-es.js';
 import { S as SortIcon, a as SortDirection, m as DataTableTable, f as DataTableHeader, g as DataTableHeaderCell, j as DataTableRow, c as DataTableCell, k as DataTableRowActions, D as DataTableActions, b as DataTableBody, d as DataTableContainer, l as DataTableSortableHeader, e as DataTableFooter, h as DataTablePagination, i as DataTablePaginationButton } from './DataTableTable-es.js';
@@ -109,7 +109,7 @@ function Pagination({ table, itemsPerPage, totalItems, loading, onPageChange, })
         React__default.createElement("div", { className: styles$1.paginationInfo }, `Showing ${firstPosition}-${secondPosition} of ${totalRows} items`),
         React__default.createElement("div", { className: styles$1.paginationNav },
             React__default.createElement("div", { className: styles$1.paginationSelect },
-                React__default.createElement(Select, { value: table.getState().pagination.pageSize, onChange: value => {
+                React__default.createElement(LegacySelect, { value: table.getState().pagination.pageSize, onChange: value => {
                         table.setPageSize(Number(value));
                     }, size: "small" }, itemsPerPageOptions.map(numOfPages => (React__default.createElement(SelectOption, { key: numOfPages, value: numOfPages }, numOfPages)))),
                 React__default.createElement("span", { className: styles$1.paginationSelectLabel }, "per page")),