@fluentui/react-dialog 9.18.2 → 9.18.3

package/CHANGELOG.md

@@ -1,12 +1,32 @@
 # Change Log - @fluentui/react-dialog
 
-This log was last generated on Wed, 24 Jun 2026 11:03:31 GMT and should not be manually modified.
+<!-- This log was last generated on Tue, 11 Aug 2026 17:16:03 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## [9.18.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.18.3)
+
+Tue, 11 Aug 2026 17:16:03 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.18.2..@fluentui/react-dialog_v9.18.3)
+
+### Patches
+
+- Ship ESM-first (type:module): valid ESM under lib/, CommonJS under lib-commonjs/*.cjs, and drop the `node` export condition - bare-Node `import` resolves ESM, `require` resolves CJS; node-targeted bundlers tree-shake. ([PR #36327](https://github.com/microsoft/fluentui/pull/36327) by martinhochel@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.9 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-aria to v9.17.14 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-context-selector to v9.2.19 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-motion to v9.16.2 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-motion-components-preview to v0.15.7 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-portal to v9.8.15 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.26.3 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-tabster to v9.26.17 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-theme to v9.2.2 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.26.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+
 ## [9.18.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.18.2)
 
-Wed, 24 Jun 2026 11:03:31 GMT 
+Wed, 24 Jun 2026 11:09:42 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.18.1..@fluentui/react-dialog_v9.18.2)
 
 ### Patches

package/dist/index.d.cts

@@ -0,0 +1,547 @@
+import type { ARIAButtonResultProps } from '@fluentui/react-aria';
+import type { ARIAButtonType } from '@fluentui/react-aria';
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ContextSelector } from '@fluentui/react-context-selector';
+import type { ExtractSlotProps } from '@fluentui/react-utilities';
+import type { FadeParams } from '@fluentui/react-motion-components-preview';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { JSXElement } from '@fluentui/react-utilities';
+import type { PortalProps } from '@fluentui/react-portal';
+import type { PresenceMotionSlotProps } from '@fluentui/react-motion';
+import * as React_2 from 'react';
+import type { ScaleParams } from '@fluentui/react-motion-components-preview';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+import type { TriggerProps } from '@fluentui/react-utilities';
+import type { useModalAttributes } from '@fluentui/react-tabster';
+
+/**
+ * The `Dialog` root level component serves as an interface for interaction with all possible behaviors exposed.
+ * It provides context down the hierarchy to `children` compound components to allow functionality.
+ * This component expects to receive as children either a `DialogSurface` or a `DialogTrigger`
+ * and a `DialogSurface` (or some component that will eventually render one of those compound components)
+ * in this specific order
+ */
+export declare const Dialog: React_2.FC<DialogProps>;
+
+export declare const DIALOG_FULLSCREEN_DIALOG_SCROLLBAR_OFFSET = "4px";
+
+export declare const DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR = "@media screen and (max-width: 480px)";
+
+export declare const DIALOG_MEDIA_QUERY_SHORT_SCREEN = "@media screen and (max-height: 359px)";
+
+/**
+ * `DialogActions` is a container for the actions of the dialog.
+ * Apart from styling, this component does not have other behavior.
+ */
+export declare const DialogActions: ForwardRefComponent<DialogActionsProps>;
+
+export declare const dialogActionsClassNames: SlotClassNames<DialogActionsSlots>;
+
+export declare type DialogActionsPosition = 'start' | 'end';
+
+/**
+ * DialogActions Props
+ */
+export declare type DialogActionsProps = ComponentProps<DialogActionsSlots> & {
+    /**
+     * defines the position on the dialog grid of the actions
+     * @default 'end'
+     */
+    position?: DialogActionsPosition;
+    /**
+     * Makes the actions expand the entire width of the DialogBody
+     * @default false
+     */
+    fluid?: boolean;
+};
+
+export declare type DialogActionsSlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering DialogActions
+ */
+export declare type DialogActionsState = ComponentState<DialogActionsSlots> & Pick<Required<DialogActionsProps>, 'position' | 'fluid'>;
+
+export declare type DialogBackdropContextValue = boolean;
+
+export declare const DialogBackdropProvider: React_2.Provider<boolean | undefined>;
+
+/**
+ * Custom slot props for the backdrop slot.
+ */
+export declare type DialogBackdropSlotProps = ExtractSlotProps<Slot<'div'> & {
+    /**
+     * Controls the backdrop appearance.
+     * - 'dimmed': Shows a dimmed backdrop (default for standalone dialogs)
+     * - 'transparent': Shows a transparent backdrop (default for nested dialogs)
+     */
+    appearance?: 'dimmed' | 'transparent';
+}>;
+
+/**
+ * The `DialogBody` is a container where the content of the dialog is rendered.
+ * Apart from styling, this component does not have other behavior.
+ */
+export declare const DialogBody: ForwardRefComponent<DialogBodyProps>;
+
+export declare const dialogBodyClassNames: SlotClassNames<DialogBodySlots>;
+
+/**
+ * DialogBody Props
+ */
+export declare type DialogBodyProps = ComponentProps<DialogBodySlots> & {};
+
+export declare type DialogBodySlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering DialogBody
+ */
+export declare type DialogBodyState = ComponentState<DialogBodySlots>;
+
+/**
+ * The `DialogContent` is a container where the content of the dialog is rendered.
+ * Apart from styling, this component does not have other behavior.
+ */
+export declare const DialogContent: ForwardRefComponent<DialogContentProps>;
+
+export declare const dialogContentClassNames: SlotClassNames<DialogContentSlots>;
+
+/**
+ * DialogContent Props
+ */
+export declare type DialogContentProps = ComponentProps<DialogContentSlots>;
+
+export declare type DialogContentSlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering DialogContent
+ */
+export declare type DialogContentState = ComponentState<DialogContentSlots>;
+
+export declare type DialogContextValue = {
+    open: boolean;
+    inertTrapFocus: boolean;
+    dialogTitleId?: string;
+    isNestedDialog: boolean;
+    dialogRef: React_2.Ref<DialogSurfaceElement | null>;
+    unmountOnClose?: boolean;
+    modalType: DialogModalType;
+    /**
+     * Requests dialog main component to update it's internal open state
+     */
+    requestOpenChange: (data: DialogOpenChangeData) => void;
+} & Partial<ReturnType<typeof useModalAttributes>>;
+
+export declare type DialogContextValues = {
+    dialog: DialogContextValue;
+    /**
+     * dialogSurface context is provided by Dialog as false
+     * to ensure components inside Dialog but outside DialogSurface will consume this as false
+     */
+    dialogSurface: DialogSurfaceContextValue;
+};
+
+export declare type DialogModalType = 'modal' | 'non-modal' | 'alert';
+
+export declare type DialogOpenChangeData = {
+    type: 'escapeKeyDown';
+    open: boolean;
+    event: React_2.KeyboardEvent<DialogSurfaceElement>;
+} | {
+    type: 'backdropClick';
+    open: boolean;
+    event: React_2.MouseEvent<DialogSurfaceElement>;
+} | {
+    type: 'triggerClick';
+    open: boolean;
+    event: React_2.MouseEvent<DialogSurfaceElement>;
+};
+
+export declare type DialogOpenChangeEvent = DialogOpenChangeData['event'];
+
+/**
+ * Callback fired when the component changes value from open state.
+ *
+ * @param event - a React's Synthetic event or a KeyboardEvent in case of `documentEscapeKeyDown`
+ * @param data - A data object with relevant information,
+ * such as open value and type of interaction that created the event
+ */
+export declare type DialogOpenChangeEventHandler = (event: DialogOpenChangeEvent, data: DialogOpenChangeData) => void;
+
+export declare type DialogProps = ComponentProps<Partial<DialogSlots>> & {
+    /**
+     * Dialog variations.
+     *
+     * `modal`: When this type of dialog is open, the rest of the page is dimmed out and cannot be interacted with.
+     * The tab sequence is kept within the dialog and moving the focus outside
+     * the dialog will imply closing it. This is the default type of the component.
+     *
+     * `non-modal`: When a non-modal dialog is open, the rest of the page is not dimmed out
+     * and users can interact with the rest of the page.
+     * This also implies that the tab focus can move outside the dialog when it reaches the last focusable element.
+     *
+     * `alert`: is a special type of modal dialogs that interrupts the user's workflow
+     * to communicate an important message or ask for a decision.
+     * Unlike a typical modal dialog, the user must take an action through the options given to dismiss the dialog,
+     * and it cannot be dismissed through the dimmed background.
+     *
+     * @default modal
+     */
+    modalType?: DialogModalType;
+    /**
+     * Controls the open state of the dialog
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Default value for the uncontrolled open state of the dialog.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback fired when the component changes value from open state.
+     *
+     * @param event - a React's Synthetic event or a KeyboardEvent in case of `documentEscapeKeyDown`
+     * @param data - A data object with relevant information,
+     * such as open value and type of interaction that created the event
+     */
+    onOpenChange?: DialogOpenChangeEventHandler;
+    /**
+     * Can contain two children including `DialogTrigger` and `DialogSurface`.
+     * Alternatively can only contain `DialogSurface` if using trigger outside dialog, or controlling state.
+     */
+    children: [JSXElement, JSXElement] | JSXElement;
+    /**
+     * Enables standard behavior according to the [HTML dialog spec](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal)
+     * where the focus trap involves setting outside elements inert.
+     *
+     * @default false
+     */
+    inertTrapFocus?: boolean;
+    /**
+     * Decides whether the dialog should be removed from the DOM tree when it is closed.
+     * This can be useful when dealing with components that may contain state that should not
+     * be reset when the dialog is closed.
+     *
+     * @default true
+     */
+    unmountOnClose?: boolean;
+};
+
+export declare const DialogProvider: React_2.Provider<DialogContextValue | undefined> & React_2.FC<React_2.ProviderProps<DialogContextValue | undefined>>;
+
+export declare type DialogSlots = {
+    /**
+     * For more information refer to the [Motion docs page](https://react.fluentui.dev/?path=/docs/motion-motion-slot--docs).
+     *
+     */
+    surfaceMotion: Slot<PresenceMotionSlotProps<ScaleParams>>;
+};
+
+export declare type DialogState = ComponentState<InternalDialogSlots> & DialogContextValue & {
+    content: React_2.ReactNode;
+    trigger: React_2.ReactNode;
+};
+
+/**
+ * DialogSurface component represents the visual part of a `Dialog` as a whole,
+ * it contains everything that should be visible.
+ */
+export declare const DialogSurface: ForwardRefComponent<DialogSurfaceProps>;
+
+export declare const dialogSurfaceClassNames: SlotClassNames<Omit<DialogSurfaceSlots, 'backdropMotion'>>;
+
+export declare type DialogSurfaceContextValue = boolean;
+
+export declare type DialogSurfaceContextValues = {
+    dialogSurface: DialogSurfaceContextValue;
+};
+
+/**
+ * Union between all possible semantic element that represent a DialogSurface
+ */
+export declare type DialogSurfaceElement = HTMLElement;
+
+/**
+ * DialogSurface Props
+ */
+export declare type DialogSurfaceProps = ComponentProps<Partial<DialogSurfaceSlots>> & Pick<PortalProps, 'mountNode'>;
+
+export declare const DialogSurfaceProvider: React_2.Provider<boolean | undefined>;
+
+export declare type DialogSurfaceSlots = {
+    /**
+     * Dimmed background of dialog.
+     * The default backdrop is rendered as a `<div>` with styling.
+     * This slot expects a `<div>` element which will replace the default backdrop.
+     * The backdrop should have `aria-hidden="true"`.
+     *
+     * Accepts an `appearance` prop to control backdrop visibility:
+     * - `'dimmed'`: Always shows a dimmed backdrop, regardless of nesting.
+     * - `'transparent'`: Always shows a transparent backdrop.
+     *
+     * @example
+     * ```tsx
+     * <DialogSurface backdrop={{ appearance: 'dimmed' }} />
+     * ```
+     */
+    backdrop?: Slot<DialogBackdropSlotProps>;
+    root: Slot<'div'>;
+    /**
+     * For more information refer to the [Motion docs page](https://react.fluentui.dev/?path=/docs/motion-motion-slot--docs).
+     *
+     */
+    backdropMotion: Slot<PresenceMotionSlotProps<FadeParams>>;
+};
+
+/**
+ * State used in rendering DialogSurface
+ */
+export declare type DialogSurfaceState = ComponentState<DialogSurfaceSlots> & Pick<DialogContextValue, 'isNestedDialog'> & Pick<PortalProps, 'mountNode'> & {
+    open?: boolean;
+    unmountOnClose?: boolean;
+    /**
+     * Whether the backdrop should be treated as nested (transparent).
+     * When inside an OverlayDrawer, this is `false` even though `isNestedDialog` may be `true`,
+     * preventing the false-positive transparent backdrop.
+     */
+    treatBackdropAsNested: boolean;
+    /**
+     * Transition status for animation.
+     * In test environment, this is always `undefined`.
+     *
+     * @deprecated Will be always `undefined`.
+     */
+    transitionStatus?: 'entering' | 'entered' | 'idle' | 'exiting' | 'exited' | 'unmounted';
+    backdropAppearance?: DialogBackdropSlotProps['appearance'];
+};
+
+/**
+ * The `DialogTitle` component expects to have a title/header
+ * and when `Dialog` is `non-modal` a close (X icon) button is provided through `action` slot by default.
+ */
+export declare const DialogTitle: ForwardRefComponent<DialogTitleProps>;
+
+export declare const dialogTitleClassNames: SlotClassNames<DialogTitleSlots>;
+
+/**
+ * DialogTitle Props
+ */
+export declare type DialogTitleProps = ComponentProps<DialogTitleSlots>;
+
+export declare type DialogTitleSlots = {
+    /**
+     * By default this is a h2, but can be any heading or div,
+     * if `div` is provided do not forget to also provide proper `role="heading"` and `aria-level` attributes
+     */
+    root: Slot<'h2', 'h1' | 'h3' | 'h4' | 'h5' | 'h6' | 'div'>;
+    /**
+     * By default a Dialog with modalType='non-modal' will have a close button action
+     */
+    action?: Slot<'div'>;
+};
+
+/**
+ * State used in rendering DialogTitle
+ */
+export declare type DialogTitleState = ComponentState<DialogTitleSlots>;
+
+/**
+ * A non-visual component that wraps its child
+ * and configures them to be the trigger that will open or close a `Dialog`.
+ * This component should only accept one child.
+ *
+ * This component sole purpose is to avoid opting out of the internal controlled open state of a `Dialog`
+ * Besides being a trigger that opens/close a dialog through context this component doesn't do much,
+ * making it basically unnecessary in cases where the trigger is outside of the `Dialog` component.
+ */
+export declare const DialogTrigger: React_2.FC<DialogTriggerProps>;
+
+export declare type DialogTriggerAction = 'open' | 'close';
+
+/**
+ * Props that are passed to the child of the DialogTrigger when cloned to ensure correct behaviour for the Dialog
+ */
+export declare type DialogTriggerChildProps<Type extends ARIAButtonType = ARIAButtonType, Props = {}> = ARIAButtonResultProps<Type, Props & {
+    'aria-haspopup'?: 'dialog';
+}>;
+
+export declare type DialogTriggerProps = TriggerProps<DialogTriggerChildProps> & {
+    /**
+     * Explicitly declare if the trigger is responsible for opening or
+     * closing a Dialog visibility state.
+     *
+     * If `DialogTrigger` is outside `DialogSurface` then it'll be `open` by default
+     *
+     * If `DialogTrigger` is inside `DialogSurface` then it'll be `close` by default
+     */
+    action?: DialogTriggerAction;
+    /**
+     * Disables internal trigger mechanism that ensures a child provided will be a compliant ARIA button.
+     * @default false
+     */
+    disableButtonEnhancement?: boolean;
+};
+
+export declare type DialogTriggerState = {
+    children: React_2.ReactElement | null;
+};
+
+declare type InternalDialogSlots = {
+    surfaceMotion: NonNullable<Slot<PresenceMotionSlotProps<ScaleParams>>>;
+};
+
+/**
+ * Render the final JSX of Dialog
+ */
+export declare const renderDialog_unstable: (state: DialogState, contextValues: DialogContextValues) => JSXElement;
+
+/**
+ * Render the final JSX of DialogActions
+ */
+export declare const renderDialogActions_unstable: (state: DialogActionsState) => JSXElement;
+
+/**
+ * Render the final JSX of DialogBody
+ */
+export declare const renderDialogBody_unstable: (state: DialogBodyState) => JSXElement;
+
+/**
+ * Render the final JSX of DialogContent
+ */
+export declare const renderDialogContent_unstable: (state: DialogContentState) => JSXElement;
+
+/**
+ * Render the final JSX of DialogSurface
+ */
+export declare const renderDialogSurface_unstable: (state: DialogSurfaceState, contextValues: DialogSurfaceContextValues) => JSXElement;
+
+/**
+ * Render the final JSX of DialogTitle
+ */
+export declare const renderDialogTitle_unstable: (state: DialogTitleState) => JSXElement;
+
+/**
+ * Render the final JSX of MenuTrigger
+ *
+ * Only renders children
+ */
+export declare const renderDialogTrigger_unstable: (state: DialogTriggerState) => JSXElement | null;
+
+/**
+ * Create the state required to render Dialog.
+ *
+ * The returned state can be modified with hooks such as useDialogStyles_unstable,
+ * before being passed to renderDialog_unstable.
+ *
+ * @param props - props from this instance of Dialog
+ */
+export declare const useDialog_unstable: (props: DialogProps) => DialogState;
+
+/**
+ * Create the state required to render DialogActions.
+ *
+ * The returned state can be modified with hooks such as useDialogActionsStyles_unstable,
+ * before being passed to renderDialogActions_unstable.
+ *
+ * @param props - props from this instance of DialogActions
+ * @param ref - reference to root HTMLElement of DialogActions
+ */
+export declare const useDialogActions_unstable: (props: DialogActionsProps, ref: React_2.Ref<HTMLElement>) => DialogActionsState;
+
+/**
+ * Apply styling to the DialogActions slots based on the state
+ */
+export declare const useDialogActionsStyles_unstable: (state: DialogActionsState) => DialogActionsState;
+
+export declare const useDialogBackdropContext_unstable: () => DialogBackdropContextValue | undefined;
+
+/**
+ * Create the state required to render DialogBody.
+ *
+ * The returned state can be modified with hooks such as useDialogBodyStyles_unstable,
+ * before being passed to renderDialogBody_unstable.
+ *
+ * @param props - props from this instance of DialogBody
+ * @param ref - reference to root HTMLElement of DialogBody
+ */
+export declare const useDialogBody_unstable: (props: DialogBodyProps, ref: React_2.Ref<HTMLElement>) => DialogBodyState;
+
+/**
+ * Apply styling to the DialogBody slots based on the state
+ */
+export declare const useDialogBodyStyles_unstable: (state: DialogBodyState) => DialogBodyState;
+
+/**
+ * Create the state required to render DialogBody.
+ *
+ * The returned state can be modified with hooks such as useDialogBodyStyles_unstable,
+ * before being passed to renderDialogBody_unstable.
+ *
+ * @param props - props from this instance of DialogBody
+ * @param ref - reference to root HTMLElement of DialogBody
+ */
+export declare const useDialogContent_unstable: (props: DialogContentProps, ref: React_2.Ref<HTMLElement>) => DialogContentState;
+
+/**
+ * Apply styling to the DialogContent slots based on the state
+ */
+export declare const useDialogContentStyles_unstable: (state: DialogContentState) => DialogContentState;
+
+export declare const useDialogContext_unstable: <T>(selector: ContextSelector<DialogContextValue, T>) => T;
+
+export declare function useDialogContextValues_unstable(state: DialogState): DialogContextValues;
+
+/**
+ * Create the state required to render DialogSurface.
+ *
+ * The returned state can be modified with hooks such as useDialogSurfaceStyles_unstable,
+ * before being passed to renderDialogSurface_unstable.
+ *
+ * @param props - props from this instance of DialogSurface
+ * @param ref - reference to root HTMLElement of DialogSurface
+ */
+export declare const useDialogSurface_unstable: (props: DialogSurfaceProps, ref: React_2.Ref<DialogSurfaceElement>) => DialogSurfaceState;
+
+export declare const useDialogSurfaceContext_unstable: () => DialogSurfaceContextValue;
+
+export declare function useDialogSurfaceContextValues_unstable(state: DialogSurfaceState): DialogSurfaceContextValues;
+
+/**
+ * Apply styling to the DialogSurface slots based on the state
+ */
+export declare const useDialogSurfaceStyles_unstable: (state: DialogSurfaceState) => DialogSurfaceState;
+
+/**
+ * Create the state required to render DialogTitle.
+ *
+ * The returned state can be modified with hooks such as useDialogTitleStyles_unstable,
+ * before being passed to renderDialogTitle_unstable.
+ *
+ * @param props - props from this instance of DialogTitle
+ * @param ref - reference to root HTMLElement of DialogTitle
+ */
+export declare const useDialogTitle_unstable: (props: DialogTitleProps, ref: React_2.Ref<HTMLDivElement>) => DialogTitleState;
+
+/**
+ * Apply styling to the DialogTitle slots based on the state
+ */
+export declare const useDialogTitleStyles_unstable: (state: DialogTitleState) => DialogTitleState;
+
+/**
+ * Create the state required to render DialogTrigger.
+ * Clones the only child component and adds necessary event handling behaviours to open a popup Dialog
+ *
+ * @param props - props from this instance of DialogTrigger
+ */
+export declare const useDialogTrigger_unstable: (props: DialogTriggerProps) => DialogTriggerState;
+
+export { }

