@base-ui/react 1.6.0 → 1.8.0

package/preview-card/store/PreviewCardStore.js

@@ -5,36 +5,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PreviewCardStore = void 0;
+exports.createNullPreviewCardStore = createNullPreviewCardStore;
 var React = _interopRequireWildcard(require("react"));
 var _store = require("@base-ui/utils/store");
 var _popups = require("../../utils/popups");
 var _reasons = require("../../internals/reasons");
+var _NullStore = require("../../utils/NullStore");
 var _constants = require("../utils/constants");
 const selectors = {
   ..._popups.popupStoreSelectors,
-  instantType: (0, _store.createSelector)(state => state.instantType),
-  hasViewport: (0, _store.createSelector)(state => state.hasViewport)
+  instantType: state => state.instantType,
+  adaptiveOrigin: state => state.adaptiveOrigin,
+  closeDelay: state => state.closeDelay
 };
+
+/**
+ * The store view that detached handle-backed triggers read from. Both the real `PreviewCardStore`
+ * and the inert fallback store satisfy it, so a trigger can read from whichever store the handle
+ * currently exposes. Narrowed to the trigger-data members a trigger uses; it exposes no popup-open
+ * mutator, so the inert fallback can be a plain `NullStore`.
+ */
+
 class PreviewCardStore extends _store.ReactStore {
-  constructor(initialState, floatingId, nested = false) {
+  constructor(initialState, floatingId, nested) {
     const triggerElements = new _popups.PopupTriggerMap();
-    const state = {
-      ...createInitialState(),
-      ...initialState
-    };
-    state.floatingRootContext = (0, _popups.createPopupFloatingRootContext)(triggerElements, floatingId, nested);
-    super(state, {
-      popupRef: /*#__PURE__*/React.createRef(),
-      onOpenChange: undefined,
-      onOpenChangeComplete: undefined,
-      triggerElements,
-      closeDelayRef: {
-        current: _constants.CLOSE_DELAY
-      },
-      inlineRectCoordsRef: {
-        current: undefined
-      }
-    }, selectors);
+    super(createInitialState(initialState, triggerElements, floatingId, nested), createInitialContext(triggerElements), selectors);
   }
   setOpen = (nextOpen, eventDetails) => {
     const {
@@ -51,19 +46,36 @@ class PreviewCardStore extends _store.ReactStore {
       }
     });
   };
-  static useStore(externalStore, initialState) {
-    /* eslint-disable react-hooks/rules-of-hooks */
-    const store = (0, _popups.usePopupStore)(externalStore, (floatingId, nested) => new PreviewCardStore(initialState, floatingId, nested)).store;
-    /* eslint-enable react-hooks/rules-of-hooks */
-
-    return store;
-  }
 }
+
+/**
+ * Creates the inert fallback store used by detached handle-backed triggers while no
+ * `PreviewCard.Root` is attached. It preserves a preview-card-specific trigger registry in context
+ * so detached triggers can register before migrating to the live root store.
+ */
 exports.PreviewCardStore = PreviewCardStore;
