@base-ui/react 1.7.0 → 1.8.0

package/tooltip/viewport/TooltipViewportCssVars.mjs

@@ -1,15 +1,12 @@
-export let TooltipViewportCssVars = /*#__PURE__*/function (TooltipViewportCssVars) {
-  /**
-   * The width of the parent popup.
-   * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
-   * It can be used to freeze the dimensions of the popup when animating between different content.
-   */
-  TooltipViewportCssVars["popupWidth"] = "--popup-width";
-  /**
-   * The height of the parent popup.
-   * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
-   * It can be used to freeze the dimensions of the popup when animating between different content.
-   */
-  TooltipViewportCssVars["popupHeight"] = "--popup-height";
-  return TooltipViewportCssVars;
-}({});
+/**
+ * The width of the parent popup.
+ * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export const popupWidth = '--popup-width';
+/**
+ * The height of the parent popup.
+ * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export const popupHeight = '--popup-height';

package/tooltip/viewport/TooltipViewportDataAttributes.d.mts

@@ -1,26 +1,24 @@
-export declare enum TooltipViewportDataAttributes {
-  /**
-   * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
-   */
-  current = "data-current",
-  /**
-   * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
-   */
-  previous = "data-previous",
-  /**
-   * Indicates the direction from which the popup was activated.
-   * This can be used to create directional animations based on how the popup was triggered.
-   * Contains space-separated values for both horizontal and vertical axes.
-   * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
-   */
-  activationDirection = "data-activation-direction",
-  /**
-   * Indicates that the viewport is currently transitioning between old and new content.
-   */
-  transitioning = "data-transitioning",
-  /**
-   * Present if animations should be instant.
-   * @type {'delay' | 'dismiss' | 'focus'}
-   */
-  instant = "data-instant",
-}
+/**
+ * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
+ */
+export declare const current = "data-current";
+/**
+ * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
+ */
+export declare const previous = "data-previous";
+/**
+ * Indicates the direction from which the popup was activated.
+ * This can be used to create directional animations based on how the popup was triggered.
+ * Contains space-separated values for both horizontal and vertical axes.
+ * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
+ */
+export declare const activationDirection = "data-activation-direction";
+/**
+ * Indicates that the viewport is currently transitioning between old and new content.
+ */
+export declare const transitioning = "data-transitioning";
+/**
+ * Present if animations should be instant.
+ * @type {'delay' | 'dismiss' | 'focus'}
+ */
+export declare const instant = "data-instant";

package/tooltip/viewport/TooltipViewportDataAttributes.d.ts

@@ -1,26 +1,24 @@
-export declare enum TooltipViewportDataAttributes {
-  /**
-   * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
-   */
-  current = "data-current",
-  /**
-   * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
-   */
-  previous = "data-previous",
-  /**
-   * Indicates the direction from which the popup was activated.
-   * This can be used to create directional animations based on how the popup was triggered.
-   * Contains space-separated values for both horizontal and vertical axes.
-   * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
-   */
-  activationDirection = "data-activation-direction",
-  /**
-   * Indicates that the viewport is currently transitioning between old and new content.
-   */
-  transitioning = "data-transitioning",
-  /**
-   * Present if animations should be instant.
-   * @type {'delay' | 'dismiss' | 'focus'}
-   */
-  instant = "data-instant",
-}
+/**
+ * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
+ */
+export declare const current = "data-current";
+/**
+ * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
+ */
+export declare const previous = "data-previous";
+/**
+ * Indicates the direction from which the popup was activated.
+ * This can be used to create directional animations based on how the popup was triggered.
+ * Contains space-separated values for both horizontal and vertical axes.
+ * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
+ */
+export declare const activationDirection = "data-activation-direction";
+/**
+ * Indicates that the viewport is currently transitioning between old and new content.
+ */
+export declare const transitioning = "data-transitioning";
+/**
+ * Present if animations should be instant.
+ * @type {'delay' | 'dismiss' | 'focus'}
+ */
+export declare const instant = "data-instant";

