@base-ui/react 1.7.0 → 1.8.0

package/navigation-menu/icon/NavigationMenuIconDataAttributes.mjs

@@ -1,8 +1,6 @@
 import { CommonTriggerDataAttributes } from "../../utils/popupStateMapping.mjs";
-export let NavigationMenuIconDataAttributes = function (NavigationMenuIconDataAttributes) {
-  /**
-   * Present when the navigation menu is open and the item is active.
-   */
-  NavigationMenuIconDataAttributes[NavigationMenuIconDataAttributes["popupOpen"] = CommonTriggerDataAttributes.popupOpen] = "popupOpen";
-  return NavigationMenuIconDataAttributes;
-}({});
+
+/**
+ * Present when the navigation menu is open and the item is active.
+ */
+export const popupOpen = CommonTriggerDataAttributes.popupOpen;

package/navigation-menu/link/NavigationMenuLinkDataAttributes.d.mts

@@ -1,6 +1,4 @@
-export declare enum NavigationMenuLinkDataAttributes {
-  /**
-   * Present when the link is the currently active page.
-   */
-  active = "data-active",
-}
+/**
+ * Present when the link is the currently active page.
+ */
+export declare const active = "data-active";

package/navigation-menu/link/NavigationMenuLinkDataAttributes.d.ts

@@ -1,6 +1,4 @@
-export declare enum NavigationMenuLinkDataAttributes {
-  /**
-   * Present when the link is the currently active page.
-   */
-  active = "data-active",
-}
+/**
+ * Present when the link is the currently active page.
+ */
+export declare const active = "data-active";

package/navigation-menu/link/NavigationMenuLinkDataAttributes.js

@@ -3,11 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NavigationMenuLinkDataAttributes = void 0;
-let NavigationMenuLinkDataAttributes = exports.NavigationMenuLinkDataAttributes = /*#__PURE__*/function (NavigationMenuLinkDataAttributes) {
-  /**
-   * Present when the link is the currently active page.
-   */
-  NavigationMenuLinkDataAttributes["active"] = "data-active";
-  return NavigationMenuLinkDataAttributes;
-}({});
+exports.active = void 0;
+/**
+ * Present when the link is the currently active page.
+ */
+const active = exports.active = 'data-active';

package/navigation-menu/link/NavigationMenuLinkDataAttributes.mjs

@@ -1,7 +1,4 @@
-export let NavigationMenuLinkDataAttributes = /*#__PURE__*/function (NavigationMenuLinkDataAttributes) {
-  /**
-   * Present when the link is the currently active page.
-   */
-  NavigationMenuLinkDataAttributes["active"] = "data-active";
-  return NavigationMenuLinkDataAttributes;
-}({});
+/**
+ * Present when the link is the currently active page.
+ */
+export const active = 'data-active';

package/navigation-menu/popup/NavigationMenuPopupCssVars.d.mts

@@ -1,12 +1,10 @@
-export declare enum NavigationMenuPopupCssVars {
-  /**
-   * The fixed width of the popup element.
-   * @type {number}
-   */
-  popupWidth = "--popup-width",
-  /**
-   * The fixed height of the popup element.
-   * @type {number}
-   */
-  popupHeight = "--popup-height",
-}
+/**
+ * The fixed width of the popup element.
+ * @type {number}
+ */
+export declare const popupWidth = "--popup-width";
+/**
+ * The fixed height of the popup element.
+ * @type {number}
+ */
+export declare const popupHeight = "--popup-height";

package/navigation-menu/popup/NavigationMenuPopupCssVars.d.ts

@@ -1,12 +1,10 @@
-export declare enum NavigationMenuPopupCssVars {
-  /**
-   * The fixed width of the popup element.
-   * @type {number}
-   */
-  popupWidth = "--popup-width",
-  /**
-   * The fixed height of the popup element.
-   * @type {number}
-   */
-  popupHeight = "--popup-height",
-}
+/**
+ * The fixed width of the popup element.
+ * @type {number}
+ */
+export declare const popupWidth = "--popup-width";
+/**
+ * The fixed height of the popup element.
+ * @type {number}
+ */
+export declare const popupHeight = "--popup-height";

package/navigation-menu/popup/NavigationMenuPopupCssVars.js

@@ -3,17 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NavigationMenuPopupCssVars = void 0;
-let NavigationMenuPopupCssVars = exports.NavigationMenuPopupCssVars = /*#__PURE__*/function (NavigationMenuPopupCssVars) {
-  /**
-   * The fixed width of the popup element.
-   * @type {number}
-   */
-  NavigationMenuPopupCssVars["popupWidth"] = "--popup-width";
-  /**
-   * The fixed height of the popup element.
-   * @type {number}
-   */
-  NavigationMenuPopupCssVars["popupHeight"] = "--popup-height";
-  return NavigationMenuPopupCssVars;
-}({});
+exports.popupWidth = exports.popupHeight = void 0;
+/**
+ * The fixed width of the popup element.
+ * @type {number}
+ */
+const popupWidth = exports.popupWidth = '--popup-width';
+/**
+ * The fixed height of the popup element.
+ * @type {number}
+ */
+const popupHeight = exports.popupHeight = '--popup-height';

