@jobber/components 8.21.0 → 8.22.0

package/dist/unstyledPrimitives/index.mjs

@@ -1,18 +1,20 @@
 import * as React from 'react';
-import { a as useStableCallback, ar as pointer, u as useBaseUiId, d as useIsoLayoutEffect, t as transitionStatusMapping, n as createChangeEventDetails, Q as imperativeAction, o as ownerDocument, m as contains, g as getTarget, b as useTimeout, as as swipe, ac as useAnimationFrame, al as TransitionStatusDataAttributes, a4 as triggerHover, B as useControlled, a6 as itemPress, c as useTransitionStatus, f as useOpenChangeComplete, a8 as useAnimationsFinished, ao as isFirefox, at as scrub, K as createGenericEventDetails, V as isWebKit } from '../useButton-es.js';
+import { e as useStableCallback, a9 as pointer, j as useIsoLayoutEffect, o as ownerDocument, r as contains, k as getTarget, f as useTimeout, b as useBaseUiId, c as createChangeEventDetails, aa as swipe, ab as useAnimationFrame, ac as TransitionStatusDataAttributes, E as useControlled, a3 as itemPress, h as useTransitionStatus, d as useOpenChangeComplete, a5 as useAnimationsFinished, ad as isFirefox, ae as scrub, N as createGenericEventDetails, af as isWebKit } from '../useButton-es.js';
 import { A as useCoreFilter, B as AriaCombobox, D as stringifyAsLabel, E as useComboboxInputValueContext, l as ComboboxArrow, i as ComboboxBackdrop, x as ComboboxClear, v as ComboboxCollection, w as ComboboxEmpty, n as ComboboxGroup, o as ComboboxGroupLabel, m as ComboboxIcon, c as ComboboxInput, d as ComboboxInputGroup, p as ComboboxItem, f as ComboboxList, k as ComboboxPopup, h as ComboboxPortal, j as ComboboxPositioner, u as ComboboxRow, g as ComboboxStatus, e as ComboboxTrigger, z as useFilteredItems, s as ComboboxChip, t as ComboboxChipRemove, r as ComboboxChips, q as ComboboxItemIndicator, a as ComboboxLabel, C as ComboboxRoot, b as ComboboxValue, y as useComboboxFilter } from '../ComboboxChipRemove-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { S as Separator } from '../Separator-es.js';
-import { u as useDialogRootContext, n as useDrawerProviderContext, o as DrawerBackdropCssVars, q as DrawerPopupCssVars, r as DrawerProviderContext, s as useDialogPortalContext, t as DialogStore, v as useDrawerRootContext, m as useTriggerRegistration, w as DrawerPopupDataAttributes, x as useDrawerSnapPoints, y as DrawerViewportContext, z as DRAWER_CONTENT_ATTRIBUTE, c as DrawerBackdrop, f as DrawerContent, d as DrawerPopup, b as DrawerPortal, a as DrawerRoot, D as DrawerTrigger, A as useScrollAreaRootContext, B as getOffset, E as ScrollAreaRootCssVars, F as scrollAreaStateAttributesMapping, G as useScrollAreaViewportContext, S as ScrollAreaRoot, e as ScrollAreaViewport } from '../ScrollAreaViewport-es.js';
-import { a as DrawerClose, D as DrawerTitle, u as useMenuRootContext, o as useMenuPositionerContext, p as useContextMenuRootContext, q as useMenuItem, R as REGULAR_ITEM, r as itemMapping, s as MenuStore, l as MenuGroup, n as MenuGroupLabel, c as MenuItem, b as MenuLinkItem, j as MenuPopup, h as MenuPortal, i as MenuPositioner, k as MenuRadioGroup, d as MenuRadioItem, e as MenuRadioItemIndicator, g as MenuRoot, m as MenuSubmenuRoot, f as MenuSubmenuTrigger, M as MenuTrigger } from '../MenuSubmenuTrigger-es.js';
+import { a as DialogBackdrop, d as DialogDescription, f as DialogHandle, c as DialogPopup, b as DialogViewport, e as createDialogHandle, D as DrawerDescription } from '../DrawerDescription-es.js';
+import { c as DialogClose, b as DialogTitle, a as DrawerClose, D as DrawerTitle } from '../DrawerTitle-es.js';
+import { i as DialogPortal, g as DialogRoot, h as DialogTrigger, t as useDrawerProviderContext, v as DrawerBackdropCssVars, w as DrawerPopupCssVars, x as DrawerProviderContext, u as useDialogRootContext, y as useDrawerRootContext, s as useTriggerRegistration, z as DrawerPopupDataAttributes, A as useDrawerSnapPoints, B as DrawerViewportContext, E as DRAWER_CONTENT_ATTRIBUTE, c as DrawerBackdrop, f as DrawerContent, d as DrawerPopup, b as DrawerPortal, a as DrawerRoot, D as DrawerTrigger, F as useScrollAreaRootContext, G as getOffset, H as ScrollAreaRootCssVars, I as scrollAreaStateAttributesMapping, J as useScrollAreaViewportContext, S as ScrollAreaRoot, e as ScrollAreaViewport } from '../ScrollAreaViewport-es.js';
 import { u as useRenderElement, m as mergeProps, f as formatErrorMessage, N as NOOP, E as EMPTY_OBJECT } from '../useRenderElement-es.js';
 import { a as isHTMLElement, f as getComputedStyle, b as isElement, k as getWindow } from '../floating-ui.utils.dom-es.js';
 import { c as clamp } from '../clamp-es.js';
