@teleporthq/teleport-shared 0.43.69 → 0.43.71

package/dist/cjs/page-transition/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./variants"), exports);
+__exportStar(require("./view-transition-css"), exports);
+__exportStar(require("./morph-source"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/page-transition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/page-transition/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,wDAAqC;AACrC,iDAA8B"}

package/dist/cjs/page-transition/morph-source.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Which image flies from one page into the next, as SOURCE TEXT both exports
+ * run in the browser (the static HTML export in its page head, the Next export
+ * inside TqPageTransition).
+ *
+ * The pair is found when the visitor follows a link, not stamped at
+ * generation time: the image inside the link that was clicked, or inside any
+ * other visible link to the same page (a card whose title and picture both
+ * link), flies to the image with the same address on the arriving page. So a
+ * product card grows into its details hero, a project thumbnail into its case
+ * study, with nothing to set up and no knowledge of how the data is bound.
+ * Only one pair is ever named: two elements sharing a transition name would
+ * cancel the whole transition. A picture the Next export serves through
+ * next/image is matched by the picture it serves, not by the shared
+ * `/_next/image` address every such picture has.
+ *
+ * Plain ES5 inside: the text runs untranspiled in a page head.
+ */
+export declare const morphHelpersSource: () => string;
+//# sourceMappingURL=morph-source.d.ts.map

package/dist/cjs/page-transition/morph-source.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"morph-source.d.ts","sourceRoot":"","sources":["../../../src/page-transition/morph-source.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,kBAAkB,QAAO,MAiEpC,CAAA"}

package/dist/cjs/page-transition/morph-source.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.morphHelpersSource = void 0;
+var view_transition_css_1 = require("./view-transition-css");
+/**
+ * Which image flies from one page into the next, as SOURCE TEXT both exports
+ * run in the browser (the static HTML export in its page head, the Next export
+ * inside TqPageTransition).
+ *
+ * The pair is found when the visitor follows a link, not stamped at
+ * generation time: the image inside the link that was clicked, or inside any
+ * other visible link to the same page (a card whose title and picture both
+ * link), flies to the image with the same address on the arriving page. So a
+ * product card grows into its details hero, a project thumbnail into its case
+ * study, with nothing to set up and no knowledge of how the data is bound.
+ * Only one pair is ever named: two elements sharing a transition name would
+ * cancel the whole transition. A picture the Next export serves through
+ * next/image is matched by the picture it serves, not by the shared
+ * `/_next/image` address every such picture has.
+ *
+ * Plain ES5 inside: the text runs untranspiled in a page head.
+ */
+var morphHelpersSource = function () { return "var TQ_MORPH_NAME = '".concat(view_transition_css_1.MORPH_NAME, "'\nfunction tqMorphPath(url) {\n  try {\n    var parsed = new URL(url, location.href)\n    return parsed.origin + parsed.pathname.replace(/\\/(index\\.html)?$/, '').replace(/\\.html$/, '') + parsed.search\n  } catch (e) {\n    return String(url)\n  }\n}\nfunction tqMorphImageKey(url) {\n  try {\n    var parsed = new URL(url, location.href)\n    var served = /\\/_next\\/image$/.test(parsed.pathname) ? parsed.searchParams.get('url') : null\n    return served ? tqMorphImageKey(served) : parsed.origin + parsed.pathname\n  } catch (e) {\n    return String(url)\n  }\n}\nfunction tqMorphVisible(element) {\n  var rect = element.getBoundingClientRect()\n  return rect.width > 0 && rect.height > 0 && rect.bottom > 0 && rect.right > 0 &&\n    rect.top < window.innerHeight && rect.left < window.innerWidth\n}\nfunction tqMorphClear() {\n  var images = document.images\n  for (var i = 0; i < images.length; i++) {\n    if (images[i].style.viewTransitionName === TQ_MORPH_NAME) {\n      images[i].style.viewTransitionName = ''\n    }\n  }\n}\nfunction tqMorphSource(destination, clicked) {\n  var target = tqMorphPath(destination)\n  var anchors = Array.prototype.slice.call(document.querySelectorAll('a[href]')).filter(function (anchor) {\n    return tqMorphPath(anchor.href) === target\n  })\n  if (clicked && anchors.indexOf(clicked) > 0) {\n    anchors.splice(anchors.indexOf(clicked), 1)\n    anchors.unshift(clicked)\n  }\n  for (var i = 0; i < anchors.length; i++) {\n    var image = anchors[i].querySelector('img')\n    if (image && (image.currentSrc || image.src) && tqMorphVisible(image)) {\n      return image\n    }\n  }\n  return null\n}\nfunction tqMorphTarget(src) {\n  var key = tqMorphImageKey(src)\n  var loose = null\n  var images = document.images\n  for (var i = 0; i < images.length; i++) {\n    var own = images[i].currentSrc || images[i].src\n    if (!own || images[i].getBoundingClientRect().width === 0) {\n      continue\n    }\n    if (own === src) {\n      return images[i]\n    }\n    if (!loose && tqMorphImageKey(own) === key) {\n      loose = images[i]\n    }\n  }\n  return loose\n}"); };
+exports.morphHelpersSource = morphHelpersSource;
+//# sourceMappingURL=morph-source.js.map

package/dist/cjs/page-transition/morph-source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"morph-source.js","sourceRoot":"","sources":["../../../src/page-transition/morph-source.ts"],"names":[],"mappings":";;;AAAA,6DAAkD;AAElD;;;;;;;;;;;;;;;;;GAiBG;AACI,IAAM,kBAAkB,GAAG,cAAc,OAAA,+BAAwB,gCAAU,qkEAiEhF,EAjE8C,CAiE9C,CAAA;AAjEW,QAAA,kBAAkB,sBAiE7B"}

package/dist/cjs/page-transition/variants.d.ts

@@ -0,0 +1,87 @@
+/**
+ * The three states of a route transition for a preset, and the preset the
+ * back button plays. Mirrored VERBATIM from teleport-gui's
+ * `constants/primitives/page-transition.ts` — the settings picker demonstrates
+ * these exact states. Plain JS inside the bodies on purpose: their compiled
+ * source is injected into the generated `TqPageTransition` wrapper with
+ * `toString()`, so no template literals, no backticks, no helpers from outside
+ * the two functions.
+ */
+export interface PageTransitionContext {
+    reverse: boolean;
+    originX: string;
+    originY: string;
+}
+export interface PageTransitionPanel {
+    from: Record<string, unknown>;
+    cover: Record<string, unknown>;
+    away: Record<string, unknown>;
+    side?: 'left' | 'right';
+}
+export interface PageTransitionVariants {
+    initial: Record<string, unknown>;
+    animate: Record<string, unknown>;
+    exit: Record<string, unknown>;
+}
+export declare function reversePageTransitionPreset(preset: string): string;
+export interface PageTransitionCustomState {
+    opacity: number;
+    x: number;
+    y: number;
+    scale: number;
+    blur: number;
+}
+export interface PageTransitionCustom {
+    durationSeconds: number;
+    easing: string;
+    arrive: PageTransitionCustomState;
+    leave: PageTransitionCustomState;
+}
+export declare function pageTransitionVariants(preset: string, slidePx: number, context?: PageTransitionContext, options?: Record<string, string>, custom?: PageTransitionCustom): PageTransitionVariants | null;
+export declare function pageTransitionCover(preset: string): PageTransitionPanel[] | null;
+/**
+ * The matcher for a route a page opted out of transitions with: exact path,
+ * optional trailing slash, and `[param]` segments (how the editor spells a
+ * details page) matching any single segment. Injected into the wrapper.
+ */
+export declare function pageTransitionSkipPattern(route: string): RegExp;
+/** How far a page travels while sliding, in px — pages move, they do not fly. */
+export declare const PAGE_TRANSITION_SLIDE_PX = 24;
+/**
+ * The preset's choices with gaps filled by defaults and unknown words replaced
+ * by the default. Mirrored verbatim from teleport-gui; runs at generation time.
+ */
+export declare function resolvePageTransitionOptions(preset: string, chosen?: Record<string, string>): Record<string, string>;
+/**
+ * A colour a cover panel may carry: a project token id, a hex colour, or
+ * rgb/hsl with plain numbers — the value lands verbatim in generated code.
+ * Mirrored verbatim from teleport-gui.
+ */
+export declare function isPageTransitionColorValue(value: string | undefined): boolean;
+/** The CSS colour a cover-family panel paints with: token → var(), literal as is, words → theme tokens. Mirrored verbatim from teleport-gui. */
+export declare function pageTransitionCoverColor(color: string | undefined): string;
+/** Every custom value inside its range and a known easing; mirrored verbatim from teleport-gui. Runs at generation time. */
+export declare function sanitizePageTransitionCustom(input: Partial<PageTransitionCustom> | undefined): PageTransitionCustom;
+/** What the editor exports under `globals.settings.pageTransition`. */
+export interface PageTransitionConfig {
+    preset: string;
+    duration: number;
+    easing: string;
+    skipRoutes?: string[];
+    options?: Record<string, string>;
+    custom?: {
+        arrive?: Record<string, number>;
+        leave?: Record<string, number>;
+    };
+    /** False when the author turned the flying pictures off; absent means they fly. */
+    flyingPictures?: boolean;
+}
+/** The same curves the motion widget plays, so a route transition shares the site's motion character. */
+export declare const PAGE_TRANSITION_EASING_CURVES: Record<string, [number, number, number, number]>;
+/** The resolved transition the editor exported, or null when pages switch instantly. */
+export declare const projectPageTransition: (uidl: {
+    globals?: {
+        settings?: unknown;
+    };
+}) => PageTransitionConfig | null;
+//# sourceMappingURL=variants.d.ts.map

package/dist/cjs/page-transition/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/page-transition/variants.ts"],"names":[],"mappings":"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"}

package/dist/cjs/page-transition/variants.js

@@ -0,0 +1,330 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.projectPageTransition = exports.PAGE_TRANSITION_EASING_CURVES = exports.sanitizePageTransitionCustom = exports.pageTransitionCoverColor = exports.isPageTransitionColorValue = exports.resolvePageTransitionOptions = exports.PAGE_TRANSITION_SLIDE_PX = exports.pageTransitionSkipPattern = exports.pageTransitionCover = exports.pageTransitionVariants = exports.reversePageTransitionPreset = void 0;
+function reversePageTransitionPreset(preset) {
+    var pairs = {
+        'slide-up': 'slide-down',
+        'slide-down': 'slide-up',
+        'slide-left': 'slide-right',
+        'slide-right': 'slide-left',
+        'zoom-in': 'zoom-out',
+        'zoom-out': 'zoom-in',
+        'wipe-down': 'wipe-up',
+        'wipe-up': 'wipe-down',
+        'wipe-left': 'wipe-right',
+        'wipe-right': 'wipe-left',
+        stack: 'unstack',
+        unstack: 'stack',
+    };
+    return pairs[preset] || preset;
+}
+exports.reversePageTransitionPreset = reversePageTransitionPreset;
+function pageTransitionVariants(preset, slidePx, context, options, custom) {
+    var reverse = context ? context.reverse : false;
+    var originX = context ? context.originX : '50%';
+    var originY = context ? context.originY : '50%';
+    var name = reverse ? reversePageTransitionPreset(preset) : preset;
+    var bold = options
+        ? options.distance === 'bold' || options.depth === 'bold' || options.amount === 'bold'
+        : false;
+    var near = bold ? slidePx * 4 : slidePx;
+    var far = near * 2;
+    var blurPx = options && options.softness === 'heavy' ? 28 : 12;
+    var shrink = bold ? 0.85 : 0.94;
+    var zoomOut = bold ? 0.85 : 0.96;
+    var zoomIn = bold ? 1.15 : 1.04;
+    if (name === 'custom') {
+        // Neutral in the middle; the two ends are exactly the user's values.
+        var c = custom || {
+            arrive: { opacity: 0, x: 0, y: 24, scale: 1, blur: 0 },
+            leave: { opacity: 0, x: 0, y: -24, scale: 1, blur: 0 },
+        };
+        return {
+            initial: {
+                opacity: c.arrive.opacity,
+                x: c.arrive.x,
+                y: c.arrive.y,
+                scale: c.arrive.scale,
+                filter: 'blur(' + c.arrive.blur + 'px)',
+            },
+            animate: { opacity: 1, x: 0, y: 0, scale: 1, filter: 'blur(0px)' },
+            exit: {
+                opacity: c.leave.opacity,
+                x: c.leave.x,
+                y: c.leave.y,
+                scale: c.leave.scale,
+                filter: 'blur(' + c.leave.blur + 'px)',
+            },
+        };
+    }
+    if (name === 'fade') {
+        return { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } };
+    }
+    if (name === 'crossfade') {
+        return {
+            initial: { opacity: 0, scale: 1.02 },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: 0.98 },
+        };
+    }
+    if (name === 'blur') {
+        return {
+            initial: { opacity: 0, filter: 'blur(' + blurPx + 'px)' },
+            animate: { opacity: 1, filter: 'blur(0px)' },
+            exit: { opacity: 0, filter: 'blur(' + blurPx + 'px)' },
+        };
+    }
+    if (name === 'slide-up') {
+        return {
+            initial: { opacity: 0, y: near },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: -near },
+        };
+    }
+    if (name === 'slide-down') {
+        return {
+            initial: { opacity: 0, y: -near },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: near },
+        };
+    }
+    if (name === 'slide-left') {
+        return {
+            initial: { opacity: 0, x: far },
+            animate: { opacity: 1, x: 0 },
+            exit: { opacity: 0, x: -far },
+        };
+    }
+    if (name === 'slide-right') {
+        return {
+            initial: { opacity: 0, x: -far },
+            animate: { opacity: 1, x: 0 },
+            exit: { opacity: 0, x: far },
+        };
+    }
+    if (name === 'stack') {
+        return {
+            initial: { opacity: 0, y: far },
+            animate: { opacity: 1, y: 0, scale: 1 },
+            exit: { opacity: 0, scale: shrink },
+        };
+    }
+    if (name === 'unstack') {
+        return {
+            initial: { opacity: 0, scale: shrink },
+            animate: { opacity: 1, y: 0, scale: 1 },
+            exit: { opacity: 0, y: far },
+        };
+    }
+    if (name === 'zoom-in') {
+        return {
+            initial: { opacity: 0, scale: zoomOut },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: zoomIn },
+        };
+    }
+    if (name === 'zoom-out') {
+        return {
+            initial: { opacity: 0, scale: zoomIn },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: zoomOut },
+        };
+    }
+    if (name === 'wipe-down') {
+        return {
+            initial: { clipPath: 'inset(0 0 100% 0)' },
+            animate: { clipPath: 'inset(0 0 0% 0)' },
+            exit: { clipPath: 'inset(100% 0 0 0)' },
+        };
+    }
+    if (name === 'wipe-up') {
+        return {
+            initial: { clipPath: 'inset(100% 0 0 0)' },
+            animate: { clipPath: 'inset(0% 0 0 0)' },
+            exit: { clipPath: 'inset(0 0 100% 0)' },
+        };
+    }
+    if (name === 'wipe-left') {
+        return {
+            initial: { clipPath: 'inset(0 0 0 100%)' },
+            animate: { clipPath: 'inset(0 0 0 0%)' },
+            exit: { clipPath: 'inset(0 100% 0 0)' },
+        };
+    }
+    if (name === 'wipe-right') {
+        return {
+            initial: { clipPath: 'inset(0 100% 0 0)' },
+            animate: { clipPath: 'inset(0 0% 0 0)' },
+            exit: { clipPath: 'inset(0 0 0 100%)' },
+        };
+    }
+    if (name === 'circle') {
+        var at = ' at ' + originX + ' ' + originY + ')';
+        return {
+            initial: { clipPath: 'circle(0%' + at },
+            animate: { clipPath: 'circle(150%' + at },
+            exit: { clipPath: 'circle(0%' + at },
+        };
+    }
+    if (name === 'cover' || name === 'curtain') {
+        // The panels do the work; the page itself only has to STAY while it is
+        // being covered. An exit that changes nothing would end instantly, so it
+        // moves opacity by an invisible amount — that is what keeps the leaving
+        // page on screen for exactly one panel sweep.
+        return { initial: { opacity: 1 }, animate: { opacity: 1 }, exit: { opacity: 0.999 } };
+    }
+    return null;
+}
+exports.pageTransitionVariants = pageTransitionVariants;
+function pageTransitionCover(preset) {
+    if (preset === 'cover') {
+        return [{ from: { y: '100%' }, cover: { y: '0%' }, away: { y: '-100%' } }];
+    }
+    if (preset === 'curtain') {
+        return [
+            { from: { x: '-100%' }, cover: { x: '0%' }, away: { x: '-100%' }, side: 'left' },
+            { from: { x: '100%' }, cover: { x: '0%' }, away: { x: '100%' }, side: 'right' },
+        ];
+    }
+    return null;
+}
+exports.pageTransitionCover = pageTransitionCover;
+/**
+ * The matcher for a route a page opted out of transitions with: exact path,
+ * optional trailing slash, and `[param]` segments (how the editor spells a
+ * details page) matching any single segment. Injected into the wrapper.
+ */
+function pageTransitionSkipPattern(route) {
+    var escaped = route.replace(/[.*+?^$()|{}\\]/g, '\\$&');
+    return new RegExp('^' + escaped.replace(/\[[^\]]+\]/g, '[^/]+') + '/?$');
+}
+exports.pageTransitionSkipPattern = pageTransitionSkipPattern;
+/** How far a page travels while sliding, in px — pages move, they do not fly. */
+exports.PAGE_TRANSITION_SLIDE_PX = 24;
+/**
+ * The preset's choices with gaps filled by defaults and unknown words replaced
+ * by the default. Mirrored verbatim from teleport-gui; runs at generation time.
+ */
+function resolvePageTransitionOptions(preset, chosen) {
+    var catalog = {
+        blur: [['softness', ['light', 'heavy']]],
+        'slide-up': [['distance', ['subtle', 'bold']]],
+        'slide-down': [['distance', ['subtle', 'bold']]],
+        'slide-left': [['distance', ['subtle', 'bold']]],
+        'slide-right': [['distance', ['subtle', 'bold']]],
+        stack: [['depth', ['subtle', 'bold']]],
+        'zoom-in': [['amount', ['subtle', 'bold']]],
+        'zoom-out': [['amount', ['subtle', 'bold']]],
+        circle: [['origin', ['click', 'center']]],
+        cover: [['color', ['brand', 'dark', 'light']]],
+        curtain: [['color', ['brand', 'dark', 'light']]],
+    };
+    var resolved = {};
+    var entries = catalog[preset] || [];
+    for (var i = 0; i < entries.length; i++) {
+        var key = entries[i][0];
+        var words = entries[i][1];
+        var value = chosen ? chosen[key] : undefined;
+        var known = value !== undefined &&
+            (words.indexOf(value) >= 0 || (key === 'color' && isPageTransitionColorValue(value)));
+        resolved[key] = known ? value : words[0];
+    }
+    return resolved;
+}
+exports.resolvePageTransitionOptions = resolvePageTransitionOptions;
+/**
+ * A colour a cover panel may carry: a project token id, a hex colour, or
+ * rgb/hsl with plain numbers — the value lands verbatim in generated code.
+ * Mirrored verbatim from teleport-gui.
+ */
+function isPageTransitionColorValue(value) {
+    if (typeof value !== 'string' || value.length === 0 || value.length > 120) {
+        return false;
+    }
+    return (/^token:[a-z0-9_-]+$/i.test(value) ||
+        /^--[a-z0-9_-]+$/i.test(value) ||
+        /^#[0-9a-f]{3,8}$/i.test(value) ||
+        /^(rgb|rgba|hsl|hsla)\([0-9.,%\s]+\)$/i.test(value));
+}
+exports.isPageTransitionColorValue = isPageTransitionColorValue;
+/** The CSS colour a cover-family panel paints with: token → var(), literal as is, words → theme tokens. Mirrored verbatim from teleport-gui. */
+function pageTransitionCoverColor(color) {
+    var dark = 'var(--dl-color-theme-neutral-dark, #111111)';
+    if (color === 'dark') {
+        return dark;
+    }
+    if (color === 'light') {
+        return 'var(--dl-color-theme-neutral-light, #ffffff)';
+    }
+    if (color &&
+        color !== 'brand' &&
+        color.indexOf('token:') !== 0 &&
+        isPageTransitionColorValue(color)) {
+        return color.indexOf('--') === 0 ? 'var(' + color + ', ' + dark + ')' : color;
+    }
+    return 'var(--dl-color-theme-primary1, ' + dark + ')';
+}
+exports.pageTransitionCoverColor = pageTransitionCoverColor;
+var CUSTOM_EASINGS = [
+    'ease',
+    'ease-in',
+    'ease-out',
+    'ease-in-out',
+    'linear',
+    'spring',
+    'back',
+    'bounce',
+];
+var DEFAULT_CUSTOM = {
+    durationSeconds: 0.35,
+    easing: 'ease-out',
+    arrive: { opacity: 0, x: 0, y: 24, scale: 1, blur: 0 },
+    leave: { opacity: 0, x: 0, y: -24, scale: 1, blur: 0 },
+};
+var clamp = function (value, min, max, fallback) {
+    var n = typeof value === 'number' && Number.isFinite(value) ? value : fallback;
+    return Math.min(max, Math.max(min, n));
+};
+var sanitizeCustomState = function (input, fallback) { return ({
+    opacity: clamp(input === null || input === void 0 ? void 0 : input.opacity, 0, 1, fallback.opacity),
+    x: clamp(input === null || input === void 0 ? void 0 : input.x, -400, 400, fallback.x),
+    y: clamp(input === null || input === void 0 ? void 0 : input.y, -400, 400, fallback.y),
+    scale: clamp(input === null || input === void 0 ? void 0 : input.scale, 0.25, 2, fallback.scale),
+    blur: clamp(input === null || input === void 0 ? void 0 : input.blur, 0, 60, fallback.blur),
+}); };
+/** Every custom value inside its range and a known easing; mirrored verbatim from teleport-gui. Runs at generation time. */
+function sanitizePageTransitionCustom(input) {
+    var easing = typeof (input === null || input === void 0 ? void 0 : input.easing) === 'string' && CUSTOM_EASINGS.indexOf(input.easing) >= 0
+        ? input.easing
+        : DEFAULT_CUSTOM.easing;
+    return {
+        durationSeconds: clamp(input === null || input === void 0 ? void 0 : input.durationSeconds, 0.05, 3, DEFAULT_CUSTOM.durationSeconds),
+        easing: easing,
+        arrive: sanitizeCustomState(input === null || input === void 0 ? void 0 : input.arrive, DEFAULT_CUSTOM.arrive),
+        leave: sanitizeCustomState(input === null || input === void 0 ? void 0 : input.leave, DEFAULT_CUSTOM.leave),
+    };
+}
+exports.sanitizePageTransitionCustom = sanitizePageTransitionCustom;
+/** The same curves the motion widget plays, so a route transition shares the site's motion character. */
+exports.PAGE_TRANSITION_EASING_CURVES = {
+    ease: [0.25, 0.1, 0.25, 1],
+    'ease-in': [0.42, 0, 1, 1],
+    'ease-out': [0, 0, 0.58, 1],
+    'ease-in-out': [0.42, 0, 0.58, 1],
+    linear: [0, 0, 1, 1],
+    spring: [0.34, 1.56, 0.64, 1],
+    back: [0.68, -0.6, 0.32, 1.6],
+    bounce: [0.22, 1.2, 0.36, 1],
+};
+/** The resolved transition the editor exported, or null when pages switch instantly. */
+var projectPageTransition = function (uidl) {
+    var _a;
+    var settings = (((_a = uidl.globals) === null || _a === void 0 ? void 0 : _a.settings) || {});
+    var transition = settings.pageTransition;
+    if (!transition || !transition.preset || transition.preset === 'none') {
+        return null;
+    }
+    return transition;
+};
+exports.projectPageTransition = projectPageTransition;
+//# sourceMappingURL=variants.js.map

