@jobber/components 8.24.1 → 8.24.2-visual-reg-d5e3ec5.19

package/dist/DrawerDescription-cjs.js

@@ -27,7 +27,7 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const stateAttributesMapping$2 = {
+const stateAttributesMapping$1 = {
   ...useScrollLock.popupStateMapping,
   ...useButton.transitionStatusMapping
 };
@@ -60,7 +60,7 @@ const DialogBackdrop = /*#__PURE__*/React__namespace.forwardRef(function DialogB
   return useRenderElement.useRenderElement('div', componentProps, {
     state,
     ref: [store.context.backdropRef, forwardedRef],
-    stateAttributesMapping: stateAttributesMapping$2,
+    stateAttributesMapping: stateAttributesMapping$1,
     props: [{
       role: 'presentation',
       hidden: !mounted,
@@ -139,7 +139,7 @@ let DialogPopupDataAttributes = function (DialogPopupDataAttributes) {
   return DialogPopupDataAttributes;
 }({});
 
-const stateAttributesMapping$1 = {
+const stateAttributesMapping = {
   ...useScrollLock.popupStateMapping,
   ...useButton.transitionStatusMapping,
   nestedDialogOpen(value) {
@@ -220,7 +220,7 @@ const DialogPopup = /*#__PURE__*/React__namespace.forwardRef(function DialogPopu
       }
     }, elementProps],
     ref: [forwardedRef, store.context.popupRef, setPopupElement],
-    stateAttributesMapping: stateAttributesMapping$1
+    stateAttributesMapping
   });
   return /*#__PURE__*/jsxRuntime.jsx(useScrollLock.FloatingFocusManager, {
     context: floatingRootContext,
@@ -236,98 +236,6 @@ const DialogPopup = /*#__PURE__*/React__namespace.forwardRef(function DialogPopu
 });
 if (process.env.NODE_ENV !== "production") DialogPopup.displayName = "DialogPopup";
 
-let DialogViewportDataAttributes = function (DialogViewportDataAttributes) {
-  /**
-   * Present when the dialog is open.
-   */
-  DialogViewportDataAttributes[DialogViewportDataAttributes["open"] = useScrollLock.CommonPopupDataAttributes.open] = "open";
-  /**
-   * Present when the dialog is closed.
-   */
-  DialogViewportDataAttributes[DialogViewportDataAttributes["closed"] = useScrollLock.CommonPopupDataAttributes.closed] = "closed";
-  /**
-   * Present when the dialog is animating in.
-   */
-  DialogViewportDataAttributes[DialogViewportDataAttributes["startingStyle"] = useScrollLock.CommonPopupDataAttributes.startingStyle] = "startingStyle";
-  /**
-   * Present when the dialog is animating out.
-   */
-  DialogViewportDataAttributes[DialogViewportDataAttributes["endingStyle"] = useScrollLock.CommonPopupDataAttributes.endingStyle] = "endingStyle";
-  /**
-   * Present when the dialog is nested within another dialog.
-   */
-  DialogViewportDataAttributes["nested"] = "data-nested";
-  /**
-   * Present when the dialog has other open dialogs nested within it.
-   */
-  DialogViewportDataAttributes["nestedDialogOpen"] = "data-nested-dialog-open";
-  return DialogViewportDataAttributes;
-}({});
-
-const stateAttributesMapping = {
-  ...useScrollLock.popupStateMapping,
-  ...useButton.transitionStatusMapping,
-  nested(value) {
-    return value ? {
-      [DialogViewportDataAttributes.nested]: ''
-    } : null;
-  },
-  nestedDialogOpen(value) {
-    return value ? {
-      [DialogViewportDataAttributes.nestedDialogOpen]: ''
-    } : null;
-  }
-};
-
-/**
- * A positioning container for the dialog popup that can be made scrollable.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
- */
-const DialogViewport = /*#__PURE__*/React__namespace.forwardRef(function DialogViewport(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    style,
-    children,
-    ...elementProps
-  } = componentProps;
-  const keepMounted = ScrollAreaViewport.useDialogPortalContext();
-  const {
-    store
-  } = ScrollAreaViewport.useDialogRootContext();
-  const open = store.useState('open');
-  const nested = store.useState('nested');
-  const transitionStatus = store.useState('transitionStatus');
-  const nestedOpenDialogCount = store.useState('nestedOpenDialogCount');
-  const mounted = store.useState('mounted');
-  const setViewportElement = store.useStateSetter('viewportElement');
-  const nestedDialogOpen = nestedOpenDialogCount > 0;
-  const state = {
-    open,
-    nested,
-    transitionStatus,
-    nestedDialogOpen
-  };
-  const shouldRender = keepMounted || mounted;
-  return useRenderElement.useRenderElement('div', componentProps, {
-    enabled: shouldRender,
-    state,
-    ref: [forwardedRef, setViewportElement],
-    stateAttributesMapping,
-    props: [{
-      role: 'presentation',
-      hidden: !mounted,
-      style: {
-        pointerEvents: !open ? 'none' : undefined
-      },
-      children
-    }, elementProps]
-  });
-});
-if (process.env.NODE_ENV !== "production") DialogViewport.displayName = "DialogViewport";
-
 /**
  * A handle to control a Dialog imperatively and to associate detached triggers with it.
  */
@@ -404,6 +312,5 @@ exports.DialogBackdrop = DialogBackdrop;
 exports.DialogDescription = DialogDescription;
 exports.DialogHandle = DialogHandle;
 exports.DialogPopup = DialogPopup;
-exports.DialogViewport = DialogViewport;
 exports.DrawerDescription = DrawerDescription;
 exports.createDialogHandle = createDialogHandle;

package/dist/DrawerDescription-es.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { u as useDialogRootContext, j as useDialogPortalContext, k as DialogStore } from './ScrollAreaViewport-es.js';
+import { u as useDialogRootContext, h as useDialogPortalContext, i as DialogStore } from './ScrollAreaViewport-es.js';
 import { u as useRenderElement } from './useRenderElement-es.js';
 import { p as popupStateMapping, C as CommonPopupDataAttributes, c as createDefaultInitialFocus, F as FOCUSABLE_POPUP_PROPS, a as FloatingFocusManager } from './useScrollLock-es.js';
 import { t as transitionStatusMapping, u as useBaseUiId, f as useOpenChangeComplete, d as createChangeEventDetails, i as imperativeAction } from './useButton-es.js';
 import { C as COMPOSITE_KEYS } from './scrollEdges-es.js';
 import { jsx } from 'react/jsx-runtime';
 
-const stateAttributesMapping$2 = {
+const stateAttributesMapping$1 = {
   ...popupStateMapping,
   ...transitionStatusMapping
 };
@@ -39,7 +39,7 @@ const DialogBackdrop = /*#__PURE__*/React.forwardRef(function DialogBackdrop(com
   return useRenderElement('div', componentProps, {
     state,
     ref: [store.context.backdropRef, forwardedRef],
-    stateAttributesMapping: stateAttributesMapping$2,
+    stateAttributesMapping: stateAttributesMapping$1,
     props: [{
       role: 'presentation',
       hidden: !mounted,
@@ -118,7 +118,7 @@ let DialogPopupDataAttributes = function (DialogPopupDataAttributes) {
   return DialogPopupDataAttributes;
 }({});
 
-const stateAttributesMapping$1 = {
+const stateAttributesMapping = {
   ...popupStateMapping,
   ...transitionStatusMapping,
   nestedDialogOpen(value) {
@@ -199,7 +199,7 @@ const DialogPopup = /*#__PURE__*/React.forwardRef(function DialogPopup(component
       }
     }, elementProps],
     ref: [forwardedRef, store.context.popupRef, setPopupElement],
-    stateAttributesMapping: stateAttributesMapping$1
+    stateAttributesMapping
   });
   return /*#__PURE__*/jsx(FloatingFocusManager, {
     context: floatingRootContext,
@@ -215,98 +215,6 @@ const DialogPopup = /*#__PURE__*/React.forwardRef(function DialogPopup(component
 });
 if (process.env.NODE_ENV !== "production") DialogPopup.displayName = "DialogPopup";
 
-let DialogViewportDataAttributes = function (DialogViewportDataAttributes) {
-  /**
-   * Present when the dialog is open.
-   */
-  DialogViewportDataAttributes[DialogViewportDataAttributes["open"] = CommonPopupDataAttributes.open] = "open";
-  /**
-   * Present when the dialog is closed.
-   */
-  DialogViewportDataAttributes[DialogViewportDataAttributes["closed"] = CommonPopupDataAttributes.closed] = "closed";
-  /**
-   * Present when the dialog is animating in.
-   */
-  DialogViewportDataAttributes[DialogViewportDataAttributes["startingStyle"] = CommonPopupDataAttributes.startingStyle] = "startingStyle";
-  /**
-   * Present when the dialog is animating out.
-   */
-  DialogViewportDataAttributes[DialogViewportDataAttributes["endingStyle"] = CommonPopupDataAttributes.endingStyle] = "endingStyle";
-  /**
-   * Present when the dialog is nested within another dialog.
-   */
-  DialogViewportDataAttributes["nested"] = "data-nested";
-  /**
-   * Present when the dialog has other open dialogs nested within it.
-   */
-  DialogViewportDataAttributes["nestedDialogOpen"] = "data-nested-dialog-open";
-  return DialogViewportDataAttributes;
-}({});
-
-const stateAttributesMapping = {
-  ...popupStateMapping,
-  ...transitionStatusMapping,
-  nested(value) {
-    return value ? {
-      [DialogViewportDataAttributes.nested]: ''
-    } : null;
-  },
-  nestedDialogOpen(value) {
-    return value ? {
-      [DialogViewportDataAttributes.nestedDialogOpen]: ''
-    } : null;
-  }
-};
-
-/**
- * A positioning container for the dialog popup that can be made scrollable.
- * Renders a `<div>` element.
- *
- * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
- */
-const DialogViewport = /*#__PURE__*/React.forwardRef(function DialogViewport(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    style,
-    children,
-    ...elementProps
-  } = componentProps;
-  const keepMounted = useDialogPortalContext();
-  const {
-    store
-  } = useDialogRootContext();
-  const open = store.useState('open');
-  const nested = store.useState('nested');
-  const transitionStatus = store.useState('transitionStatus');
-  const nestedOpenDialogCount = store.useState('nestedOpenDialogCount');
-  const mounted = store.useState('mounted');
-  const setViewportElement = store.useStateSetter('viewportElement');
-  const nestedDialogOpen = nestedOpenDialogCount > 0;
-  const state = {
-    open,
-    nested,
-    transitionStatus,
-    nestedDialogOpen
-  };
-  const shouldRender = keepMounted || mounted;
-  return useRenderElement('div', componentProps, {
-    enabled: shouldRender,
-    state,
-    ref: [forwardedRef, setViewportElement],
-    stateAttributesMapping,
-    props: [{
-      role: 'presentation',
-      hidden: !mounted,
-      style: {
-        pointerEvents: !open ? 'none' : undefined
-      },
-      children
-    }, elementProps]
-  });
-});
-if (process.env.NODE_ENV !== "production") DialogViewport.displayName = "DialogViewport";
-
 /**
  * A handle to control a Dialog imperatively and to associate detached triggers with it.
  */
@@ -379,4 +287,4 @@ function createDialogHandle() {
  */
 const DrawerDescription = DialogDescription;
 
-export { DrawerDescription as D, DialogBackdrop as a, DialogViewport as b, DialogPopup as c, DialogDescription as d, createDialogHandle as e, DialogHandle as f };
+export { DrawerDescription as D, DialogBackdrop as a, DialogPopup as b, DialogDescription as c, createDialogHandle as d, DialogHandle as e };

package/dist/InputNumberExperimental-cjs.js

@@ -901,8 +901,9 @@ function useInputNumberExperimentalContext(consumer) {
     }
     return context;
 }
-function InputNumberExperimentalWrapperInternal(props, ref) {
-    const { align, autoComplete, children, className, disabled, format, id: idProp, inline, inputMode, invalid, loading, max, maxLength, min, name, onBlur, onEnter, onFocus, onKeyDown, onKeyUp, onValueChange, onValueCommitted, readOnly, showMiniLabel = true, size = "default", step = 1, style, value, } = props;
+function InputNumberExperimentalWrapper(_a) {
+    var { ref } = _a, props = tslib_es6.__rest(_a, ["ref"]);
+    const { 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 = 1, style, value, } = props;
     const generatedId = React.useId();
     const id = idProp !== null && idProp !== void 0 ? idProp : generatedId;
     const innerInputRef = React.useRef(null);
@@ -938,7 +939,6 @@ function InputNumberExperimentalWrapperInternal(props, ref) {
         inputMode,
         loading,
         max,
-        maxLength,
         min,
         onBlur,
         onFocus,
@@ -961,7 +961,6 @@ function InputNumberExperimentalWrapperInternal(props, ref) {
         inputMode,
         loading,
         max,
-        maxLength,
         min,
         onBlur,
         onFocus,
@@ -999,7 +998,7 @@ function InputNumberExperimentalInput({ 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, autoComplete: resolveAutoComplete(ctx.autoComplete), className: styles.input, inputMode: ctx.inputMode, maxLength: ctx.maxLength, onBlur: ctx.onBlur, onFocus: ctx.onFocus, onKeyDown: ctx.onKeyDown, onKeyUp: ctx.onKeyUp, placeholder: " ", ref: ctx.innerInputRef }),
+        React.createElement(NumberFieldInput.NumberFieldInput, { "aria-busy": ctx.loading || undefined, 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 }),
         children));
 }
 function InputNumberExperimentalLabel({ children, className, style, }) {
@@ -1099,10 +1098,11 @@ function resolveAutoComplete(autoComplete) {
  * consumer would write by hand with `<InputNumberExperimental.Wrapper>` and the
  * parts — to customize a single piece, copy this tree and swap that part.
  */
-function InputNumberExperimentalInternal(props, ref) {
-    var _a;
+function InputNumberExperimental(_a) {
+    var _b;
+    var { ref } = _a, props = tslib_es6.__rest(_a, ["ref"]);
     const { label, description, error, prefix, suffix } = props, config = tslib_es6.__rest(props, ["label", "description", "error", "prefix", "suffix"]);
-    const size = (_a = config.size) !== null && _a !== void 0 ? _a : "default";
+    const size = (_b = config.size) !== null && _b !== void 0 ? _b : "default";
     return (React.createElement(InputNumberExperimentalWrapper, Object.assign({}, config, { invalid: config.invalid || Boolean(error), ref: ref }),
         React.createElement(InputNumberExperimentalGroup, null,
             prefix && renderDefaultAffix("prefix", prefix, size),
@@ -1114,10 +1114,8 @@ function InputNumberExperimentalInternal(props, ref) {
             React.createElement(InputNumberExperimentalDescription, null, description),
             React.createElement(InputNumberExperimentalError, null, error)))));
 }
-const InputNumberExperimentalWrapper = React.forwardRef(InputNumberExperimentalWrapperInternal);
 InputNumberExperimentalWrapper.displayName = "InputNumberExperimental.Wrapper";
-const InputNumberExperimentalBase = React.forwardRef(InputNumberExperimentalInternal);
-InputNumberExperimentalBase.displayName = "InputNumberExperimental";
+InputNumberExperimental.displayName = "InputNumberExperimental";
 InputNumberExperimentalGroup.displayName = "InputNumberExperimental.Group";
 InputNumberExperimentalFooter.displayName = "InputNumberExperimental.Footer";
 InputNumberExperimentalInput.displayName = "InputNumberExperimental.Input";
@@ -1133,19 +1131,17 @@ InputNumberExperimentalDecrement.displayName =
     "InputNumberExperimental.Decrement";
 InputNumberExperimentalAffixCompound.displayName =
     "InputNumberExperimental.Affix";
-const InputNumberExperimental = Object.assign(InputNumberExperimentalBase, {
-    Wrapper: InputNumberExperimentalWrapper,
-    Group: InputNumberExperimentalGroup,
-    Footer: InputNumberExperimentalFooter,
-    Input: InputNumberExperimentalInput,
-    Label: InputNumberExperimentalLabel,
-    Description: InputNumberExperimentalDescription,
-    Error: InputNumberExperimentalError,
-    Loading: InputNumberExperimentalLoading,
-    Stepper: InputNumberExperimentalStepper,
-    Increment: InputNumberExperimentalIncrement,
-    Decrement: InputNumberExperimentalDecrement,
-    Affix: InputNumberExperimentalAffixCompound,
-});
+InputNumberExperimental.Wrapper = InputNumberExperimentalWrapper;
+InputNumberExperimental.Group = InputNumberExperimentalGroup;
+InputNumberExperimental.Footer = InputNumberExperimentalFooter;
+InputNumberExperimental.Input = InputNumberExperimentalInput;
+InputNumberExperimental.Label = InputNumberExperimentalLabel;
+InputNumberExperimental.Description = InputNumberExperimentalDescription;
+InputNumberExperimental.Error = InputNumberExperimentalError;
+InputNumberExperimental.Loading = InputNumberExperimentalLoading;
+InputNumberExperimental.Stepper = InputNumberExperimentalStepper;
+InputNumberExperimental.Increment = InputNumberExperimentalIncrement;
+InputNumberExperimental.Decrement = InputNumberExperimentalDecrement;
+InputNumberExperimental.Affix = InputNumberExperimentalAffixCompound;
 
 exports.InputNumberExperimental = InputNumberExperimental;

package/dist/InputNumberExperimental-es.js

@@ -1,6 +1,6 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import * as React from 'react';
-import React__default, { createContext, forwardRef, useId, useRef, useImperativeHandle, useCallback, useMemo, useContext } from 'react';
+import React__default, { createContext, useId, useRef, useImperativeHandle, useCallback, useMemo, useContext } from 'react';
 import classnames from 'classnames';
 import { A as ActivityIndicator } from './ActivityIndicator-es.js';
 import { B as Button } from './Button-es.js';
@@ -881,8 +881,9 @@ function useInputNumberExperimentalContext(consumer) {
     }
     return context;
 }
-function InputNumberExperimentalWrapperInternal(props, ref) {
-    const { align, autoComplete, children, className, disabled, format, id: idProp, inline, inputMode, invalid, loading, max, maxLength, min, name, onBlur, onEnter, onFocus, onKeyDown, onKeyUp, onValueChange, onValueCommitted, readOnly, showMiniLabel = true, size = "default", step = 1, style, value, } = props;
+function InputNumberExperimentalWrapper(_a) {
+    var { ref } = _a, props = __rest(_a, ["ref"]);
+    const { 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 = 1, style, value, } = props;
     const generatedId = useId();
     const id = idProp !== null && idProp !== void 0 ? idProp : generatedId;
     const innerInputRef = useRef(null);
@@ -918,7 +919,6 @@ function InputNumberExperimentalWrapperInternal(props, ref) {
         inputMode,
         loading,
         max,
-        maxLength,
         min,
         onBlur,
         onFocus,
@@ -941,7 +941,6 @@ function InputNumberExperimentalWrapperInternal(props, ref) {
         inputMode,
         loading,
         max,
-        maxLength,
         min,
         onBlur,
         onFocus,
@@ -979,7 +978,7 @@ function InputNumberExperimentalInput({ 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, autoComplete: resolveAutoComplete(ctx.autoComplete), className: styles.input, inputMode: ctx.inputMode, maxLength: ctx.maxLength, onBlur: ctx.onBlur, onFocus: ctx.onFocus, onKeyDown: ctx.onKeyDown, onKeyUp: ctx.onKeyUp, placeholder: " ", ref: ctx.innerInputRef }),
+        React__default.createElement(NumberFieldInput, { "aria-busy": ctx.loading || undefined, 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 }),
         children));
 }
 function InputNumberExperimentalLabel({ children, className, style, }) {
@@ -1079,10 +1078,11 @@ function resolveAutoComplete(autoComplete) {
  * consumer would write by hand with `<InputNumberExperimental.Wrapper>` and the
  * parts — to customize a single piece, copy this tree and swap that part.
  */
-function InputNumberExperimentalInternal(props, ref) {
-    var _a;
+function InputNumberExperimental(_a) {
+    var _b;
+    var { ref } = _a, props = __rest(_a, ["ref"]);
     const { label, description, error, prefix, suffix } = props, config = __rest(props, ["label", "description", "error", "prefix", "suffix"]);
-    const size = (_a = config.size) !== null && _a !== void 0 ? _a : "default";
+    const size = (_b = config.size) !== null && _b !== void 0 ? _b : "default";
     return (React__default.createElement(InputNumberExperimentalWrapper, Object.assign({}, config, { invalid: config.invalid || Boolean(error), ref: ref }),
         React__default.createElement(InputNumberExperimentalGroup, null,
             prefix && renderDefaultAffix("prefix", prefix, size),
@@ -1094,10 +1094,8 @@ function InputNumberExperimentalInternal(props, ref) {
             React__default.createElement(InputNumberExperimentalDescription, null, description),
             React__default.createElement(InputNumberExperimentalError, null, error)))));
 }
-const InputNumberExperimentalWrapper = forwardRef(InputNumberExperimentalWrapperInternal);
 InputNumberExperimentalWrapper.displayName = "InputNumberExperimental.Wrapper";
-const InputNumberExperimentalBase = forwardRef(InputNumberExperimentalInternal);
-InputNumberExperimentalBase.displayName = "InputNumberExperimental";
+InputNumberExperimental.displayName = "InputNumberExperimental";
 InputNumberExperimentalGroup.displayName = "InputNumberExperimental.Group";
 InputNumberExperimentalFooter.displayName = "InputNumberExperimental.Footer";
 InputNumberExperimentalInput.displayName = "InputNumberExperimental.Input";
@@ -1113,19 +1111,17 @@ InputNumberExperimentalDecrement.displayName =
     "InputNumberExperimental.Decrement";
 InputNumberExperimentalAffixCompound.displayName =
     "InputNumberExperimental.Affix";
-const InputNumberExperimental = Object.assign(InputNumberExperimentalBase, {
-    Wrapper: InputNumberExperimentalWrapper,
-    Group: InputNumberExperimentalGroup,
-    Footer: InputNumberExperimentalFooter,
-    Input: InputNumberExperimentalInput,
-    Label: InputNumberExperimentalLabel,
-    Description: InputNumberExperimentalDescription,
-    Error: InputNumberExperimentalError,
-    Loading: InputNumberExperimentalLoading,
-    Stepper: InputNumberExperimentalStepper,
-    Increment: InputNumberExperimentalIncrement,
-    Decrement: InputNumberExperimentalDecrement,
-    Affix: InputNumberExperimentalAffixCompound,
-});
+InputNumberExperimental.Wrapper = InputNumberExperimentalWrapper;
+InputNumberExperimental.Group = InputNumberExperimentalGroup;
+InputNumberExperimental.Footer = InputNumberExperimentalFooter;
+InputNumberExperimental.Input = InputNumberExperimentalInput;
+InputNumberExperimental.Label = InputNumberExperimentalLabel;
+InputNumberExperimental.Description = InputNumberExperimentalDescription;
+InputNumberExperimental.Error = InputNumberExperimentalError;
+InputNumberExperimental.Loading = InputNumberExperimentalLoading;
+InputNumberExperimental.Stepper = InputNumberExperimentalStepper;
+InputNumberExperimental.Increment = InputNumberExperimentalIncrement;
+InputNumberExperimental.Decrement = InputNumberExperimentalDecrement;
+InputNumberExperimental.Affix = InputNumberExperimentalAffixCompound;
 
 export { InputNumberExperimental as I };

package/dist/MenuSubmenuTrigger-es.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { a as useRefWithInit, f as formatErrorMessage, u as useRenderElement, m as mergeProps, c as useMergedRefs, E as EMPTY_OBJECT, b as EMPTY_ARRAY, w as warn } from './useRenderElement-es.js';
-import { X as mergeCleanups, Y as isTypeableElement, Z as matchesFocusVisible, _ as isTargetInsideEnabledTrigger, $ as createAttribute, J as webkit, d as useFloatingTree, u as useFloatingParentNodeId, a0 as isInteractiveElement, a1 as getNodeChildren, p as popupStateMapping, a as FloatingFocusManager, E as FloatingPortal, a2 as POPUP_COLLISION_AVOIDANCE, I as InternalBackdrop, G as inertValue, a3 as FloatingNode, H as DROPDOWN_COLLISION_AVOIDANCE, t as createSelector, R as ReactStore, P as PopupTriggerMap, a4 as FloatingTreeStore, a5 as fastComponent, a6 as useInitialOpenSync, a7 as useFloatingNodeId, v as useOpenInteractionType, L as useImplicitActiveTrigger, M as useOpenStateTransitions, a8 as attachPreventUnmountOnClose, O as setPopupOpenState, a9 as useSyncedFloatingRootContext, y as useDismiss, r as useDirection, aa as TYPEAHEAD_RESET_MS, F as FOCUSABLE_POPUP_PROPS, N as usePopupInteractionProps, ab as FloatingTree, ac as getTabbableBeforeElement, ad as isOutsideEvent, ae as getTabbableAfterElement, af as getNextTabbable, ag as fastComponentRef, T as useTriggerDataForwarding, x as useClick, B as pressableTriggerOpenStateMapping, ah as FocusGuard, ai as PATIENT_CLICK_THRESHOLD, aj as useTriggerRegistration, W as triggerOpenStateMapping } from './useScrollLock-es.js';
-import { Y as isMouseLikePointerType, h as useTimeout, B as addEventListener, g as getTarget, d as createChangeEventDetails, Z as triggerFocus, p as activeElement, o as ownerDocument, q as contains, _ as mac, $ as triggerPress, a0 as escapeKey, L as useOnMount, T as Timeout, b as useStableCallback, a as useIsoLayoutEffect, a1 as triggerHover, m as useValueAsRef, t as transitionStatusMapping, V as itemPress, c as useButton, u as useBaseUiId, f as useOpenChangeComplete, Q as outsidePress, a2 as useAnimationsFinished, a3 as siblingOpen, z as useControlled, k as useTransitionStatus, l as useId, v as focusOut, r as listNavigation, i as imperativeAction, a4 as useCompositeRootContext, R as cancelOpen, S as SafeReact } from './useButton-es.js';
+import { K as mergeCleanups, L as isTypeableElement, M as matchesFocusVisible, N as isTargetInsideEnabledTrigger, O as createAttribute, J as webkit, d as useFloatingTree, u as useFloatingParentNodeId, Q as isInteractiveElement, R as getNodeChildren, p as popupStateMapping, a as FloatingFocusManager, E as FloatingPortal, T as POPUP_COLLISION_AVOIDANCE, I as InternalBackdrop, G as inertValue, U as FloatingNode, H as DROPDOWN_COLLISION_AVOIDANCE, t as createSelector, V as ReactStore, P as PopupTriggerMap, W as FloatingTreeStore, X as fastComponent, Y as useInitialOpenSync, Z as useFloatingNodeId, v as useOpenInteractionType, _ as useImplicitActiveTrigger, $ as useOpenStateTransitions, a0 as attachPreventUnmountOnClose, a1 as setPopupOpenState, a2 as useSyncedFloatingRootContext, y as useDismiss, r as useDirection, a3 as TYPEAHEAD_RESET_MS, F as FOCUSABLE_POPUP_PROPS, a4 as usePopupInteractionProps, a5 as FloatingTree, a6 as getTabbableBeforeElement, a7 as isOutsideEvent, a8 as getTabbableAfterElement, a9 as getNextTabbable, aa as fastComponentRef, ab as useTriggerDataForwarding, x as useClick, B as pressableTriggerOpenStateMapping, ac as FocusGuard, ad as PATIENT_CLICK_THRESHOLD, ae as useTriggerRegistration, af as triggerOpenStateMapping } from './useScrollLock-es.js';
+import { W as isMouseLikePointerType, h as useTimeout, B as addEventListener, g as getTarget, d as createChangeEventDetails, X as triggerFocus, p as activeElement, o as ownerDocument, q as contains, Y as mac, Z as triggerPress, _ as escapeKey, L as useOnMount, T as Timeout, b as useStableCallback, a as useIsoLayoutEffect, $ as triggerHover, m as useValueAsRef, t as transitionStatusMapping, V as itemPress, c as useButton, u as useBaseUiId, f as useOpenChangeComplete, Q as outsidePress, a0 as useAnimationsFinished, a1 as siblingOpen, z as useControlled, k as useTransitionStatus, l as useId, v as focusOut, r as listNavigation, i as imperativeAction, a2 as useCompositeRootContext, R as cancelOpen, S as SafeReact } from './useButton-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { h as useCompositeListItem, f as getDisabledMountTransitionStyles, d as useAnchorPositioning, i as adaptiveOrigin, c as useAnchoredPopupScrollLock, e as usePositioner, C as CompositeList, a as useListNavigation, b as useTypeahead, g as getPseudoElementBounds } from './useCompositeListItem-es.js';
 import { u as useToolbarRootContext, i as isElementDisabled } from './isElementDisabled-es.js';
 import { C as COMPOSITE_KEYS } from './scrollEdges-es.js';
 import { o as getWindow, b as isElement, a as isHTMLElement, d as isLastTraversableNode, e as getParentNode } from './floating-ui.utils.dom-es.js';
-import { p as popupStoreSelectors, l as createInitialPopupStoreState } from './ScrollAreaViewport-es.js';
+import { p as popupStoreSelectors, n as createInitialPopupStoreState } from './ScrollAreaViewport-es.js';
 import * as ReactDOM from 'react-dom';
 
 function resolveValue(value, pointerType) {

package/dist/Modal/index.cjs

@@ -42,8 +42,7 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
     const containerClassName = classnames(styles$1.container, size === "fullScreen" && styles$1.containerFullScreen);
     jobberHooks.useRefocusOnActivator(open);
     const modalRef = jobberHooks.useFocusTrap(open);
-    jobberHooks.useOnKeyDown(handleRequestClose, "Escape");
-    const template = (React.createElement(framerMotion.AnimatePresence, null, open && (React.createElement("div", { ref: modalRef, role: "dialog", className: containerClassName, tabIndex: 0, "aria-modal": "true", "aria-labelledby": title ? MODAL_HEADER_ID : undefined, "aria-label": ariaLabel },
+    const template = (React.createElement(framerMotion.AnimatePresence, null, open && (React.createElement("div", { ref: modalRef, role: "dialog", className: containerClassName, tabIndex: 0, "aria-modal": "true", "aria-labelledby": title ? MODAL_HEADER_ID : undefined, "aria-label": ariaLabel, onKeyDown: handleKeyDown },
         React.createElement(framerMotion.motion.div, { key: styles$1.overlay, className: styles$1.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
         React.createElement(framerMotion.motion.div, { key: styles$1.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
                 duration: 0.2,
@@ -60,6 +59,17 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
             onRequestClose();
         }
     }
+    function handleKeyDown(event) {
+        if (event.key === "Escape") {
+            // Stop the Escape from bubbling to outer overlays (e.g. a Base UI Dialog
+            // this Modal is nested within, whose dismissal listens at the document
+            // level). Without this, one Escape closes both layers; instead only the
+            // top-most layer — this Modal — should close. Mirrors SideDrawer's
+            // Escape containment.
+            event.stopPropagation();
+            handleRequestClose();
+        }
+    }
 }
 function Header({ title, dismissible, onRequestClose }) {
     return (React.createElement("div", { className: styles$1.header, "data-testid": "modal-header" },

package/dist/Modal/index.mjs

@@ -2,7 +2,7 @@ import React__default, { useRef, useEffect, createContext, useContext } from 're
 import ReactDOM__default from 'react-dom';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { useRefocusOnActivator, useFocusTrap, useOnKeyDown } from '@jobber/hooks';
+import { useRefocusOnActivator, useFocusTrap } from '@jobber/hooks';
 import { H as Heading } from '../Heading-es.js';
 import { B as Button } from '../Button-es.js';
 import { B as ButtonDismiss } from '../ButtonDismiss-es.js';
@@ -40,8 +40,7 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
     const containerClassName = classnames(styles$1.container, size === "fullScreen" && styles$1.containerFullScreen);
     useRefocusOnActivator(open);
     const modalRef = useFocusTrap(open);
-    useOnKeyDown(handleRequestClose, "Escape");
-    const template = (React__default.createElement(AnimatePresence, null, open && (React__default.createElement("div", { ref: modalRef, role: "dialog", className: containerClassName, tabIndex: 0, "aria-modal": "true", "aria-labelledby": title ? MODAL_HEADER_ID : undefined, "aria-label": ariaLabel },
+    const template = (React__default.createElement(AnimatePresence, null, open && (React__default.createElement("div", { ref: modalRef, role: "dialog", className: containerClassName, tabIndex: 0, "aria-modal": "true", "aria-labelledby": title ? MODAL_HEADER_ID : undefined, "aria-label": ariaLabel, onKeyDown: handleKeyDown },
         React__default.createElement(motion.div, { key: styles$1.overlay, className: styles$1.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
         React__default.createElement(motion.div, { key: styles$1.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
                 duration: 0.2,
@@ -58,6 +57,17 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
             onRequestClose();
         }
     }
+    function handleKeyDown(event) {
+        if (event.key === "Escape") {
+            // Stop the Escape from bubbling to outer overlays (e.g. a Base UI Dialog
+            // this Modal is nested within, whose dismissal listens at the document
+            // level). Without this, one Escape closes both layers; instead only the
+            // top-most layer — this Modal — should close. Mirrors SideDrawer's
+            // Escape containment.
+            event.stopPropagation();
+            handleRequestClose();
+        }
+    }
 }
 function Header({ title, dismissible, onRequestClose }) {
     return (React__default.createElement("div", { className: styles$1.header, "data-testid": "modal-header" },

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
 import sizes from "./ProgressBarSizes.module.css";
+/**
+ * @deprecated Use `ProgressIndicator` instead.
+ */
 interface ProgressBarProps {
     /**
      * The current step that the progress bar is on.
@@ -30,5 +33,9 @@ interface ProgressBarProps {
      */
     readonly UNSAFE_style?: React.CSSProperties;
 }
+/**
+ * @deprecated Use `ProgressIndicator` from
+ * `@jobber/components/ProgressIndicator` instead.
+ */
 export declare function ProgressBar({ currentStep, totalSteps, size, variation, UNSAFE_className, UNSAFE_style, }: ProgressBarProps): React.JSX.Element;
 export {};

package/dist/ProgressBar-cjs.js

@@ -19,6 +19,10 @@ function ProgressBarStepped({ currentStep, totalSteps, percentage, size = "base"
     })));
 }
 
+/**
+ * @deprecated Use `ProgressIndicator` from
+ * `@jobber/components/ProgressIndicator` instead.
+ */
 function ProgressBar({ currentStep, totalSteps, size = "base", variation = "progress", UNSAFE_className, UNSAFE_style, }) {
     const percentage = (currentStep / totalSteps) * 100;
     const progressBarClassName = classnames(styles.ProgressBar, sizes[size]);

package/dist/ProgressBar-es.js

@@ -17,6 +17,10 @@ function ProgressBarStepped({ currentStep, totalSteps, percentage, size = "base"
     })));
 }
 
+/**
+ * @deprecated Use `ProgressIndicator` from
+ * `@jobber/components/ProgressIndicator` instead.
+ */
 function ProgressBar({ currentStep, totalSteps, size = "base", variation = "progress", UNSAFE_className, UNSAFE_style, }) {
     const percentage = (currentStep / totalSteps) * 100;
     const progressBarClassName = classnames(styles.ProgressBar, sizes[size]);