@jobber/components 8.25.0 → 8.25.2

package/dist/Dialog/Dialog.d.ts

@@ -1,3 +1,47 @@
-import type { DialogComponent } from "./Dialog.types";
-declare const Dialog: DialogComponent;
-export { Dialog };
+import React from "react";
+import type { DialogBodyProps, DialogCloseProps, DialogContentProps, DialogFooterProps, DialogHandle, DialogHeaderProps, DialogRootProps, DialogScrollAreaProps, DialogTitleProps, DialogTriggerProps } from "./Dialog.types";
+import { DialogActions } from "./dialogComposableShared";
+/**
+ * The Dialog root is a centered modal on
+ * desktop, a bottom sheet on mobile. Compose it with `Dialog.Trigger`,
+ * `Dialog.Content`, and the layout parts.
+ */
+export declare function Dialog<Payload = unknown>({ onRequestClose, size, type, finalFocus, children, onOpenChange, ...rest }: DialogRootProps<Payload>): React.JSX.Element;
+export declare namespace Dialog {
+    var Trigger: typeof DialogTrigger;
+    var Content: typeof DialogContent;
+    var Header: typeof DialogHeader;
+    var Title: typeof DialogTitle;
+    var Close: typeof DialogClose;
+    var Body: typeof DialogBody;
+    var Footer: typeof DialogFooter;
+    var Actions: typeof DialogActions;
+    var ScrollArea: typeof DialogScrollArea;
+    var createHandle: <Payload = unknown>() => DialogHandle<Payload>;
+}
+/**
+ * Opens the dialog. Accepts an Atlantis `<Button>` (via `children` or `render`)
+ * or links a detached `Dialog` through a matching `handle`.
+ */
+declare function DialogTrigger<Payload = unknown>(props: DialogTriggerProps<Payload>): React.JSX.Element;
+/**
+ * The dialog popup surface. Holds the `Header`, `Body`, and `Footer`; renders as a
+ * centered modal on desktop and a bottom sheet on mobile.
+ */
+declare function DialogContent(props: DialogContentProps): React.JSX.Element;
+/** Layout-only header row — typically a `Dialog.Title` and a `Dialog.Close`. */
+declare function DialogHeader(props: DialogHeaderProps): React.JSX.Element;
+/** The dialog's accessible title; wired to `aria-labelledby`. */
+declare function DialogTitle(props: DialogTitleProps): React.JSX.Element;
+/** A dismiss button that closes the dialog. */
+declare function DialogClose(props: DialogCloseProps): React.JSX.Element;
+/** The dialog body; wired to `aria-describedby`. */
+declare function DialogBody(props: DialogBodyProps): React.JSX.Element;
+/** Footer region for actions or supporting content. */
+declare function DialogFooter(props: DialogFooterProps): React.JSX.Element;
+/**
+ * Advanced scroll region. Delegates to the shell: the modal uses a native
+ * scrollbar; the sheet uses the BottomSheet primitive's scroll area (with fade).
+ */
+declare function DialogScrollArea(props: DialogScrollAreaProps): React.JSX.Element;
+export {};

package/dist/Dialog/Dialog.types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ComponentPropsWithRef, ComponentPropsWithoutRef, FunctionComponent, ReactElement, ReactNode } from "react";
+import type { CSSProperties, ComponentPropsWithRef, ComponentPropsWithoutRef, ReactElement, ReactNode } from "react";
 import type { Dialog as BaseDialog } from "../unstyledPrimitives";
 import type { ButtonProps } from "../Button";
 type BaseUIPropsToExclude = "render" | "className" | "style" | "ref" | "children";
