@pathscale/ui 0.1.1 → 1.2.0

package/dist/lib/iterable.js

@@ -0,0 +1,6 @@
+function chain(callbacks) {
+    return (...args)=>{
+        for (const callback of callbacks)callback?.(...args);
+    };
+}
+export { chain };

package/dist/lib/refs/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__mergeRefs_js_61a73eaa__ from "./mergeRefs.js";
+var __webpack_exports__mergeRefs = __WEBPACK_EXTERNAL_MODULE__mergeRefs_js_61a73eaa__.mergeRefs;
+export { __webpack_exports__mergeRefs as mergeRefs };

package/dist/lib/refs/mergeRefs.js

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE__iterable_js_5f52c29a__ from "../iterable.js";
+function mergeRefs(...refs) {
+    return (0, __WEBPACK_EXTERNAL_MODULE__iterable_js_5f52c29a__.chain)(refs);
+}
+export { mergeRefs };

package/dist/lib/style/classes.js

@@ -0,0 +1,40 @@
+function classes(...args) {
+    return args.flat().filter(Boolean).join(" ");
+}
+function falsyToString(value) {
+    return "boolean" == typeof value ? `${value}` : 0 === value ? "0" : value;
+}
+function cva(base, config) {
+    const fn = (props)=>{
+        if (config?.variants == null) return classes(base, props?.class);
+        const { variants, defaultVariants } = config;
+        const getVariantClassNames = Object.keys(variants).map((variant)=>{
+            const variantProp = props?.[variant];
+            const defaultVariantProp = defaultVariants?.[variant];
+            if (null === variantProp) return null;
+            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+            return variants[variant]?.[variantKey];
+        });
+        const propsWithoutUndefined = Object.entries(props || {}).reduce((acc, [key, value])=>{
+            if (void 0 !== value) acc[key] = value;
+            return acc;
+        }, {});
+        const getCompoundVariantClassNames = config?.compoundVariants?.reduce((acc, { class: cvClass, ...compoundVariantOptions })=>{
+            const isMatch = Object.entries(compoundVariantOptions).every(([key, value])=>{
+                const currentValue = {
+                    ...defaultVariants,
+                    ...propsWithoutUndefined
+                }[key];
+                return Array.isArray(value) ? value.includes(currentValue) : currentValue === value;
+            });
+            return isMatch ? [
+                ...acc,
+                cvClass
+            ] : acc;
+        }, []);
+        return classes(base, getVariantClassNames, getCompoundVariantClassNames, props?.class);
+    };
+    fn.variantKeys = config?.variants ? Object.keys(config.variants) : [];
+    return fn;
+}
+export { classes, cva, falsyToString };

package/dist/lib/style/index.js

@@ -0,0 +1,4 @@
+import * as __WEBPACK_EXTERNAL_MODULE__classes_js_a779350e__ from "./classes.js";
+var __webpack_exports__classes = __WEBPACK_EXTERNAL_MODULE__classes_js_a779350e__.classes;
+var __webpack_exports__cva = __WEBPACK_EXTERNAL_MODULE__classes_js_a779350e__.cva;
+export { __webpack_exports__classes as classes, __webpack_exports__cva as cva };

package/dist/lib/tag/createIsButton.js

@@ -0,0 +1,23 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__createTagName_js_d66e5740__ from "./createTagName.js";
+const BUTTON_INPUT_TYPES = [
+    "button",
+    "color",
+    "file",
+    "image",
+    "reset",
+    "submit"
+];
+function isButton(tagName, type) {
+    if ("button" === tagName) return true;
+    if ("input" === tagName && void 0 !== type) return -1 !== BUTTON_INPUT_TYPES.indexOf(type);
+    return false;
+}
+function createIsButton(props) {
+    const tagName = (0, __WEBPACK_EXTERNAL_MODULE__createTagName_js_d66e5740__.createTagName)({
+        element: props.element,
+        fallback: "button"
+    });
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>isButton(tagName(), props.type));
+}
+export { BUTTON_INPUT_TYPES, createIsButton, isButton };

package/dist/lib/tag/createTagName.js

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+function createTagName(props) {
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>props.element()?.tagName.toLowerCase() ?? props.fallback);
+}
+export { createTagName };

