@base-ui-components/react/popover/positioner/PopoverPositionerCssVars.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.PopoverPositionerCssVars = void 0;
let PopoverPositionerCssVars = exports.PopoverPositionerCssVars = /*#__PURE__*/function (PopoverPositionerCssVars) {
  /**
   * The available width between the trigger and the edge of the viewport.
   * @type {number}
   */
  PopoverPositionerCssVars["availableWidth"] = "--available-width";
  /**
   * The available height between the trigger and the edge of the viewport.
   * @type {number}
   */
  PopoverPositionerCssVars["availableHeight"] = "--available-height";
  /**
   * The anchor's width.
   * @type {number}
   */
  PopoverPositionerCssVars["anchorWidth"] = "--anchor-width";
  /**
   * The anchor's height.
   * @type {number}
   */
  PopoverPositionerCssVars["anchorHeight"] = "--anchor-height";
  /**
   * The coordinates that this element is anchored to. Used for animations and transitions.
   * @type {string}
   */
  PopoverPositionerCssVars["transformOrigin"] = "--transform-origin";
  /**
   * The width of the popover's positioner.
   * It is important to set `width` to this value when using CSS to animate size changes.
   */
  PopoverPositionerCssVars["positionerWidth"] = "--positioner-width";
  /**
   * The height of the popover's positioner.
   * It is important to set `height` to this value when using CSS to animate size changes.
   */
  PopoverPositionerCssVars["positionerHeight"] = "--positioner-height";
  return PopoverPositionerCssVars;
}({});