package/lib/Dialog.js

@@ -1 +1 @@
-export { Dialog, renderDialog_unstable, useDialogContextValues_unstable, useDialog_unstable } from './components/Dialog/index';
+export { Dialog, renderDialog_unstable, useDialogContextValues_unstable, useDialog_unstable } from "./components/Dialog/index.js";

package/lib/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Dialog.ts"],"sourcesContent":["export type {\n  DialogContextValues,\n  DialogModalType,\n  DialogOpenChangeData,\n  DialogOpenChangeEvent,\n  DialogOpenChangeEventHandler,\n  DialogProps,\n  DialogSlots,\n  DialogState,\n  InternalDialogSlots,\n} from './components/Dialog/index';\nexport {\n  Dialog,\n  renderDialog_unstable,\n  useDialogContextValues_unstable,\n  useDialog_unstable,\n} from './components/Dialog/index';\n"],"names":["Dialog","renderDialog_unstable","useDialogContextValues_unstable","useDialog_unstable"],"mappings":"AAWA,SACEA,MAAM,EACNC,qBAAqB,EACrBC,+BAA+B,EAC/BC,kBAAkB,QACb,4BAA4B"}
+{"version":3,"sources":["../src/Dialog.ts"],"sourcesContent":["export type {\n  DialogContextValues,\n  DialogModalType,\n  DialogOpenChangeData,\n  DialogOpenChangeEvent,\n  DialogOpenChangeEventHandler,\n  DialogProps,\n  DialogSlots,\n  DialogState,\n  InternalDialogSlots,\n} from './components/Dialog/index';\nexport {\n  Dialog,\n  renderDialog_unstable,\n  useDialogContextValues_unstable,\n  useDialog_unstable,\n} from './components/Dialog/index';\n"],"names":["Dialog","renderDialog_unstable","useDialogContextValues_unstable","useDialog_unstable"],"mappings":"AAWA,SACEA,MAAM,EACNC,qBAAqB,EACrBC,+BAA+B,EAC/BC,kBAAkB,QACb,+BAA4B"}

