@pathscale/ui 0.1.0 → 1.2.0

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;

package/dist/motion/solid/MotionDiv.js

@@ -0,0 +1,76 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__engine_js_ffb17bc2__ from "../engine.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const MotionDiv_MotionDiv = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "initial",
+        "animate",
+        "exit",
+        "transition",
+        "isExiting",
+        "onExitComplete",
+        "animateKey",
+        "children",
+        "ref"
+    ]);
+    const [elementRef, setElementRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
+    let activeControl = null;
+    let lastTrigger;
+    let lastIsExiting = false;
+    let hasAnimated = false;
+    const stopActive = ()=>{
+        activeControl?.stop();
+        activeControl = null;
+    };
+    const runEnter = (target, from, to, transition)=>{
+        if (!to) return;
+        stopActive();
+        activeControl = (0, __WEBPACK_EXTERNAL_MODULE__engine_js_ffb17bc2__.runMotion)(target, from ?? {}, to ?? {}, transition);
+    };
+    const runExit = (target, from, to, transition, onComplete)=>{
+        if (!to) return void onComplete?.();
+        stopActive();
+        activeControl = (0, __WEBPACK_EXTERNAL_MODULE__engine_js_ffb17bc2__.runMotion)(target, from ?? {}, to ?? {}, transition, onComplete);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const target = elementRef();
+        if (!target) return;
+        const isExiting = Boolean(local.isExiting);
+        const trigger = local.animateKey;
+        const initial = local.initial;
+        const animate = local.animate;
+        const exit = local.exit;
+        const transition = local.transition;
+        const onComplete = local.onExitComplete;
+        if (isExiting) {
+            if (!lastIsExiting) {
+                lastIsExiting = true;
+                hasAnimated = false;
+                runExit(target, animate ?? initial, exit, transition, onComplete);
+            }
+            return;
+        }
+        lastIsExiting = false;
+        if (!hasAnimated || trigger !== lastTrigger) {
+            lastTrigger = trigger;
+            hasAnimated = true;
+            runEnter(target, initial, animate, transition);
+        }
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        stopActive();
+    });
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
+            setElementRef(el);
+            if ("function" == typeof local.ref) local.ref(el);
+        }, _el$);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, rest, false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const MotionDiv = MotionDiv_MotionDiv;
+export { MotionDiv_MotionDiv as MotionDiv, MotionDiv as default };

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

@@ -0,0 +1,2 @@
+export { default as MotionDiv } from "./MotionDiv";
+export type { MotionDivProps } from "./MotionDiv";

package/dist/motion/solid/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__MotionDiv_js_142518a8__ from "./MotionDiv.js";
+var __webpack_exports__MotionDiv = __WEBPACK_EXTERNAL_MODULE__MotionDiv_js_142518a8__["default"];
+export { __webpack_exports__MotionDiv as MotionDiv };

package/dist/motion/system.d.ts

@@ -0,0 +1,20 @@
+import type { MotionPreset, MotionTokenOverrides, MotionTokens } from "./types";
+export type MotionSystemConfig = {
+    tokens?: MotionTokenOverrides;
+    presets?: Record<string, MotionPreset>;
+    reduceMotion?: () => boolean;
+    noMotionPreset?: MotionPreset;
+};
+export declare const createMotionSystem: (config?: MotionSystemConfig) => {
+    getTokens: () => MotionTokens;
+    getPresets: () => {
+        [x: string]: MotionPreset;
+    };
+    getPreset: (name: string) => MotionPreset;
+    registerPreset: (name: string, preset: MotionPreset) => void;
+    overrideTokens: (overrides: MotionTokenOverrides) => MotionTokens;
+    resolvePreset: (name: string, options?: {
+        reduceMotion?: boolean;
+    }) => MotionPreset;
+    setNoMotionPreset: (preset: MotionPreset) => void;
+};

package/dist/motion/system.js

@@ -0,0 +1,59 @@
+import * as __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__ from "./reduced-motion.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__ from "./presets.js";
+import * as __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__ from "./tokens.js";
+const createMotionSystem = (config)=>{
+    let tokens = (0, __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.mergeMotionTokens)(__WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.defaultMotionTokens, config?.tokens);
+    let customPresets = {
+        ...config?.presets ?? {}
+    };
+    let basePresets = (0, __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.createMotionPresets)(tokens);
+    let presets = {
+        ...basePresets,
+        ...customPresets
+    };
+    const reduceMotion = config?.reduceMotion ?? __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__.prefersReducedMotion;
+    let noMotionPreset = config?.noMotionPreset ?? __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.noMotion;
+    const rebuildPresets = ()=>{
+        basePresets = (0, __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.createMotionPresets)(tokens);
+        presets = {
+            ...basePresets,
+            ...customPresets
+        };
+    };
+    const getTokens = ()=>tokens;
+    const getPresets = ()=>presets;
+    const getPreset = (name)=>presets[name];
+    const registerPreset = (name, preset)=>{
+        customPresets = {
+            ...customPresets,
+            [name]: preset
+        };
+        presets = {
+            ...basePresets,
+            ...customPresets
+        };
+    };
+    const overrideTokens = (overrides)=>{
+        tokens = (0, __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.mergeMotionTokens)(tokens, overrides);
+        rebuildPresets();
+        return tokens;
+    };
+    const resolvePreset = (name, options)=>{
+        const reduce = options?.reduceMotion ?? reduceMotion();
+        if (reduce) return noMotionPreset;
+        return presets[name] ?? noMotionPreset;
+    };
+    const setNoMotionPreset = (preset)=>{
+        noMotionPreset = preset;
+    };
+    return {
+        getTokens,
+        getPresets,
+        getPreset,
+        registerPreset,
+        overrideTokens,
+        resolvePreset,
+        setNoMotionPreset
+    };
+};
+export { createMotionSystem };

package/dist/motion/tokens.d.ts

@@ -0,0 +1,6 @@
+import type { MotionEasing, MotionTokens, MotionTokenOverrides } from "./types";
+export declare const motionDurations: Record<string, number>;
+export declare const motionEasings: Record<string, MotionEasing>;
+export declare const motionDistances: Record<string, number>;
+export declare const defaultMotionTokens: MotionTokens;
+export declare const mergeMotionTokens: (base: MotionTokens, overrides?: MotionTokenOverrides) => MotionTokens;

package/dist/motion/tokens.js

@@ -0,0 +1,42 @@
+const motionDurations = {
+    route: 0.18,
+    routeAuth: 0.35,
+    fast: 0.2,
+    base: 0.3,
+    slow: 0.45
+};
+const motionEasings = {
+    out: "ease-out",
+    inOut: "ease-in-out"
+};
+const motionDistances = {
+    sm: 6,
+    md: 12,
+    lg: 20,
+    slideIn: 40
+};
+const defaultMotionTokens = {
+    durations: {
+        ...motionDurations
+    },
+    easings: {
+        ...motionEasings
+    },
+    distances: {
+        ...motionDistances
+    }
+};
+const mergeDefined = (base, overrides)=>{
+    const next = {
+        ...base
+    };
+    if (!overrides) return next;
+    for (const [key, value] of Object.entries(overrides))if (void 0 !== value) next[key] = value;
+    return next;
+};
+const mergeMotionTokens = (base, overrides)=>({
+        durations: mergeDefined(base.durations, overrides?.durations),
+        easings: mergeDefined(base.easings, overrides?.easings),
+        distances: mergeDefined(base.distances, overrides?.distances)
+    });
+export { defaultMotionTokens, mergeMotionTokens, motionDistances, motionDurations, motionEasings };