package/tooltip/viewport/TooltipViewportDataAttributes.js

@@ -3,31 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TooltipViewportDataAttributes = void 0;
-let TooltipViewportDataAttributes = exports.TooltipViewportDataAttributes = /*#__PURE__*/function (TooltipViewportDataAttributes) {
-  /**
-   * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
-   */
-  TooltipViewportDataAttributes["current"] = "data-current";
-  /**
-   * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
-   */
-  TooltipViewportDataAttributes["previous"] = "data-previous";
-  /**
-   * Indicates the direction from which the popup was activated.
-   * This can be used to create directional animations based on how the popup was triggered.
-   * Contains space-separated values for both horizontal and vertical axes.
-   * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
-   */
-  TooltipViewportDataAttributes["activationDirection"] = "data-activation-direction";
-  /**
-   * Indicates that the viewport is currently transitioning between old and new content.
-   */
-  TooltipViewportDataAttributes["transitioning"] = "data-transitioning";
-  /**
-   * Present if animations should be instant.
-   * @type {'delay' | 'dismiss' | 'focus'}
-   */
-  TooltipViewportDataAttributes["instant"] = "data-instant";
-  return TooltipViewportDataAttributes;
-}({});
+exports.transitioning = exports.previous = exports.instant = exports.current = exports.activationDirection = void 0;
+/**
+ * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
+ */
+const current = exports.current = 'data-current';
+/**
+ * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
+ */
+const previous = exports.previous = 'data-previous';
+/**
+ * Indicates the direction from which the popup was activated.
+ * This can be used to create directional animations based on how the popup was triggered.
+ * Contains space-separated values for both horizontal and vertical axes.
+ * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
+ */
+const activationDirection = exports.activationDirection = 'data-activation-direction';
+/**
+ * Indicates that the viewport is currently transitioning between old and new content.
+ */
+const transitioning = exports.transitioning = 'data-transitioning';
+/**
+ * Present if animations should be instant.
+ * @type {'delay' | 'dismiss' | 'focus'}
+ */
+const instant = exports.instant = 'data-instant';

package/tooltip/viewport/TooltipViewportDataAttributes.mjs

@@ -1,27 +1,24 @@
-export let TooltipViewportDataAttributes = /*#__PURE__*/function (TooltipViewportDataAttributes) {
-  /**
-   * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
-   */
-  TooltipViewportDataAttributes["current"] = "data-current";
-  /**
-   * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
-   */
-  TooltipViewportDataAttributes["previous"] = "data-previous";
-  /**
-   * Indicates the direction from which the popup was activated.
-   * This can be used to create directional animations based on how the popup was triggered.
-   * Contains space-separated values for both horizontal and vertical axes.
-   * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
-   */
-  TooltipViewportDataAttributes["activationDirection"] = "data-activation-direction";
-  /**
-   * Indicates that the viewport is currently transitioning between old and new content.
-   */
-  TooltipViewportDataAttributes["transitioning"] = "data-transitioning";
-  /**
-   * Present if animations should be instant.
-   * @type {'delay' | 'dismiss' | 'focus'}
-   */
-  TooltipViewportDataAttributes["instant"] = "data-instant";
-  return TooltipViewportDataAttributes;
-}({});
+/**
+ * Applied to the direct child of the viewport when no transitions are present or the new content when it's entering.
+ */
+export const current = 'data-current';
+/**
+ * Applied to the direct child of the viewport that contains the exiting content when transitions are present.
+ */
+export const previous = 'data-previous';
+/**
+ * Indicates the direction from which the popup was activated.
+ * This can be used to create directional animations based on how the popup was triggered.
+ * Contains space-separated values for both horizontal and vertical axes.
+ * @type {`${'left' | 'right' | ''} ${'down' | 'up' | ''}`}
+ */
+export const activationDirection = 'data-activation-direction';
+/**
+ * Indicates that the viewport is currently transitioning between old and new content.
+ */
+export const transitioning = 'data-transitioning';
+/**
+ * Present if animations should be instant.
+ * @type {'delay' | 'dismiss' | 'focus'}
+ */
+export const instant = 'data-instant';