package/lib/DialogActions.js

@@ -1 +1 @@
-export { DialogActions, dialogActionsClassNames, renderDialogActions_unstable, useDialogActionsStyles_unstable, useDialogActions_unstable } from './components/DialogActions/index';
+export { DialogActions, dialogActionsClassNames, renderDialogActions_unstable, useDialogActionsStyles_unstable, useDialogActions_unstable } from "./components/DialogActions/index.js";

package/lib/DialogActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/DialogActions.ts"],"sourcesContent":["export type {\n  DialogActionsPosition,\n  DialogActionsProps,\n  DialogActionsSlots,\n  DialogActionsState,\n} from './components/DialogActions/index';\nexport {\n  DialogActions,\n  dialogActionsClassNames,\n  renderDialogActions_unstable,\n  useDialogActionsStyles_unstable,\n  useDialogActions_unstable,\n} from './components/DialogActions/index';\n"],"names":["DialogActions","dialogActionsClassNames","renderDialogActions_unstable","useDialogActionsStyles_unstable","useDialogActions_unstable"],"mappings":"AAMA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,mCAAmC"}
+{"version":3,"sources":["../src/DialogActions.ts"],"sourcesContent":["export type {\n  DialogActionsPosition,\n  DialogActionsProps,\n  DialogActionsSlots,\n  DialogActionsState,\n} from './components/DialogActions/index';\nexport {\n  DialogActions,\n  dialogActionsClassNames,\n  renderDialogActions_unstable,\n  useDialogActionsStyles_unstable,\n  useDialogActions_unstable,\n} from './components/DialogActions/index';\n"],"names":["DialogActions","dialogActionsClassNames","renderDialogActions_unstable","useDialogActionsStyles_unstable","useDialogActions_unstable"],"mappings":"AAMA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,sCAAmC"}