package/navigation-menu/popup/NavigationMenuPopupCssVars.mjs

@@ -1,13 +1,10 @@
-export let NavigationMenuPopupCssVars = /*#__PURE__*/function (NavigationMenuPopupCssVars) {
-  /**
-   * The fixed width of the popup element.
-   * @type {number}
-   */
-  NavigationMenuPopupCssVars["popupWidth"] = "--popup-width";
-  /**
-   * The fixed height of the popup element.
-   * @type {number}
-   */
-  NavigationMenuPopupCssVars["popupHeight"] = "--popup-height";
-  return NavigationMenuPopupCssVars;
-}({});
+/**
+ * The fixed width of the popup element.
+ * @type {number}
+ */
+export const popupWidth = '--popup-width';
+/**
+ * The fixed height of the popup element.
+ * @type {number}
+ */
+export const popupHeight = '--popup-height';

package/navigation-menu/popup/NavigationMenuPopupDataAttributes.d.mts

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

package/navigation-menu/popup/NavigationMenuPopupDataAttributes.d.ts

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

package/navigation-menu/popup/NavigationMenuPopupDataAttributes.js

@@ -3,38 +3,35 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NavigationMenuPopupDataAttributes = void 0;
+exports.startingStyle = exports.side = exports.open = exports.endingStyle = exports.closed = exports.anchorHidden = exports.align = void 0;
 var _popupStateMapping = require("../../utils/popupStateMapping");