package/utils/CommonPopupCssVars.d.mts

@@ -0,0 +1,12 @@
+/**
+ * The width of the parent popup.
+ * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export declare const popupWidth = "--popup-width";
+/**
+ * The height of the parent popup.
+ * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export declare const popupHeight = "--popup-height";

package/utils/CommonPopupCssVars.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The width of the parent popup.
+ * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export declare const popupWidth = "--popup-width";
+/**
+ * The height of the parent popup.
+ * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export declare const popupHeight = "--popup-height";

package/utils/CommonPopupCssVars.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.popupWidth = exports.popupHeight = void 0;
+/**
+ * The width of the parent popup.
+ * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+const popupWidth = exports.popupWidth = '--popup-width';
+/**
+ * The height of the parent popup.
+ * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+const popupHeight = exports.popupHeight = '--popup-height';

package/utils/CommonPopupCssVars.mjs

@@ -0,0 +1,12 @@
+/**
+ * The width of the parent popup.
+ * This variable is placed on the 'previous' container and stores the width of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export const popupWidth = '--popup-width';
+/**
+ * The height of the parent popup.
+ * This variable is placed on the 'previous' container and stores the height of the popup when the previous content was rendered.
+ * It can be used to freeze the dimensions of the popup when animating between different content.
+ */
+export const popupHeight = '--popup-height';

package/utils/CommonPopupDataAttributes.d.mts

@@ -0,0 +1,30 @@
+/**
+ * Present when the popup is open.
+ */
+export declare const open = "data-open";
+/**
+ * Present when the popup is closed.
+ */
+export declare const closed = "data-closed";
+/**
+ * Present when the popup begins animating in.
+ */
+export declare const startingStyle = "data-starting-style";
+/**
+ * Present when the popup is animating out.
+ */
+export declare const endingStyle = "data-ending-style";
+/**
+ * Present when the anchor is hidden.
+ */
+export declare const anchorHidden = "data-anchor-hidden";
+/**
+ * Indicates which side the popup is positioned relative to the trigger.
+ * @type { 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'}
+ */
+export declare const side = "data-side";
+/**
+ * Indicates how the popup is aligned relative to specified side.
+ * @type {'start' | 'center' | 'end'}
+ */
+export declare const align = "data-align";

package/utils/CommonPopupDataAttributes.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Present when the popup is open.
+ */
+export declare const open = "data-open";
+/**
+ * Present when the popup is closed.
+ */
+export declare const closed = "data-closed";
+/**
+ * Present when the popup begins animating in.
+ */
+export declare const startingStyle = "data-starting-style";
+/**
+ * Present when the popup is animating out.
+ */
+export declare const endingStyle = "data-ending-style";
+/**
+ * Present when the anchor is hidden.
+ */
+export declare const anchorHidden = "data-anchor-hidden";
+/**
+ * Indicates which side the popup is positioned relative to the trigger.
+ * @type { 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'}
+ */
+export declare const side = "data-side";
+/**
+ * Indicates how the popup is aligned relative to specified side.
+ * @type {'start' | 'center' | 'end'}
+ */
+export declare const align = "data-align";

