@jobber/components 8.21.1 → 8.23.0

package/dist/MenuSubmenuTrigger-es.js

@@ -1,11 +1,13 @@
 import * as React from 'react';
-import { u as useDialogRootContext, C as COMPOSITE_KEYS, p as popupStoreSelectors, g as createInitialPopupStoreState, h as useImplicitActiveTrigger, i as useOpenStateTransitions, j as useSyncedFloatingRootContext, k as useRole, l as useTriggerDataForwarding, m as useTriggerRegistration } from './ScrollAreaViewport-es.js';
-import { a as useRefWithInit, u as useRenderElement, f as formatErrorMessage, m as mergeProps, b as useMergedRefs, E as EMPTY_OBJECT, d as EMPTY_ARRAY } from './useRenderElement-es.js';
-import { W as isMouseLikePointerType, b as useTimeout, g as getTarget, X as isTypeableElement, Y as matchesFocusVisible, Z as isTargetInsideEnabledTrigger, n as createChangeEventDetails, _ as triggerFocus, l as activeElement, m as contains, $ as isMac, a0 as isSafari, o as ownerDocument, a1 as triggerPress, a2 as escapeKey, z as useOnMount, a3 as TYPEABLE_SELECTOR, T as Timeout, a as useStableCallback, d as useIsoLayoutEffect, a4 as triggerHover, j as useValueAsRef, N as useButton, a5 as closePress, u as useBaseUiId, a6 as itemPress, t as transitionStatusMapping, f as useOpenChangeComplete, a7 as outsidePress, a8 as useAnimationsFinished, a9 as siblingOpen, B as useControlled, c as useTransitionStatus, h as useId, v as focusOut, p as listNavigation, Q as imperativeAction, aa as useCompositeRootContext, ab as cancelOpen } from './useButton-es.js';
+import { a as useRefWithInit, f as formatErrorMessage, u as useRenderElement, m as mergeProps, b as useMergedRefs, E as EMPTY_OBJECT, c as EMPTY_ARRAY } from './useRenderElement-es.js';
+import { H as createAttribute, b as useFloatingTree, u as useFloatingParentNodeId, J as getNodeChildren, p as popupStateMapping, F as FloatingFocusManager, y as FloatingPortal, K as POPUP_COLLISION_AVOIDANCE, I as InternalBackdrop, A as inertValue, L as FloatingNode, B as DROPDOWN_COLLISION_AVOIDANCE, o as createSelector, R as ReactStore, P as PopupTriggerMap, M as FloatingTreeStore, N as fastComponent, w as useOnFirstRender, O as useFloatingNodeId, q as useOpenInteractionType, z as useScrollLock, t as useDismiss, n as useDirection, T as TYPEAHEAD_RESET_MS, v as useInteractions, Q as FloatingTree, U as fastComponentRef, s as useClick, V as getTabbableBeforeElement, W as isOutsideEvent, X as getTabbableAfterElement, Y as getNextTabbable, x as pressableTriggerOpenStateMapping, Z as FocusGuard, _ as PATIENT_CLICK_THRESHOLD, G as triggerOpenStateMapping } from './InternalBackdrop-es.js';
+import { a0 as isMouseLikePointerType, h as useTimeout, g as getTarget, a1 as isTypeableElement, a2 as matchesFocusVisible, a3 as isTargetInsideEnabledTrigger, d as createChangeEventDetails, a4 as triggerFocus, q as activeElement, r as contains, a5 as isMac, a6 as isSafari, o as ownerDocument, a7 as triggerPress, a8 as escapeKey, D as useOnMount, a9 as TYPEABLE_SELECTOR, T as Timeout, b as useStableCallback, a as useIsoLayoutEffect, aa as triggerHover, n as useValueAsRef, t as transitionStatusMapping, Z as itemPress, c as useButton, u as useBaseUiId, f as useOpenChangeComplete, U as outsidePress, ab as useAnimationsFinished, ac as siblingOpen, E as useControlled, k as useTransitionStatus, l as useId, y as focusOut, v as listNavigation, i as imperativeAction, ad as useCompositeRootContext, V as cancelOpen } from './useButton-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { u as useCompositeListItem, g as getDisabledMountTransitionStyles, a as useAnchorPositioning, b as adaptiveOrigin, C as CompositeList, c as useListNavigation, d as useTypeahead, e as getPseudoElementBounds } from './useCompositeListItem-es.js';
-import { B as createAttribute, a as useFloatingTree, u as useFloatingParentNodeId, E as getNodeChildren, p as popupStateMapping, o as FloatingFocusManager, q as FloatingPortal, G as POPUP_COLLISION_AVOIDANCE, I as InternalBackdrop, r as inertValue, H as FloatingNode, J as DROPDOWN_COLLISION_AVOIDANCE, n as createSelector, R as ReactStore, P as PopupTriggerMap, K as FloatingTreeStore, L as fastComponent, x as useOnFirstRender, M as useFloatingNodeId, s as useOpenInteractionType, v as useScrollLock, t as useDismiss, m as useDirection, T as TYPEAHEAD_RESET_MS, w as useInteractions, N as FloatingTree, O as fastComponentRef, y as useClick, Q as getTabbableBeforeElement, S as isOutsideEvent, U as getTabbableAfterElement, V as getNextTabbable, W as pressableTriggerOpenStateMapping, X as FocusGuard, Y as PATIENT_CLICK_THRESHOLD, A as triggerOpenStateMapping } from './InternalBackdrop-es.js';
-import { k as getWindow, b as isElement, a as isHTMLElement, d as isLastTraversableNode, e as getParentNode } from './floating-ui.utils.dom-es.js';
+import { e as useCompositeListItem, d as getDisabledMountTransitionStyles, c as useAnchorPositioning, f as adaptiveOrigin, C as CompositeList, a as useListNavigation, b as useTypeahead, g as getPseudoElementBounds } from './useCompositeListItem-es.js';
+import { u as useToolbarRootContext } from './ToolbarRootContext-es.js';
+import { C as COMPOSITE_KEYS } from './CSPContext-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, m as useImplicitActiveTrigger, n as useOpenStateTransitions, o as useSyncedFloatingRootContext, q as useRole, r as useTriggerDataForwarding, s as useTriggerRegistration } from './ScrollAreaViewport-es.js';
 import * as ReactDOM from 'react-dom';
 
 function resolveValue(value, pointerType) {
@@ -912,92 +914,6 @@ function safePolygon(options = {}) {
   return fn;
 }
 
-/**
- * A button that closes the dialog.
- * Renders a `<button>` element.
- *
- * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
- */
-const DialogClose = /*#__PURE__*/React.forwardRef(function DialogClose(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    disabled = false,
-    nativeButton = true,
-    ...elementProps
-  } = componentProps;
-  const {
-    store
-  } = useDialogRootContext();
-  const open = store.useState('open');
-  function handleClick(event) {
-    if (open) {
-      store.setOpen(false, createChangeEventDetails(closePress, event.nativeEvent));
-    }
-  }
-  const {
-    getButtonProps,
-    buttonRef
-  } = useButton({
-    disabled,
-    native: nativeButton
-  });
-  const state = {
-    disabled
-  };
-  return useRenderElement('button', componentProps, {
-    state,
-    ref: [forwardedRef, buttonRef],
-    props: [{
-      onClick: handleClick
-    }, elementProps, getButtonProps]
-  });
-});
-if (process.env.NODE_ENV !== "production") DialogClose.displayName = "DialogClose";
-
-/**
- * A button that closes the drawer.
- * Renders a `<button>` element.
- *
- * Documentation: [Base UI Drawer](https://base-ui.com/react/components/drawer)
- */
-const DrawerClose = DialogClose;
-
-/**
- * A heading that labels the dialog.
- * Renders an `<h2>` element.
- *
- * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
- */
-const DialogTitle = /*#__PURE__*/React.forwardRef(function DialogTitle(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    id: idProp,
-    ...elementProps
-  } = componentProps;
-  const {
-    store
-  } = useDialogRootContext();
-  const id = useBaseUiId(idProp);
-  store.useSyncedValueWithCleanup('titleElementId', id);
-  return useRenderElement('h2', componentProps, {
-    ref: forwardedRef,
-    props: [{
-      id
-    }, elementProps]
-  });
-});
-if (process.env.NODE_ENV !== "production") DialogTitle.displayName = "DialogTitle";
-
-/**
- * A heading that labels the drawer.
- * Renders an `<h2>` element.
- *
- * Documentation: [Base UI Drawer](https://base-ui.com/react/components/drawer)
- */
-const DrawerTitle = DialogTitle;
-
 const MenuPositionerContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") MenuPositionerContext.displayName = "MenuPositionerContext";
 function useMenuPositionerContext(optional) {
@@ -1028,6 +944,52 @@ function useContextMenuRootContext(optional = true) {
   return context;
 }
 
+const stateAttributesMapping$1 = {
+  ...popupStateMapping,
+  ...transitionStatusMapping
+};
+
+/**
+ * An overlay displayed beneath the menu popup.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
+ */
+const MenuBackdrop = /*#__PURE__*/React.forwardRef(function MenuBackdrop(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const {
+    store
+  } = useMenuRootContext();
+  const open = store.useState('open');
+  const mounted = store.useState('mounted');
+  const transitionStatus = store.useState('transitionStatus');
+  const lastOpenChangeReason = store.useState('lastOpenChangeReason');
+  const contextMenuContext = useContextMenuRootContext();
+  const state = {
+    open,
+    transitionStatus
+  };
+  return useRenderElement('div', componentProps, {
+    ref: contextMenuContext?.backdropRef ? [forwardedRef, contextMenuContext.backdropRef] : forwardedRef,
+    state,
+    stateAttributesMapping: stateAttributesMapping$1,
+    props: [{
+      role: 'presentation',
+      hidden: !mounted,
+      style: {
+        pointerEvents: lastOpenChangeReason === triggerHover ? 'none' : undefined,
+        userSelect: 'none',
+        WebkitUserSelect: 'none'
+      }
+    }, elementProps]
+  });
+});
+if (process.env.NODE_ENV !== "production") MenuBackdrop.displayName = "MenuBackdrop";
+
 /**
  * Returns common props shared by all menu item types.
  * This hook extracts the shared logic for id, role, tabIndex, onKeyDown,
@@ -1368,16 +1330,6 @@ const MenuLinkItem = /*#__PURE__*/React.forwardRef(function MenuLinkItem(compone
 });
 if (process.env.NODE_ENV !== "production") MenuLinkItem.displayName = "MenuLinkItem";
 
-const ToolbarRootContext = /*#__PURE__*/React.createContext(undefined);
-if (process.env.NODE_ENV !== "production") ToolbarRootContext.displayName = "ToolbarRootContext";
-function useToolbarRootContext(optional) {
-  const context = React.useContext(ToolbarRootContext);
-  if (context === undefined && !optional) {
-    throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: ToolbarRootContext is missing. Toolbar parts must be placed within <Toolbar.Root>.' : formatErrorMessage(69));
-  }
-  return context;
-}
-
 const stateAttributesMapping = {
   ...popupStateMapping,
   ...transitionStatusMapping
@@ -3045,4 +2997,4 @@ const MenuSubmenuTrigger = /*#__PURE__*/React.forwardRef(function SubmenuTrigger
 });
 if (process.env.NODE_ENV !== "production") MenuSubmenuTrigger.displayName = "MenuSubmenuTrigger";
 
-export { DrawerTitle as D, MenuTrigger as M, REGULAR_ITEM as R, DrawerClose as a, MenuLinkItem as b, MenuItem as c, MenuRadioItem as d, MenuRadioItemIndicator as e, MenuSubmenuTrigger as f, MenuRoot as g, MenuPortal as h, MenuPositioner as i, MenuPopup as j, MenuRadioGroup as k, MenuGroup as l, MenuSubmenuRoot as m, MenuGroupLabel as n, useMenuPositionerContext as o, useContextMenuRootContext as p, useMenuItem as q, itemMapping as r, MenuStore as s, useMenuRootContext as u };
+export { MenuTrigger as M, REGULAR_ITEM as R, MenuLinkItem as a, MenuItem as b, MenuRadioItem as c, MenuRadioItemIndicator as d, MenuSubmenuTrigger as e, MenuRoot as f, MenuPortal as g, MenuBackdrop as h, MenuPositioner as i, MenuPopup as j, MenuRadioGroup as k, MenuGroup as l, MenuSubmenuRoot as m, MenuGroupLabel as n, useMenuPositionerContext as o, useMenuItem as p, itemMapping as q, MenuStore as r, useMenuRootContext as u };

package/dist/NumberFieldInput-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var useButton = require('./useButton-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
-var useLabel = require('./useLabel-cjs.js');
+var useLabelableId = require('./useLabelableId-cjs.js');
 var clamp = require('./clamp-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
@@ -109,7 +109,7 @@ function useNumberFieldRootContext() {
 const stateAttributesMapping$1 = {
   inputValue: () => null,
   value: () => null,
-  ...useLabel.fieldValidityMapping
+  ...useLabelableId.fieldValidityMapping
 };
 
 const HAN_NUMERALS = ['零', '〇', '一', '二', '三', '四', '五', '六', '七', '八', '九'];
@@ -444,7 +444,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     state: fieldState,
     validation,
     shouldValidateOnChange
-  } = useLabel.useFieldRootContext();
+  } = useLabelableId.useFieldRootContext();
   const disabled = fieldDisabled || disabledProp;
   const name = fieldName ?? nameProp;
   const step = stepProp === 'any' ? 1 : stepProp;
@@ -455,7 +455,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
   const formatStyle = format?.style;
   const inputRef = React__namespace.useRef(null);
   const hiddenInputRef = useRenderElement.useMergedRefs(inputRefProp, validation.inputRef);
-  const id = useLabel.useLabelableId({
+  const id = useLabelableId.useLabelableId({
     id: idProp
   });
   const [valueUnwrapped, setValueUnwrapped] = useButton.useControlled({
@@ -1204,7 +1204,7 @@ const NumberFieldDecrement = /*#__PURE__*/React__namespace.forwardRef(function N
 if (process.env.NODE_ENV !== "production") NumberFieldDecrement.displayName = "NumberFieldDecrement";
 
 const stateAttributesMapping = {
-  ...useLabel.fieldValidityMapping,
+  ...useLabelableId.fieldValidityMapping,
   ...stateAttributesMapping$1
 };
 const NAVIGATE_KEYS = new Set(['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab', 'Enter', 'Escape']);
@@ -1249,7 +1249,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
   } = useNumberFieldRootContext();
   const {
     clearErrors
-  } = useLabel.useFormContext();
+  } = useLabelableId.useFormContext();
   const {
     validationMode,
     setTouched,
@@ -1257,13 +1257,13 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
     invalid,
     shouldValidateOnChange,
     validation
-  } = useLabel.useFieldRootContext();
+  } = useLabelableId.useFieldRootContext();
   const {
     labelId
-  } = useLabel.useLabelableContext();
+  } = useLabelableId.useLabelableContext();
   const hasTouchedInputRef = React__namespace.useRef(false);
   const blockRevalidationRef = React__namespace.useRef(false);
-  useLabel.useField({
+  useLabelableId.useField({
     id,
     commit: validation.commit,
     value,

package/dist/NumberFieldInput-es.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { z as useOnMount, T as Timeout, B as useControlled, j as useValueAsRef, d as useIsoLayoutEffect, a as useStableCallback, b as useTimeout, C as isIOS, n as createChangeEventDetails, D as none, E as visuallyHiddenInput, F as visuallyHidden, G as inputChange, H as inputClear, I as inputBlur, J as inputPaste, K as createGenericEventDetails, o as ownerDocument, L as incrementPress, M as decrementPress, N as useButton, O as useValueChanged, s as stopEvent, P as keyboard } from './useButton-es.js';
+import { D as useOnMount, T as Timeout, E as useControlled, n as useValueAsRef, a as useIsoLayoutEffect, b as useStableCallback, h as useTimeout, F as isIOS, d as createChangeEventDetails, G as none, H as visuallyHiddenInput, I as visuallyHidden, J as inputChange, K as inputClear, L as inputBlur, M as inputPaste, N as createGenericEventDetails, o as ownerDocument, O as incrementPress, P as decrementPress, c as useButton, Q as useValueChanged, s as stopEvent, R as keyboard } from './useButton-es.js';
 import { a as useRefWithInit, f as formatErrorMessage, b as useMergedRefs, u as useRenderElement } from './useRenderElement-es.js';
-import { f as fieldValidityMapping, b as useFieldRootContext, d as useLabelableId, a as useFormContext, u as useLabelableContext, e as useField } from './useLabel-es.js';
+import { f as fieldValidityMapping, b as useFieldRootContext, c as useLabelableId, a as useFormContext, u as useLabelableContext, d as useField } from './useLabelableId-es.js';
 import { c as clamp } from './clamp-es.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { k as getWindow } from './floating-ui.utils.dom-es.js';
+import { o as getWindow } from './floating-ui.utils.dom-es.js';
 
 /**
  * Returns a function that forces a rerender.

package/dist/Page/index.cjs

@@ -32,11 +32,14 @@ require('../BottomSheet-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../InternalBackdrop-cjs.js');
 require('../useButton-cjs.js');
+require('../CSPContext-cjs.js');
 require('../clamp-cjs.js');
 require('../OverlaySeparator-cjs.js');
 require('../Separator-cjs.js');
+require('../DrawerTitle-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');
 require('../useCompositeListItem-cjs.js');
+require('../ToolbarRootContext-cjs.js');
 require('../filterDataAttributes-cjs.js');
 
 

package/dist/Page/index.mjs

@@ -30,9 +30,12 @@ import '../BottomSheet-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../InternalBackdrop-es.js';
 import '../useButton-es.js';
+import '../CSPContext-es.js';
 import '../clamp-es.js';
 import '../OverlaySeparator-es.js';
 import '../Separator-es.js';
+import '../DrawerTitle-es.js';
 import '../MenuSubmenuTrigger-es.js';
 import '../useCompositeListItem-es.js';
+import '../ToolbarRootContext-es.js';
 import '../filterDataAttributes-es.js';