-let NavigationMenuPopupDataAttributes = exports.NavigationMenuPopupDataAttributes = function (NavigationMenuPopupDataAttributes) {
-  /**
-   * Present when the popup is open.
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["open"] = _popupStateMapping.CommonPopupDataAttributes.open] = "open";
-  /**
-   * Present when the popup is closed.
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["closed"] = _popupStateMapping.CommonPopupDataAttributes.closed] = "closed";
-  /**
-   * Present when the popup begins animating in.
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["startingStyle"] = _popupStateMapping.CommonPopupDataAttributes.startingStyle] = "startingStyle";
-  /**
-   * Present when the popup is animating out.
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["endingStyle"] = _popupStateMapping.CommonPopupDataAttributes.endingStyle] = "endingStyle";
-  /**
-   * Present when the anchor is hidden.
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["anchorHidden"] = _popupStateMapping.CommonPopupDataAttributes.anchorHidden] = "anchorHidden";
-  /**
-   * Indicates which side the popup is positioned relative to the trigger.
-   * @type {'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'}
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["side"] = _popupStateMapping.CommonPopupDataAttributes.side] = "side";
-  /**
-   * Indicates how the popup is aligned relative to the specified side.
-   * @type {'start' | 'center' | 'end'}
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["align"] = _popupStateMapping.CommonPopupDataAttributes.align] = "align";
-  return NavigationMenuPopupDataAttributes;
-}({});
+/**
+ * Present when the popup is open.
+ */
+const open = exports.open = _popupStateMapping.CommonPopupDataAttributes.open;
+/**
+ * Present when the popup is closed.
+ */
+const closed = exports.closed = _popupStateMapping.CommonPopupDataAttributes.closed;
+/**
+ * Present when the popup begins animating in.
+ */
+const startingStyle = exports.startingStyle = _popupStateMapping.CommonPopupDataAttributes.startingStyle;
+/**
+ * Present when the popup is animating out.
+ */
+const endingStyle = exports.endingStyle = _popupStateMapping.CommonPopupDataAttributes.endingStyle;
+/**
+ * Present when the anchor is hidden.
+ */
+const anchorHidden = exports.anchorHidden = _popupStateMapping.CommonPopupDataAttributes.anchorHidden;
+/**
+ * Indicates which side the popup is positioned relative to the trigger.
+ * @type {'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'}
+ */
+const side = exports.side = _popupStateMapping.CommonPopupDataAttributes.side;
+/**
+ * Indicates how the popup is aligned relative to the specified side.
+ * @type {'start' | 'center' | 'end'}
+ */
+const align = exports.align = _popupStateMapping.CommonPopupDataAttributes.align;

package/navigation-menu/popup/NavigationMenuPopupDataAttributes.mjs

@@ -1,34 +1,32 @@
 import { CommonPopupDataAttributes } from "../../utils/popupStateMapping.mjs";
-export let NavigationMenuPopupDataAttributes = function (NavigationMenuPopupDataAttributes) {
-  /**
-   * Present when the popup is open.
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["open"] = CommonPopupDataAttributes.open] = "open";
-  /**
-   * Present when the popup is closed.
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["closed"] = CommonPopupDataAttributes.closed] = "closed";
-  /**
-   * Present when the popup begins animating in.
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["startingStyle"] = CommonPopupDataAttributes.startingStyle] = "startingStyle";
-  /**
-   * Present when the popup is animating out.
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["endingStyle"] = CommonPopupDataAttributes.endingStyle] = "endingStyle";
-  /**
-   * Present when the anchor is hidden.
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["anchorHidden"] = CommonPopupDataAttributes.anchorHidden] = "anchorHidden";
-  /**
-   * Indicates which side the popup is positioned relative to the trigger.
-   * @type {'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'}
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["side"] = CommonPopupDataAttributes.side] = "side";
-  /**
-   * Indicates how the popup is aligned relative to the specified side.
-   * @type {'start' | 'center' | 'end'}
-   */
-  NavigationMenuPopupDataAttributes[NavigationMenuPopupDataAttributes["align"] = CommonPopupDataAttributes.align] = "align";
-  return NavigationMenuPopupDataAttributes;
-}({});
+
+/**
+ * Present when the popup is open.
+ */
+export const open = CommonPopupDataAttributes.open;
+/**
+ * Present when the popup is closed.
+ */
+export const closed = CommonPopupDataAttributes.closed;
+/**
+ * Present when the popup begins animating in.
+ */
+export const startingStyle = CommonPopupDataAttributes.startingStyle;
+/**
+ * Present when the popup is animating out.
+ */
+export const endingStyle = CommonPopupDataAttributes.endingStyle;
+/**
+ * Present when the anchor is hidden.
+ */
+export const anchorHidden = CommonPopupDataAttributes.anchorHidden;
+/**
+ * Indicates which side the popup is positioned relative to the trigger.
+ * @type {'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'}
+ */
+export const side = CommonPopupDataAttributes.side;
+/**
+ * Indicates how the popup is aligned relative to the specified side.
+ * @type {'start' | 'center' | 'end'}
+ */
+export const align = CommonPopupDataAttributes.align;

package/navigation-menu/positioner/NavigationMenuPositionerCssVars.d.mts

@@ -1,37 +1,35 @@
-export declare enum NavigationMenuPositionerCssVars {
-  /**
-   * The available width between the trigger and the edge of the viewport.
-   * @type {number}
-   */
-  availableWidth = "--available-width",
-  /**
-   * The available height between the trigger and the edge of the viewport.
-   * @type {number}
-   */
-  availableHeight = "--available-height",
-  /**
-   * The anchor's width.
-   * @type {number}
-   */
-  anchorWidth = "--anchor-width",
-  /**
-   * The anchor's height.
-   * @type {number}
-   */
-  anchorHeight = "--anchor-height",
-  /**
-   * The coordinates that this element is anchored to. Used for animations and transitions.
-   * @type {string}
-   */
-  transformOrigin = "--transform-origin",
-  /**
-   * The fixed width of the positioner element.
-   * @type {number}
-   */
-  positionerWidth = "--positioner-width",
-  /**
-   * The fixed height of the positioner element.
-   * @type {number}
-   */
-  positionerHeight = "--positioner-height",
-}
+/**
+ * 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 fixed width of the positioner element.
+ * @type {number}
+ */
+export declare const positionerWidth = "--positioner-width";
+/**
+ * The fixed height of the positioner element.
+ * @type {number}
+ */
+export declare const positionerHeight = "--positioner-height";

package/navigation-menu/positioner/NavigationMenuPositionerCssVars.d.ts

@@ -1,37 +1,35 @@
-export declare enum NavigationMenuPositionerCssVars {
-  /**
-   * The available width between the trigger and the edge of the viewport.
-   * @type {number}
-   */
-  availableWidth = "--available-width",
-  /**
-   * The available height between the trigger and the edge of the viewport.
-   * @type {number}
-   */
-  availableHeight = "--available-height",
-  /**
-   * The anchor's width.
-   * @type {number}
-   */
-  anchorWidth = "--anchor-width",
-  /**
-   * The anchor's height.
-   * @type {number}
-   */
-  anchorHeight = "--anchor-height",
-  /**
-   * The coordinates that this element is anchored to. Used for animations and transitions.
-   * @type {string}
-   */
-  transformOrigin = "--transform-origin",
-  /**
-   * The fixed width of the positioner element.
-   * @type {number}
-   */
-  positionerWidth = "--positioner-width",
-  /**
-   * The fixed height of the positioner element.
-   * @type {number}
-   */
-  positionerHeight = "--positioner-height",
-}
+/**
+ * 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 fixed width of the positioner element.
+ * @type {number}
+ */
+export declare const positionerWidth = "--positioner-width";
+/**
+ * The fixed height of the positioner element.
+ * @type {number}
+ */
+export declare const positionerHeight = "--positioner-height";