@base-ui/react/menu/positioner/MenuPositionerCssVars.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.

export let MenuPositionerCssVars = /*#__PURE__*/function (MenuPositionerCssVars) {
  /**
   * The available width between the trigger and the edge of the viewport.
   * @type {number}
   */
  MenuPositionerCssVars["availableWidth"] = "--available-width";
  /**
   * The available height between the trigger and the edge of the viewport.
   * @type {number}
   */
  MenuPositionerCssVars["availableHeight"] = "--available-height";
  /**
   * The anchor's width.
   * @type {number}
   */
  MenuPositionerCssVars["anchorWidth"] = "--anchor-width";
  /**
   * The anchor's height.
   * @type {number}
   */
  MenuPositionerCssVars["anchorHeight"] = "--anchor-height";
  /**
   * The coordinates that this element is anchored to. Used for animations and transitions.
   * @type {string}
   */
  MenuPositionerCssVars["transformOrigin"] = "--transform-origin";
  /**
   * The width of the menu's positioner.
   * It is important to set `width` to this value when using CSS to animate size changes.
   * @type {number}
   */
  MenuPositionerCssVars["positionerWidth"] = "--positioner-width";
  /**
   * The height of the menu's positioner.
   * It is important to set `height` to this value when using CSS to animate size changes.
   * @type {number}
   */
  MenuPositionerCssVars["positionerHeight"] = "--positioner-height";
  return MenuPositionerCssVars;
}({});