package/lib/DialogBody.js

@@ -1 +1 @@
-export { DialogBody, dialogBodyClassNames, renderDialogBody_unstable, useDialogBodyStyles_unstable, useDialogBody_unstable } from './components/DialogBody/index';
+export { DialogBody, dialogBodyClassNames, renderDialogBody_unstable, useDialogBodyStyles_unstable, useDialogBody_unstable } from "./components/DialogBody/index.js";

package/lib/DialogBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/DialogBody.ts"],"sourcesContent":["export type { DialogBodyProps, DialogBodySlots, DialogBodyState } from './components/DialogBody/index';\nexport {\n  DialogBody,\n  dialogBodyClassNames,\n  renderDialogBody_unstable,\n  useDialogBodyStyles_unstable,\n  useDialogBody_unstable,\n} from './components/DialogBody/index';\n"],"names":["DialogBody","dialogBodyClassNames","renderDialogBody_unstable","useDialogBodyStyles_unstable","useDialogBody_unstable"],"mappings":"AACA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,gCAAgC"}
+{"version":3,"sources":["../src/DialogBody.ts"],"sourcesContent":["export type { DialogBodyProps, DialogBodySlots, DialogBodyState } from './components/DialogBody/index';\nexport {\n  DialogBody,\n  dialogBodyClassNames,\n  renderDialogBody_unstable,\n  useDialogBodyStyles_unstable,\n  useDialogBody_unstable,\n} from './components/DialogBody/index';\n"],"names":["DialogBody","dialogBodyClassNames","renderDialogBody_unstable","useDialogBodyStyles_unstable","useDialogBody_unstable"],"mappings":"AACA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,mCAAgC"}

