@base-ui/react/dialog/utils/stateAttributesMapping.mjs

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

import { transitionStatusMapping } from "../../internals/stateAttributesMapping.mjs";
import { popupStateMapping } from "../../utils/popupStateMapping.mjs";
/**
 * Shared by `Dialog.Popup` and `Dialog.Viewport`, whose states have the same shape.
 * `nested` is not mapped: unmapped `true` booleans already render as `data-nested`.
 */
export const dialogStateAttributesMapping = {
  ...popupStateMapping,
  ...transitionStatusMapping,
  nestedDialogOpen(value) {
    return value ? {
      'data-nested-dialog-open': ''
    } : null;
  }
};