package/dist/cjs/page-transition/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../src/page-transition/variants.ts"],"names":[],"mappings":"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"}

package/dist/cjs/page-transition/view-transition-css.d.ts

@@ -0,0 +1,21 @@
+import * as PageTransition from './variants';
+export declare const BACK_ATTR = "data-tq-nav";
+export declare const ORIGIN_X = "--tq-origin-x";
+export declare const ORIGIN_Y = "--tq-origin-y";
+/** The name of the one image that flies from the leaving page into the arriving page. */
+export declare const MORPH_NAME = "tq-morph";
+export interface ViewTransitionPlan {
+    css: string;
+    /** The back button plays a different preset, so the page has to tell the stylesheet which way it came. */
+    needsDirection: boolean;
+    /** The reveal grows from where the visitor pressed, so the page has to hand that point over. */
+    needsOrigin: boolean;
+    /** A picture flies from the followed link into the next page; off when the author turned it off. */
+    flies: boolean;
+    /** The arriving page is revealed over the leaving one, which holds (Circle, the Wipes). */
+    revealsOver: boolean;
+}
+export declare const viewTransitionPlan: (config: PageTransition.PageTransitionConfig, target?: {
+    crossDocument: boolean;
+}) => ViewTransitionPlan | null;
+//# sourceMappingURL=view-transition-css.d.ts.map

package/dist/cjs/page-transition/view-transition-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-transition-css.d.ts","sourceRoot":"","sources":["../../../src/page-transition/view-transition-css.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,YAAY,CAAA;AAkC5C,eAAO,MAAM,SAAS,gBAAgB,CAAA;AACtC,eAAO,MAAM,QAAQ,kBAAkB,CAAA;AACvC,eAAO,MAAM,QAAQ,kBAAkB,CAAA;AAiFvC,yFAAyF;AACzF,eAAO,MAAM,UAAU,aAAa,CAAA;AAEpC,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,0GAA0G;IAC1G,cAAc,EAAE,OAAO,CAAA;IACvB,gGAAgG;IAChG,WAAW,EAAE,OAAO,CAAA;IACpB,oGAAoG;IACpG,KAAK,EAAE,OAAO,CAAA;IACd,2FAA2F;IAC3F,WAAW,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,kBAAkB,WACrB,eAAe,oBAAoB,WACnC;IAAE,aAAa,EAAE,OAAO,CAAA;CAAE,KACjC,kBAAkB,GAAG,IAqGvB,CAAA"}