package/lib/DialogContent.js

@@ -1 +1 @@
-export { DialogContent, dialogContentClassNames, renderDialogContent_unstable, useDialogContentStyles_unstable, useDialogContent_unstable } from './components/DialogContent/index';
+export { DialogContent, dialogContentClassNames, renderDialogContent_unstable, useDialogContentStyles_unstable, useDialogContent_unstable } from "./components/DialogContent/index.js";

package/lib/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/DialogContent.ts"],"sourcesContent":["export type { DialogContentProps, DialogContentSlots, DialogContentState } from './components/DialogContent/index';\nexport {\n  DialogContent,\n  dialogContentClassNames,\n  renderDialogContent_unstable,\n  useDialogContentStyles_unstable,\n  useDialogContent_unstable,\n} from './components/DialogContent/index';\n"],"names":["DialogContent","dialogContentClassNames","renderDialogContent_unstable","useDialogContentStyles_unstable","useDialogContent_unstable"],"mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,mCAAmC"}
+{"version":3,"sources":["../src/DialogContent.ts"],"sourcesContent":["export type { DialogContentProps, DialogContentSlots, DialogContentState } from './components/DialogContent/index';\nexport {\n  DialogContent,\n  dialogContentClassNames,\n  renderDialogContent_unstable,\n  useDialogContentStyles_unstable,\n  useDialogContent_unstable,\n} from './components/DialogContent/index';\n"],"names":["DialogContent","dialogContentClassNames","renderDialogContent_unstable","useDialogContentStyles_unstable","useDialogContent_unstable"],"mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,sCAAmC"}

