@yewdiel21/motion-kit 0.10.0 → 0.15.0

package/dist/reveal-jsX-uwUz.d.ts

@@ -1,625 +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;
-
-interface QuantityOptions {
-    min?: number;
-    max?: number;
-    step?: number;
-    value?: number;
-    disabled?: boolean;
-    onChange?: (value: number) => void;
-}
-interface QuantityInstance extends Instance {
-    setValue(value: number, notify?: boolean): void;
-    readonly value: number;
-}
-/** Bounded numeric control. Bite/rotation is CSS; buttons remain native. */
-declare function createQuantity(root: HTMLElement | null, options?: QuantityOptions): QuantityInstance;
-
-interface PaginationOptions {
-    totalPages?: number;
-    page?: number;
-    siblings?: number;
-    pageLabel?: (page: number) => string;
-    onChange?: (page: number) => void;
-}
-interface PaginationInstance extends Instance {
-    setPage(page: number, notify?: boolean): void;
-    setTotalPages(total: number): void;
-    readonly page: number;
-    readonly totalPages: number;
-}
-/** Renders a bounded window of pages, even when totalPages is very large. */
-declare function createPagination(root: HTMLElement | null, options?: PaginationOptions): PaginationInstance;
-
-interface HoverCardOptions {
-    openDelay?: number;
-    closeDelay?: number;
-    placement?: 'top' | 'bottom';
-    onOpenChange?: (open: boolean) => void;
-}
-interface HoverCardInstance extends Instance {
-    open(): void;
-    close(): void;
-    readonly isOpen: boolean;
-}
-/** Nonmodal preview: pointer, keyboard focus and tap all reveal the same panel. */
-declare function createHoverCard(root: HTMLElement | null, options?: HoverCardOptions): HoverCardInstance;
-
-interface InputOtpOptions {
-    length?: number;
-    value?: string;
-    mask?: boolean;
-    onChange?: (value: string) => void;
-    onComplete?: (value: string) => void;
-}
-interface InputOtpInstance extends Instance {
-    setValue(value: string, notify?: boolean): void;
-    focus(): void;
-    readonly value: string;
-}
-/** One real input preserves native editing, mobile autofill and password managers. */
-declare function createInputOtp(root: HTMLElement | null, options?: InputOtpOptions): InputOtpInstance;
-
-type StudioDockView = 'menu' | 'contact' | 'reel';
-interface StudioDockState {
-    open: boolean;
-    view: StudioDockView;
-    page: number;
-}
-interface StudioDockOptions {
-    /** Seconds. Reference sheet: 1.3 s, outBack(.52). */
-    duration?: number;
-    ease?: string;
-    /** Move focus into a newly opened view. Defaults to true. */
-    focusOnOpen?: boolean;
-    /** Contain Tab within the open panel and its toggle. Defaults to true. */
-    trapFocus?: boolean;
-    onChange?: (state: StudioDockState) => void;
-}
-interface StudioDockInstance extends Instance {
-    open(view?: StudioDockView): void;
-    close(): void;
-    toggle(): void;
-    selectPage(index: number): void;
-    readonly state: StudioDockState;
-}
-/** A contained studio sheet. Markup remains useful without JavaScript; fixed positioning is CSS opt-in. */
-declare function createStudioDock(root: HTMLElement | null, options?: StudioDockOptions): StudioDockInstance;
-
-type DateInput = Date | string | number;
-/** Local midnight of a date; "2026-10-23" is read as a local day, not UTC. */
-declare function toDate(input: DateInput | null | undefined, fallback?: Date): Date;
-/** YYYY-MM-DD of the local day. */
-declare const dayKey: (date: Date) => string;
-
-type CalendarView = 'month' | 'week';
-type CalendarEventStatus = 'pending' | 'done' | 'cancelled';
-interface CalendarEvent {
-    id: string | number;
-    title: string;
-    start: DateInput;
-    end?: DateInput;
-    allDay?: boolean;
-    status?: CalendarEventStatus;
-    /** Any CSS colour for the chip. */
-    color?: string;
-}
-interface CalendarRange {
-    start: Date;
-    end: Date;
-    view: CalendarView;
-}
-interface CalendarLabels {
-    more?: (count: number) => string;
-    events?: (count: number) => string;
-    status?: Partial<Record<CalendarEventStatus, string>>;
-}
-interface CalendarOptions {
-    /** Date the calendar opens on. */
-    date?: DateInput;
-    view?: CalendarView;
-    /** 0 = Sunday … 6 = Saturday. */
-    firstDay?: number;
-    locale?: string;
-    events?: CalendarEvent[];
-    /** Chips per day in the month view before "+N". */
-    maxEvents?: number;
-    selected?: DateInput | null;
-    /** Override "today" (tests, demos in another zone). */
-    today?: DateInput;
-    labels?: CalendarLabels;
-    onSelect?: (date: Date) => void;
-    onEventClick?: (event: CalendarEvent) => void;
-    onNavigate?: (range: CalendarRange) => void;
-}
-interface CalendarInstance extends Instance {
-    next(): void;
-    prev(): void;
-    goToday(): void;
-    setDate(date: DateInput): void;
-    setView(view: CalendarView): void;
-    setEvents(events: CalendarEvent[]): void;
-    select(date: DateInput | null, notify?: boolean): void;
-    readonly date: Date;
-    readonly view: CalendarView;
-    readonly selected: Date | null;
-    readonly range: CalendarRange;
-}
-declare function createCalendar(root: HTMLElement | null, options?: CalendarOptions): CalendarInstance;
-
-type SlotSource = string[] | Record<string, string[]> | ((date: Date) => string[] | Promise<string[]>);
-interface SlotValue {
-    date: Date;
-    time: string;
-    key: string;
-    value: string;
-}
-interface SlotPickerLabels {
-    placeholder?: string;
-    empty?: string;
-    loading?: string;
-    heading?: (date: Date) => string;
-}
-interface SlotPickerOptions {
-    /** Month shown first (and the selected day when `value` is not given). */
-    date?: DateInput;
-    /** Initial value: "2026-10-23T10:30" or { date, time }. */
-    value?: string | {
-        date: DateInput;
-        time: string;
-    } | null;
-    slots?: SlotSource;
-    min?: DateInput;
-    max?: DateInput;
-    /** Weekdays never available (0 = Sunday). */
-    closedDays?: number[];
-    isDisabled?: (date: Date) => boolean;
-    firstDay?: number;
-    locale?: string;
-    labels?: SlotPickerLabels;
-    onChange?: (value: SlotValue) => void;
-    onDateChange?: (date: Date) => void;
-}
-interface SlotPickerInstance extends Instance {
-    selectDate(date: DateInput): void;
-    selectTime(time: string | null): void;
-    setSlots(slots: SlotSource): void;
-    readonly date: Date | null;
-    readonly time: string | null;
-    readonly value: string | null;
-}
-declare function createSlotPicker(root: HTMLElement | null, options?: SlotPickerOptions): SlotPickerInstance;
-
-interface TrailerOptions {
-    triggers?: boolean | string;
-    autoplay?: boolean;
-    closeOnBackdrop?: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
-}
-interface TrailerInstance extends Instance {
-    open(origin?: HTMLElement | null): void;
-    close(): void;
-    toggle(origin?: HTMLElement | null): void;
-    play(): Promise<boolean>;
-    pause(): void;
-    seek(seconds: number): void;
-    setVolume(volume: number): void;
-    readonly isOpen: boolean;
-}
-/** Native modal + consumer-owned video, with optional accessible custom transport controls. */
-declare function createTrailer(root: HTMLElement | null, options?: TrailerOptions): TrailerInstance;
-
-/**
- * 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 RevealOptions as A, type RevealSpeed as B, type CalendarInstance as C, type DialogInstance as D, type SlotPickerLabels as E, type SlotPickerOptions as F, type SlotSource as G, type HoverCardInstance as H, type InputOtpInstance as I, type SlotValue as J, type StudioDockOptions as K, type StudioDockState as L, type MenuInstance as M, TIMING as N, type TrailerOptions as O, type PaginationInstance as P, type QuantityInstance as Q, type RevealHandle as R, type StudioDockInstance as S, type TrailerInstance as T, createDialog as U, createMenu as V, dayKey as W, revealFrom as X, toDate as Y, createTrailer as a, createQuantity as b, createStudioDock as c, createPagination as d, createHoverCard as e, createInputOtp as f, createCalendar as g, createSlotPicker as h, type StudioDockView as i, type SlotPickerInstance as j, type CalendarEvent as k, type CalendarEventStatus as l, type CalendarLabels as m, type CalendarOptions as n, type CalendarRange as o, type CalendarView as p, type DateInput as q, type DialogLabels as r, type DialogOptions as s, type DialogPlacement as t, type DialogVariant as u, type HoverCardOptions as v, type InputOtpOptions as w, type MenuOptions as x, type PaginationOptions as y, type QuantityOptions as z };