@yewdiel21/motion-kit 0.9.1 → 0.14.0

package/dist/{reduced-B98f8LPs.d.ts → reduced-BBUusld6.d.ts}

@@ -1,4 +1,4 @@
-import { e as MenuOptions, M as MenuInstance, g as RevealSpeed } from './reveal-C0hCDcB_.js';
+import { bT as MenuOptions, bS as MenuInstance, b8 as DialogOptions, b6 as DialogInstance, cq as RevealSpeed } from './reveal-DEvp6U6T.js';
 import { I as Instance } from './types-BkS_raL8.js';
 import { SplitText } from 'gsap/SplitText';
 
@@ -30,6 +30,210 @@ interface CurvedCarouselInstance extends Instance {
 }
 declare function createCurvedCarousel(root: HTMLElement | null, options?: CurvedCarouselOptions): CurvedCarouselInstance;
 
+interface JoinedCtaOptions {
+    duration?: number;
+}
+interface JoinedCtaInstance extends Instance {
+    expand(): void;
+    collapse(): void;
+    readonly expanded: boolean;
+}
+/** Silvia's three contact capsules joining into one. Motion is entirely CSS. */
+declare function createJoinedCta(root: HTMLElement | null, options?: JoinedCtaOptions): JoinedCtaInstance;
+
+interface ImageZoomOptions {
+    duration?: number;
+    frameScale?: number;
+    imageScale?: number;
+}
+interface ImageZoomInstance extends Instance {
+    open(active: boolean): void;
+    readonly active: boolean;
+}
+/** Counter-zoom: the clipped frame grows as the picture inside settles to 1×. */
+declare function createImageZoom(root: HTMLElement | null, options?: ImageZoomOptions): ImageZoomInstance;
+
+interface FontCycleFace {
+    /** A font supplied by the application. No font files are downloaded by this recipe. */
+    family?: string;
+    axes?: Readonly<Record<string, number>>;
+    weight?: number;
+    style?: 'normal' | 'italic' | 'oblique';
+}
+interface FontCycleOptions {
+    text?: string;
+    /** Alternated per character; the second face rolls in on hover or focus. */
+    faces?: readonly [FontCycleFace, FontCycleFace];
+    /** Seconds per character. */
+    duration?: number;
+    /** Seconds between characters. */
+    stagger?: number;
+    /** Optional decorative artwork owned by the consumer. Hidden with reduced motion. */
+    overlaySrc?: string;
+}
+interface FontCycleInstance extends Instance {
+    play(): void;
+    reset(): void;
+    readonly active: boolean;
+}
+/** Alternating variable-font faces in a masked, reversible character roll. */
+declare function createFontCycle(root: HTMLElement | null, options?: FontCycleOptions): FontCycleInstance;
+
+interface ThumbnailNavOptions {
+    index?: number;
+    label?: string;
+    /** Seconds for expansion and panel entry. */
+    duration?: number;
+    onSelect?: (index: number, item: HTMLElement) => void;
+}
+interface ThumbnailNavInstance extends Instance {
+    open(): void;
+    close(): void;
+    toggle(): void;
+    select(index: number): void;
+    readonly index: number;
+    readonly expanded: boolean;
+}
+/** A category disclosure with stacked previews, real links and complete keyboard navigation. */
+declare function createThumbnailNav(root: HTMLElement | null, options?: ThumbnailNavOptions): ThumbnailNavInstance;
+
+type ActionButtonVariant = 'primary' | 'secondary' | 'icon' | 'stepper' | 'film';
+interface ActionButtonOptions {
+    variant?: ActionButtonVariant;
+    /** Toggle aria-pressed on activation. Ordinary action buttons leave it unset. */
+    toggle?: boolean;
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+}
+interface ActionButtonInstance extends Instance {
+    setPressed(pressed: boolean): void;
+    readonly pressed: boolean;
+}
+/** Drawn press buttons and a masked rolling-label film variant. Uses native activation. */
+declare function createActionButton(root: HTMLElement | null, options?: ActionButtonOptions): ActionButtonInstance;
+
+interface FilmHeroOptions {
+    duration?: number;
+    stagger?: number;
+    /** Media travel as a fraction of the hero height. 0 disables parallax. */
+    parallax?: number;
+    scale?: number;
+    edge?: 'organic' | 'straight';
+    /** Scrollable demo panels and nested page shells can supply their own scroll root. */
+    scroller?: HTMLElement | Window;
+}
+interface FilmHeroInstance extends Instance {
+    replay(): void;
+    refresh(): void;
+}
+/** Editorial line reveals with scoped, scroll-driven media. Organic edge is an approximation. */
+declare function createFilmHero(root: HTMLElement | null, options?: FilmHeroOptions): FilmHeroInstance;
+
+interface EditorialRevealOptions {
+    trigger?: 'scroll' | 'load' | 'manual';
+    /** Title and staged groups, seconds. Reference default 1.2. */
+    duration?: number;
+    stagger?: number;
+    /** Title pieces' start offset, percent. Reference default 110. */
+    y?: number;
+    ease?: string;
+    hoverDuration?: number;
+    /** Duplicate label/arrow content moves by this many em. */
+    buttonShift?: number;
+    imageScale?: number;
+    parallax?: boolean;
+}
+interface EditorialRevealInstance extends Instance {
+    play(): void;
+    reset(): void;
+}
+/** Editorial composition: masked headings, staged contact groups, restrained image/card motion and keyboard-equivalent buttons. */
+declare function createEditorialReveal(root: HTMLElement | null, options?: EditorialRevealOptions): EditorialRevealInstance;
+
+interface WeightHoverOptions {
+    /** Axis value far from the pointer. */
+    rest?: number;
+    /** Axis value right under the pointer. */
+    near?: number;
+    /** Reach of the effect, px. */
+    radius?: number;
+    /** Variable-font axis tag. */
+    axis?: string;
+    /** Share of the remaining distance covered per frame (0–1). */
+    lerp?: number;
+    /** React to touch and pen too (the reference reacts to the mouse only). */
+    anyPointer?: boolean;
+}
+interface WeightHoverInstance extends Instance {
+    /** Point the effect at viewport coordinates (null releases it). */
+    pointAt(point: {
+        x: number;
+        y: number;
+    } | null): void;
+}
+declare function createWeightHover(root: HTMLElement | null, options?: WeightHoverOptions): WeightHoverInstance;
+
+interface StickerOptions {
+    /** Drag to peel the sticker off. */
+    peel?: boolean;
+    /** Pointer-driven foil and shine. */
+    holo?: boolean;
+    /** Share of the area lifted before the sticker comes off (0–1). */
+    detachAt?: number;
+    /** Drag length (px, unscaled) that takes it off whatever the area; default max(80, half the longest side). */
+    detachDistance?: number;
+    /** Time hidden after falling before it comes back, ms. */
+    returnDelay?: number;
+    onPeel?: () => void;
+    onReturn?: () => void;
+}
+interface StickerInstance extends Instance {
+    /** idle | peeling | carried | falling | away */
+    readonly state: StickerState;
+}
+type StickerState = 'idle' | 'peeling' | 'carried' | 'falling' | 'away';
+declare function createSticker(root: HTMLElement | null, options?: StickerOptions): StickerInstance;
+
+interface ScrollDockOptions {
+    /** Scroll distance before it shows, in viewport heights. */
+    threshold?: number;
+    /** Element (or selector) that sends it away when it reaches the viewport bottom. */
+    hideWhen?: Element | string | null;
+    /** px above the bottom edge at which `hideWhen` counts as reached. */
+    hideOffset?: number;
+    /** Scrolling element (or selector, looked up from the dock outwards); the window by default. */
+    scroller?: HTMLElement | string | null;
+    onChange?: (visible: boolean) => void;
+}
+interface ScrollDockInstance extends Instance {
+    readonly visible: boolean;
+    /** Re-read the scroll position (after layout changes). */
+    update(): void;
+}
+declare function createScrollDock(root: HTMLElement | null, options?: ScrollDockOptions): ScrollDockInstance;
+
+interface LocalClockOptions {
+    /** IANA zone, e.g. "America/Mexico_City". The visitor's zone by default. */
+    timeZone?: string;
+    locale?: string;
+    hour12?: boolean;
+    seconds?: boolean;
+    /** Full control over the format (overrides hour12/seconds). */
+    format?: Intl.DateTimeFormatOptions;
+}
+interface LocalClockInstance extends Instance {
+    /** Text currently shown. */
+    readonly text: string;
+}
+declare function createLocalClock(root: HTMLElement | null, options?: LocalClockOptions): LocalClockInstance;
+
+type DrawerSide = 'left' | 'right' | 'bottom';
+interface DrawerOptions extends Omit<DialogOptions, 'variant' | 'placement' | 'float' | 'anchor' | 'animateContent'> {
+    side?: DrawerSide;
+}
+type DrawerInstance = DialogInstance;
+declare function createDrawer(dialog: HTMLElement | null, options?: DrawerOptions): DrawerInstance;
+
 interface SpringCardsOptions {
     /** Cards inside the root. */
     selector?: string;
@@ -563,4 +767,4 @@ declare function entrances(): boolean;
  */
 declare const MK_HEAD_SCRIPT = "(function(){var r=document.documentElement;r.classList.add('mk-js');setTimeout(function(){if(!r.classList.contains('mk-ready'))r.classList.add('mk-failed')},2500)})();";
 
-export { type FitTextOptions as $, type TicketMenuInstance as A, createInfiniteReel as B, type CurvedCarouselInstance as C, createRepelBento as D, createRotator as E, createDragRuler as F, createDockPill as G, type CardDockInstance as H, type CardDockOptions as I, type CascadeInstance as J, type CascadeOptions as K, type ContrastInstance as L, MK_HEAD_SCRIPT as M, type ContrastOptions as N, type CounterInstance as O, type CounterOptions as P, type CurvedCarouselOptions as Q, type DepthGridInstance as R, type DepthGridOptions as S, type TicketMenuOptions as T, type DockPillInstance as U, type DockPillOptions as V, type DragRulerInstance as W, type DragRulerOptions as X, type FillTextInstance as Y, type FillTextOptions as Z, type FitTextInstance as _, createPile as a, type FlowInOptions as a0, type FlowInstance as a1, type FlowOptions as a2, type FlowOutOptions as a3, type FrameZoomInstance as a4, type FrameZoomOptions as a5, type InfiniteReelInstance as a6, type InfiniteReelOptions as a7, type LettersInstance as a8, type LettersOptions as a9, type SortableInstance as aA, type SortableLabels as aB, type SortableOptions as aC, type SpringCardsInstance as aD, type SpringCardsOptions as aE, type StretchFooterInstance as aF, type StretchFooterOptions as aG, type TabsInstance as aH, type TabsOptions as aI, type TextRollInstance as aJ, type TextRollOptions as aK, type WordsInstance as aL, type WordsOptions as aM, createCurvedCarousel as aN, createTicketMenu as aO, entrances as aP, flowIn as aQ, flowOut as aR, moveItem as aS, pileLayers as aT, pileStyle as aU, reduced as aV, stepChange as aW, type MarqueeInstance as aa, type MarqueeOptions as ab, type MaskTextInstance as ac, type MaskTextOptions as ad, type ParallaxInstance as ae, type ParallaxOptions as af, type PileInstance as ag, type PileLayer as ah, type PileOptions as ai, type PopInstance as aj, type PopOptions as ak, type RadialMenuInstance as al, type RadialMenuOptions as am, type ReflowInstance as an, type ReflowOptions as ao, type ReorderDetail as ap, type RepelBentoInstance as aq, type RepelBentoOptions as ar, type RevealInstance as as, type RevealRecipeOptions as at, type RotatorInstance as au, type RotatorOptions as av, type SlotTextInstance as aw, type SlotTextOptions as ax, type SnapStripInstance as ay, type SnapStripOptions as az, createWords as b, createSpringCards as c, createFlow as d, createPop as e, createFitText as f, createStretchFooter as g, createRadialMenu as h, createTabs as i, createCounter as j, createReveal as k, createReflow as l, createSlotText as m, createSortable as n, createMaskText as o, createCascade as p, createTextRoll as q, createLetters as r, createParallax as s, createDepthGrid as t, createFrameZoom as u, createContrast as v, createMarquee as w, createCardDock as x, createSnapStrip as y, createFillText as z };
+export { type CascadeOptions as $, createMaskText as A, createCascade as B, type CurvedCarouselInstance as C, createTextRoll as D, createLetters as E, createParallax as F, createDepthGrid as G, createFrameZoom as H, createContrast as I, createMarquee as J, createCardDock as K, createSnapStrip as L, createFillText as M, type TicketMenuInstance as N, createInfiniteReel as O, createRepelBento as P, createRotator as Q, createDragRuler as R, createDockPill as S, type TicketMenuOptions as T, MK_HEAD_SCRIPT as U, type ActionButtonInstance as V, type ActionButtonOptions as W, type ActionButtonVariant as X, type CardDockInstance as Y, type CardDockOptions as Z, type CascadeInstance as _, createImageZoom as a, type ScrollDockInstance as a$, type ContrastInstance as a0, type ContrastOptions as a1, type CounterInstance as a2, type CounterOptions as a3, type CurvedCarouselOptions as a4, type DepthGridInstance as a5, type DepthGridOptions as a6, type DockPillInstance as a7, type DockPillOptions as a8, type DragRulerInstance as a9, type JoinedCtaOptions as aA, type LettersInstance as aB, type LettersOptions as aC, type LocalClockInstance as aD, type LocalClockOptions as aE, type MarqueeInstance as aF, type MarqueeOptions as aG, type MaskTextInstance as aH, type MaskTextOptions as aI, type ParallaxInstance as aJ, type ParallaxOptions as aK, type PileInstance as aL, type PileLayer as aM, type PileOptions as aN, type PopInstance as aO, type PopOptions as aP, type RadialMenuInstance as aQ, type RadialMenuOptions as aR, type ReflowInstance as aS, type ReflowOptions as aT, type ReorderDetail as aU, type RepelBentoInstance as aV, type RepelBentoOptions as aW, type RevealInstance as aX, type RevealRecipeOptions as aY, type RotatorInstance as aZ, type RotatorOptions as a_, type DragRulerOptions as aa, type DrawerInstance as ab, type DrawerOptions as ac, type DrawerSide as ad, type EditorialRevealInstance as ae, type EditorialRevealOptions as af, type FillTextInstance as ag, type FillTextOptions as ah, type FilmHeroInstance as ai, type FilmHeroOptions as aj, type FitTextInstance as ak, type FitTextOptions as al, type FlowInOptions as am, type FlowInstance as an, type FlowOptions as ao, type FlowOutOptions as ap, type FontCycleFace as aq, type FontCycleInstance as ar, type FontCycleOptions as as, type FrameZoomInstance as at, type FrameZoomOptions as au, type ImageZoomInstance as av, type ImageZoomOptions as aw, type InfiniteReelInstance as ax, type InfiniteReelOptions as ay, type JoinedCtaInstance as az, createFontCycle as b, type ScrollDockOptions as b0, type SlotTextInstance as b1, type SlotTextOptions as b2, type SnapStripInstance as b3, type SnapStripOptions as b4, type SortableInstance as b5, type SortableLabels as b6, type SortableOptions as b7, type SpringCardsInstance as b8, type SpringCardsOptions as b9, type StickerInstance as ba, type StickerOptions as bb, type StickerState as bc, type StretchFooterInstance as bd, type StretchFooterOptions as be, type TabsInstance as bf, type TabsOptions as bg, type TextRollInstance as bh, type TextRollOptions as bi, type ThumbnailNavInstance as bj, type ThumbnailNavOptions as bk, type WeightHoverInstance as bl, type WeightHoverOptions as bm, type WordsInstance as bn, type WordsOptions as bo, createCurvedCarousel as bp, createTicketMenu as bq, entrances as br, flowIn as bs, flowOut as bt, moveItem as bu, pileLayers as bv, pileStyle as bw, reduced as bx, stepChange as by, createJoinedCta as c, createThumbnailNav as d, createActionButton as e, createFilmHero as f, createEditorialReveal as g, createDrawer as h, createWeightHover as i, createSticker as j, createScrollDock as k, createLocalClock as l, createSpringCards as m, createPile as n, createWords as o, createFlow as p, createPop as q, createFitText as r, createStretchFooter as s, createRadialMenu as t, createTabs as u, createCounter as v, createReveal as w, createReflow as x, createSlotText as y, createSortable as z };