package/lib/DialogSurface.js

@@ -1 +1 @@
-export { DialogSurface, dialogSurfaceClassNames, renderDialogSurface_unstable, useDialogSurfaceContextValues_unstable, useDialogSurfaceStyles_unstable, useDialogSurface_unstable } from './components/DialogSurface/index';
+export { DialogSurface, dialogSurfaceClassNames, renderDialogSurface_unstable, useDialogSurfaceContextValues_unstable, useDialogSurfaceStyles_unstable, useDialogSurface_unstable } from "./components/DialogSurface/index.js";

package/lib/DialogSurface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/DialogSurface.ts"],"sourcesContent":["export type {\n  DialogBackdropSlotProps,\n  DialogSurfaceContextValues,\n  DialogSurfaceElement,\n  DialogSurfaceProps,\n  DialogSurfaceSlots,\n  DialogSurfaceState,\n} from './components/DialogSurface/index';\nexport {\n  DialogSurface,\n  dialogSurfaceClassNames,\n  renderDialogSurface_unstable,\n  useDialogSurfaceContextValues_unstable,\n  useDialogSurfaceStyles_unstable,\n  useDialogSurface_unstable,\n} from './components/DialogSurface/index';\n"],"names":["DialogSurface","dialogSurfaceClassNames","renderDialogSurface_unstable","useDialogSurfaceContextValues_unstable","useDialogSurfaceStyles_unstable","useDialogSurface_unstable"],"mappings":"AAQA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,mCAAmC"}
+{"version":3,"sources":["../src/DialogSurface.ts"],"sourcesContent":["export type {\n  DialogBackdropSlotProps,\n  DialogSurfaceContextValues,\n  DialogSurfaceElement,\n  DialogSurfaceProps,\n  DialogSurfaceSlots,\n  DialogSurfaceState,\n} from './components/DialogSurface/index';\nexport {\n  DialogSurface,\n  dialogSurfaceClassNames,\n  renderDialogSurface_unstable,\n  useDialogSurfaceContextValues_unstable,\n  useDialogSurfaceStyles_unstable,\n  useDialogSurface_unstable,\n} from './components/DialogSurface/index';\n"],"names":["DialogSurface","dialogSurfaceClassNames","renderDialogSurface_unstable","useDialogSurfaceContextValues_unstable","useDialogSurfaceStyles_unstable","useDialogSurface_unstable"],"mappings":"AAQA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,sCAAmC"}

