@jobber/components 9.5.3 → 9.6.0

package/dist/SelectPrimitive-cjs.js

@@ -3,19 +3,13 @@
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var classnames = require('classnames');
+var mergeClassName = require('./mergeClassName-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var OverlaySeparator = require('./OverlaySeparator-cjs.js');
 var SelectGroupLabel = require('./SelectGroupLabel-cjs.js');
 
 var styles = {"trigger":"WQiJQH4jadQ-","value":"P2HhjOjxY34-","iconWrapper":"cxgFUCKcXcw-","iconRotate":"_3BEK4Z1gGis-","positioner":"g221yZJtRrU-","popup":"vifRnCQ18ss-","list":"WsOmdkQ0SWU-","item":"wQ2wXu1YH-k-","itemText":"_--Vi-17OUiU-","itemIndicator":"CfjooR3I8Jc-","separator":"lI5-MyBERFY-","group":"_21z9KBWR06w-","groupLabel":"ZhtKkgZiSQI-","spinning":"sIXiKKpdSj8-"};
 
-function mergeClassName(baseClassName, className) {
-    if (typeof className === "function") {
-        return (state) => classnames(baseClassName, className(state));
-    }
-    return classnames(baseClassName, className);
-}
-
 /**
  * The offset (px) between the trigger bottom edge and the popup top edge,
  * matching the Menu dropdown spacing.
@@ -35,14 +29,14 @@ function SelectPrimitiveFieldTrigger(_a) {
 }
 function SelectPrimitiveTrigger(_a) {
     var { className, children } = _a, props = tslib_es6.__rest(_a, ["className", "children"]);
-    return (React.createElement(SelectGroupLabel.SelectTrigger, Object.assign({ className: mergeClassName(styles.trigger, className) }, props),
+    return (React.createElement(SelectGroupLabel.SelectTrigger, Object.assign({ className: mergeClassName.mergeClassName(styles.trigger, className) }, props),
         children,
         React.createElement(TriggerChevron, null)));
 }
 // ─── Value ───────────────────────────────────────────────────────────────────
 function SelectPrimitiveValue(_a) {
     var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(SelectGroupLabel.SelectValue, Object.assign({ className: mergeClassName(styles.value, className) }, props)));
+    return (React.createElement(SelectGroupLabel.SelectValue, Object.assign({ className: mergeClassName.mergeClassName(styles.value, className) }, props)));
 }
 function SelectPrimitiveValueText(_a) {
     var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
@@ -51,42 +45,42 @@ function SelectPrimitiveValueText(_a) {
 // ─── Positioner ───────────────────────────────────────────────────────────────
 function SelectPrimitivePositioner(_a) {
     var { className, sideOffset = SELECT_OFFSET, alignItemWithTrigger = false } = _a, props = tslib_es6.__rest(_a, ["className", "sideOffset", "alignItemWithTrigger"]);
-    return (React.createElement(SelectGroupLabel.SelectPositioner, Object.assign({ className: mergeClassName(styles.positioner, className), sideOffset: sideOffset, alignItemWithTrigger: alignItemWithTrigger }, props)));
+    return (React.createElement(SelectGroupLabel.SelectPositioner, Object.assign({ className: mergeClassName.mergeClassName(styles.positioner, className), sideOffset: sideOffset, alignItemWithTrigger: alignItemWithTrigger }, props)));
 }
 // ─── Popup ────────────────────────────────────────────────────────────────────
 function SelectPrimitivePopup(_a) {
     var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(SelectGroupLabel.SelectPopup, Object.assign({ className: mergeClassName(styles.popup, className), "data-elevation": "elevated" }, props)));
+    return (React.createElement(SelectGroupLabel.SelectPopup, Object.assign({ className: mergeClassName.mergeClassName(styles.popup, className), "data-elevation": "elevated" }, props)));
 }
 // ─── List ─────────────────────────────────────────────────────────────────────
 function SelectPrimitiveList(_a) {
     var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(SelectGroupLabel.SelectList, Object.assign({ className: mergeClassName(styles.list, className) }, props)));
+    return (React.createElement(SelectGroupLabel.SelectList, Object.assign({ className: mergeClassName.mergeClassName(styles.list, className) }, props)));
 }
 // ─── Item ─────────────────────────────────────────────────────────────────────
 function SelectPrimitiveItem(_a) {
     var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(SelectGroupLabel.SelectItem, Object.assign({ className: mergeClassName(styles.item, className) }, props)));
+    return (React.createElement(SelectGroupLabel.SelectItem, Object.assign({ className: mergeClassName.mergeClassName(styles.item, className) }, props)));
 }
 // ─── ItemText ─────────────────────────────────────────────────────────────────
 function SelectPrimitiveItemText(_a) {
     var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(SelectGroupLabel.SelectItemText, Object.assign({ className: mergeClassName(styles.itemText, className) }, props)));
+    return (React.createElement(SelectGroupLabel.SelectItemText, Object.assign({ className: mergeClassName.mergeClassName(styles.itemText, className) }, props)));
 }
 // ─── ItemIndicator ────────────────────────────────────────────────────────────
 function SelectPrimitiveItemIndicator(_a) {
     var { className, children } = _a, props = tslib_es6.__rest(_a, ["className", "children"]);
-    return (React.createElement(SelectGroupLabel.SelectItemIndicator, Object.assign({ keepMounted: true, className: mergeClassName(styles.itemIndicator, className) }, props), children !== null && children !== void 0 ? children : React.createElement(Icon.Icon, { color: "icon", name: "checkmark" })));
+    return (React.createElement(SelectGroupLabel.SelectItemIndicator, Object.assign({ keepMounted: true, className: mergeClassName.mergeClassName(styles.itemIndicator, className) }, props), children !== null && children !== void 0 ? children : React.createElement(Icon.Icon, { color: "icon", name: "checkmark" })));
 }
 // ─── Group ────────────────────────────────────────────────────────────────────
 function SelectPrimitiveGroup(_a) {
     var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(SelectGroupLabel.SelectGroup, Object.assign({ className: mergeClassName(styles.group, className) }, props)));
+    return (React.createElement(SelectGroupLabel.SelectGroup, Object.assign({ className: mergeClassName.mergeClassName(styles.group, className) }, props)));
 }
 // ─── GroupLabel ───────────────────────────────────────────────────────────────
 function SelectPrimitiveGroupLabel(_a) {
     var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(SelectGroupLabel.SelectGroupLabel, Object.assign({ className: mergeClassName(styles.groupLabel, className) }, props)));
+    return (React.createElement(SelectGroupLabel.SelectGroupLabel, Object.assign({ className: mergeClassName.mergeClassName(styles.groupLabel, className) }, props)));
 }
 // ─── Separator ────────────────────────────────────────────────────────────────
 function SelectPrimitiveSeparator(_a) {

package/dist/SelectPrimitive-es.js

@@ -1,19 +1,13 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default from 'react';
 import classnames from 'classnames';
+import { m as mergeClassName } from './mergeClassName-es.js';
 import { I as Icon } from './Icon-es.js';
 import { O as OverlaySeparator } from './OverlaySeparator-es.js';
 import { S as SelectRoot, a as SelectPortal, b as SelectTrigger, c as SelectValue, d as SelectPositioner, e as SelectPopup, f as SelectList, g as SelectItem, h as SelectItemText, i as SelectItemIndicator, j as SelectGroup, k as SelectGroupLabel } from './SelectGroupLabel-es.js';
 
 var styles = {"trigger":"WQiJQH4jadQ-","value":"P2HhjOjxY34-","iconWrapper":"cxgFUCKcXcw-","iconRotate":"_3BEK4Z1gGis-","positioner":"g221yZJtRrU-","popup":"vifRnCQ18ss-","list":"WsOmdkQ0SWU-","item":"wQ2wXu1YH-k-","itemText":"_--Vi-17OUiU-","itemIndicator":"CfjooR3I8Jc-","separator":"lI5-MyBERFY-","group":"_21z9KBWR06w-","groupLabel":"ZhtKkgZiSQI-","spinning":"sIXiKKpdSj8-"};
 
-function mergeClassName(baseClassName, className) {
-    if (typeof className === "function") {
-        return (state) => classnames(baseClassName, className(state));
-    }
-    return classnames(baseClassName, className);
-}
-
 /**
  * The offset (px) between the trigger bottom edge and the popup top edge,
  * matching the Menu dropdown spacing.

package/dist/Tooltip/index.cjs

@@ -4,10 +4,8 @@ var Tooltip = require('../Tooltip-cjs.js');
 require('react');
 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('framer-motion');
 require('@jobber/hooks');
 

package/dist/Tooltip/index.mjs

@@ -2,9 +2,7 @@ export { T as Tooltip } from '../Tooltip-es.js';
 import 'react';
 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 'framer-motion';
 import '@jobber/hooks';

package/dist/Tooltip-cjs.js

@@ -5,7 +5,6 @@ var classnames = require('classnames');
 var floatingUi_react = require('./floating-ui.react-cjs.js');
 var framerMotion = require('framer-motion');
 var jobberHooks = require('@jobber/hooks');
-var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 
 var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-","spinning":"bobYmlUMnuY-"};
 
@@ -20,23 +19,23 @@ function useTooltipPositioning({ preferredPlacement, }) {
         placement: preferredPlacement,
         strategy: "absolute",
         middleware: [
-            floatingUi_reactDom.shift({
+            floatingUi_react.shift({
                 mainAxis: true,
                 crossAxis: false,
                 padding: TOOLTIP_SHIFT_PADDING,
-                limiter: floatingUi_reactDom.limitShift(),
+                limiter: floatingUi_react.limitShift(),
             }),
-            floatingUi_reactDom.flip({ fallbackPlacements: ["top", "bottom", "left", "right"] }),
-            floatingUi_reactDom.arrow({
+            floatingUi_react.flip({ fallbackPlacements: ["top", "bottom", "left", "right"] }),
+            floatingUi_react.arrow({
                 element: arrowElement || null,
                 padding: TOOLTIP_ARROW_PADDING,
             }),
-            floatingUi_reactDom.hide(),
+            floatingUi_react.hide(),
         ],
         elements: {
             reference: referenceElement || null,
         },
-        whileElementsMounted: floatingUi_reactDom.autoUpdate,
+        whileElementsMounted: floatingUi_react.autoUpdate,
     });
     const isHidden = (_c = (_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden) !== null && _c !== void 0 ? _c : false;
     return {

package/dist/Tooltip-es.js

@@ -1,9 +1,8 @@
 import React__default, { useRef, useState } from 'react';
 import classnames from 'classnames';
-import { u as useFloating, F as FloatingPortal } from './floating-ui.react-es.js';
+import { u as useFloating, s as shift, f as flip, a as arrow, h as hide, b as autoUpdate, l as limitShift, F as FloatingPortal } from './floating-ui.react-es.js';
 import { motion } from 'framer-motion';
 import { useSafeLayoutEffect, useIsMounted } from '@jobber/hooks';
-import { s as shift, f as flip, a as arrow, h as hide, b as autoUpdate, l as limitShift } from './floating-ui.react-dom-es.js';
 
 var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-","spinning":"bobYmlUMnuY-"};
 

package/dist/buttonRenderAdapter-cjs.js

@@ -34,7 +34,8 @@ function isAtlantisButtonRenderTarget(element) {
 }
 function renderAtlantisButtonTarget(element) {
     return function renderButtonTarget(props) {
-        const mergedProps = useRenderElement.mergeProps(normalizeBaseUiButtonProps(props), element.props);
+        const _a = normalizeBaseUiButtonProps(props), buttonProps = tslib_es6.__rest(_a, ["children"]);
+        const mergedProps = useRenderElement.mergeProps(buttonProps, element.props);
         return (React.createElement(Button.Button, Object.assign({}, mergedProps, { ref: mergeRefs(props.ref, getElementRef(element)), key: element.key })));
     };
 }

package/dist/buttonRenderAdapter-es.js

@@ -32,7 +32,8 @@ function isAtlantisButtonRenderTarget(element) {
 }
 function renderAtlantisButtonTarget(element) {
     return function renderButtonTarget(props) {
-        const mergedProps = mergeProps(normalizeBaseUiButtonProps(props), element.props);
+        const _a = normalizeBaseUiButtonProps(props), buttonProps = __rest(_a, ["children"]);
+        const mergedProps = mergeProps(buttonProps, element.props);
         return (React__default.createElement(Button, Object.assign({}, mergedProps, { ref: mergeRefs(props.ref, getElementRef(element)), key: element.key })));
     };
 }

package/dist/dialogReturnFocus-cjs.js

@@ -237,7 +237,7 @@ DialogBottomSheet.Footer = SharedDialogFooter;
 DialogBottomSheet.ScrollArea = DialogBottomSheetScrollArea;
 
 function DialogModal(props) {
-    return React.createElement(ScrollAreaViewport.DialogRoot, Object.assign({}, props));
+    return React.createElement(DrawerDescription.DialogRoot, Object.assign({}, props));
 }
 function DialogModalTrigger(_a) {
     var { children, render, handle, payload, className, style } = _a, rest = tslib_es6.__rest(_a, ["children", "render", "handle", "payload", "className", "style"]);

package/dist/dialogReturnFocus-es.js

@@ -4,7 +4,7 @@ import { useIsSmallScreen } from '@jobber/hooks';
 import classnames from 'classnames';
 import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget } from './buttonRenderAdapter-es.js';
 import { B as Button } from './Button-es.js';
-import { S as ScrollAreaRoot, f as ScrollAreaViewport, g as DrawerContent, h as DialogRoot, i as DialogTrigger$1, j as DialogPortal, k as DialogViewport } from './ScrollAreaViewport-es.js';
+import { S as ScrollAreaRoot, f as ScrollAreaViewport, g as DrawerContent, h as DialogTrigger$1, i as DialogPortal, j as DialogViewport } from './ScrollAreaViewport-es.js';
 import { m as mergeProps } from './useRenderElement-es.js';
 import './OverlaySeparator-es.js';
 import { a as BottomSheet, B as BottomSheetScrollAreaContext } from './BottomSheet-es.js';
@@ -12,7 +12,7 @@ import './HelperText-es.js';
 import './SelectPrimitive-es.js';
 import { H as Heading } from './Heading-es.js';
 import { D as DrawerTitle, a as DrawerClose, b as DialogTitle$1, c as DialogClose$1 } from './DrawerTitle-es.js';
-import { D as DrawerDescription, a as DialogBackdrop, b as DialogPopup, c as DialogDescription, d as createDialogHandle } from './DrawerDescription-es.js';
+import { D as DrawerDescription, a as DialogRoot, b as DialogBackdrop, c as DialogPopup, d as DialogDescription, e as createDialogHandle } from './DrawerDescription-es.js';
 import { i as isEscapeHandledByModal } from './nestedEscape-es.js';
 
 var styles = {"small":"uYYyCR3l6E8-","base":"X1jGz-sLWf4-","large":"_4zFf2PkFhaA-","fullScreen":"nJoCr8oWJ7w-","header":"XFKiCQ8QbQU-","close":"FDOhnO0TT08-","scrollRegion":"_8DjYA23vHXA-","scrollViewport":"Bwr9IUYpLfM-","body":"zp9kx9uue2I-","fullBleed":"EhtwBTy1ai4-","footer":"DRIJhI1knKw-","sheetSurface":"vmcZRwOcNMo-","popup":"mFX7qDCd17I-","backdrop":"NE-BIsVE-hE-","viewport":"hp70o-3Cf-w-","spinning":"Zf-Z8DJcC-Y-"};

package/dist/docs/InputNumber/InputNumber.md

@@ -426,7 +426,7 @@ always a plain number. Two things to know:
 | `format` | `NumberFormatOptions` | No | — | Number formatting for the displayed value, forwarded to Base UI `NumberField`'s native `format`. When omitted, typed ... |
 | `id` | `string` | No | — |  |
 | `inline` | `boolean` | No | — | Shrink-wrap the field to its content (auto width). |
-| `inputMode` | `"decimal" | "numeric"` | No | — |  |
+| `inputMode` | `"decimal" | "numeric"` | No | — | Virtual keyboard hint for mobile. When omitted, Base UI picks the keyboard: `"numeric"` on most platforms, `"decimal"... |
 | `invalid` | `boolean` | No | — | Style the error border without showing an error message. |
 | `label` | `string` | No | — | Floating field label. |
 | `loading` | `boolean` | No | — | Shows a non-blocking loading indicator in the stepper's slot. The field stays editable (use `readOnly`/`disabled` to ... |
@@ -557,7 +557,7 @@ always a plain number. Two things to know:
 | `format` | `NumberFormatOptions` | No | — | Number formatting for the displayed value, forwarded to Base UI `NumberField`'s native `format`. When omitted, typed ... |
 | `id` | `string` | No | — |  |
 | `inline` | `boolean` | No | — | Shrink-wrap the field to its content (auto width). |
-| `inputMode` | `"decimal" | "numeric"` | No | — |  |
+| `inputMode` | `"decimal" | "numeric"` | No | — | Virtual keyboard hint for mobile. When omitted, Base UI picks the keyboard: `"numeric"` on most platforms, `"decimal"... |
 | `invalid` | `boolean` | No | — | Style the error border without showing an error message. |
 | `loading` | `boolean` | No | — | Shows a non-blocking loading indicator in the stepper's slot. The field stays editable (use `readOnly`/`disabled` to ... |
 | `max` | `number` | No | — |  |

package/dist/docs/SelectPrimitive/SelectPrimitive.md

@@ -212,7 +212,7 @@ Base UI.
 | `id` | `string` | No | — | The id of the Select. |
 | `inputRef` | `Ref<HTMLInputElement>` | No | — | A ref to access the hidden input element. |
 | `isItemEqualToValue` | `(itemValue: Value, value: Value) => boolean` | No | — | Custom comparison logic used to determine if a select item value matches the current selected value. Useful when item... |
-| `items` | `Record<string, ReactNode> | readonly { label: ReactNode; value: any; }[] | readonly Group<any>[]` | No | — | Data structure of the items rendered in the select popup. When specified, `<Select.Value>` renders the label of the s... |
+| `items` | `readonly Group<any>[] | Record<string, ReactNode> | readonly { label: ReactNode; value: any; }[]` | No | — | Data structure of the items rendered in the select popup. When specified, `<Select.Value>` renders the label of the s... |
 | `itemToStringLabel` | `(itemValue: Value) => string` | No | — | When the item values are objects (`<Select.Item value={object}>`), this function converts the object value to a strin... |
 | `itemToStringValue` | `(itemValue: Value) => string` | No | — | When the item values are objects (`<Select.Item value={object}>`), this function converts the object value to a strin... |
 | `modal` | `boolean` | No | `true` | Determines if the select enters a modal state when open. - `true`: user interaction is limited to the select: documen... |