package/dist/lib/tag/index.js

@@ -0,0 +1,7 @@
+import * as __WEBPACK_EXTERNAL_MODULE__createIsButton_js_781d6faa__ from "./createIsButton.js";
+import * as __WEBPACK_EXTERNAL_MODULE__createTagName_js_d66e5740__ from "./createTagName.js";
+var __webpack_exports__BUTTON_INPUT_TYPES = __WEBPACK_EXTERNAL_MODULE__createIsButton_js_781d6faa__.BUTTON_INPUT_TYPES;
+var __webpack_exports__createIsButton = __WEBPACK_EXTERNAL_MODULE__createIsButton_js_781d6faa__.createIsButton;
+var __webpack_exports__createTagName = __WEBPACK_EXTERNAL_MODULE__createTagName_js_d66e5740__.createTagName;
+var __webpack_exports__isButton = __WEBPACK_EXTERNAL_MODULE__createIsButton_js_781d6faa__.isButton;
+export { __webpack_exports__BUTTON_INPUT_TYPES as BUTTON_INPUT_TYPES, __webpack_exports__createIsButton as createIsButton, __webpack_exports__createTagName as createTagName, __webpack_exports__isButton as isButton };

package/dist/motion/driver.d.ts

@@ -0,0 +1,5 @@
+import type { MotionDriver } from "./types";
+declare const immediateDriver: MotionDriver;
+export declare const setMotionDriver: (driver: MotionDriver) => void;
+export declare const getMotionDriver: () => MotionDriver;
+export { immediateDriver };

package/dist/motion/driver.js

@@ -0,0 +1,13 @@
+const immediateDriver = ({ to, onUpdate, onComplete })=>{
+    onUpdate(to);
+    onComplete?.();
+    return {
+        stop: ()=>{}
+    };
+};
+let activeDriver = immediateDriver;
+const setMotionDriver = (driver)=>{
+    activeDriver = driver;
+};
+const getMotionDriver = ()=>activeDriver;
+export { getMotionDriver, immediateDriver, setMotionDriver };

package/dist/motion/easing.d.ts

@@ -0,0 +1,2 @@
+import type { MotionEasing } from "./types";
+export declare const resolveEase: (easing?: MotionEasing) => (t: number) => number;

package/dist/motion/easing.js

@@ -0,0 +1,18 @@
+const easeOutCubic = (t)=>1 - Math.pow(1 - t, 3);
+const easeInCubic = (t)=>t * t * t;
+const easeInOutCubic = (t)=>t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
+const resolveEase = (easing)=>{
+    if ("function" == typeof easing) return easing;
+    switch(easing){
+        case "ease-in":
+            return easeInCubic;
+        case "ease-in-out":
+            return easeInOutCubic;
+        case "linear":
+            return (t)=>t;
+        case "ease-out":
+        default:
+            return easeOutCubic;
+    }
+};
+export { resolveEase };

package/dist/motion/engine.d.ts

@@ -0,0 +1,4 @@
+import type { MotionState, MotionTransition } from "./types";
+export declare const runMotion: (el: HTMLElement, from: MotionState, to: MotionState, transition?: MotionTransition, onComplete?: () => void) => {
+    stop: () => void;
+};

package/dist/motion/engine.js