package/lib/DialogTitle.js

@@ -1 +1 @@
-export { DialogTitle, dialogTitleClassNames, renderDialogTitle_unstable, useDialogTitleInternalStyles, useDialogTitleStyles_unstable, useDialogTitle_unstable } from './components/DialogTitle/index';
+export { DialogTitle, dialogTitleClassNames, renderDialogTitle_unstable, useDialogTitleInternalStyles, useDialogTitleStyles_unstable, useDialogTitle_unstable } from "./components/DialogTitle/index.js";

package/lib/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/DialogTitle.ts"],"sourcesContent":["export type { DialogTitleProps, DialogTitleSlots, DialogTitleState } from './components/DialogTitle/index';\nexport {\n  DialogTitle,\n  dialogTitleClassNames,\n  renderDialogTitle_unstable,\n  useDialogTitleInternalStyles,\n  useDialogTitleStyles_unstable,\n  useDialogTitle_unstable,\n} from './components/DialogTitle/index';\n"],"names":["DialogTitle","dialogTitleClassNames","renderDialogTitle_unstable","useDialogTitleInternalStyles","useDialogTitleStyles_unstable","useDialogTitle_unstable"],"mappings":"AACA,SACEA,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,6BAA6B,EAC7BC,uBAAuB,QAClB,iCAAiC"}
+{"version":3,"sources":["../src/DialogTitle.ts"],"sourcesContent":["export type { DialogTitleProps, DialogTitleSlots, DialogTitleState } from './components/DialogTitle/index';\nexport {\n  DialogTitle,\n  dialogTitleClassNames,\n  renderDialogTitle_unstable,\n  useDialogTitleInternalStyles,\n  useDialogTitleStyles_unstable,\n  useDialogTitle_unstable,\n} from './components/DialogTitle/index';\n"],"names":["DialogTitle","dialogTitleClassNames","renderDialogTitle_unstable","useDialogTitleInternalStyles","useDialogTitleStyles_unstable","useDialogTitle_unstable"],"mappings":"AACA,SACEA,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,6BAA6B,EAC7BC,uBAAuB,QAClB,oCAAiC"}

