@flight-framework/transitions 0.1.0

package/dist/chunk-7R3FXL3A.js

@@ -0,0 +1,442 @@
+import { prefersReducedMotion, onReducedMotionChange, DEFAULT_EASING, DEFAULT_DURATION, resolveTransition } from './chunk-4SF4GHDQ.js';
+
+// src/core/view-transition.ts
+var isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
+function isViewTransitionSupported() {
+  if (!isBrowser) return false;
+  return "startViewTransition" in document && typeof document.startViewTransition === "function";
+}
+function isCrossDocumentTransitionSupported() {
+  if (!isBrowser) return false;
+  return "onpagereveal" in window;
+}
+function startViewTransition(updateCallback, options = {}) {
+  if (!isBrowser) {
+    return createImmediateTransition(updateCallback);
+  }
+  if (options.skipTransition) {
+    return createImmediateTransition(updateCallback);
+  }
+  if (isViewTransitionSupported()) {
+    return createNativeTransition(updateCallback, options);
+  }
+  return createFallbackTransition(updateCallback, options);
+}
+function createNativeTransition(updateCallback, options) {
+  if (options.name) {
+    document.documentElement.style.setProperty(
+      "view-transition-name",
+      options.name
+    );
+  }
+  const typesAttr = options.types?.join(" ");
+  if (typesAttr) {
+    document.documentElement.setAttribute("data-transition-types", typesAttr);
+  }
+  const nativeTransition = document.startViewTransition(async () => {
+    if (options.classes?.old) {
+      document.documentElement.classList.add(options.classes.old);
+    }
+    await updateCallback();
+    if (options.classes?.new) {
+      document.documentElement.classList.add(options.classes.new);
+    }
+  });
+  nativeTransition.finished.finally(() => {
+    if (options.classes?.old) {
+      document.documentElement.classList.remove(options.classes.old);
+    }
+    if (options.classes?.new) {
+      document.documentElement.classList.remove(options.classes.new);
+    }
+    if (options.name) {
+      document.documentElement.style.removeProperty("view-transition-name");
+    }
+    if (typesAttr) {
+      document.documentElement.removeAttribute("data-transition-types");
+    }
+  });
+  return {
+    ready: nativeTransition.ready,
+    finished: nativeTransition.finished,
+    updateCallbackDone: nativeTransition.updateCallbackDone,
+    skipTransition: () => nativeTransition.skipTransition(),
+    isNative: true
+  };
+}
+function createFallbackTransition(updateCallback, options) {
+  let skipRequested = false;
+  const execute = async () => {
+    const container = document.documentElement;
+    container.classList.add("flight-transition-leaving");
+    if (options.classes?.old) {
+      container.classList.add(options.classes.old);
+    }
+    if (!skipRequested) {
+      await waitForTransition(container);
+    }
+    await updateCallback();
+    container.classList.remove("flight-transition-leaving");
+    if (options.classes?.old) {
+      container.classList.remove(options.classes.old);
+    }
+    container.classList.add("flight-transition-entering");
+    if (options.classes?.new) {
+      container.classList.add(options.classes.new);
+    }
+    if (!skipRequested) {
+      await waitForTransition(container);
+    }
+    container.classList.remove("flight-transition-entering");
+    if (options.classes?.new) {
+      container.classList.remove(options.classes.new);
+    }
+    return { ready: true, finished: true };
+  };
+  let readyResolve;
+  let finishedResolve;
+  let updateDoneResolve;
+  const ready = new Promise((resolve) => {
+    readyResolve = resolve;
+  });
+  const finished = new Promise((resolve) => {
+    finishedResolve = resolve;
+  });
+  const updateCallbackDone = new Promise((resolve) => {
+    updateDoneResolve = resolve;
+  });
+  queueMicrotask(async () => {
+    try {
+      readyResolve();
+      await execute();
+      updateDoneResolve();
+      finishedResolve();
+    } catch (error) {
+      console.error("[Flight Transitions] Fallback transition error:", error);
+      finishedResolve();
+    }
+  });
+  return {
+    ready,
+    finished,
+    updateCallbackDone,
+    skipTransition: () => {
+      skipRequested = true;
+    },
+    isNative: false
+  };
+}
+function waitForTransition(element, _phase) {
+  return new Promise((resolve) => {
+    const styles = getComputedStyle(element);
+    const duration = parseFloat(styles.transitionDuration) || 0;
+    const delay = parseFloat(styles.transitionDelay) || 0;
+    const totalTime = (duration + delay) * 1e3;
+    if (totalTime <= 0) {
+      resolve();
+      return;
+    }
+    let resolved = false;
+    const onEnd = () => {
+      if (resolved) return;
+      resolved = true;
+      element.removeEventListener("transitionend", onEnd);
+      resolve();
+    };
+    element.addEventListener("transitionend", onEnd, { once: true });
+    setTimeout(onEnd, totalTime + 50);
+  });
+}
+function createImmediateTransition(updateCallback) {
+  const updateCallbackDone = (async () => {
+    await updateCallback();
+  })();
+  return {
+    ready: Promise.resolve(),
+    finished: updateCallbackDone.then(() => {
+    }),
+    updateCallbackDone,
+    skipTransition: () => {
+    },
+    isNative: false
+  };
+}
+function enableCrossDocumentTransitions(options = {}) {
+  if (!isBrowser || !isCrossDocumentTransitionSupported()) {
+    return () => {
+    };
+  }
+  const { enabled = true, types = [] } = options;
+  if (!enabled) {
+    return () => {
+    };
+  }
+  const styleId = "flight-cross-document-transitions";
+  let style = document.getElementById(styleId);
+  if (!style) {
+    style = document.createElement("style");
+    style.id = styleId;
+    style.textContent = `
+            @view-transition {
+                navigation: auto;
+            }
+        `;
+    document.head.appendChild(style);
+  }
+  const handlePageReveal = (event) => {
+    const pageRevealEvent = event;
+    const viewTransition = pageRevealEvent.viewTransition;
+    if (viewTransition && types.length > 0) {
+      document.documentElement.setAttribute(
+        "data-transition-types",
+        types.join(" ")
+      );
+      viewTransition.finished.then(() => {
+        document.documentElement.removeAttribute("data-transition-types");
+      });
+    }
+  };
+  const handlePageSwap = (event) => {
+    const pageSwapEvent = event;
+    const viewTransition = pageSwapEvent.viewTransition;
+    if (viewTransition && types.length > 0) {
+      document.documentElement.setAttribute(
+        "data-transition-types",
+        types.join(" ")
+      );
+    }
+  };
+  window.addEventListener("pagereveal", handlePageReveal);
+  window.addEventListener("pageswap", handlePageSwap);
+  return () => {
+    window.removeEventListener("pagereveal", handlePageReveal);
+    window.removeEventListener("pageswap", handlePageSwap);
+    style?.remove();
+  };
+}
+
+// src/core/transition-manager.ts
+function createTransitionManager(initialConfig = {}) {
+  let config = normalizeConfig(initialConfig);
+  let state = createInitialState();
+  let listeners = /* @__PURE__ */ new Set();
+  let reducedMotionCleanup = null;
+  let shouldReduceMotion = false;
+  if (typeof window !== "undefined") {
+    shouldReduceMotion = prefersReducedMotion();
+    reducedMotionCleanup = onReducedMotionChange((prefersReduced) => {
+      shouldReduceMotion = prefersReduced;
+    });
+  }
+  function createInitialState() {
+    return {
+      isTransitioning: false,
+      direction: "forward",
+      phase: "idle",
+      currentTransition: null,
+      fromPath: null,
+      toPath: null
+    };
+  }
+  function setState(partial) {
+    state = { ...state, ...partial };
+    notifyListeners();
+  }
+  function notifyListeners() {
+    listeners.forEach((listener) => {
+      try {
+        listener(state);
+      } catch (error) {
+        console.error("[Flight Transitions] Listener error:", error);
+      }
+    });
+  }
+  function normalizeConfig(input) {
+    return {
+      enabled: input.enabled ?? true,
+      viewTransitions: input.viewTransitions ?? true,
+      pageTransition: input.pageTransition ?? "fade",
+      layoutTransition: input.layoutTransition ?? false,
+      duration: input.duration ?? DEFAULT_DURATION,
+      easing: input.easing ?? DEFAULT_EASING,
+      reduceMotion: input.reduceMotion ?? "respect-system",
+      crossDocument: input.crossDocument ?? false
+    };
+  }
+  function shouldApplyReducedMotion() {
+    switch (config.reduceMotion) {
+      case "always-reduce":
+        return true;
+      case "ignore":
+        return false;
+      case "respect-system":
+      default:
+        return shouldReduceMotion;
+    }
+  }
+  async function startPageTransition(to, pageConfig) {
+    if (!config.enabled) {
+      return;
+    }
+    if (state.isTransitioning) {
+      console.warn("[Flight Transitions] Transition already in progress");
+      return;
+    }
+    const from = state.toPath ?? getCurrentPath();
+    const direction = determineDirection(from, to);
+    const transitionInput = getTransitionForNavigation(
+      direction,
+      pageConfig
+    );
+    const transition = resolveTransition(
+      transitionInput,
+      shouldApplyReducedMotion()
+    );
+    if (!transition) {
+      return;
+    }
+    const context = {
+      from,
+      to,
+      direction,
+      transition,
+      startTime: performance.now()
+    };
+    pageConfig?.onStart?.(context);
+    setState({
+      isTransitioning: true,
+      direction,
+      phase: "leaving",
+      currentTransition: transition,
+      fromPath: from,
+      toPath: to
+    });
+    try {
+      if (config.viewTransitions && isViewTransitionSupported()) {
+        await executeWithViewTransition(transition);
+      } else {
+        await executeWithFallback(transition);
+      }
+    } finally {
+      setState({
+        isTransitioning: false,
+        phase: "idle",
+        currentTransition: null
+      });
+      pageConfig?.onComplete?.(context);
+    }
+  }
+  function getTransitionForNavigation(direction, pageConfig) {
+    if (pageConfig) {
+      if (direction === "back" && pageConfig.backTransition !== void 0) {
+        return pageConfig.backTransition;
+      }
+      if (pageConfig.default !== void 0) {
+        return pageConfig.default;
+      }
+    }
+    return config.pageTransition ?? "fade";
+  }
+  function determineDirection(from, to) {
+    if (from.length > to.length && to !== "/") {
+      return "back";
+    }
+    return "forward";
+  }
+  function getCurrentPath() {
+    if (typeof window === "undefined") return "/";
+    return window.location.pathname;
+  }
+  async function executeWithViewTransition(transition) {
+    return new Promise((resolve) => {
+      const viewTransition = startViewTransition(
+        () => {
+          setState({ phase: "entering" });
+        },
+        {
+          name: transition.name,
+          classes: {
+            old: `flight-transition-${transition.name}-leave`,
+            new: `flight-transition-${transition.name}-enter`
+          }
+        }
+      );
+      viewTransition.finished.then(() => {
+        setState({ phase: "complete" });
+        resolve();
+      });
+    });
+  }
+  async function executeWithFallback(transition) {
+    const leaveDuration = transition.leave.options.duration || 150;
+    const enterDuration = transition.enter.options.duration || 150;
+    await wait(leaveDuration);
+    setState({ phase: "entering" });
+    await wait(enterDuration);
+    setState({ phase: "complete" });
+  }
+  const manager = {
+    getState() {
+      return { ...state };
+    },
+    getConfig() {
+      return { ...config };
+    },
+    configure(newConfig) {
+      config = normalizeConfig({ ...config, ...newConfig });
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    startPageTransition,
+    skipTransition() {
+      if (state.isTransitioning) {
+        setState({
+          isTransitioning: false,
+          phase: "idle",
+          currentTransition: null
+        });
+      }
+    },
+    isEnabled() {
+      return config.enabled ?? false;
+    },
+    isViewTransitionSupported() {
+      return isViewTransitionSupported();
+    },
+    setDirection(direction) {
+      setState({ direction });
+    },
+    destroy() {
+      listeners.clear();
+      reducedMotionCleanup?.();
+      state = createInitialState();
+    }
+  };
+  return manager;
+}
+var globalManager = null;
+function getTransitionManager() {
+  if (!globalManager) {
+    globalManager = createTransitionManager();
+  }
+  return globalManager;
+}
+function initTransitions(config) {
+  if (globalManager) {
+    globalManager.configure(config);
+  } else {
+    globalManager = createTransitionManager(config);
+  }
+  return globalManager;
+}
+function wait(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+export { createTransitionManager, enableCrossDocumentTransitions, getTransitionManager, initTransitions, isCrossDocumentTransitionSupported, isViewTransitionSupported, startViewTransition };
+//# sourceMappingURL=chunk-7R3FXL3A.js.map
+//# sourceMappingURL=chunk-7R3FXL3A.js.map

package/dist/chunk-7R3FXL3A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/view-transition.ts","../src/core/transition-manager.ts"],"names":[],"mappings":"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","file":"chunk-7R3FXL3A.js","sourcesContent":["/**\r\n * @flight-framework/transitions - View Transition API Wrapper\r\n * \r\n * Provides a cross-browser wrapper for the View Transitions API with\r\n * automatic fallback for unsupported browsers.\r\n * \r\n * @see https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API\r\n */\r\n\r\nimport type {\r\n    ViewTransition,\r\n    ViewTransitionOptions,\r\n    ViewTransitionResult,\r\n} from './types';\r\n\r\n// =============================================================================\r\n// BROWSER DETECTION\r\n// =============================================================================\r\n\r\n/** Check if code is running in browser environment */\r\nconst isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';\r\n\r\n/**\r\n * Check if the browser supports the View Transitions API\r\n * @returns true if startViewTransition is available\r\n */\r\nexport function isViewTransitionSupported(): boolean {\r\n    if (!isBrowser) return false;\r\n    return 'startViewTransition' in document &&\r\n        typeof document.startViewTransition === 'function';\r\n}\r\n\r\n/**\r\n * Check if cross-document view transitions are supported\r\n * @returns true if @view-transition CSS at-rule is supported\r\n */\r\nexport function isCrossDocumentTransitionSupported(): boolean {\r\n    if (!isBrowser) return false;\r\n    // Check for pagereveal event support (indicates cross-document support)\r\n    return 'onpagereveal' in window;\r\n}\r\n\r\n// =============================================================================\r\n// VIEW TRANSITION WRAPPER\r\n// =============================================================================\r\n\r\n/**\r\n * Start a view transition with automatic fallback\r\n * \r\n * Uses the native View Transitions API when available, otherwise\r\n * provides a compatible fallback that executes the callback immediately.\r\n * \r\n * @example\r\n * ```typescript\r\n * const transition = startViewTransition(() => {\r\n *   // Update the DOM\r\n *   document.getElementById('content').innerHTML = newContent;\r\n * });\r\n * \r\n * // Wait for animation to be ready\r\n * await transition.ready;\r\n * \r\n * // Wait for animation to complete\r\n * await transition.finished;\r\n * ```\r\n */\r\nexport function startViewTransition(\r\n    updateCallback: () => void | Promise<void>,\r\n    options: ViewTransitionOptions = {}\r\n): ViewTransitionResult {\r\n    // Server-side rendering: return immediate resolution\r\n    if (!isBrowser) {\r\n        return createImmediateTransition(updateCallback);\r\n    }\r\n\r\n    // Skip transition if explicitly requested\r\n    if (options.skipTransition) {\r\n        return createImmediateTransition(updateCallback);\r\n    }\r\n\r\n    // Use native API if supported\r\n    if (isViewTransitionSupported()) {\r\n        return createNativeTransition(updateCallback, options);\r\n    }\r\n\r\n    // Fallback for unsupported browsers\r\n    return createFallbackTransition(updateCallback, options);\r\n}\r\n\r\n// =============================================================================\r\n// NATIVE IMPLEMENTATION\r\n// =============================================================================\r\n\r\n/**\r\n * Create a transition using the native View Transitions API\r\n */\r\nfunction createNativeTransition(\r\n    updateCallback: () => void | Promise<void>,\r\n    options: ViewTransitionOptions\r\n): ViewTransitionResult {\r\n    // Set view-transition-name if provided\r\n    if (options.name) {\r\n        document.documentElement.style.setProperty(\r\n            'view-transition-name',\r\n            options.name\r\n        );\r\n    }\r\n\r\n    // Set transition types if provided (for @starting-style support)\r\n    const typesAttr = options.types?.join(' ');\r\n    if (typesAttr) {\r\n        document.documentElement.setAttribute('data-transition-types', typesAttr);\r\n    }\r\n\r\n    // Start the native transition\r\n    const nativeTransition = document.startViewTransition!(async () => {\r\n        // Apply old phase class\r\n        if (options.classes?.old) {\r\n            document.documentElement.classList.add(options.classes.old);\r\n        }\r\n\r\n        // Execute the DOM update\r\n        await updateCallback();\r\n\r\n        // Apply new phase class\r\n        if (options.classes?.new) {\r\n            document.documentElement.classList.add(options.classes.new);\r\n        }\r\n    }) as ViewTransition;\r\n\r\n    // Clean up after transition\r\n    nativeTransition.finished.finally(() => {\r\n        // Remove custom classes\r\n        if (options.classes?.old) {\r\n            document.documentElement.classList.remove(options.classes.old);\r\n        }\r\n        if (options.classes?.new) {\r\n            document.documentElement.classList.remove(options.classes.new);\r\n        }\r\n        // Remove transition name\r\n        if (options.name) {\r\n            document.documentElement.style.removeProperty('view-transition-name');\r\n        }\r\n        // Remove types\r\n        if (typesAttr) {\r\n            document.documentElement.removeAttribute('data-transition-types');\r\n        }\r\n    });\r\n\r\n    return {\r\n        ready: nativeTransition.ready,\r\n        finished: nativeTransition.finished,\r\n        updateCallbackDone: nativeTransition.updateCallbackDone,\r\n        skipTransition: () => nativeTransition.skipTransition(),\r\n        isNative: true,\r\n    };\r\n}\r\n\r\n// =============================================================================\r\n// FALLBACK IMPLEMENTATION\r\n// =============================================================================\r\n\r\n/**\r\n * Create a fallback transition for browsers without View Transitions API\r\n * Uses CSS transitions with class-based animation\r\n */\r\nfunction createFallbackTransition(\r\n    updateCallback: () => void | Promise<void>,\r\n    options: ViewTransitionOptions\r\n): ViewTransitionResult {\r\n    let skipRequested = false;\r\n\r\n    const execute = async (): Promise<{ ready: boolean; finished: boolean }> => {\r\n        const container = document.documentElement;\r\n\r\n        // Add leaving class for CSS transition\r\n        container.classList.add('flight-transition-leaving');\r\n        if (options.classes?.old) {\r\n            container.classList.add(options.classes.old);\r\n        }\r\n\r\n        // Wait for leave animation (or skip if requested)\r\n        if (!skipRequested) {\r\n            await waitForTransition(container, 'leave');\r\n        }\r\n\r\n        // Execute the DOM update\r\n        await updateCallback();\r\n\r\n        // Switch to entering phase\r\n        container.classList.remove('flight-transition-leaving');\r\n        if (options.classes?.old) {\r\n            container.classList.remove(options.classes.old);\r\n        }\r\n        container.classList.add('flight-transition-entering');\r\n        if (options.classes?.new) {\r\n            container.classList.add(options.classes.new);\r\n        }\r\n\r\n        // Wait for enter animation (or skip if requested)\r\n        if (!skipRequested) {\r\n            await waitForTransition(container, 'enter');\r\n        }\r\n\r\n        // Clean up\r\n        container.classList.remove('flight-transition-entering');\r\n        if (options.classes?.new) {\r\n            container.classList.remove(options.classes.new);\r\n        }\r\n\r\n        return { ready: true, finished: true };\r\n    };\r\n\r\n    // Track promises\r\n    let readyResolve: () => void;\r\n    let finishedResolve: () => void;\r\n    let updateDoneResolve: () => void;\r\n\r\n    const ready = new Promise<void>((resolve) => { readyResolve = resolve; });\r\n    const finished = new Promise<void>((resolve) => { finishedResolve = resolve; });\r\n    const updateCallbackDone = new Promise<void>((resolve) => { updateDoneResolve = resolve; });\r\n\r\n    // Execute asynchronously\r\n    queueMicrotask(async () => {\r\n        try {\r\n            readyResolve!();\r\n            await execute();\r\n            updateDoneResolve!();\r\n            finishedResolve!();\r\n        } catch (error) {\r\n            console.error('[Flight Transitions] Fallback transition error:', error);\r\n            finishedResolve!();\r\n        }\r\n    });\r\n\r\n    return {\r\n        ready,\r\n        finished,\r\n        updateCallbackDone,\r\n        skipTransition: () => { skipRequested = true; },\r\n        isNative: false,\r\n    };\r\n}\r\n\r\n/**\r\n * Wait for CSS transition to complete on an element\r\n */\r\nfunction waitForTransition(\r\n    element: HTMLElement,\r\n    _phase: 'leave' | 'enter'\r\n): Promise<void> {\r\n    return new Promise((resolve) => {\r\n        // Get computed transition duration\r\n        const styles = getComputedStyle(element);\r\n        const duration = parseFloat(styles.transitionDuration) || 0;\r\n        const delay = parseFloat(styles.transitionDelay) || 0;\r\n        const totalTime = (duration + delay) * 1000;\r\n\r\n        if (totalTime <= 0) {\r\n            resolve();\r\n            return;\r\n        }\r\n\r\n        // Use transitionend event with timeout fallback\r\n        let resolved = false;\r\n\r\n        const onEnd = () => {\r\n            if (resolved) return;\r\n            resolved = true;\r\n            element.removeEventListener('transitionend', onEnd);\r\n            resolve();\r\n        };\r\n\r\n        element.addEventListener('transitionend', onEnd, { once: true });\r\n\r\n        // Fallback timeout (add 50ms buffer)\r\n        setTimeout(onEnd, totalTime + 50);\r\n    });\r\n}\r\n\r\n// =============================================================================\r\n// IMMEDIATE TRANSITION (SSR/Skip)\r\n// =============================================================================\r\n\r\n/**\r\n * Create an immediate transition (no animation)\r\n * Used for SSR or when transitions are skipped\r\n */\r\nfunction createImmediateTransition(\r\n    updateCallback: () => void | Promise<void>\r\n): ViewTransitionResult {\r\n    let updateDone = false;\r\n\r\n    const updateCallbackDone = (async () => {\r\n        await updateCallback();\r\n        updateDone = true;\r\n    })();\r\n\r\n    return {\r\n        ready: Promise.resolve(),\r\n        finished: updateCallbackDone.then(() => { }),\r\n        updateCallbackDone,\r\n        skipTransition: () => { },\r\n        isNative: false,\r\n    };\r\n}\r\n\r\n// =============================================================================\r\n// CROSS-DOCUMENT TRANSITIONS\r\n// =============================================================================\r\n\r\n/**\r\n * Options for cross-document (MPA) transitions\r\n */\r\nexport interface CrossDocumentTransitionOptions {\r\n    /** Enable transitions for same-origin navigations */\r\n    enabled?: boolean;\r\n    /** Types to apply to the transition */\r\n    types?: string[];\r\n}\r\n\r\n/**\r\n * Enable cross-document view transitions for MPA navigations\r\n * \r\n * This injects the necessary CSS and sets up event listeners for\r\n * pagereveal and pageswap events.\r\n * \r\n * @example\r\n * ```typescript\r\n * enableCrossDocumentTransitions({\r\n *   enabled: true,\r\n *   types: ['slide-left']\r\n * });\r\n * ```\r\n */\r\nexport function enableCrossDocumentTransitions(\r\n    options: CrossDocumentTransitionOptions = {}\r\n): () => void {\r\n    if (!isBrowser || !isCrossDocumentTransitionSupported()) {\r\n        return () => { };\r\n    }\r\n\r\n    const { enabled = true, types = [] } = options;\r\n\r\n    if (!enabled) {\r\n        return () => { };\r\n    }\r\n\r\n    // Inject @view-transition CSS rule\r\n    const styleId = 'flight-cross-document-transitions';\r\n    let style = document.getElementById(styleId) as HTMLStyleElement | null;\r\n\r\n    if (!style) {\r\n        style = document.createElement('style');\r\n        style.id = styleId;\r\n        style.textContent = `\r\n            @view-transition {\r\n                navigation: auto;\r\n            }\r\n        `;\r\n        document.head.appendChild(style);\r\n    }\r\n\r\n    // Handle page reveal (incoming page)\r\n    const handlePageReveal = (event: Event) => {\r\n        const pageRevealEvent = event as PageRevealEvent;\r\n        const viewTransition = pageRevealEvent.viewTransition;\r\n\r\n        if (viewTransition && types.length > 0) {\r\n            // Apply transition types\r\n            document.documentElement.setAttribute(\r\n                'data-transition-types',\r\n                types.join(' ')\r\n            );\r\n\r\n            viewTransition.finished.then(() => {\r\n                document.documentElement.removeAttribute('data-transition-types');\r\n            });\r\n        }\r\n    };\r\n\r\n    // Handle page swap (outgoing page)\r\n    const handlePageSwap = (event: Event) => {\r\n        const pageSwapEvent = event as PageSwapEvent;\r\n        const viewTransition = pageSwapEvent.viewTransition;\r\n\r\n        if (viewTransition && types.length > 0) {\r\n            document.documentElement.setAttribute(\r\n                'data-transition-types',\r\n                types.join(' ')\r\n            );\r\n        }\r\n    };\r\n\r\n    window.addEventListener('pagereveal', handlePageReveal);\r\n    window.addEventListener('pageswap', handlePageSwap);\r\n\r\n    // Return cleanup function\r\n    return () => {\r\n        window.removeEventListener('pagereveal', handlePageReveal);\r\n        window.removeEventListener('pageswap', handlePageSwap);\r\n        style?.remove();\r\n    };\r\n}\r\n\r\n// =============================================================================\r\n// TYPE DECLARATIONS FOR BROWSER EVENTS\r\n// =============================================================================\r\n\r\ninterface PageRevealEvent extends Event {\r\n    readonly viewTransition: ViewTransition | null;\r\n}\r\n\r\ninterface PageSwapEvent extends Event {\r\n    readonly viewTransition: ViewTransition | null;\r\n    readonly activation: NavigationActivation | null;\r\n}\r\n\r\ninterface NavigationActivation {\r\n    readonly entry: NavigationHistoryEntry;\r\n    readonly from: NavigationHistoryEntry | null;\r\n    readonly navigationType: NavigationHistoryEntryType;\r\n}\r\n\r\ninterface NavigationHistoryEntry {\r\n    readonly id: string;\r\n    readonly index: number;\r\n    readonly key: string;\r\n    readonly sameDocument: boolean;\r\n    readonly url: string | null;\r\n}\r\n\r\ntype NavigationHistoryEntryType = 'push' | 'replace' | 'reload' | 'traverse';\r\n\r\n// Extend Document interface for startViewTransition\r\ndeclare global {\r\n    interface Document {\r\n        startViewTransition(callback: () => void | Promise<void>): ViewTransition;\r\n    }\r\n\r\n    interface WindowEventMap {\r\n        pagereveal: PageRevealEvent;\r\n        pageswap: PageSwapEvent;\r\n    }\r\n}\r\n\r\nexport { };\r\n","/**\r\n * @flight-framework/transitions - Transition Manager\r\n * \r\n * Central orchestrator for all transition operations.\r\n * Manages state, configuration, and coordinates between different\r\n * transition types (page, layout, component).\r\n */\r\n\r\nimport type {\r\n    TransitionsConfig,\r\n    TransitionState,\r\n    TransitionListener,\r\n    ResolvedTransition,\r\n    TransitionDirection,\r\n    TransitionContext,\r\n    PageTransitionConfig,\r\n    ReduceMotionBehavior,\r\n    TransitionPreset,\r\n    CustomTransition,\r\n} from './types';\r\nimport {\r\n    startViewTransition,\r\n    isViewTransitionSupported,\r\n} from './view-transition';\r\nimport {\r\n    resolveTransition,\r\n    prefersReducedMotion,\r\n    onReducedMotionChange,\r\n    DEFAULT_DURATION,\r\n    DEFAULT_EASING,\r\n} from './animation-engine';\r\n\r\n// =============================================================================\r\n// TRANSITION MANAGER\r\n// =============================================================================\r\n\r\n/**\r\n * Create a new transition manager instance\r\n * \r\n * @example\r\n * ```typescript\r\n * const manager = createTransitionManager({\r\n *   pageTransition: 'fade',\r\n *   duration: 200,\r\n * });\r\n * \r\n * // Subscribe to state changes\r\n * manager.subscribe((state) => {\r\n *   console.log('Transition state:', state);\r\n * });\r\n * \r\n * // Start a transition\r\n * await manager.startPageTransition('/new-page');\r\n * ```\r\n */\r\nexport function createTransitionManager(\r\n    initialConfig: TransitionsConfig = {}\r\n): TransitionManager {\r\n    // Internal state\r\n    let config: TransitionsConfig = normalizeConfig(initialConfig);\r\n    let state: TransitionState = createInitialState();\r\n    let listeners: Set<TransitionListener> = new Set();\r\n    let reducedMotionCleanup: (() => void) | null = null;\r\n    let shouldReduceMotion = false;\r\n\r\n    // Initialize reduced motion detection\r\n    if (typeof window !== 'undefined') {\r\n        shouldReduceMotion = prefersReducedMotion();\r\n        reducedMotionCleanup = onReducedMotionChange((prefersReduced) => {\r\n            shouldReduceMotion = prefersReduced;\r\n        });\r\n    }\r\n\r\n    // ==========================================================================\r\n    // STATE MANAGEMENT\r\n    // ==========================================================================\r\n\r\n    function createInitialState(): TransitionState {\r\n        return {\r\n            isTransitioning: false,\r\n            direction: 'forward',\r\n            phase: 'idle',\r\n            currentTransition: null,\r\n            fromPath: null,\r\n            toPath: null,\r\n        };\r\n    }\r\n\r\n    function setState(partial: Partial<TransitionState>): void {\r\n        state = { ...state, ...partial };\r\n        notifyListeners();\r\n    }\r\n\r\n    function notifyListeners(): void {\r\n        listeners.forEach((listener) => {\r\n            try {\r\n                listener(state);\r\n            } catch (error) {\r\n                console.error('[Flight Transitions] Listener error:', error);\r\n            }\r\n        });\r\n    }\r\n\r\n    // ==========================================================================\r\n    // CONFIGURATION\r\n    // ==========================================================================\r\n\r\n    function normalizeConfig(input: TransitionsConfig): TransitionsConfig {\r\n        return {\r\n            enabled: input.enabled ?? true,\r\n            viewTransitions: input.viewTransitions ?? true,\r\n            pageTransition: input.pageTransition ?? 'fade',\r\n            layoutTransition: input.layoutTransition ?? false,\r\n            duration: input.duration ?? DEFAULT_DURATION,\r\n            easing: input.easing ?? DEFAULT_EASING,\r\n            reduceMotion: input.reduceMotion ?? 'respect-system',\r\n            crossDocument: input.crossDocument ?? false,\r\n        };\r\n    }\r\n\r\n    function shouldApplyReducedMotion(): boolean {\r\n        switch (config.reduceMotion) {\r\n            case 'always-reduce':\r\n                return true;\r\n            case 'ignore':\r\n                return false;\r\n            case 'respect-system':\r\n            default:\r\n                return shouldReduceMotion;\r\n        }\r\n    }\r\n\r\n    // ==========================================================================\r\n    // PAGE TRANSITIONS\r\n    // ==========================================================================\r\n\r\n    async function startPageTransition(\r\n        to: string,\r\n        pageConfig?: PageTransitionConfig\r\n    ): Promise<void> {\r\n        // Check if transitions are enabled\r\n        if (!config.enabled) {\r\n            return;\r\n        }\r\n\r\n        // Already transitioning - skip\r\n        if (state.isTransitioning) {\r\n            console.warn('[Flight Transitions] Transition already in progress');\r\n            return;\r\n        }\r\n\r\n        const from = state.toPath ?? getCurrentPath();\r\n        const direction = determineDirection(from, to);\r\n\r\n        // Resolve the transition to use\r\n        const transitionInput = getTransitionForNavigation(\r\n            direction,\r\n            pageConfig\r\n        );\r\n\r\n        const transition = resolveTransition(\r\n            transitionInput,\r\n            shouldApplyReducedMotion()\r\n        );\r\n\r\n        // If no transition resolved, just return\r\n        if (!transition) {\r\n            return;\r\n        }\r\n\r\n        // Create context for callbacks\r\n        const context: TransitionContext = {\r\n            from,\r\n            to,\r\n            direction,\r\n            transition,\r\n            startTime: performance.now(),\r\n        };\r\n\r\n        // Call onStart callback\r\n        pageConfig?.onStart?.(context);\r\n\r\n        // Update state to transitioning\r\n        setState({\r\n            isTransitioning: true,\r\n            direction,\r\n            phase: 'leaving',\r\n            currentTransition: transition,\r\n            fromPath: from,\r\n            toPath: to,\r\n        });\r\n\r\n        try {\r\n            // Use View Transitions API if enabled and supported\r\n            if (config.viewTransitions && isViewTransitionSupported()) {\r\n                await executeWithViewTransition(transition);\r\n            } else {\r\n                await executeWithFallback(transition);\r\n            }\r\n        } finally {\r\n            // Update state to complete\r\n            setState({\r\n                isTransitioning: false,\r\n                phase: 'idle',\r\n                currentTransition: null,\r\n            });\r\n\r\n            // Call onComplete callback\r\n            pageConfig?.onComplete?.(context);\r\n        }\r\n    }\r\n\r\n    function getTransitionForNavigation(\r\n        direction: TransitionDirection,\r\n        pageConfig?: PageTransitionConfig\r\n    ): TransitionPreset | CustomTransition | false {\r\n        // Page-specific config takes priority\r\n        if (pageConfig) {\r\n            if (direction === 'back' && pageConfig.backTransition !== undefined) {\r\n                return pageConfig.backTransition;\r\n            }\r\n            if (pageConfig.default !== undefined) {\r\n                return pageConfig.default;\r\n            }\r\n        }\r\n\r\n        // Fall back to global config\r\n        return config.pageTransition ?? 'fade';\r\n    }\r\n\r\n    function determineDirection(from: string, to: string): TransitionDirection {\r\n        // Simple heuristic: if going to a shorter path, it's likely \"back\"\r\n        // This can be overridden by the navigation API\r\n        if (from.length > to.length && to !== '/') {\r\n            return 'back';\r\n        }\r\n        return 'forward';\r\n    }\r\n\r\n    function getCurrentPath(): string {\r\n        if (typeof window === 'undefined') return '/';\r\n        return window.location.pathname;\r\n    }\r\n\r\n    // ==========================================================================\r\n    // TRANSITION EXECUTION\r\n    // ==========================================================================\r\n\r\n    async function executeWithViewTransition(\r\n        transition: ResolvedTransition\r\n    ): Promise<void> {\r\n        return new Promise((resolve) => {\r\n            const viewTransition = startViewTransition(\r\n                () => {\r\n                    // DOM update happens here\r\n                    // This is called by the router when it updates the page\r\n                    setState({ phase: 'entering' });\r\n                },\r\n                {\r\n                    name: transition.name,\r\n                    classes: {\r\n                        old: `flight-transition-${transition.name}-leave`,\r\n                        new: `flight-transition-${transition.name}-enter`,\r\n                    },\r\n                }\r\n            );\r\n\r\n            viewTransition.finished.then(() => {\r\n                setState({ phase: 'complete' });\r\n                resolve();\r\n            });\r\n        });\r\n    }\r\n\r\n    async function executeWithFallback(\r\n        transition: ResolvedTransition\r\n    ): Promise<void> {\r\n        // For fallback, we just wait for the durations\r\n        const leaveDuration = transition.leave.options.duration as number || 150;\r\n        const enterDuration = transition.enter.options.duration as number || 150;\r\n\r\n        // Leave phase\r\n        await wait(leaveDuration);\r\n        setState({ phase: 'entering' });\r\n\r\n        // Enter phase\r\n        await wait(enterDuration);\r\n        setState({ phase: 'complete' });\r\n    }\r\n\r\n    // ==========================================================================\r\n    // PUBLIC INTERFACE\r\n    // ==========================================================================\r\n\r\n    const manager: TransitionManager = {\r\n        getState(): TransitionState {\r\n            return { ...state };\r\n        },\r\n\r\n        getConfig(): TransitionsConfig {\r\n            return { ...config };\r\n        },\r\n\r\n        configure(newConfig: TransitionsConfig): void {\r\n            config = normalizeConfig({ ...config, ...newConfig });\r\n        },\r\n\r\n        subscribe(listener: TransitionListener): () => void {\r\n            listeners.add(listener);\r\n            return () => {\r\n                listeners.delete(listener);\r\n            };\r\n        },\r\n\r\n        startPageTransition,\r\n\r\n        skipTransition(): void {\r\n            if (state.isTransitioning) {\r\n                setState({\r\n                    isTransitioning: false,\r\n                    phase: 'idle',\r\n                    currentTransition: null,\r\n                });\r\n            }\r\n        },\r\n\r\n        isEnabled(): boolean {\r\n            return config.enabled ?? false;\r\n        },\r\n\r\n        isViewTransitionSupported(): boolean {\r\n            return isViewTransitionSupported();\r\n        },\r\n\r\n        setDirection(direction: TransitionDirection): void {\r\n            setState({ direction });\r\n        },\r\n\r\n        destroy(): void {\r\n            listeners.clear();\r\n            reducedMotionCleanup?.();\r\n            state = createInitialState();\r\n        },\r\n    };\r\n\r\n    return manager;\r\n}\r\n\r\n// =============================================================================\r\n// TYPES\r\n// =============================================================================\r\n\r\nexport interface TransitionManager {\r\n    /** Get current transition state (readonly copy) */\r\n    getState(): TransitionState;\r\n    /** Get current configuration (readonly copy) */\r\n    getConfig(): TransitionsConfig;\r\n    /** Update configuration */\r\n    configure(config: TransitionsConfig): void;\r\n    /** Subscribe to state changes, returns unsubscribe function */\r\n    subscribe(listener: TransitionListener): () => void;\r\n    /** Start a page transition */\r\n    startPageTransition(to: string, config?: PageTransitionConfig): Promise<void>;\r\n    /** Skip the current transition immediately */\r\n    skipTransition(): void;\r\n    /** Check if transitions are enabled */\r\n    isEnabled(): boolean;\r\n    /** Check if View Transitions API is supported */\r\n    isViewTransitionSupported(): boolean;\r\n    /** Set the navigation direction */\r\n    setDirection(direction: TransitionDirection): void;\r\n    /** Clean up resources */\r\n    destroy(): void;\r\n}\r\n\r\n// =============================================================================\r\n// SINGLETON INSTANCE\r\n// =============================================================================\r\n\r\nlet globalManager: TransitionManager | null = null;\r\n\r\n/**\r\n * Get or create the global transition manager instance\r\n */\r\nexport function getTransitionManager(): TransitionManager {\r\n    if (!globalManager) {\r\n        globalManager = createTransitionManager();\r\n    }\r\n    return globalManager;\r\n}\r\n\r\n/**\r\n * Initialize the global transition manager with configuration\r\n */\r\nexport function initTransitions(config: TransitionsConfig): TransitionManager {\r\n    if (globalManager) {\r\n        globalManager.configure(config);\r\n    } else {\r\n        globalManager = createTransitionManager(config);\r\n    }\r\n    return globalManager;\r\n}\r\n\r\n// =============================================================================\r\n// UTILITIES\r\n// =============================================================================\r\n\r\nfunction wait(ms: number): Promise<void> {\r\n    return new Promise((resolve) => setTimeout(resolve, ms));\r\n}\r\n"]}

package/dist/chunk-BAILQEFB.js

@@ -0,0 +1,136 @@
+import { flip } from './chunk-4SF4GHDQ.js';
+
+// src/layout/layout-transition.ts
+var layoutTransitionConfigs = /* @__PURE__ */ new Map();
+function defineLayoutTransition(layoutId, config) {
+  layoutTransitionConfigs.set(layoutId, config);
+}
+function getLayoutTransition(layoutId) {
+  return layoutTransitionConfigs.get(layoutId);
+}
+function clearLayoutTransitions() {
+  layoutTransitionConfigs.clear();
+}
+var sharedElementRegistry = /* @__PURE__ */ new Map();
+function registerSharedElement(name, element) {
+  sharedElementRegistry.set(name, element);
+  element.style.viewTransitionName = name;
+}
+function unregisterSharedElement(name) {
+  const element = sharedElementRegistry.get(name);
+  if (element) {
+    element.style.viewTransitionName = "";
+  }
+  sharedElementRegistry.delete(name);
+}
+function getSharedElement(name) {
+  return sharedElementRegistry.get(name);
+}
+function clearSharedElements() {
+  sharedElementRegistry.forEach((element) => {
+    element.style.viewTransitionName = "";
+  });
+  sharedElementRegistry.clear();
+}
+function getSharedElementNames() {
+  return Array.from(sharedElementRegistry.keys());
+}
+async function animateSharedElement(options) {
+  const { name, duration = 300, easing, onComplete } = options;
+  const element = sharedElementRegistry.get(name);
+  if (!element) {
+    console.warn(`[Flight Transitions] Shared element "${name}" not found`);
+    return;
+  }
+  await new Promise((resolve) => {
+    flip(element, () => {
+    }, {
+      duration,
+      easing,
+      onComplete: () => {
+        onComplete?.();
+        resolve();
+      }
+    });
+  });
+}
+var persistentLayouts = /* @__PURE__ */ new Set();
+function markLayoutPersistent(layoutId) {
+  persistentLayouts.add(layoutId);
+}
+function isLayoutPersistent(layoutId) {
+  return persistentLayouts.has(layoutId);
+}
+function clearPersistentLayouts() {
+  persistentLayouts.clear();
+}
+async function executeLayoutTransition(fromLayoutId, toLayoutId, updateDOM) {
+  const toConfig = layoutTransitionConfigs.get(toLayoutId);
+  if (fromLayoutId === toLayoutId && toConfig?.persist) {
+    await updateDOM();
+    return;
+  }
+  if (toConfig?.sharedElements) {
+    for (const config of toConfig.sharedElements) {
+      const element = sharedElementRegistry.get(config.name);
+      if (element) {
+        element.style.viewTransitionName = config.name;
+      }
+    }
+  }
+  await updateDOM();
+}
+function autoRegisterSharedElements() {
+  if (typeof document === "undefined") return;
+  const elements = document.querySelectorAll("[data-transition-name]");
+  elements.forEach((el) => {
+    if (el instanceof HTMLElement) {
+      const name = el.dataset.transitionName;
+      if (name) {
+        registerSharedElement(name, el);
+      }
+    }
+  });
+}
+function setupSharedElementObserver() {
+  if (typeof document === "undefined") return () => {
+  };
+  const observer = new MutationObserver((mutations) => {
+    for (const mutation of mutations) {
+      mutation.addedNodes.forEach((node) => {
+        if (node instanceof HTMLElement) {
+          const name = node.dataset?.transitionName;
+          if (name) {
+            registerSharedElement(name, node);
+          }
+          const children = node.querySelectorAll("[data-transition-name]");
+          children.forEach((child) => {
+            if (child instanceof HTMLElement) {
+              const childName = child.dataset.transitionName;
+              if (childName) {
+                registerSharedElement(childName, child);
+              }
+            }
+          });
+        }
+      });
+      mutation.removedNodes.forEach((node) => {
+        if (node instanceof HTMLElement) {
+          const name = node.dataset?.transitionName;
+          if (name) {
+            unregisterSharedElement(name);
+          }
+        }
+      });
+    }
+  });
+  observer.observe(document.body, {
+    childList: true,
+    subtree: true
+  });
+  return () => observer.disconnect();
+}
+
+export { animateSharedElement, autoRegisterSharedElements, clearLayoutTransitions, clearPersistentLayouts, clearSharedElements, defineLayoutTransition, executeLayoutTransition, getLayoutTransition, getSharedElement, getSharedElementNames, isLayoutPersistent, markLayoutPersistent, registerSharedElement, setupSharedElementObserver, unregisterSharedElement };
+//# sourceMappingURL=chunk-BAILQEFB.js.map
+//# sourceMappingURL=chunk-BAILQEFB.js.map