@@ -0,0 +1,85 @@
+import * as __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__ from "./driver.js";
+import * as __WEBPACK_EXTERNAL_MODULE__easing_js_764f4a7e__ from "./easing.js";
+const resolveDuration = (transition)=>Math.max(0, (transition?.duration ?? 0) * 1000);
+const resolveDelay = (transition)=>Math.max(0, (transition?.delay ?? 0) * 1000);
+const readOpacity = (el)=>{
+    const value = Number.parseFloat(getComputedStyle(el).opacity);
+    return Number.isFinite(value) ? value : 1;
+};
+const runMotion = (el, from, to, transition, onComplete)=>{
+    const duration = resolveDuration(transition);
+    const delay = resolveDelay(transition);
+    const ease = (0, __WEBPACK_EXTERNAL_MODULE__easing_js_764f4a7e__.resolveEase)(transition?.easing);
+    const driver = (0, __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__.getMotionDriver)();
+    const controls = [];
+    const shouldTransform = void 0 !== from.x || void 0 !== from.y || void 0 !== from.scale || void 0 !== to.x || void 0 !== to.y || void 0 !== to.scale;
+    const transformState = {
+        x: from.x ?? 0,
+        y: from.y ?? 0,
+        scale: from.scale ?? 1
+    };
+    const applyTransform = ()=>{
+        if (!shouldTransform) return;
+        el.style.transform = `translate3d(${transformState.x}px, ${transformState.y}px, 0) scale(${transformState.scale})`;
+    };
+    if (void 0 !== from.opacity) el.style.opacity = String(from.opacity);
+    applyTransform();
+    const animationTargets = Object.keys(to);
+    if (0 === animationTargets.length) {
+        onComplete?.();
+        return {
+            stop: ()=>{}
+        };
+    }
+    let remaining = animationTargets.length;
+    const handleComplete = ()=>{
+        remaining -= 1;
+        if (remaining <= 0) onComplete?.();
+    };
+    const start = ()=>{
+        animationTargets.forEach((key)=>{
+            if ("opacity" === key) {
+                const fromValue = from.opacity ?? (void 0 !== to.opacity ? readOpacity(el) : 1);
+                const control = driver({
+                    from: fromValue,
+                    to: to.opacity ?? fromValue,
+                    duration,
+                    ease,
+                    onUpdate: (latest)=>{
+                        el.style.opacity = String(latest);
+                    },
+                    onComplete: handleComplete
+                });
+                controls.push(control);
+                return;
+            }
+            const fromValue = "scale" === key ? from.scale ?? 1 : "x" === key ? from.x ?? 0 : from.y ?? 0;
+            const toValue = to[key] ?? fromValue;
+            const control = driver({
+                from: fromValue,
+                to: toValue,
+                duration,
+                ease,
+                onUpdate: (latest)=>{
+                    if (!shouldTransform) return;
+                    if ("x" === key) transformState.x = latest;
+                    if ("y" === key) transformState.y = latest;
+                    if ("scale" === key) transformState.scale = latest;
+                    applyTransform();
+                },
+                onComplete: handleComplete
+            });
+            controls.push(control);
+        });
+    };
+    let timeoutId = null;
+    if (delay > 0) timeoutId = window.setTimeout(start, delay);
+    else start();
+    return {
+        stop: ()=>{
+            if (null !== timeoutId) clearTimeout(timeoutId);
+            controls.forEach((control)=>control.stop());
+        }
+    };
+};
+export { runMotion };

package/dist/motion/index.d.ts

@@ -0,0 +1,11 @@
+export type { MotionDriver, MotionDriverOptions, MotionEasing, MotionPreset, MotionState, MotionTransition, MotionTokenOverrides, MotionTokens, } from "./types";
+export { resolveEase } from "./easing";
+export { getMotionDriver, setMotionDriver, immediateDriver } from "./driver";
+export { runMotion } from "./engine";
+export { prefersReducedMotion } from "./reduced-motion";
+export { defaultMotionTokens, mergeMotionTokens, motionDurations, motionDistances, motionEasings, } from "./tokens";
+export { getPreset, createMotionPresets, motionPresets, noMotion, registerPreset, resolvePreset, routeTransition, } from "./presets";
+export { MotionDiv, type MotionDivProps } from "./solid";
+export { createPopmotionDriver, enablePopmotion, type PopmotionAnimate, } from "./popmotion";
+export { createMotionSystem, type MotionSystemConfig } from "./system";
+export { createRouteTransitionResolver, type RouteTransitionRule, type RouteTransitionRuleResult, type RouteTransitionResolverOptions, } from "./route";

package/dist/motion/index.js

