@yewdiel21/motion-kit 0.9.1 → 0.14.0

package/dist/reveal-C0hCDcB_.d.ts

@@ -1,415 +0,0 @@
-import { I as Instance } from './types-BkS_raL8.js';
-
-type DialogVariant = 'morph' | 'liquid' | 'sheet';
-type DialogPlacement = 'center' | 'anchor' | 'side';
-interface DialogLabels {
-    close?: string;
-    float?: string;
-    dock?: string;
-}
-interface DialogOptions {
-    /** morph (default), liquid, or sheet: rises from the bottom and pushes [data-mk-underlay] back. */
-    variant?: DialogVariant;
-    placement?: DialogPlacement;
-    /** Tinted backdrop; false leaves it transparent (menus). */
-    backdrop?: boolean;
-    closeOnBackdrop?: boolean;
-    /** Drag (or wheel) down to dismiss. */
-    drag?: boolean;
-    /** A key turns on the floating window (desktop) and remembers its place. */
-    float?: string | false;
-    autoResize?: boolean;
-    /** `[data-mk-open="<id>"]` buttons open it: true uses the dialog's id; a string names another id; false: none. */
-    triggers?: boolean | string;
-    /** Modal (default) or a non-modal dialog. */
-    modal?: boolean;
-    labels?: DialogLabels;
-    /** Grow the content with the surface (default). Menus turn it off and cascade their items instead. */
-    animateContent?: boolean;
-    onOpen?: () => void;
-    /** After it closed, whatever closed it. */
-    onClose?: () => void;
-}
-interface DialogInstance extends Instance {
-    /** `origin`: the control it grows from; omitted, the focused control; null, none (scale-in). */
-    open(origin?: HTMLElement | null): void;
-    close(): void;
-    toggle(origin?: HTMLElement | null): void;
-    float(): void;
-    dock(): void;
-    readonly isOpen: boolean;
-    readonly isFloating: boolean;
-    readonly element: HTMLElement;
-}
-declare function createDialog(dialog: HTMLElement | null, options?: DialogOptions): DialogInstance;
-
-interface MenuOptions extends Omit<DialogOptions, 'placement' | 'backdrop' | 'drag' | 'autoResize' | 'animateContent'> {
-    ticket?: boolean;
-    /** Close after an option is chosen (default). */
-    closeOnSelect?: boolean;
-    onSelect?: (value: string, item: HTMLElement) => void;
-}
-interface MenuInstance extends DialogInstance {
-    readonly items: HTMLElement[];
-}
-declare function createMenu(dialog: HTMLElement | null, options?: MenuOptions): MenuInstance;
-
-/**
- * Every duration in one place (seconds, like GSAP, unless the name says
- * ms). Recipes and components take their defaults from here, so a timing is
- * changed once.
- */
-declare const TIMING: Readonly<{
-    flow: 0.5;
-    flowStagger: 0.05;
-    stepChange: 0.5;
-    reveal: Readonly<{
-        readonly fast: readonly [0.5, 0.25];
-        readonly normal: readonly [0.7, 0.35];
-        readonly slow: readonly [1.05, 0.5];
-        readonly slower: readonly [1.6, 0.75];
-    }>;
-    details: 0.32;
-    chevron: 0.25;
-    indicator: 0.45;
-    number: 0.6;
-    numberPricing: 0.7;
-    revealCounter: 0.9;
-    layoutTravel: 0.62;
-    /** New items in a reflow enter in this share of the travel time. */
-    layoutEnterFactor: 0.6;
-    menu: Readonly<{
-        duration: 0.35;
-        stagger: 0.04;
-        delay: 0.1;
-    }>;
-    palette: Readonly<{
-        duration: 0.1;
-        stagger: 0.01;
-    }>;
-    form: Readonly<{
-        duration: 0.35;
-        stagger: 0.04;
-    }>;
-    landing: Readonly<{
-        duration: 0.4;
-        stagger: 0.05;
-        delay: 0.15;
-    }>;
-    content: Readonly<{
-        duration: 0.6;
-        stagger: 0.06;
-    }>;
-    bubble: 0.7;
-    bubbleStagger: 0.06;
-    word: 0.25;
-    wordStagger: 0.05;
-    chatScroll: 0.35;
-    composer: 0.18;
-    slot: Readonly<{
-        durationMs: 300;
-        staggerMs: 45;
-        exitOffsetMs: 50;
-        colorFadeMs: 280;
-        maxTilt: 5;
-        minResizeMs: 140;
-    }>;
-    swatch: 0.5;
-    swatchLight: 3.5;
-    swatchBackground: 4.5;
-    /** ModalHost (modal-origin, modal-close-origin, modal-fallback, modal-auto-resize). */
-    dialog: Readonly<{
-        /** The surface travels from its opener. */
-        open: 0.7;
-        /** The opener's colour hands over to the surface's. */
-        surfaceColor: 0.3;
-        /** Back into the opener. */
-        close: 0.5;
-        /** While closing, the content heads for the opener on a 2 s path cut at `close`. */
-        contentReturn: 2;
-        originHide: 0.08;
-        originShow: 0.3;
-        originShowDelay: 0.2;
-        /** No opener on screen: scale .92 → 1. */
-        fallback: 0.35;
-        autoResize: 0.45;
-        /** Backdrop tint on the signature curve. */
-        backdrop: 0.5;
-        /** Items of a list that opens from its control. */
-        list: 0.25;
-    }>;
-    /** modal-liquid (spring channels; springs are stiffness/damping, not times). */
-    liquid: Readonly<{
-        size: 0.3;
-        radius: 0.7;
-        content: 0.3;
-        color: 0.4;
-        colorDelay: 0.15;
-        ghost: 0.25;
-        ghostDelay: 0.05;
-        closeSize: 0.25;
-        closeContent: 0.3;
-        originRestore: 0.3;
-        originRestoreDelay: 0.2;
-        safetyMs: 1100;
-    }>;
-    /** modal-drag: the spring back when a drag is not far enough. */
-    drag: Readonly<{
-        restore: 0.5;
-        radiusRestore: 0.3;
-    }>;
-    /** modal-float. */
-    float: Readonly<{
-        shadow: 0.45;
-        glideDecay: 0.18;
-        sizeSmoothing: 0.08;
-    }>;
-    /** chat-loader-delay, chat-confirmation-bar. */
-    chat: Readonly<{
-        pendingDelayMs: 500;
-        confirmWordStagger: 0.1;
-    }>;
-    /** onboarding-busy-background, step-change, onboarding-reveal-counter. */
-    onboarding: Readonly<{
-        busy: 0.8;
-        idle: 0.6;
-        step: 0.5;
-        counter: 0.9;
-    }>;
-    /** task-drag: lift, land (FA .62), crossfade (66 % of the land), neighbours shifting (FA .52). */
-    sortable: Readonly<{
-        lift: 0.18;
-        land: 0.42;
-        landFade: number;
-        shift: 0.62;
-    }>;
-    /** toast-deck, toast-morph, toast-character-reveal. */
-    toast: Readonly<{
-        relayout: 0.6;
-        expand: 0.55;
-        expandStagger: 0.06;
-        enter: 0.5;
-        exit: 0.3;
-        collapseDelayMs: 150;
-        morphSize: 0.32;
-        morphRadius: 0.7;
-        morphContent: 0.32;
-        morphColor: 0.4;
-        morphColorDelay: 0.15;
-        morphShadow: 0.6;
-        morphShadowDelay: 0.05;
-        safetyMs: 1100;
-        chars: 0.4;
-        charsDelay: 0.225;
-        charsStagger: 0.02;
-    }>;
-    /** glass (CSS): surface/shadow transitions, ring and shine. */
-    glass: Readonly<{
-        hover: 0.4;
-        ring: 0.5;
-    }>;
-    /** utility animations (css/effects/anim.css), by name. */
-    effects: Readonly<{
-        out: 0.5;
-        'out-left': 0.5;
-        'out-bottom': 0.5;
-        collapse: 0.25;
-        highlight: 1;
-        shake: 0.5;
-        'shake-strong': 0.4;
-        fade: 0.3;
-        wipe: 0.7;
-        'progress-in': 1;
-    }>;
-    /** success confetti, per 60 fps frame. */
-    confetti: Readonly<{
-        count: 45;
-        speed: readonly [2, 8];
-        lift: 2;
-        radius: readonly [3, 7];
-        decay: readonly [0.015, 0.03];
-        gravity: 0.15;
-        drag: 0.98;
-        spin: 2.5;
-    }>;
-    /** project sheet. */
-    sheet: Readonly<{
-        open: 0.72;
-        close: 0.72;
-        underlayScale: 0.98;
-        underlayOpacity: 0.4;
-    }>;
-    /** Physical spring pairs: [stiffness, damping]. */
-    springs: Readonly<{
-        press: readonly [400, 10];
-        success: readonly [260, 18];
-        underlay: readonly [300, 30];
-        letters: readonly [300, 10];
-        cursorFollow: readonly [800, 35];
-        cursorAppear: readonly [500, 30];
-        bentoEnter: readonly [60, 15];
-        bentoRepel: readonly [300, 25];
-        dockPill: readonly [380, 30];
-    }>;
-    /** masked type. */
-    maskText: Readonly<{
-        duration: 1.2;
-        delay: 0.1;
-        stagger: 0.02;
-        exitStagger: 0.002;
-        y: 100;
-        threshold: 0.8;
-    }>;
-    /** reveal group (rules, fades, rises). */
-    cascade: Readonly<{
-        duration: 1.2;
-        step: 0.03;
-        rise: 200;
-        threshold: 0.3;
-    }>;
-    /** slot title: each letter turns 8–14 times inside a 2 s expo.out envelope. */
-    textRoll: Readonly<{
-        duration: 2;
-        stagger: 0.04;
-        turns: readonly [8, 14];
-        interval: 6000;
-        quietMs: 1000;
-    }>;
-    /** hero letters: scale on hover, pastel blink. */
-    letters: Readonly<{
-        scale: 1.3;
-        y: -5;
-        step: 0.03;
-        blink: 0.6;
-        blinkStart: 0.6;
-        blinkRepeatDelay: 0.1;
-        blinkDelays: readonly [0.1, 0.6, 0.2, 1, 0.4, 1.2, 0.15, 0.8, 0.3];
-    }>;
-    /** image parallax. */
-    parallax: Readonly<{
-        travel: 10;
-        scale: 1.2;
-        strongScale: 1.3;
-        lerp: 1;
-    }>;
-    /** About grid gathering from depth. */
-    depthGrid: Readonly<{
-        perspective: 600;
-        distance: 900;
-        depth: -3000;
-        rotate: -160;
-        opacity: 0.05;
-        scale: 0.4;
-        stagger: 0.15;
-        lerp: 1;
-    }>;
-    /** video mask: the frame and the picture inside scale in opposite directions. */
-    frameZoom: Readonly<{
-        outer: readonly [80, 20];
-        inner: readonly [130, 20];
-        phoneOuter: readonly [95, 5];
-        phoneInner: readonly [105, 5];
-        open: 1;
-        lerp: 1;
-    }>;
-    /** marquee: seconds per item, at most 14 counted. */
-    marquee: Readonly<{
-        perItem: 2;
-        maxItems: 14;
-    }>;
-    /** glass chip and dot cursor. */
-    cursor: Readonly<{
-        gutter: 10;
-        circle: 96;
-        dotLerp: 0.2;
-        light: 180;
-    }>;
-    /** floating navbar: enters from −300 % over 1.8 s; rows follow 0.15 s + 0.025 s each. */
-    island: Readonly<{
-        entrance: 1.8;
-        offset: -300;
-        delay: 0.15;
-        step: 0.025;
-        focus: 150;
-    }>;
-    /** product dock: spread for 1.6 s on load; tablet range re-checked 250 ms after a resize. */
-    cardDock: Readonly<{
-        intro: 1600;
-        resizeDebounce: 250;
-    }>;
-    /** phone cards: 5 s a card, 2 s wait after a touch, 0.5 s after it shows. */
-    snapStrip: Readonly<{
-        interval: 5000;
-        resume: 2000;
-        delay: 500;
-    }>;
-    /** fill-text: letters from .2, 0.5 s each, 0.1 s apart, top 90 % → centre 40 %. */
-    fillText: Readonly<{
-        from: 0.2;
-        duration: 0.5;
-        stagger: 0.1;
-        start: "top 90%";
-        end: "center 40%";
-    }>;
-    /** particle hero: fade in 1 s after 0.3 s, morph cycles, pointer push. */
-    particleHero: Readonly<{
-        fadeIn: 1;
-        fadeDelay: 0.3;
-        size: 128;
-        pointSize: 1.7;
-        maxDpr: 1.5;
-        stillSteps: 110;
-    }>;
-    ticketMenu: Readonly<{
-        open: 0.9;
-        content: 1.1;
-        stagger: 0.02;
-        from: 150;
-    }>;
-    infiniteReel: Readonly<{
-        friction: 0.95;
-        wheel: 0.05;
-        dragThreshold: 5;
-    }>;
-    repelBento: Readonly<{
-        offset: 0.6;
-        stagger: 0.006;
-        strength: 5000;
-        distance: 30;
-        breakpoint: 1024;
-    }>;
-    rotator: Readonly<{
-        interval: 8000;
-        duration: 0.25;
-        y: 5;
-    }>;
-    dragRuler: Readonly<{
-        min: 0;
-        max: 8;
-        step: 0.1;
-        pixelsPerUnit: 60;
-    }>;
-}>;
-
-type RevealSpeed = keyof typeof TIMING.reveal;
-interface RevealOptions {
-    /** Element (its centre) or viewport point. Default: the last pointer position, else the centre. */
-    origin?: Element | {
-        x: number;
-        y: number;
-    } | null;
-    speed?: RevealSpeed;
-    delay?: number;
-    overshoot?: number;
-    /** Veil colour. Default: the first opaque background up the tree, else var(--mk-bg). */
-    fill?: string;
-}
-interface RevealHandle {
-    timeline: gsap.core.Timeline;
-    finished: Promise<void>;
-    /** Stop now and remove the veil. */
-    cancel(): void;
-}
-declare function revealFrom(target: HTMLElement, options?: RevealOptions): RevealHandle | null;
-
-export { type DialogInstance as D, type MenuInstance as M, type RevealHandle as R, TIMING as T, type DialogLabels as a, type DialogOptions as b, type DialogPlacement as c, type DialogVariant as d, type MenuOptions as e, type RevealOptions as f, type RevealSpeed as g, createDialog as h, createMenu as i, revealFrom as r };