package/utils/CommonPopupDataAttributes.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.startingStyle = exports.side = exports.open = exports.endingStyle = exports.closed = exports.anchorHidden = exports.align = void 0;
+var TransitionStatusDataAttributes = _interopRequireWildcard(require("../internals/TransitionStatusDataAttributes"));
+/**
+ * Present when the popup is open.
+ */
+const open = exports.open = 'data-open';
+
+/**
+ * Present when the popup is closed.
+ */
+const closed = exports.closed = 'data-closed';
+
+/**
+ * Present when the popup begins animating in.
+ */
+const startingStyle = exports.startingStyle = TransitionStatusDataAttributes.startingStyle;
+
+/**
+ * Present when the popup is animating out.
+ */
+const endingStyle = exports.endingStyle = TransitionStatusDataAttributes.endingStyle;
+
+/**
+ * Present when the anchor is hidden.
+ */
+const anchorHidden = exports.anchorHidden = 'data-anchor-hidden';
+
+/**
+ * Indicates which side the popup is positioned relative to the trigger.
+ * @type { 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'}
+ */
+const side = exports.side = 'data-side';
+
+/**
+ * Indicates how the popup is aligned relative to specified side.
+ * @type {'start' | 'center' | 'end'}
+ */
+const align = exports.align = 'data-align';

package/utils/CommonPopupDataAttributes.mjs

@@ -0,0 +1,38 @@
+import * as TransitionStatusDataAttributes from "../internals/TransitionStatusDataAttributes.mjs";
+
+/**
+ * Present when the popup is open.
+ */
+export const open = 'data-open';
+
+/**
+ * Present when the popup is closed.
+ */
+export const closed = 'data-closed';
+
+/**
+ * Present when the popup begins animating in.
+ */
+export const startingStyle = TransitionStatusDataAttributes.startingStyle;
+
+/**
+ * Present when the popup is animating out.
+ */
+export const endingStyle = TransitionStatusDataAttributes.endingStyle;
+
+/**
+ * Present when the anchor is hidden.
+ */
+export const anchorHidden = 'data-anchor-hidden';
+
+/**
+ * Indicates which side the popup is positioned relative to the trigger.
+ * @type { 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'}
+ */
+export const side = 'data-side';
+
+/**
+ * Indicates how the popup is aligned relative to specified side.
+ * @type {'start' | 'center' | 'end'}
+ */
+export const align = 'data-align';

package/utils/CommonPositionerCssVars.d.mts

@@ -0,0 +1,37 @@
+/**
+ * The available width between the trigger and the edge of the viewport.
+ * @type {number}
+ */
+export declare const availableWidth = "--available-width";
+/**
+ * The available height between the trigger and the edge of the viewport.
+ * @type {number}
+ */
+export declare const availableHeight = "--available-height";
+/**
+ * The anchor's width.
+ * @type {number}
+ */
+export declare const anchorWidth = "--anchor-width";
+/**
+ * The anchor's height.
+ * @type {number}
+ */
+export declare const anchorHeight = "--anchor-height";
+/**
+ * The coordinates that this element is anchored to. Used for animations and transitions.
+ * @type {string}
+ */
+export declare const transformOrigin = "--transform-origin";
+/**
+ * The width of the popup's positioner.
+ * It is important to set `width` to this value when using CSS to animate size changes.
+ * @type {number}
+ */
+export declare const positionerWidth = "--positioner-width";
+/**
+ * The height of the popup's positioner.
+ * It is important to set `height` to this value when using CSS to animate size changes.
+ * @type {number}
+ */
+export declare const positionerHeight = "--positioner-height";

package/utils/CommonPositionerCssVars.d.ts

@@ -0,0 +1,37 @@
+/**
+ * The available width between the trigger and the edge of the viewport.
+ * @type {number}
+ */
+export declare const availableWidth = "--available-width";
+/**
+ * The available height between the trigger and the edge of the viewport.
+ * @type {number}
+ */
+export declare const availableHeight = "--available-height";
+/**
+ * The anchor's width.
+ * @type {number}
+ */
+export declare const anchorWidth = "--anchor-width";
+/**
+ * The anchor's height.
+ * @type {number}
+ */
+export declare const anchorHeight = "--anchor-height";
+/**
+ * The coordinates that this element is anchored to. Used for animations and transitions.
+ * @type {string}
+ */
+export declare const transformOrigin = "--transform-origin";
+/**
+ * The width of the popup's positioner.
+ * It is important to set `width` to this value when using CSS to animate size changes.
+ * @type {number}
+ */
+export declare const positionerWidth = "--positioner-width";
+/**
+ * The height of the popup's positioner.
+ * It is important to set `height` to this value when using CSS to animate size changes.
+ * @type {number}
+ */
+export declare const positionerHeight = "--positioner-height";