@@ -0,0 +1,34 @@
+import * as __WEBPACK_EXTERNAL_MODULE__easing_js_764f4a7e__ from "./easing.js";
+import * as __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__ from "./driver.js";
+import * as __WEBPACK_EXTERNAL_MODULE__engine_js_45c545c3__ from "./engine.js";
+import * as __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__ from "./reduced-motion.js";
+import * as __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__ from "./tokens.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__ from "./presets.js";
+import * as __WEBPACK_EXTERNAL_MODULE__solid_index_js_0e5c9791__ from "./solid/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__popmotion_js_a3c50ca9__ from "./popmotion.js";
+import * as __WEBPACK_EXTERNAL_MODULE__system_js_50c29608__ from "./system.js";
+import * as __WEBPACK_EXTERNAL_MODULE__route_js_d0361f8a__ from "./route.js";
+var __webpack_exports__MotionDiv = __WEBPACK_EXTERNAL_MODULE__solid_index_js_0e5c9791__.MotionDiv;
+var __webpack_exports__createMotionPresets = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.createMotionPresets;
+var __webpack_exports__createMotionSystem = __WEBPACK_EXTERNAL_MODULE__system_js_50c29608__.createMotionSystem;
+var __webpack_exports__createPopmotionDriver = __WEBPACK_EXTERNAL_MODULE__popmotion_js_a3c50ca9__.createPopmotionDriver;
+var __webpack_exports__createRouteTransitionResolver = __WEBPACK_EXTERNAL_MODULE__route_js_d0361f8a__.createRouteTransitionResolver;
+var __webpack_exports__defaultMotionTokens = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.defaultMotionTokens;
+var __webpack_exports__enablePopmotion = __WEBPACK_EXTERNAL_MODULE__popmotion_js_a3c50ca9__.enablePopmotion;
+var __webpack_exports__getMotionDriver = __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__.getMotionDriver;
+var __webpack_exports__getPreset = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.getPreset;
+var __webpack_exports__immediateDriver = __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__.immediateDriver;
+var __webpack_exports__mergeMotionTokens = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.mergeMotionTokens;
+var __webpack_exports__motionDistances = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.motionDistances;
+var __webpack_exports__motionDurations = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.motionDurations;
+var __webpack_exports__motionEasings = __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.motionEasings;
+var __webpack_exports__motionPresets = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.motionPresets;
+var __webpack_exports__noMotion = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.noMotion;
+var __webpack_exports__prefersReducedMotion = __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__.prefersReducedMotion;
+var __webpack_exports__registerPreset = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.registerPreset;
+var __webpack_exports__resolveEase = __WEBPACK_EXTERNAL_MODULE__easing_js_764f4a7e__.resolveEase;
+var __webpack_exports__resolvePreset = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.resolvePreset;
+var __webpack_exports__routeTransition = __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.routeTransition;
+var __webpack_exports__runMotion = __WEBPACK_EXTERNAL_MODULE__engine_js_45c545c3__.runMotion;
+var __webpack_exports__setMotionDriver = __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__.setMotionDriver;
+export { __webpack_exports__MotionDiv as MotionDiv, __webpack_exports__createMotionPresets as createMotionPresets, __webpack_exports__createMotionSystem as createMotionSystem, __webpack_exports__createPopmotionDriver as createPopmotionDriver, __webpack_exports__createRouteTransitionResolver as createRouteTransitionResolver, __webpack_exports__defaultMotionTokens as defaultMotionTokens, __webpack_exports__enablePopmotion as enablePopmotion, __webpack_exports__getMotionDriver as getMotionDriver, __webpack_exports__getPreset as getPreset, __webpack_exports__immediateDriver as immediateDriver, __webpack_exports__mergeMotionTokens as mergeMotionTokens, __webpack_exports__motionDistances as motionDistances, __webpack_exports__motionDurations as motionDurations, __webpack_exports__motionEasings as motionEasings, __webpack_exports__motionPresets as motionPresets, __webpack_exports__noMotion as noMotion, __webpack_exports__prefersReducedMotion as prefersReducedMotion, __webpack_exports__registerPreset as registerPreset, __webpack_exports__resolveEase as resolveEase, __webpack_exports__resolvePreset as resolvePreset, __webpack_exports__routeTransition as routeTransition, __webpack_exports__runMotion as runMotion, __webpack_exports__setMotionDriver as setMotionDriver };

package/dist/motion/popmotion.d.ts

@@ -0,0 +1,6 @@
+import type { MotionDriver, MotionDriverOptions } from "./types";
+export type PopmotionAnimate = (options: MotionDriverOptions) => {
+    stop: () => void;
+};
+export declare const createPopmotionDriver: (animate: PopmotionAnimate) => MotionDriver;
+export declare const enablePopmotion: (animate: PopmotionAnimate) => void;