-function createInitialState() {
-  return {
-    ...(0, _popups.createInitialPopupStoreState)(),
+function createNullPreviewCardStore() {
+  const triggerElements = new _popups.PopupTriggerMap();
+  return new _NullStore.NullStore(Object.freeze(createInitialState(undefined, triggerElements)), Object.freeze(createInitialContext(triggerElements)), selectors);
+}
+function createInitialState(initialState, triggerElements, floatingId, nested = false) {
+  const state = {
+    ...(0, _popups.createInitialPopupStoreState)(triggerElements, floatingId, nested),
     instantType: undefined,
-    hasViewport: false
+    adaptiveOrigin: undefined,
+    closeDelay: _constants.CLOSE_DELAY,
+    ...initialState
+  };
+  return state;
+}
+function createInitialContext(triggerElements) {
+  return {
+    popupRef: /*#__PURE__*/React.createRef(),
+    onOpenChange: undefined,
+    onOpenChangeComplete: undefined,
+    triggerElements,
+    inlineRectCoordsRef: {
+      current: undefined
+    }
   };
 }

package/preview-card/store/PreviewCardStore.mjs

@@ -1,33 +1,27 @@
 import * as React from 'react';
-import { createSelector, ReactStore } from '@base-ui/utils/store';
-import { applyPopupOpenChange, createPopupFloatingRootContext, createInitialPopupStoreState, popupStoreSelectors, PopupTriggerMap, updateInlineRectCoords, usePopupStore } from "../../utils/popups/index.mjs";
+import { ReactStore } from '@base-ui/utils/store';
+import { applyPopupOpenChange, createInitialPopupStoreState, popupStoreSelectors, PopupTriggerMap, updateInlineRectCoords } from "../../utils/popups/index.mjs";
 import { REASONS } from "../../internals/reasons.mjs";
+import { NullStore } from "../../utils/NullStore.mjs";
 import { CLOSE_DELAY } from "../utils/constants.mjs";
 const selectors = {
   ...popupStoreSelectors,
-  instantType: createSelector(state => state.instantType),
-  hasViewport: createSelector(state => state.hasViewport)
+  instantType: state => state.instantType,
+  adaptiveOrigin: state => state.adaptiveOrigin,
+  closeDelay: state => state.closeDelay
 };
+
+/**
+ * The store view that detached handle-backed triggers read from. Both the real `PreviewCardStore`
+ * and the inert fallback store satisfy it, so a trigger can read from whichever store the handle
+ * currently exposes. Narrowed to the trigger-data members a trigger uses; it exposes no popup-open
+ * mutator, so the inert fallback can be a plain `NullStore`.
+ */
+
 export class PreviewCardStore extends ReactStore {
-  constructor(initialState, floatingId, nested = false) {
+  constructor(initialState, floatingId, nested) {
     const triggerElements = new PopupTriggerMap();
-    const state = {
-      ...createInitialState(),
-      ...initialState
-    };
-    state.floatingRootContext = createPopupFloatingRootContext(triggerElements, floatingId, nested);
-    super(state, {
-      popupRef: /*#__PURE__*/React.createRef(),
-      onOpenChange: undefined,
-      onOpenChangeComplete: undefined,
-      triggerElements,
-      closeDelayRef: {
-        current: CLOSE_DELAY
-      },
-      inlineRectCoordsRef: {
-        current: undefined
-      }
-    }, selectors);
+    super(createInitialState(initialState, triggerElements, floatingId, nested), createInitialContext(triggerElements), selectors);
   }
   setOpen = (nextOpen, eventDetails) => {
     const {
@@ -44,18 +38,35 @@ export class PreviewCardStore extends ReactStore {
       }
     });
   };
-  static useStore(externalStore, initialState) {
-    /* eslint-disable react-hooks/rules-of-hooks */
-    const store = usePopupStore(externalStore, (floatingId, nested) => new PreviewCardStore(initialState, floatingId, nested)).store;
-    /* eslint-enable react-hooks/rules-of-hooks */
+}
 
-    return store;
-  }
+/**
+ * Creates the inert fallback store used by detached handle-backed triggers while no
+ * `PreviewCard.Root` is attached. It preserves a preview-card-specific trigger registry in context
+ * so detached triggers can register before migrating to the live root store.
+ */
+export function createNullPreviewCardStore() {
+  const triggerElements = new PopupTriggerMap();
+  return new NullStore(Object.freeze(createInitialState(undefined, triggerElements)), Object.freeze(createInitialContext(triggerElements)), selectors);
 }
-function createInitialState() {
-  return {
-    ...createInitialPopupStoreState(),
+function createInitialState(initialState, triggerElements, floatingId, nested = false) {
+  const state = {
+    ...createInitialPopupStoreState(triggerElements, floatingId, nested),
     instantType: undefined,
-    hasViewport: false
+    adaptiveOrigin: undefined,
+    closeDelay: CLOSE_DELAY,
+    ...initialState
+  };
+  return state;
+}
+function createInitialContext(triggerElements) {
+  return {
+    popupRef: /*#__PURE__*/React.createRef(),
+    onOpenChange: undefined,
+    onOpenChangeComplete: undefined,
+    triggerElements,
+    inlineRectCoordsRef: {
+      current: undefined
+    }
   };
 }

package/preview-card/trigger/PreviewCardTrigger.d.mts

@@ -17,7 +17,7 @@ export interface PreviewCardTriggerState {
    */
   open: boolean;
 }
-export interface PreviewCardTriggerProps<Payload = unknown> extends BaseUIComponentProps<'a', PreviewCardTriggerState> {
+export interface PreviewCardTriggerProps<Payload = unknown> extends BaseUIComponentProps<'a', PreviewCardTriggerState, React.ComponentPropsWithRef<'a'>> {
   /**
    * A handle to associate the trigger with a preview card.
    */

package/preview-card/trigger/PreviewCardTrigger.d.ts

@@ -17,7 +17,7 @@ export interface PreviewCardTriggerState {
    */
   open: boolean;
 }
-export interface PreviewCardTriggerProps<Payload = unknown> extends BaseUIComponentProps<'a', PreviewCardTriggerState> {
+export interface PreviewCardTriggerProps<Payload = unknown> extends BaseUIComponentProps<'a', PreviewCardTriggerState, React.ComponentPropsWithRef<'a'>> {
   /**
    * A handle to associate the trigger with a preview card.
    */

package/preview-card/trigger/PreviewCardTrigger.js

@@ -10,7 +10,6 @@ exports.PreviewCardTrigger = void 0;
 var _formatErrorMessage2 = _interopRequireDefault(require("@base-ui/utils/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 var _fastHooks = require("@base-ui/utils/fastHooks");
-var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
 var _PreviewCardContext = require("../root/PreviewCardContext");
 var _popupStateMapping = require("../../utils/popupStateMapping");
 var _useRenderElement = require("../../internals/useRenderElement");
@@ -37,7 +36,8 @@ const PreviewCardTrigger = exports.PreviewCardTrigger = (0, _fastHooks.fastCompo
     ...elementProps
   } = componentProps;
   const rootContext = (0, _PreviewCardContext.usePreviewCardRootContext)(true);
-  const store = handle?.store ?? rootContext;
+  const handleStore = (0, _popups.usePopupHandleStore)(handle);
+  const store = handleStore ?? rootContext;
   if (!store) {
     throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: <PreviewCard.Trigger> must be either used within a <PreviewCard.Root> component or provided with a handle.' : (0, _formatErrorMessage2.default)(89));
   }
@@ -53,13 +53,9 @@ const PreviewCardTrigger = exports.PreviewCardTrigger = (0, _fastHooks.fastCompo
     registerTrigger,
     isMountedByThisTrigger
   } = (0, _popups.useTriggerDataForwarding)(thisTriggerId, triggerElementRef, store, {
-    payload
+    payload,
+    closeDelay: closeDelayWithDefault
   });
-  (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
-    if (isMountedByThisTrigger) {
-      store.context.closeDelayRef.current = closeDelayWithDefault;
-    }
-  }, [store, isMountedByThisTrigger, closeDelayWithDefault]);
   const hoverProps = (0, _floatingUiReact.useHoverReferenceInteraction)(floatingRootContext, {
     mouseOnly: true,
     move: false,

package/preview-card/trigger/PreviewCardTrigger.mjs

@@ -3,12 +3,11 @@
 import _formatErrorMessage from "@base-ui/utils/formatErrorMessage";
 import * as React from 'react';
 import { fastComponentRef } from '@base-ui/utils/fastHooks';
-import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
 import { usePreviewCardRootContext } from "../root/PreviewCardContext.mjs";
 import { triggerOpenStateMapping } from "../../utils/popupStateMapping.mjs";
 import { useRenderElement } from "../../internals/useRenderElement.mjs";
 import { useBaseUiId } from "../../internals/useBaseUiId.mjs";
-import { getInlineRectTriggerProps, useTriggerDataForwarding } from "../../utils/popups/index.mjs";
+import { getInlineRectTriggerProps, usePopupHandleStore, useTriggerDataForwarding } from "../../utils/popups/index.mjs";
 import { CLOSE_DELAY, OPEN_DELAY } from "../utils/constants.mjs";
 import { safePolygon, useFocus, useHoverReferenceInteraction } from "../../floating-ui-react/index.mjs";
 
@@ -31,7 +30,8 @@ export const PreviewCardTrigger = fastComponentRef(function PreviewCardTrigger(c
     ...elementProps
   } = componentProps;
   const rootContext = usePreviewCardRootContext(true);
-  const store = handle?.store ?? rootContext;
+  const handleStore = usePopupHandleStore(handle);
+  const store = handleStore ?? rootContext;
   if (!store) {
     throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: <PreviewCard.Trigger> must be either used within a <PreviewCard.Root> component or provided with a handle.' : _formatErrorMessage(89));
   }
@@ -47,13 +47,9 @@ export const PreviewCardTrigger = fastComponentRef(function PreviewCardTrigger(c
     registerTrigger,
     isMountedByThisTrigger
   } = useTriggerDataForwarding(thisTriggerId, triggerElementRef, store, {
-    payload
+    payload,
+    closeDelay: closeDelayWithDefault
   });
-  useIsoLayoutEffect(() => {
-    if (isMountedByThisTrigger) {
-      store.context.closeDelayRef.current = closeDelayWithDefault;
-    }
-  }, [store, isMountedByThisTrigger, closeDelayWithDefault]);
   const hoverProps = useHoverReferenceInteraction(floatingRootContext, {
     mouseOnly: true,
     move: false,

package/preview-card/trigger/PreviewCardTriggerDataAttributes.d.mts

@@ -1,6 +1,4 @@
-export declare enum PreviewCardTriggerDataAttributes {
-  /**
-   * Present when the corresponding preview card is open.
-   */
-  popupOpen = "data-popup-open",
-}
+/**
+ * Present when the corresponding preview card is open.
+ */
+export declare const popupOpen = "data-popup-open";

package/preview-card/trigger/PreviewCardTriggerDataAttributes.d.ts

@@ -1,6 +1,4 @@
-export declare enum PreviewCardTriggerDataAttributes {
-  /**
-   * Present when the corresponding preview card is open.
-   */
-  popupOpen = "data-popup-open",
-}
+/**
+ * Present when the corresponding preview card is open.
+ */
+export declare const popupOpen = "data-popup-open";

package/preview-card/trigger/PreviewCardTriggerDataAttributes.js

@@ -3,12 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PreviewCardTriggerDataAttributes = void 0;
+exports.popupOpen = void 0;
 var _popupStateMapping = require("../../utils/popupStateMapping");
-let PreviewCardTriggerDataAttributes = exports.PreviewCardTriggerDataAttributes = function (PreviewCardTriggerDataAttributes) {
-  /**
-   * Present when the corresponding preview card is open.
-   */
-  PreviewCardTriggerDataAttributes[PreviewCardTriggerDataAttributes["popupOpen"] = _popupStateMapping.CommonTriggerDataAttributes.popupOpen] = "popupOpen";
-  return PreviewCardTriggerDataAttributes;
-}({});
+/**
+ * Present when the corresponding preview card is open.
+ */
+const popupOpen = exports.popupOpen = _popupStateMapping.CommonTriggerDataAttributes.popupOpen;

package/preview-card/trigger/PreviewCardTriggerDataAttributes.mjs

@@ -1,8 +1,6 @@
 import { CommonTriggerDataAttributes } from "../../utils/popupStateMapping.mjs";
-export let PreviewCardTriggerDataAttributes = function (PreviewCardTriggerDataAttributes) {
-  /**
-   * Present when the corresponding preview card is open.
-   */
-  PreviewCardTriggerDataAttributes[PreviewCardTriggerDataAttributes["popupOpen"] = CommonTriggerDataAttributes.popupOpen] = "popupOpen";
-  return PreviewCardTriggerDataAttributes;
-}({});
+
+/**
+ * Present when the corresponding preview card is open.
+ */
+export const popupOpen = CommonTriggerDataAttributes.popupOpen;

package/preview-card/viewport/PreviewCardViewport.js

@@ -10,14 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _PreviewCardContext = require("../root/PreviewCardContext");
 var _PreviewCardPositionerContext = require("../positioner/PreviewCardPositionerContext");
 var _useRenderElement = require("../../internals/useRenderElement");
-var _PreviewCardViewportCssVars = require("./PreviewCardViewportCssVars");
 var _usePopupViewport = require("../../utils/usePopupViewport");
-const stateAttributesMapping = {
-  activationDirection: value => value ? {
-    'data-activation-direction': value
-  } : null
-};
-
 /**
  * A viewport for displaying content transitions.
  * This component is only required if one popup can be opened by multiple triggers, its content
@@ -43,7 +36,6 @@ const PreviewCardViewport = exports.PreviewCardViewport = /*#__PURE__*/React.for
   } = (0, _usePopupViewport.usePopupViewport)({
     store,
     side: positioner.side,
-    cssVars: _PreviewCardViewportCssVars.PreviewCardViewportCssVars,
     children
   });
   const state = {
@@ -57,7 +49,7 @@ const PreviewCardViewport = exports.PreviewCardViewport = /*#__PURE__*/React.for
     props: [elementProps, {
       children: childrenToRender
     }],
-    stateAttributesMapping
+    stateAttributesMapping: _usePopupViewport.popupViewportStateMapping
   });
 });
 if (process.env.NODE_ENV !== "production") PreviewCardViewport.displayName = "PreviewCardViewport";

package/preview-card/viewport/PreviewCardViewport.mjs

@@ -4,13 +4,7 @@ import * as React from 'react';
 import { usePreviewCardRootContext } from "../root/PreviewCardContext.mjs";
 import { usePreviewCardPositionerContext } from "../positioner/PreviewCardPositionerContext.mjs";
 import { useRenderElement } from "../../internals/useRenderElement.mjs";
-import { PreviewCardViewportCssVars } from "./PreviewCardViewportCssVars.mjs";
-import { usePopupViewport } from "../../utils/usePopupViewport.mjs";
-const stateAttributesMapping = {
-  activationDirection: value => value ? {
-    'data-activation-direction': value
-  } : null
-};
+import { popupViewportStateMapping, usePopupViewport } from "../../utils/usePopupViewport.mjs";
 
 /**
  * A viewport for displaying content transitions.
@@ -37,7 +31,6 @@ export const PreviewCardViewport = /*#__PURE__*/React.forwardRef(function Previe
   } = usePopupViewport({
     store,
     side: positioner.side,
-    cssVars: PreviewCardViewportCssVars,
     children
   });
   const state = {
@@ -51,7 +44,7 @@ export const PreviewCardViewport = /*#__PURE__*/React.forwardRef(function Previe
     props: [elementProps, {
       children: childrenToRender
     }],
-    stateAttributesMapping
+    stateAttributesMapping: popupViewportStateMapping
   });
 });
 if (process.env.NODE_ENV !== "production") PreviewCardViewport.displayName = "PreviewCardViewport";

package/preview-card/viewport/PreviewCardViewportCssVars.d.mts

@@ -1,14 +1,12 @@
-export declare enum PreviewCardViewportCssVars {
-  /**
-   * 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.
-   */
-  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.
-   */
-  popupHeight = "--popup-height",
-}
+/**
+ * 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/preview-card/viewport/PreviewCardViewportCssVars.d.ts

@@ -1,14 +1,12 @@
-export declare enum PreviewCardViewportCssVars {
-  /**
-   * 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.
-   */
-  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.
-   */
-  popupHeight = "--popup-height",
-}
+/**
+ * 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/preview-card/viewport/PreviewCardViewportCssVars.js

@@ -3,19 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PreviewCardViewportCssVars = void 0;
-let PreviewCardViewportCssVars = exports.PreviewCardViewportCssVars = /*#__PURE__*/function (PreviewCardViewportCssVars) {
-  /**
-   * 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.
-   */
-  PreviewCardViewportCssVars["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.
-   */
-  PreviewCardViewportCssVars["popupHeight"] = "--popup-height";
-  return PreviewCardViewportCssVars;
-}({});
+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/preview-card/viewport/PreviewCardViewportCssVars.mjs

@@ -1,15 +1,12 @@
-export let PreviewCardViewportCssVars = /*#__PURE__*/function (PreviewCardViewportCssVars) {
-  /**
-   * 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.
-   */
-  PreviewCardViewportCssVars["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.
-   */
-  PreviewCardViewportCssVars["popupHeight"] = "--popup-height";
-  return PreviewCardViewportCssVars;
-}({});
+/**
+ * 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/preview-card/viewport/PreviewCardViewportDataAttributes.d.mts

@@ -1,26 +1,24 @@
-export declare enum PreviewCardViewportDataAttributes {
-  /**
-   * 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 {'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 {'dismiss' | 'focus'}
+ */
+export declare const instant = "data-instant";

package/preview-card/viewport/PreviewCardViewportDataAttributes.d.ts

@@ -1,26 +1,24 @@
-export declare enum PreviewCardViewportDataAttributes {
-  /**
-   * 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 {'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 {'dismiss' | 'focus'}
+ */
+export declare const instant = "data-instant";