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

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.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.dialogStateAttributesMapping = void 0;
var _stateAttributesMapping = require("../../internals/stateAttributesMapping");
var _popupStateMapping = require("../../utils/popupStateMapping");
/**
 * 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`.
 */
const dialogStateAttributesMapping = exports.dialogStateAttributesMapping = {
  ..._popupStateMapping.popupStateMapping,
  ..._stateAttributesMapping.transitionStatusMapping,
  nestedDialogOpen(value) {
    return value ? {
      'data-nested-dialog-open': ''
    } : null;
  }
};