package/utils/CommonPositionerCssVars.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformOrigin = exports.positionerWidth = exports.positionerHeight = exports.availableWidth = exports.availableHeight = exports.anchorWidth = exports.anchorHeight = void 0;
+/**
+ * The available width between the trigger and the edge of the viewport.
+ * @type {number}
+ */
+const availableWidth = exports.availableWidth = '--available-width';
+/**
+ * The available height between the trigger and the edge of the viewport.
+ * @type {number}
+ */
+const availableHeight = exports.availableHeight = '--available-height';
+/**
+ * The anchor's width.
+ * @type {number}
+ */
+const anchorWidth = exports.anchorWidth = '--anchor-width';
+/**
+ * The anchor's height.
+ * @type {number}
+ */
+const anchorHeight = exports.anchorHeight = '--anchor-height';
+/**
+ * The coordinates that this element is anchored to. Used for animations and transitions.
+ * @type {string}
+ */
+const transformOrigin = exports.transformOrigin = '--transform-origin';
+/**
+ * The width of the popup's positioner.
+ * It is important to set `width` to this value when using CSS to animate size changes.
+ * @type {number}
+ */
+const positionerWidth = exports.positionerWidth = '--positioner-width';
+/**
+ * The height of the popup's positioner.
+ * It is important to set `height` to this value when using CSS to animate size changes.
+ * @type {number}
+ */
+const positionerHeight = exports.positionerHeight = '--positioner-height';

package/utils/CommonPositionerCssVars.mjs

@@ -0,0 +1,37 @@
+/**
+ * The available width between the trigger and the edge of the viewport.
+ * @type {number}
+ */
+export const availableWidth = '--available-width';
+/**
+ * The available height between the trigger and the edge of the viewport.
+ * @type {number}
+ */
+export const availableHeight = '--available-height';
+/**
+ * The anchor's width.
+ * @type {number}
+ */
+export const anchorWidth = '--anchor-width';
+/**
+ * The anchor's height.
+ * @type {number}
+ */
+export const anchorHeight = '--anchor-height';
+/**
+ * The coordinates that this element is anchored to. Used for animations and transitions.
+ * @type {string}
+ */
+export const transformOrigin = '--transform-origin';
+/**
+ * The width of the popup's positioner.
+ * It is important to set `width` to this value when using CSS to animate size changes.
+ * @type {number}
+ */
+export const positionerWidth = '--positioner-width';
+/**
+ * The height of the popup's positioner.
+ * It is important to set `height` to this value when using CSS to animate size changes.
+ * @type {number}
+ */
+export const positionerHeight = '--positioner-height';

package/utils/CommonTriggerDataAttributes.d.mts

@@ -0,0 +1,8 @@
+/**
+ * Present when the popup is open.
+ */
+export declare const popupOpen = "data-popup-open";
+/**
+ * Present when a pressable trigger is pressed.
+ */
+export declare const pressed = "data-pressed";

package/utils/CommonTriggerDataAttributes.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Present when the popup is open.
+ */
+export declare const popupOpen = "data-popup-open";
+/**
+ * Present when a pressable trigger is pressed.
+ */
+export declare const pressed = "data-pressed";

package/utils/CommonTriggerDataAttributes.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pressed = exports.popupOpen = void 0;
+/**
+ * Present when the popup is open.
+ */
+const popupOpen = exports.popupOpen = 'data-popup-open';
+
+/**
+ * Present when a pressable trigger is pressed.
+ */
+const pressed = exports.pressed = 'data-pressed';