-import { C as CommonPopupDataAttributes, p as popupStateMapping, $ as BASE_UI_SWIPE_IGNORE_SELECTOR, m as useDirection, r as inertValue } from '../InternalBackdrop-es.js';
+import { C as CommonPopupDataAttributes, Y as BASE_UI_SWIPE_IGNORE_SELECTOR, p as popupStateMapping, n as useDirection, t as inertValue } from '../InternalBackdrop-es.js';
 import * as ReactDOM from 'react-dom';
+import { u as useMenuRootContext, o as useMenuPositionerContext, p as useMenuItem, R as REGULAR_ITEM, q as itemMapping, r as MenuStore, h as MenuBackdrop, l as MenuGroup, n as MenuGroupLabel, b as MenuItem, a as MenuLinkItem, j as MenuPopup, g as MenuPortal, i as MenuPositioner, k as MenuRadioGroup, c as MenuRadioItem, d as MenuRadioItemIndicator, f as MenuRoot, m as MenuSubmenuRoot, e as MenuSubmenuTrigger, M as MenuTrigger } from '../MenuSubmenuTrigger-es.js';
 import { u as useCompositeListItem } from '../useCompositeListItem-es.js';
 import { y as round } from '../index.esm-es.js';
-import { u as useNumberFieldRootContext, D as DEFAULT_STEP, s as stateAttributesMapping$6, d as NumberFieldDecrement, a as NumberFieldGroup, c as NumberFieldIncrement, b as NumberFieldInput, N as NumberFieldRoot } from '../NumberFieldInput-es.js';
+import { u as useNumberFieldRootContext, D as DEFAULT_STEP, s as stateAttributesMapping$4, d as NumberFieldDecrement, a as NumberFieldGroup, c as NumberFieldIncrement, b as NumberFieldInput, N as NumberFieldRoot } from '../NumberFieldInput-es.js';
 import '../useLabel-es.js';
 import '../floating-ui.react-dom-es.js';
 
@@ -125,7 +127,7 @@ function AutocompleteValue(props) {
   });
 }
 
