@jobber/components 9.5.3 → 9.6.0

package/dist/FilterPicker/index.cjs

@@ -6,10 +6,8 @@ require('react');
 require('../FilterPickerContent-cjs.js');
 require('classnames');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
-require('../floating-ui.react-dom-cjs.js');
 require('../FilterPickerContentSearch-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');

package/dist/FilterPicker/index.mjs

@@ -4,10 +4,8 @@ import 'react';
 import '../FilterPickerContent-es.js';
 import 'classnames';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../floating-ui.react-dom-es.js';
 import '../FilterPickerContentSearch-es.js';
 import '../Icon-es.js';
 import '@jobber/design';

package/dist/FilterPickerContent-cjs.js

@@ -8,7 +8,6 @@ var FilterPickerContentList = require('./FilterPickerContentList-cjs.js');
 var FilterPickerContentHeader = require('./FilterPickerContentHeader-cjs.js');
 var FilterPickerProvider = require('./FilterPickerProvider-cjs.js');
 var jobberHooks = require('@jobber/hooks');
-var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 var constants = require('./constants-cjs.js');
 
 var styles = {"content":"bog6pntD050-","hidden":"CLGExWp0HOc-","actions":"Tuw6ng4mYhg-","actionPadding":"uC0PW9BRcl4-","spinning":"TWLS2ZoEtnQ-"};