@@ -162,20 +162,6 @@ export interface DialogContextValue {
 export interface DialogProviderProps extends DialogContextValue {
     readonly children: ReactNode;
 }
-/** The assembled `Dialog` component: a root with the parts attached. */
-export interface DialogComponent {
-    <Payload = unknown>(props: DialogRootProps<Payload>): ReactElement;
-    Trigger: <Payload = unknown>(props: DialogTriggerProps<Payload>) => ReactElement;
-    Content: FunctionComponent<DialogContentProps>;
-    Header: FunctionComponent<DialogHeaderProps>;
-    Title: FunctionComponent<DialogTitleProps>;
-    Close: FunctionComponent<DialogCloseProps>;
-    Body: FunctionComponent<DialogBodyProps>;
-    Footer: FunctionComponent<DialogFooterProps>;
-    Actions: FunctionComponent<DialogActionsProps>;
-    ScrollArea: FunctionComponent<DialogScrollAreaProps>;
-    createHandle: <Payload = unknown>() => DialogHandle<Payload>;
-}
 export type DialogActionsAlign = "left" | "right" | "fullWidth";
 interface DialogActionsBaseProps extends DialogBaseProps, Omit<ComponentPropsWithoutRef<"div">, "className" | "style" | "children"> {
     /** Primary action (right). */

package/dist/Dialog/DialogBottomSheet.d.ts

@@ -1,9 +1,19 @@
 import React from "react";
 import type { DialogBodyProps, DialogCloseProps, DialogContentProps, DialogScrollAreaProps, DialogShellRootProps, DialogTitleProps, DialogTriggerProps } from "./Dialog.types";
 import { SharedDialogFooter, SharedDialogHeader } from "./dialogComposableShared";
-declare function DialogBottomSheetRoot(props: DialogShellRootProps): React.JSX.Element;
+export declare function DialogBottomSheet(props: DialogShellRootProps): React.JSX.Element;
+export declare namespace DialogBottomSheet {
+    var Trigger: typeof DialogBottomSheetTrigger;
+    var Content: typeof DialogBottomSheetContent;
+    var Header: typeof SharedDialogHeader;
+    var Title: typeof DialogBottomSheetTitle;
+    var Close: typeof DialogBottomSheetClose;
+    var Body: typeof DialogBottomSheetBody;
+    var Footer: typeof SharedDialogFooter;
+    var ScrollArea: typeof DialogBottomSheetScrollArea;
+}
 declare function DialogBottomSheetTrigger<Payload = unknown>(props: DialogTriggerProps<Payload>): React.JSX.Element;
-declare function DialogBottomSheetContent({ children, className, style, ...rest }: DialogContentProps): React.JSX.Element;
+declare function DialogBottomSheetContent({ children, className, style, render, ...rest }: DialogContentProps): React.JSX.Element;
 declare function DialogBottomSheetTitle({ children, ...rest }: DialogTitleProps): React.JSX.Element;
 declare function DialogBottomSheetClose({ children, render, ...rest }: DialogCloseProps): React.JSX.Element;
 /**
@@ -14,15 +24,4 @@ declare function DialogBottomSheetClose({ children, render, ...rest }: DialogClo
  */
 declare function DialogBottomSheetScrollArea({ children, className, style, }: DialogScrollAreaProps): React.JSX.Element;
 declare function DialogBottomSheetBody({ children, fullBleed, className, style, ...rest }: DialogBodyProps): React.JSX.Element;
-/** Mobile shell: a bottom sheet built on the BottomSheet/Drawer primitives. */
-export declare const DialogBottomSheet: typeof DialogBottomSheetRoot & {
-    Trigger: typeof DialogBottomSheetTrigger;
-    Content: typeof DialogBottomSheetContent;
-    Header: typeof SharedDialogHeader;
-    Title: typeof DialogBottomSheetTitle;
-    Close: typeof DialogBottomSheetClose;
-    Body: typeof DialogBottomSheetBody;
-    Footer: typeof SharedDialogFooter;
-    ScrollArea: typeof DialogBottomSheetScrollArea;
-};
 export {};

package/dist/Dialog/DialogModal.d.ts

@@ -1,20 +1,20 @@
 import React from "react";
 import type { DialogBodyProps, DialogCloseProps, DialogContentProps, DialogShellRootProps, DialogTitleProps, DialogTriggerProps } from "./Dialog.types";
 import { DialogScrollArea, SharedDialogFooter, SharedDialogHeader } from "./dialogComposableShared";
-declare function DialogModalRoot(props: DialogShellRootProps): React.JSX.Element;
+export declare function DialogModal(props: DialogShellRootProps): React.JSX.Element;
+export declare namespace DialogModal {
+    var Trigger: typeof DialogModalTrigger;
+    var Content: typeof DialogModalContent;
+    var Header: typeof SharedDialogHeader;
+    var Title: typeof DialogModalTitle;
+    var Close: typeof DialogModalClose;
+    var Body: typeof DialogModalBody;
+    var Footer: typeof SharedDialogFooter;
+    var ScrollArea: typeof DialogScrollArea;
+}
 declare function DialogModalTrigger<Payload = unknown>({ children, render, handle, payload, className, style, ...rest }: DialogTriggerProps<Payload>): React.JSX.Element;
 declare function DialogModalContent({ children, className, style, ...rest }: DialogContentProps): React.JSX.Element;
 declare function DialogModalTitle({ children, ...rest }: DialogTitleProps): React.JSX.Element;
 declare function DialogModalClose({ children, render, ...rest }: DialogCloseProps): React.JSX.Element;
 declare function DialogModalBody({ children, fullBleed, className, style, ...rest }: DialogBodyProps): React.JSX.Element;
-export declare const DialogModal: typeof DialogModalRoot & {
-    Trigger: typeof DialogModalTrigger;
-    Content: typeof DialogModalContent;
-    Header: typeof SharedDialogHeader;
-    Title: typeof DialogModalTitle;
-    Close: typeof DialogModalClose;
-    Body: typeof DialogModalBody;
-    Footer: typeof SharedDialogFooter;
-    ScrollArea: typeof DialogScrollArea;
-};
 export {};

package/dist/Dialog/dialogComposableShared.d.ts

@@ -1,5 +1,7 @@
+import type { ReactElement } from "react";
 import React from "react";
-import type { DialogActionsProps, DialogCloseRender, DialogContextValue, DialogFooterProps, DialogHeaderProps, DialogProviderProps, DialogScrollAreaProps, DialogTriggerRender } from "./Dialog.types";
+import type { DialogActionsProps, DialogCloseRender, DialogContentProps, DialogContextValue, DialogFooterProps, DialogHeaderProps, DialogProviderProps, DialogScrollAreaProps, DialogTriggerRender } from "./Dialog.types";
+import { type Drawer as BaseDrawer } from "../unstyledPrimitives";
 /**
  * Resolves the trigger element for `Dialog.Trigger`. Copied from Menu's
  * `resolveMenuTriggerRender` so an Atlantis `<Button>` works as a trigger via
@@ -9,7 +11,7 @@ import type { DialogActionsProps, DialogCloseRender, DialogContextValue, DialogF
 export declare function resolveComposableTriggerRender({ children, render, }: {
     readonly children?: React.ReactNode;
     readonly render?: DialogTriggerRender;
-}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | ((props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => React.JSX.Element);
+}): ReactElement<unknown, string | React.JSXElementConstructor<any>> | ((props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => React.JSX.Element);
 /**
  * Resolves the dismiss element for `Dialog.Close`, mirroring
  * `resolveComposableTriggerRender` so a custom render works in both shells.
@@ -20,7 +22,15 @@ export declare function resolveComposableTriggerRender({ children, render, }: {
 export declare function resolveComposableCloseRender({ children, render, }: {
     readonly children?: React.ReactNode;
     readonly render?: DialogCloseRender;
-}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | ((props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => React.JSX.Element);
+}): ReactElement<unknown, string | React.JSXElementConstructor<any>> | ((props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => React.JSX.Element);
+/**
+ * Adapts a `Dialog.Content` `render` for the bottom sheet's drawer popup. A
+ * render element passes through; a render function is wrapped to receive the
+ * drawer's state re-shaped as the dialog popup's state (e.g. `nestedDrawerOpen`
+ * becomes `nestedDialogOpen`), so `render` sees the same shape as the desktop
+ * dialog.
+ */
+export declare function resolveBottomSheetContentRender(render: DialogContentProps["render"]): React.ComponentProps<typeof BaseDrawer.Popup>["render"];
 /** Supplies the static config (type/size/isMobile/finalFocus) to the parts. */
 export declare function DialogProvider({ children, type, size, isMobile, finalFocus, }: DialogProviderProps): React.JSX.Element;
 /** Reads the Dialog config; throws if a part is used outside `<Dialog>`. */

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/dialogReturnFocus-cjs.js

@@ -7,10 +7,10 @@ var classnames = require('classnames');
 var buttonRenderAdapter = require('./buttonRenderAdapter-cjs.js');
 var Button = require('./Button-cjs.js');
 var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
+var useRenderElement = require('./useRenderElement-cjs.js');
 var Heading = require('./Heading-cjs.js');
 var BottomSheet = require('./BottomSheet-cjs.js');
 var DrawerTitle = require('./DrawerTitle-cjs.js');
-var useRenderElement = require('./useRenderElement-cjs.js');
 var DrawerDescription = require('./DrawerDescription-cjs.js');
 
 // Copied from Menu's constant so the two surfaces agree on what "mobile" means.
@@ -81,6 +81,24 @@ function resolveComposableCloseRender({ children, render, }) {
     return buttonRenderAdapter.renderAtlantisButtonTarget(React.createElement(Button.Button, { type: "tertiary", variation: "subtle", ariaLabel: "Close dialog" },
         React.createElement(Button.Button.Icon, { name: "remove" })));
 }
+/**
+ * Adapts a `Dialog.Content` `render` for the bottom sheet's drawer popup. A
+ * render element passes through; a render function is wrapped to receive the
+ * drawer's state re-shaped as the dialog popup's state (e.g. `nestedDrawerOpen`
+ * becomes `nestedDialogOpen`), so `render` sees the same shape as the desktop
+ * dialog.
+ */
+function resolveBottomSheetContentRender(render) {
+    if (typeof render !== "function") {
+        return render;
+    }
+    return (props, drawerState) => render(props, {
+        open: drawerState.open,
+        transitionStatus: drawerState.transitionStatus,
+        nested: drawerState.nested,
+        nestedDialogOpen: drawerState.nestedDrawerOpen,
+    });
+}
 const DialogContext = React.createContext({
     type: "dialog",
     size: "base",
@@ -134,15 +152,26 @@ function SharedDialogFooter(_a) {
     const sticky = !useInsideDialogScrollArea();
     return (React.createElement("div", Object.assign({}, rest, { className: classnames(styles.footer, className), style: style, "data-sticky": sticky || undefined, "data-testid": "ATL-Dialog-Footer" }), children));
 }
+function renderActionButton(action, defaults) {
+    if (!action)
+        return null;
+    return React.isValidElement(action) ? (action) : (React.createElement(Button.Button, Object.assign({}, useRenderElement.mergeProps(defaults, action))));
+}
 /**
  * The action-button layout: tertiary on the left, primary/secondary grouped on
  * the right. Drop it inside a `Dialog.Footer`.
  */
 function DialogActions(_a) {
     var { primary, secondary, tertiary, align = "right", className, style } = _a, rest = tslib_es6.__rest(_a, ["primary", "secondary", "tertiary", "align", "className", "style"]);
-    const secondaryAction = secondary && React.isValidElement(secondary) ? (secondary) : (React.createElement(Button.Button, Object.assign({ type: "primary", variation: "subtle" }, secondary)));
-    const primaryAction = primary && React.isValidElement(primary) ? (primary) : (React.createElement(Button.Button, Object.assign({ type: "primary" }, primary)));
-    const tertiaryAction = tertiary && React.isValidElement(tertiary) ? (tertiary) : (React.createElement(Button.Button, Object.assign({ type: "secondary", variation: "destructive" }, tertiary)));
+    const primaryAction = renderActionButton(primary, { type: "primary" });
+    const secondaryAction = renderActionButton(secondary, {
+        type: "primary",
+        variation: "subtle",
+    });
+    const tertiaryAction = renderActionButton(tertiary, {
+        type: "secondary",
+        variation: "destructive",
+    });
     return (React.createElement("div", Object.assign({}, rest, { className: classnames(actionsStyles.actions, [actionsStyles[`align-${align}`]], className), style: style, "data-testid": "ATL-Dialog-Actions" }),
         tertiary && (React.createElement("div", { className: actionsStyles.leftActions }, tertiaryAction)),
         React.createElement("div", { className: classnames(actionsStyles.buttonGroup, actionsStyles[`align-${align}`]) },
@@ -150,20 +179,23 @@ function DialogActions(_a) {
             primary && primaryAction)));
 }
 
-function DialogBottomSheetRoot(props) {
+function DialogBottomSheet(props) {
     return (React.createElement(BottomSheet.BottomSheet.Root, Object.assign({}, props)));
 }
 function DialogBottomSheetTrigger(props) {
     return (React.createElement(BottomSheet.BottomSheet.Trigger, Object.assign({}, props)));
 }
 function DialogBottomSheetContent(_a) {
-    var { children, className, style } = _a, rest = tslib_es6.__rest(_a, ["children", "className", "style"]);
+    var { children, className, style, render } = _a, rest = tslib_es6.__rest(_a, ["children", "className", "style", "render"]);
     const { type, size, finalFocus } = useDialogContext();
     return (
     // Opt-out of the BottomSheet's built-in scroll area.
     // Dialog will handle the scroll area itself.
     React.createElement(BottomSheet.BottomSheetScrollAreaContext.Provider, { value: false },
-        React.createElement(BottomSheet.BottomSheet.Popup, Object.assign({}, rest, { className: classnames(styles.sheetSurface, className), style: style, role: type, finalFocus: finalFocus, "data-dialog-variant": "sheet", "data-size": size }), children)));
+        React.createElement(BottomSheet.BottomSheet.Popup, Object.assign({}, rest, { 
+            // The bottom sheet is backed by a drawer popup, so re-shape its state
+            // into the dialog popup state the consumer's `render` is typed against.
+            render: resolveBottomSheetContentRender(render), className: classnames(styles.sheetSurface, className), style: style, role: type, finalFocus: finalFocus, "data-dialog-variant": "sheet", "data-size": size }), children)));
 }
 function DialogBottomSheetTitle(_a) {
     var { children } = _a, rest = tslib_es6.__rest(_a, ["children"]);
@@ -194,18 +226,16 @@ function DialogBottomSheetBody(_a) {
     return insideScrollArea ? (content) : (React.createElement(DialogBottomSheetScrollArea, null, content));
 }
 /** Mobile shell: a bottom sheet built on the BottomSheet/Drawer primitives. */
-const DialogBottomSheet = Object.assign(DialogBottomSheetRoot, {
-    Trigger: DialogBottomSheetTrigger,
-    Content: DialogBottomSheetContent,
-    Header: SharedDialogHeader,
-    Title: DialogBottomSheetTitle,
-    Close: DialogBottomSheetClose,
-    Body: DialogBottomSheetBody,
-    Footer: SharedDialogFooter,
-    ScrollArea: DialogBottomSheetScrollArea,
-});
+DialogBottomSheet.Trigger = DialogBottomSheetTrigger;
+DialogBottomSheet.Content = DialogBottomSheetContent;
+DialogBottomSheet.Header = SharedDialogHeader;
+DialogBottomSheet.Title = DialogBottomSheetTitle;
+DialogBottomSheet.Close = DialogBottomSheetClose;
+DialogBottomSheet.Body = DialogBottomSheetBody;
+DialogBottomSheet.Footer = SharedDialogFooter;
+DialogBottomSheet.ScrollArea = DialogBottomSheetScrollArea;
 
-function DialogModalRoot(props) {
+function DialogModal(props) {
     return React.createElement(ScrollAreaViewport.DialogRoot, Object.assign({}, props));
 }
 function DialogModalTrigger(_a) {
@@ -238,17 +268,14 @@ function DialogModalBody(_a) {
     const content = (React.createElement(DrawerDescription.DialogDescription, { render: descriptionProps => (React.createElement("div", Object.assign({}, rest, descriptionProps, { className: classnames(styles.body, { [styles.fullBleed]: fullBleed }, className), style: style }), children)) }));
     return insideScrollArea ? (content) : (React.createElement(DialogScrollArea$1, null, content));
 }
-const DialogModal = Object.assign(DialogModalRoot, {
-    Trigger: DialogModalTrigger,
-    Content: DialogModalContent,
-    Header: SharedDialogHeader,
-    Title: DialogModalTitle,
-    Close: DialogModalClose,
-    Body: DialogModalBody,
-    Footer: SharedDialogFooter,
-    // The modal keeps the plain native-scrollbar scroll region.
-    ScrollArea: DialogScrollArea$1,
-});
+DialogModal.Trigger = DialogModalTrigger;
+DialogModal.Content = DialogModalContent;
+DialogModal.Header = SharedDialogHeader;
+DialogModal.Title = DialogModalTitle;
+DialogModal.Close = DialogModalClose;
+DialogModal.Body = DialogModalBody;
+DialogModal.Footer = SharedDialogFooter;
+DialogModal.ScrollArea = DialogScrollArea$1;
 
 /**
  * Creates a handle that opens/closes a `Dialog` from detached triggers (e.g. an
@@ -273,7 +300,7 @@ function useDialogShell() {
  * desktop, a bottom sheet on mobile. Compose it with `Dialog.Trigger`,
  * `Dialog.Content`, and the layout parts.
  */
-function DialogRoot(_a) {
+function Dialog(_a) {
     var { onRequestClose, size = "base", type = "dialog", finalFocus, children, onOpenChange } = _a, rest = tslib_es6.__rest(_a, ["onRequestClose", "size", "type", "finalFocus", "children", "onOpenChange"]);
     function handleOpenChange(nextOpen, eventDetails) {
         if (!nextOpen) {
@@ -339,7 +366,6 @@ function DialogScrollArea(props) {
     const Shell = useDialogShell();
     return React.createElement(Shell.ScrollArea, Object.assign({}, props));
 }
-const Dialog = DialogRoot;
 Dialog.Trigger = DialogTrigger;
 Dialog.Content = DialogContent;
 Dialog.Header = DialogHeader;