-var index_parts$5 = /*#__PURE__*/Object.freeze({
+var index_parts$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Arrow: ComboboxArrow,
   Backdrop: ComboboxBackdrop,
@@ -152,42 +154,22 @@ var index_parts$5 = /*#__PURE__*/Object.freeze({
   useFilteredItems: useFilteredItems
 });
 
-/**
- * A paragraph with additional information about the dialog.
- * Renders a `<p>` element.
- *
- * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
- */
-const DialogDescription = /*#__PURE__*/React.forwardRef(function DialogDescription(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    id: idProp,
-    ...elementProps
-  } = componentProps;
-  const {
-    store
-  } = useDialogRootContext();
-  const id = useBaseUiId(idProp);
-  store.useSyncedValueWithCleanup('descriptionElementId', id);
-  return useRenderElement('p', componentProps, {
-    ref: forwardedRef,
-    props: [{
-      id
-    }, elementProps]
-  });
+var index_parts$5 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Backdrop: DialogBackdrop,
+  Close: DialogClose,
+  Description: DialogDescription,
+  Handle: DialogHandle,
+  Popup: DialogPopup,
+  Portal: DialogPortal,
+  Root: DialogRoot,
+  Title: DialogTitle,
+  Trigger: DialogTrigger,
+  Viewport: DialogViewport,
+  createHandle: createDialogHandle
 });
-if (process.env.NODE_ENV !== "production") DialogDescription.displayName = "DialogDescription";
-
-/**
- * A paragraph with additional information about the drawer.
- * Renders a `<p>` element.
- *
- * Documentation: [Base UI Drawer](https://base-ui.com/react/components/drawer)
- */
-const DrawerDescription = DialogDescription;
 
-const stateAttributesMapping$5 = {
+const stateAttributesMapping$3 = {
   active(value) {
     if (value) {
       return {
@@ -257,12 +239,12 @@ const DrawerIndent = /*#__PURE__*/React.forwardRef(function DrawerIndent(compone
         [DrawerBackdropCssVars.swipeProgress]: '0'
       }
     }, elementProps],
-    stateAttributesMapping: stateAttributesMapping$5
+    stateAttributesMapping: stateAttributesMapping$3
   });
 });
 if (process.env.NODE_ENV !== "production") DrawerIndent.displayName = "DrawerIndent";
 
-const stateAttributesMapping$4 = {
+const stateAttributesMapping$2 = {
   active(value) {
     if (value) {
       return {
@@ -296,7 +278,7 @@ const DrawerIndentBackground = /*#__PURE__*/React.forwardRef(function DrawerInde
     ref: forwardedRef,
     state,
     props: elementProps,
-    stateAttributesMapping: stateAttributesMapping$4
+    stateAttributesMapping: stateAttributesMapping$2
   });
 });
 if (process.env.NODE_ENV !== "production") DrawerIndentBackground.displayName = "DrawerIndentBackground";
@@ -384,160 +366,6 @@ function createVisualStateStore() {
   };
 }
 
-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$3 = {
-  ...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 {
-    className,
-    render,
-    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 nestedDialogOpen = nestedOpenDialogCount > 0;
-  const state = {
-    open,
-    nested,
-    transitionStatus,
-    nestedDialogOpen
-  };
-  const shouldRender = keepMounted || mounted;
-  return useRenderElement('div', componentProps, {
-    enabled: shouldRender,
-    state,
-    ref: [forwardedRef, store.useStateSetter('viewportElement')],
-    stateAttributesMapping: stateAttributesMapping$3,
-    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.
- */
-class DialogHandle {
-  /**
-   * Internal store holding the dialog state.
-   * @internal
-   */
-
-  constructor(store) {
-    this.store = store ?? new DialogStore();
-  }
-
-  /**
-   * Opens the dialog and associates it with the trigger with the given id.
-   * The trigger, if provided, must be a Dialog.Trigger component with this handle passed as a prop.
-   *
-   * This method should only be called in an event handler or an effect (not during rendering).
-   *
-   * @param triggerId ID of the trigger to associate with the dialog. If null, the dialog will open without a trigger association.
-   */
-  open(triggerId) {
-    const triggerElement = triggerId ? this.store.context.triggerElements.getById(triggerId) : undefined;
-    if (process.env.NODE_ENV !== 'production') {
-      if (triggerId && !triggerElement) {
-        console.warn(`Base UI: DialogHandle.open: No trigger found with id "${triggerId}". The dialog will open, but the trigger will not be associated with the dialog.`);
-      }
-    }
-    this.store.setOpen(true, createChangeEventDetails(imperativeAction, undefined, triggerElement));
-  }
-
-  /**
-   * Opens the dialog and sets the payload.
-   * Does not associate the dialog with any trigger.
-   *
-   * @param payload Payload to set when opening the dialog.
-   */
-  openWithPayload(payload) {
-    this.store.set('payload', payload);
-    this.store.setOpen(true, createChangeEventDetails(imperativeAction, undefined, undefined));
-  }
-
-  /**
-   * Closes the dialog.
-   */
-  close() {
-    this.store.setOpen(false, createChangeEventDetails(imperativeAction, undefined, undefined));
-  }
-
-  /**
-   * Indicates whether the dialog is currently open.
-   */
-  get isOpen() {
-    return this.store.state.open;
-  }
-}
-
-/**
- * Creates a new handle to connect a Dialog.Root with detached Dialog.Trigger components.
- */
-function createDialogHandle() {
-  return new DialogHandle();
-}
-
 function isScrollable(element, axis) {
   const style = getComputedStyle(element);
   if (axis === 'vertical') {
@@ -1550,7 +1378,7 @@ const SWIPE_AREA_SWIPING_HOOK = {
 const SWIPE_AREA_DISABLED_HOOK = {
   [DrawerSwipeAreaDataAttributes.disabled]: ''
 };
-const stateAttributesMapping$2 = {
+const stateAttributesMapping$1 = {
   open(value) {
     return value ? SWIPE_AREA_OPEN_HOOK : SWIPE_AREA_CLOSED_HOOK;
   },
@@ -1855,7 +1683,7 @@ const DrawerSwipeArea = /*#__PURE__*/React.forwardRef(function DrawerSwipeArea(c
   return useRenderElement('div', componentProps, {
     state,
     ref: [forwardedRef, swipeAreaRef, registerTrigger],
-    stateAttributesMapping: stateAttributesMapping$2,
+    stateAttributesMapping: stateAttributesMapping$1,
     props: [{
       role: 'presentation',
       'aria-hidden': true,
@@ -2921,52 +2749,6 @@ const MenuArrow = /*#__PURE__*/React.forwardRef(function MenuArrow(componentProp
 });
 if (process.env.NODE_ENV !== "production") MenuArrow.displayName = "MenuArrow";
 
-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";
-
 const MenuCheckboxItemContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") MenuCheckboxItemContext.displayName = "MenuCheckboxItemContext";
 function useMenuCheckboxItemContext() {
@@ -4388,7 +4170,7 @@ const NumberFieldScrubArea = /*#__PURE__*/React.forwardRef(function NumberFieldS
     ref: [forwardedRef, scrubAreaRef],
     state,
     props: [defaultProps, elementProps],
-    stateAttributesMapping: stateAttributesMapping$6
+    stateAttributesMapping: stateAttributesMapping$4
   });
   const contextValue = React.useMemo(() => ({
     isScrubbing,
@@ -4446,7 +4228,7 @@ const NumberFieldScrubAreaCursor = /*#__PURE__*/React.forwardRef(function Number
         pointerEvents: 'none'
       }
     }, elementProps],
-    stateAttributesMapping: stateAttributesMapping$6
+    stateAttributesMapping: stateAttributesMapping$4
   });
   return element && /*#__PURE__*/ReactDOM.createPortal(element, ownerDocument(domElement).body);
 });
@@ -4472,4 +4254,4 @@ function useRender(params) {
   return useRenderElement(params.defaultTagName ?? 'div', params, params);
 }
 
-export { index_parts$5 as Autocomplete, index_parts$1 as Combobox, index_parts$4 as Drawer, index_parts$3 as Menu, index_parts as NumberField, index_parts$2 as ScrollArea, Separator, useRender };
+export { index_parts$6 as Autocomplete, index_parts$1 as Combobox, index_parts$5 as Dialog, index_parts$4 as Drawer, index_parts$3 as Menu, index_parts as NumberField, index_parts$2 as ScrollArea, Separator, useRender };

package/dist/useButton-es.js

@@ -1088,4 +1088,4 @@ function isValidLinkElement(elem) {
   return Boolean(elem?.tagName === 'A' && elem?.href);
 }
 
-export { isMac as $, ARROW_DOWN as A, useControlled as B, isIOS as C, none as D, visuallyHiddenInput as E, visuallyHidden as F, inputChange as G, inputClear as H, inputBlur as I, inputPaste as J, createGenericEventDetails as K, incrementPress as L, decrementPress as M, useButton as N, useValueChanged as O, keyboard as P, imperativeAction as Q, isAndroid as R, SafeReact as S, Timeout as T, closeWatcher as U, isWebKit as V, isMouseLikePointerType as W, isTypeableElement as X, matchesFocusVisible as Y, isTargetInsideEnabledTrigger as Z, triggerFocus as _, useStableCallback as a, isSafari as a0, triggerPress as a1, escapeKey as a2, TYPEABLE_SELECTOR as a3, triggerHover as a4, closePress as a5, itemPress as a6, outsidePress as a7, useAnimationsFinished as a8, siblingOpen as a9, useCompositeRootContext as aa, cancelOpen as ab, useAnimationFrame as ac, resolveRef as ad, isClickLikeEvent as ae, isReactEvent as af, isEventTargetWithin as ag, isRootElement as ah, FOCUSABLE_ATTRIBUTE as ai, ACTIVE_KEY as aj, SELECTED_KEY as ak, TransitionStatusDataAttributes as al, AnimationFrame as am, inputPress as an, isFirefox as ao, clearPress as ap, chipRemovePress as aq, pointer as ar, swipe as as, scrub as at, useTimeout as b, useTransitionStatus as c, useIsoLayoutEffect as d, error as e, useOpenChangeComplete as f, getTarget as g, useId as h, getFloatingFocusElement as i, useValueAsRef as j, isTypeableCombobox as k, activeElement as l, contains as m, createChangeEventDetails as n, ownerDocument as o, listNavigation as p, ARROW_LEFT as q, ARROW_RIGHT as r, stopEvent as s, transitionStatusMapping as t, useBaseUiId as u, focusOut as v, isVirtualClick as w, isVirtualPointerEvent as x, ARROW_UP as y, useOnMount as z };
+export { triggerPress as $, ARROW_DOWN as A, isVirtualPointerEvent as B, ARROW_UP as C, useOnMount as D, useControlled as E, isIOS as F, none as G, visuallyHiddenInput as H, visuallyHidden as I, inputChange as J, inputClear as K, inputBlur as L, inputPaste as M, createGenericEventDetails as N, incrementPress as O, decrementPress as P, useValueChanged as Q, keyboard as R, SafeReact as S, Timeout as T, isMouseLikePointerType as U, isTypeableElement as V, matchesFocusVisible as W, isTargetInsideEnabledTrigger as X, triggerFocus as Y, isMac as Z, isSafari as _, closePress as a, escapeKey as a0, TYPEABLE_SELECTOR as a1, triggerHover as a2, itemPress as a3, outsidePress as a4, useAnimationsFinished as a5, siblingOpen as a6, useCompositeRootContext as a7, cancelOpen as a8, pointer as a9, swipe as aa, useAnimationFrame as ab, TransitionStatusDataAttributes as ac, isFirefox as ad, scrub as ae, isWebKit as af, isAndroid as ag, closeWatcher as ah, resolveRef as ai, isClickLikeEvent as aj, isReactEvent as ak, isEventTargetWithin as al, isRootElement as am, FOCUSABLE_ATTRIBUTE as an, ACTIVE_KEY as ao, SELECTED_KEY as ap, AnimationFrame as aq, inputPress as ar, clearPress as as, chipRemovePress as at, useBaseUiId as b, createChangeEventDetails as c, useOpenChangeComplete as d, useStableCallback as e, useTimeout as f, error as g, useTransitionStatus as h, imperativeAction as i, useIsoLayoutEffect as j, getTarget as k, useId as l, getFloatingFocusElement as m, useValueAsRef as n, ownerDocument as o, isTypeableCombobox as p, activeElement as q, contains as r, stopEvent as s, transitionStatusMapping as t, useButton as u, listNavigation as v, ARROW_LEFT as w, ARROW_RIGHT as x, focusOut as y, isVirtualClick as z };

package/dist/useCompositeListItem-es.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { b as isElement, a as isHTMLElement, k as getWindow } from './floating-ui.utils.dom-es.js';
-import { h as useId, d as useIsoLayoutEffect, i as getFloatingFocusElement, j as useValueAsRef, k as isTypeableCombobox, a as useStableCallback, l as activeElement, o as ownerDocument, m as contains, s as stopEvent, n as createChangeEventDetails, p as listNavigation, A as ARROW_DOWN, q as ARROW_LEFT, r as ARROW_RIGHT, g as getTarget, v as focusOut, w as isVirtualClick, x as isVirtualPointerEvent, y as ARROW_UP, b as useTimeout } from './useButton-es.js';
-import { u as useFloatingParentNodeId, F as FloatingRootStore, P as PopupTriggerMap, a as useFloatingTree, i as isIndexOutOfListBounds, g as getMinListIndex, b as getMaxListIndex, c as createGridCellMap, d as isListIndexDisabled, e as getGridNavigatedIndex, f as getGridCellIndices, h as getGridCellIndexOfCorner, j as findNonDisabledListIndex, k as enqueueFocus, l as isElementVisible, m as useDirection, D as DISABLED_TRANSITIONS_STYLE } from './InternalBackdrop-es.js';
+import { l as useId, j as useIsoLayoutEffect, m as getFloatingFocusElement, n as useValueAsRef, p as isTypeableCombobox, e as useStableCallback, q as activeElement, o as ownerDocument, r as contains, s as stopEvent, c as createChangeEventDetails, v as listNavigation, A as ARROW_DOWN, w as ARROW_LEFT, x as ARROW_RIGHT, k as getTarget, y as focusOut, z as isVirtualClick, B as isVirtualPointerEvent, C as ARROW_UP, f as useTimeout } from './useButton-es.js';
+import { u as useFloatingParentNodeId, a as FloatingRootStore, P as PopupTriggerMap, b as useFloatingTree, i as isIndexOutOfListBounds, g as getMinListIndex, c as getMaxListIndex, d as createGridCellMap, e as isListIndexDisabled, f as getGridNavigatedIndex, h as getGridCellIndices, j as getGridCellIndexOfCorner, k as findNonDisabledListIndex, l as enqueueFocus, m as isElementVisible, n as useDirection, D as DISABLED_TRANSITIONS_STYLE } from './InternalBackdrop-es.js';
 import { a as useRefWithInit, E as EMPTY_OBJECT } from './useRenderElement-es.js';
 import { jsx } from 'react/jsx-runtime';
 import { e as evaluate, h as getPaddingObject, b as getAlignmentAxis, d as getAlignment, q as getAxisLength, n as clamp, c as getSide, g as getSideAxis } from './index.esm-es.js';

package/dist/useLabel-es.js

@@ -1,5 +1,5 @@
 import * as ReactDOM from 'react-dom';
-import { a as useStableCallback, d as useIsoLayoutEffect, u as useBaseUiId, g as getTarget, o as ownerDocument } from './useButton-es.js';
+import { e as useStableCallback, j as useIsoLayoutEffect, b as useBaseUiId, k as getTarget, o as ownerDocument } from './useButton-es.js';
 import * as React from 'react';
 import { N as NOOP, f as formatErrorMessage, E as EMPTY_OBJECT, a as useRefWithInit } from './useRenderElement-es.js';
 import { b as isElement, a as isHTMLElement } from './floating-ui.utils.dom-es.js';

package/dist/utils/meta/meta.json

@@ -70,6 +70,16 @@
     "DataTable.Table",
     "DatePicker",
     "DescriptionList",
+    "Dialog",
+    "Dialog.Actions",
+    "Dialog.Body",
+    "Dialog.Close",
+    "Dialog.Content",
+    "Dialog.Footer",
+    "Dialog.Header",
+    "Dialog.ScrollArea",
+    "Dialog.Title",
+    "Dialog.Trigger",
     "Disclosure",
     "Divider",
     "Drawer",
@@ -225,4 +235,4 @@
     "Tooltip",
     "Typography"
   ]
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.21.0",
+  "version": "8.22.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -487,7 +487,7 @@
   "devDependencies": {
     "@apollo/client": "^3.7.10",
     "@csstools/postcss-global-data": "^1.0.3",
-    "@jobber/design": "0.106.1",
+    "@jobber/design": "0.107.0",
     "@jobber/hooks": "2.21.0",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -541,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "8b1aaf0160310df30d09ba5f3dd9b12a008970cc"
+  "gitHead": "a79f359b1697f28cc49148b1ac1ca4c9d270a5dd"
 }