package/lib/DialogTrigger.js

@@ -1 +1 @@
-export { DialogTrigger, renderDialogTrigger_unstable, useDialogTrigger_unstable } from './components/DialogTrigger/index';
+export { DialogTrigger, renderDialogTrigger_unstable, useDialogTrigger_unstable } from "./components/DialogTrigger/index.js";

package/lib/DialogTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/DialogTrigger.ts"],"sourcesContent":["export type {\n  DialogTriggerAction,\n  DialogTriggerChildProps,\n  DialogTriggerProps,\n  DialogTriggerState,\n} from './components/DialogTrigger/index';\nexport {\n  DialogTrigger,\n  renderDialogTrigger_unstable,\n  useDialogTrigger_unstable,\n} from './components/DialogTrigger/index';\n"],"names":["DialogTrigger","renderDialogTrigger_unstable","useDialogTrigger_unstable"],"mappings":"AAMA,SACEA,aAAa,EACbC,4BAA4B,EAC5BC,yBAAyB,QACpB,mCAAmC"}
+{"version":3,"sources":["../src/DialogTrigger.ts"],"sourcesContent":["export type {\n  DialogTriggerAction,\n  DialogTriggerChildProps,\n  DialogTriggerProps,\n  DialogTriggerState,\n} from './components/DialogTrigger/index';\nexport {\n  DialogTrigger,\n  renderDialogTrigger_unstable,\n  useDialogTrigger_unstable,\n} from './components/DialogTrigger/index';\n"],"names":["DialogTrigger","renderDialogTrigger_unstable","useDialogTrigger_unstable"],"mappings":"AAMA,SACEA,aAAa,EACbC,4BAA4B,EAC5BC,yBAAyB,QACpB,sCAAmC"}