package/dist/motion/popmotion.js

@@ -0,0 +1,6 @@
+import * as __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__ from "./driver.js";
+const createPopmotionDriver = (animate)=>(options)=>animate(options);
+const enablePopmotion = (animate)=>{
+    (0, __WEBPACK_EXTERNAL_MODULE__driver_js_09718513__.setMotionDriver)(createPopmotionDriver(animate));
+};
+export { createPopmotionDriver, enablePopmotion };

package/dist/motion/presets.d.ts

@@ -0,0 +1,10 @@
+import type { MotionPreset, MotionTokens } from "./types";
+export declare const createMotionPresets: (tokens: MotionTokens) => Record<string, MotionPreset>;
+export declare const motionPresets: Record<string, MotionPreset>;
+export declare const routeTransition: MotionPreset;
+export declare const noMotion: MotionPreset;
+export declare const getPreset: (name: string) => MotionPreset;
+export declare const registerPreset: (name: string, preset: MotionPreset) => void;
+export declare const resolvePreset: (name: string, options?: {
+    reduceMotion?: boolean;
+}) => MotionPreset;

package/dist/motion/presets.js

@@ -0,0 +1,203 @@
+import * as __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__ from "./reduced-motion.js";
+import * as __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__ from "./tokens.js";
+const createMotionPresets = (tokens)=>{
+    const durations = tokens.durations;
+    const easings = tokens.easings;
+    const distances = tokens.distances;
+    return {
+        route: {
+            initial: {
+                opacity: 0
+            },
+            animate: {
+                opacity: 1
+            },
+            exit: {
+                opacity: 0
+            },
+            transition: {
+                duration: durations.route,
+                easing: easings.out
+            }
+        },
+        routeAuth: {
+            initial: {
+                opacity: 0,
+                x: distances.slideIn
+            },
+            animate: {
+                opacity: 1,
+                x: 0
+            },
+            exit: {
+                opacity: 0,
+                x: -distances.slideIn
+            },
+            transition: {
+                duration: durations.routeAuth,
+                easing: easings.inOut
+            }
+        },
+        routeAuthBack: {
+            initial: {
+                opacity: 0,
+                x: -distances.slideIn
+            },
+            animate: {
+                opacity: 1,
+                x: 0
+            },
+            exit: {
+                opacity: 0,
+                x: distances.slideIn
+            },
+            transition: {
+                duration: durations.routeAuth,
+                easing: easings.inOut
+            }
+        },
+        authSwap: {
+            initial: {
+                opacity: 0.92
+            },
+            animate: {
+                opacity: 1
+            },
+            exit: {
+                opacity: 0.92
+            },
+            transition: {
+                duration: durations.fast,
+                easing: easings.out
+            }
+        },
+        fade: {
+            initial: {
+                opacity: 0
+            },
+            animate: {
+                opacity: 1
+            },
+            exit: {
+                opacity: 0
+            },
+            transition: {
+                duration: durations.base,
+                easing: easings.out,
+                delay: 0.08
+            }
+        },
+        fadeUp: {
+            initial: {
+                opacity: 0,
+                y: distances.sm
+            },
+            animate: {
+                opacity: 1,
+                y: 0
+            },
+            exit: {
+                opacity: 0,
+                y: -distances.sm
+            },
+            transition: {
+                duration: durations.base,
+                easing: easings.out,
+                delay: 0.08
+            }
+        },
+        scaleIn: {
+            initial: {
+                opacity: 0,
+                scale: 0.96
+            },
+            animate: {
+                opacity: 1,
+                scale: 1
+            },
+            exit: {
+                opacity: 0,
+                scale: 0.96
+            },
+            transition: {
+                duration: durations.fast,
+                easing: easings.out,
+                delay: 0.08
+            }
+        },
+        toast: {
+            initial: {
+                opacity: 0,
+                y: distances.sm
+            },
+            animate: {
+                opacity: 1,
+                y: 0
+            },
+            exit: {
+                opacity: 0,
+                y: -distances.sm
+            },
+            transition: {
+                duration: durations.fast,
+                easing: easings.out
+            }
+        },
+        routeDashboard: {
+            initial: {
+                opacity: 0,
+                y: distances.md,
+                scale: 0.985
+            },
+            animate: {
+                opacity: 1,
+                y: 0,
+                scale: 1
+            },
+            exit: {
+                opacity: 0,
+                y: -distances.sm,
+                scale: 0.985
+            },
+            transition: {
+                duration: durations.route,
+                easing: easings.out
+            }
+        }
+    };
+};
+const motionPresets = createMotionPresets(__WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.defaultMotionTokens);
+const routeTransition = motionPresets.route;
+const noMotion = {
+    initial: {
+        opacity: 1,
+        y: 0,
+        x: 0,
+        scale: 1
+    },
+    animate: {
+        opacity: 1,
+        y: 0,
+        x: 0,
+        scale: 1
+    },
+    exit: {
+        opacity: 1,
+        y: 0,
+        x: 0,
+        scale: 1
+    },
+    transition: {
+        duration: 0
+    }
+};
+const getPreset = (name)=>motionPresets[name];
+const registerPreset = (name, preset)=>{
+    motionPresets[name] = preset;
+};
+const resolvePreset = (name, options)=>{
+    const reduce = options?.reduceMotion ?? (0, __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__.prefersReducedMotion)();
+    if (reduce) return noMotion;
+    return motionPresets[name] ?? noMotion;
+};
+export { createMotionPresets, getPreset, motionPresets, noMotion, registerPreset, resolvePreset, routeTransition };