@@ -65,8 +64,8 @@ function useFilterPickerAccessibility(selectionCallback, filteredOptions, option
                 handleClose();
         },
         middleware: [
-            floatingUi_reactDom.offset(FILTER_PICKER_OFFSET),
-            floatingUi_reactDom.flip({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
+            floatingUi_react.offset(FILTER_PICKER_OFFSET),
+            floatingUi_react.flip({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
         ],
     });
     const dismiss = floatingUi_react.useDismiss(context);
@@ -75,10 +74,10 @@ function useFilterPickerAccessibility(selectionCallback, filteredOptions, option
     // set up and tear down autoUpdate manually to avoid unnecessary observers.
     React.useEffect(() => {
         if (open && elements.reference && elements.floating) {
-            const cleanup = floatingUi_reactDom.autoUpdate(elements.reference, elements.floating, update);
+            const cleanup = floatingUi_react.autoUpdate(elements.reference, elements.floating, update);
             return cleanup;
         }
-    }, [open, floatingUi_reactDom.autoUpdate, elements, update]);
+    }, [open, floatingUi_react.autoUpdate, elements, update]);
     React.useEffect(() => {
         focusedIndex.current = null;
         if (open) {

package/dist/FilterPickerContent-es.js

@@ -1,12 +1,11 @@
 import React__default, { useContext, useRef, useEffect, useMemo } from 'react';
 import classnames from 'classnames';
-import { a as useFloatingParentNodeId, b as useFloatingNodeId, u as useFloating, c as useDismiss, d as useInteractions, e as FloatingTree, f as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
+import { c as useFloatingParentNodeId, d as useFloatingNodeId, u as useFloating, o as offset, f as flip, e as useDismiss, g as useInteractions, b as autoUpdate, i as FloatingTree, j as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
 import { F as FilterPickerContentSearch } from './FilterPickerContentSearch-es.js';
 import { F as FilterPickerContentList } from './FilterPickerContentList-es.js';
 import { F as FilterPickerContentHeader } from './FilterPickerContentHeader-es.js';
 import { a as FilterPickerContext } from './FilterPickerProvider-es.js';
 import { useRefocusOnActivator, useFocusTrap } from '@jobber/hooks';
-import { o as offset, f as flip, b as autoUpdate } from './floating-ui.react-dom-es.js';
 import { F as FILTER_PICKER_MENU_ID } from './constants-es.js';
 
 var styles = {"content":"bog6pntD050-","hidden":"CLGExWp0HOc-","actions":"Tuw6ng4mYhg-","actionPadding":"uC0PW9BRcl4-","spinning":"TWLS2ZoEtnQ-"};

package/dist/FormatFile/index.cjs

@@ -28,9 +28,7 @@ require('../ButtonDismiss-cjs.js');
 require('../noop-cjs.js');
 require('../_commonjsHelpers-cjs.js');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
-require('../floating-ui.react-dom-cjs.js');
 require('../identity-cjs.js');
 require('../isTypedArray-cjs.js');
 require('../isObjectLike-cjs.js');

package/dist/FormatFile/index.mjs

@@ -26,9 +26,7 @@ import '../ButtonDismiss-es.js';
 import '../noop-es.js';
 import '../_commonjsHelpers-es.js';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
-import '../floating-ui.react-dom-es.js';
 import '../identity-es.js';
 import '../isTypedArray-es.js';
 import '../isObjectLike-es.js';

package/dist/Gallery/index.cjs

@@ -22,9 +22,7 @@ require('../Text-cjs.js');
 require('../Heading-cjs.js');
 require('../Tooltip-cjs.js');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
-require('../floating-ui.react-dom-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
 require('../identity-cjs.js');
 require('../isTypedArray-cjs.js');

package/dist/Gallery/index.mjs

@@ -20,9 +20,7 @@ import '../Text-es.js';
 import '../Heading-es.js';
 import '../Tooltip-es.js';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
-import '../floating-ui.react-dom-es.js';
 import '../AtlantisThemeContext-es.js';
 import '../identity-es.js';
 import '../isTypedArray-es.js';

package/dist/InputDate/index.cjs

@@ -7,10 +7,8 @@ require('../AtlantisContext-cjs.js');
 require('../DatePicker-cjs.js');
 require('classnames');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
-require('../floating-ui.react-dom-cjs.js');
 require('@jobber/hooks');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');

package/dist/InputDate/index.mjs

@@ -5,10 +5,8 @@ import '../AtlantisContext-es.js';
 import '../DatePicker-es.js';
 import 'classnames';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../floating-ui.react-dom-es.js';
 import '@jobber/hooks';
 import '../Typography-es.js';
 import '../Button-es.js';

package/dist/InputNumber/index.cjs

@@ -20,16 +20,16 @@ require('../BottomSheet-cjs.js');
 require('../buttonRenderAdapter-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../useScrollLock-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../scrollEdges-cjs.js');
+require('../scrollable-cjs.js');
 require('../HelperText-cjs.js');
 require('../Text-cjs.js');
 require('../SelectPrimitive-cjs.js');
+require('../mergeClassName-cjs.js');
 require('../SelectGroupLabel-cjs.js');
 require('../useCompositeListItem-cjs.js');
-require('../floating-ui.react-dom-cjs.js');
 require('../FieldDescription-cjs.js');
 require('../useLabel-cjs.js');
 require('../NumberFieldInput-cjs.js');

package/dist/InputNumber/index.mjs

@@ -18,16 +18,16 @@ import '../BottomSheet-es.js';
 import '../buttonRenderAdapter-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../useScrollLock-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../scrollEdges-es.js';
+import '../scrollable-es.js';
 import '../HelperText-es.js';
 import '../Text-es.js';
 import '../SelectPrimitive-es.js';
+import '../mergeClassName-es.js';
 import '../SelectGroupLabel-es.js';
 import '../useCompositeListItem-es.js';
-import '../floating-ui.react-dom-es.js';
 import '../FieldDescription-es.js';
 import '../useLabel-es.js';
 import '../NumberFieldInput-es.js';

package/dist/InputNumber/types.d.ts

@@ -55,6 +55,11 @@ export interface InputNumberWrapperProps extends InputNumberStyleProps {
     readonly id?: string;
     /** Shrink-wrap the field to its content (auto width). */
     readonly inline?: boolean;
+    /**
+     * Virtual keyboard hint for mobile. When omitted, Base UI picks the
+     * keyboard: `"numeric"` on most platforms, `"decimal"` or `"text"` on iOS
+     * (its numeric keypad has no decimal or minus key).
+     */
     readonly inputMode?: "numeric" | "decimal";
     /** Style the error border without showing an error message. */
     readonly invalid?: boolean;

package/dist/InputNumber-cjs.js

@@ -37,7 +37,7 @@ function useInputNumberContext(consumer) {
 }
 function InputNumberWrapper(_a) {
     var { ref } = _a, props = tslib_es6.__rest(_a, ["ref"]);
-    const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, align, autoComplete, children, className, disabled, format, id: idProp, inline, inputMode = "numeric", invalid, loading, max, min, name, onBlur, onEnter, onFocus, onKeyDown, onKeyUp, onValueChange, onValueCommitted, readOnly, showMiniLabel = true, size = "default", step = "any", style, value, } = props;
+    const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, align, autoComplete, children, className, disabled, format, id: idProp, inline, inputMode, invalid, loading, max, min, name, onBlur, onEnter, onFocus, onKeyDown, onKeyUp, onValueChange, onValueCommitted, readOnly, showMiniLabel = true, size = "default", step = "any", style, value, } = props;
     const generatedId = React.useId();
     const id = idProp !== null && idProp !== void 0 ? idProp : generatedId;
     const innerInputRef = React.useRef(null);
@@ -136,7 +136,7 @@ function InputNumberInput({ children, className, style, }) {
         className: classnames(styles.inputWrapper, !ctx.showMiniLabel && styles.hideLabel, ctx.size !== "default" && styles[ctx.size], ctx.disabled && styles.disabled),
     }, { className, style });
     return (React.createElement("div", Object.assign({}, rootProps),
-        React.createElement(NumberFieldInput.NumberFieldInput, { "aria-busy": ctx.loading || undefined, "aria-label": ctx.ariaLabel, "aria-labelledby": ctx.ariaLabelledby, autoComplete: resolveAutoComplete(ctx.autoComplete), className: styles.input, inputMode: ctx.inputMode, onBlur: ctx.onBlur, onFocus: ctx.onFocus, onKeyDown: ctx.onKeyDown, onKeyUp: ctx.onKeyUp, placeholder: " ", ref: ctx.innerInputRef }),
+        React.createElement(NumberFieldInput.NumberFieldInput, Object.assign({ "aria-busy": ctx.loading || undefined, "aria-label": ctx.ariaLabel, "aria-labelledby": ctx.ariaLabelledby, autoComplete: resolveAutoComplete(ctx.autoComplete), className: styles.input }, (ctx.inputMode ? { inputMode: ctx.inputMode } : {}), { onBlur: ctx.onBlur, onFocus: ctx.onFocus, onKeyDown: ctx.onKeyDown, onKeyUp: ctx.onKeyUp, placeholder: " ", ref: ctx.innerInputRef })),
         children));
 }
 function InputNumberLabel({ children, className, style, }) {

package/dist/InputNumber-es.js

@@ -35,7 +35,7 @@ function useInputNumberContext(consumer) {
 }
 function InputNumberWrapper(_a) {
     var { ref } = _a, props = __rest(_a, ["ref"]);
-    const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, align, autoComplete, children, className, disabled, format, id: idProp, inline, inputMode = "numeric", invalid, loading, max, min, name, onBlur, onEnter, onFocus, onKeyDown, onKeyUp, onValueChange, onValueCommitted, readOnly, showMiniLabel = true, size = "default", step = "any", style, value, } = props;
+    const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, align, autoComplete, children, className, disabled, format, id: idProp, inline, inputMode, invalid, loading, max, min, name, onBlur, onEnter, onFocus, onKeyDown, onKeyUp, onValueChange, onValueCommitted, readOnly, showMiniLabel = true, size = "default", step = "any", style, value, } = props;
     const generatedId = useId();
     const id = idProp !== null && idProp !== void 0 ? idProp : generatedId;
     const innerInputRef = useRef(null);
@@ -134,7 +134,7 @@ function InputNumberInput({ children, className, style, }) {
         className: classnames(styles.inputWrapper, !ctx.showMiniLabel && styles.hideLabel, ctx.size !== "default" && styles[ctx.size], ctx.disabled && styles.disabled),
     }, { className, style });
     return (React__default.createElement("div", Object.assign({}, rootProps),
-        React__default.createElement(NumberFieldInput, { "aria-busy": ctx.loading || undefined, "aria-label": ctx.ariaLabel, "aria-labelledby": ctx.ariaLabelledby, autoComplete: resolveAutoComplete(ctx.autoComplete), className: styles.input, inputMode: ctx.inputMode, onBlur: ctx.onBlur, onFocus: ctx.onFocus, onKeyDown: ctx.onKeyDown, onKeyUp: ctx.onKeyUp, placeholder: " ", ref: ctx.innerInputRef }),
+        React__default.createElement(NumberFieldInput, Object.assign({ "aria-busy": ctx.loading || undefined, "aria-label": ctx.ariaLabel, "aria-labelledby": ctx.ariaLabelledby, autoComplete: resolveAutoComplete(ctx.autoComplete), className: styles.input }, (ctx.inputMode ? { inputMode: ctx.inputMode } : {}), { onBlur: ctx.onBlur, onFocus: ctx.onFocus, onKeyDown: ctx.onKeyDown, onKeyUp: ctx.onKeyUp, placeholder: " ", ref: ctx.innerInputRef })),
         children));
 }
 function InputNumberLabel({ children, className, style, }) {

package/dist/LightBox/index.cjs

@@ -21,9 +21,7 @@ require('../Text-cjs.js');
 require('../Heading-cjs.js');
 require('../Tooltip-cjs.js');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
-require('../floating-ui.react-dom-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
 require('../identity-cjs.js');
 require('../isTypedArray-cjs.js');

package/dist/LightBox/index.mjs

@@ -19,9 +19,7 @@ import '../Text-es.js';
 import '../Heading-es.js';
 import '../Tooltip-es.js';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
-import '../floating-ui.react-dom-es.js';
 import '../AtlantisThemeContext-es.js';
 import '../identity-es.js';
 import '../isTypedArray-es.js';

package/dist/Menu/index.cjs

@@ -6,10 +6,8 @@ require('@jobber/hooks');
 require('classnames');
 require('framer-motion');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
-require('../floating-ui.react-dom-cjs.js');
 require('../useAtlantisI18n-cjs.js');
 require('../AtlantisContext-cjs.js');
 require('../Button-cjs.js');
@@ -28,9 +26,11 @@ require('../BottomSheet-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../useScrollLock-cjs.js');
 require('../scrollEdges-cjs.js');
+require('../scrollable-cjs.js');
 require('../HelperText-cjs.js');
 require('../Text-cjs.js');
 require('../SelectPrimitive-cjs.js');
+require('../mergeClassName-cjs.js');
 require('../SelectGroupLabel-cjs.js');
 require('../useCompositeListItem-cjs.js');
 require('../DrawerTitle-cjs.js');

package/dist/Menu/index.mjs

@@ -4,10 +4,8 @@ import '@jobber/hooks';
 import 'classnames';
 import 'framer-motion';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../floating-ui.react-dom-es.js';
 import '../useAtlantisI18n-es.js';
 import '../AtlantisContext-es.js';
 import '../Button-es.js';
@@ -26,9 +24,11 @@ import '../BottomSheet-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../useScrollLock-es.js';
 import '../scrollEdges-es.js';
+import '../scrollable-es.js';
 import '../HelperText-es.js';
 import '../Text-es.js';
 import '../SelectPrimitive-es.js';
+import '../mergeClassName-es.js';
 import '../SelectGroupLabel-es.js';
 import '../useCompositeListItem-es.js';
 import '../DrawerTitle-es.js';

package/dist/Menu-cjs.js

@@ -11,7 +11,6 @@ var Typography = require('./Typography-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var useFormFieldFocus = require('./useFormFieldFocus-cjs.js');
 var maxHeight = require('./maxHeight-cjs.js');
-var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
 var buttonRenderAdapter = require('./buttonRenderAdapter-cjs.js');
 var OverlaySeparator = require('./OverlaySeparator-cjs.js');
@@ -94,9 +93,9 @@ function MenuLegacy({ activator, items, UNSAFE_className, UNSAFE_style, }) {
     const middleware = React.useMemo(() => {
         if (isLargeScreen) {
             return [
-                floatingUi_reactDom.offset(MENU_OFFSET),
-                floatingUi_reactDom.flip({ fallbackPlacements: ["bottom-end", "top-start", "top-end"] }),
-                floatingUi_reactDom.size({
+                floatingUi_react.offset(MENU_OFFSET),
+                floatingUi_react.flip({ fallbackPlacements: ["bottom-end", "top-start", "top-end"] }),
+                floatingUi_react.size({
                     apply({ availableHeight, elements }) {
                         const menuElement = elements.floating.querySelector('[role="menu"]');
                         if (menuElement) {
@@ -126,7 +125,7 @@ function MenuLegacy({ activator, items, UNSAFE_className, UNSAFE_style, }) {
         elements: {
             reference: referenceElement,
         },
-        whileElementsMounted: floatingUi_reactDom.autoUpdate,
+        whileElementsMounted: floatingUi_react.autoUpdate,
     });
     const dismiss = floatingUi_react.useDismiss(context);
     const listNavigation = floatingUi_react.useListNavigation(context, {

package/dist/Menu-es.js

@@ -2,14 +2,13 @@ import React__default, { useState, useRef, useId, useMemo } from 'react';
 import { useWindowDimensions, useRefocusOnActivator, useIsSmallScreen } from '@jobber/hooks';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { u as useFloating, c as useDismiss, g as useListNavigation, d as useInteractions, F as FloatingPortal } from './floating-ui.react-es.js';
+import { o as offset, f as flip, m as size, u as useFloating, b as autoUpdate, e as useDismiss, n as useListNavigation, g as useInteractions, F as FloatingPortal } from './floating-ui.react-es.js';
 import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { B as Button } from './Button-es.js';
 import { T as Typography } from './Typography-es.js';
 import { I as Icon } from './Icon-es.js';
 import { f as formFieldFocusAttribute } from './useFormFieldFocus-es.js';
 import { c as calculateMaxHeight } from './maxHeight-es.js';
-import { o as offset, f as flip, d as size, b as autoUpdate } from './floating-ui.react-dom-es.js';
 import { m as mergeProps } from './useRenderElement-es.js';
 import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget } from './buttonRenderAdapter-es.js';
 import { O as OverlaySeparator } from './OverlaySeparator-es.js';