package/dist/motion/reduced-motion.d.ts

@@ -0,0 +1 @@
+export declare const prefersReducedMotion: () => boolean;

package/dist/motion/reduced-motion.js

@@ -0,0 +1,2 @@
+const prefersReducedMotion = ()=>globalThis.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches ?? false;
+export { prefersReducedMotion };

package/dist/motion/route.d.ts

@@ -0,0 +1,11 @@
+import type { MotionPreset } from "./types";
+export type RouteTransitionRuleResult = MotionPreset | string | null | undefined;
+export type RouteTransitionRule = (from: string, to: string) => RouteTransitionRuleResult;
+export type RouteTransitionResolverOptions = {
+    rules: RouteTransitionRule[];
+    fallback?: MotionPreset;
+    resolvePreset?: (name: string) => MotionPreset | undefined;
+    reduceMotion?: () => boolean;
+    reduceMotionPreset?: MotionPreset;
+};
+export declare const createRouteTransitionResolver: (options: RouteTransitionResolverOptions) => (from: string, to: string) => MotionPreset;

package/dist/motion/route.js

@@ -0,0 +1,24 @@
+import * as __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__ from "./reduced-motion.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__ from "./presets.js";
+const createRouteTransitionResolver = (options)=>{
+    const resolvePreset = options.resolvePreset ?? ((name)=>__WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.motionPresets[name]);
+    const reduceMotion = options.reduceMotion ?? __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__.prefersReducedMotion;
+    const fallback = options.fallback ?? __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.routeTransition;
+    const reduceMotionPreset = options.reduceMotionPreset ?? __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.noMotion;
+    return (from, to)=>{
+        if (reduceMotion()) return reduceMotionPreset;
+        for (const rule of options.rules){
+            const result = rule(from, to);
+            if (result) {
+                if ("string" == typeof result) {
+                    const resolved = resolvePreset(result);
+                    if (resolved) return resolved;
+                    continue;
+                }
+                return result;
+            }
+        }
+        return fallback ?? __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.noMotion;
+    };
+};
+export { createRouteTransitionResolver };

package/dist/motion/solid/MotionDiv.d.ts

@@ -0,0 +1,13 @@
+import { type Component, type JSX } from "solid-js";
+import type { MotionState, MotionTransition } from "../types";
+export interface MotionDivProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    initial?: MotionState;
+    animate?: MotionState;
+    exit?: MotionState;
+    transition?: MotionTransition;
+    isExiting?: boolean;
+    onExitComplete?: () => void;
+    animateKey?: unknown;
+}
+export declare const MotionDiv: Component<MotionDivProps>;
+export default MotionDiv;