@yewdiel21/motion-kit 0.9.0 → 0.10.0

package/dist/react/index.d.ts

@@ -1,15 +1,15 @@
 import * as react from 'react';
 import { useLayoutEffect, RefObject, DependencyList, ReactNode, CSSProperties, Component, ButtonHTMLAttributes, DialogHTMLAttributes, HTMLAttributes, MutableRefObject, ContextType, TextareaHTMLAttributes, MouseEvent } from 'react';
 import { I as Instance } from '../types-BkS_raL8.js';
-import { aE as SpringCardsOptions, Q as CurvedCarouselOptions, C as CurvedCarouselInstance, ai as PileOptions, aM as WordsOptions, aL as WordsInstance, a2 as FlowOptions, a1 as FlowInstance, ak as PopOptions, aj as PopInstance, $ as FitTextOptions, _ as FitTextInstance, aG as StretchFooterOptions, am as RadialMenuOptions, al as RadialMenuInstance, aI as TabsOptions, aH as TabsInstance, P as CounterOptions, O as CounterInstance, at as RevealRecipeOptions, as as RevealInstance, ao as ReflowOptions, an as ReflowInstance, ax as SlotTextOptions, aw as SlotTextInstance, aC as SortableOptions, aA as SortableInstance, ad as MaskTextOptions, ac as MaskTextInstance, K as CascadeOptions, J as CascadeInstance, aK as TextRollOptions, aJ as TextRollInstance, a9 as LettersOptions, a8 as LettersInstance, af as ParallaxOptions, ae as ParallaxInstance, S as DepthGridOptions, R as DepthGridInstance, a5 as FrameZoomOptions, a4 as FrameZoomInstance, N as ContrastOptions, L as ContrastInstance, ab as MarqueeOptions, aa as MarqueeInstance, I as CardDockOptions, H as CardDockInstance, az as SnapStripOptions, ay as SnapStripInstance, Z as FillTextOptions, Y as FillTextInstance, T as TicketMenuOptions, a7 as InfiniteReelOptions, a6 as InfiniteReelInstance, ar as RepelBentoOptions, aq as RepelBentoInstance, av as RotatorOptions, au as RotatorInstance, X as DragRulerOptions, W as DragRulerInstance, V as DockPillOptions, U as DockPillInstance } from '../reduced-BM4Ls0g5.js';
-export { M as MK_HEAD_SCRIPT, ah as PileLayer, ap as ReorderDetail, aS as moveItem, aT as pileLayers, aU as pileStyle } from '../reduced-BM4Ls0g5.js';
-import { M as MenuInstance, b as DialogOptions, D as DialogInstance } from '../reveal-WFUWDrei.js';
+import { b5 as SpringCardsOptions, a3 as CurvedCarouselOptions, C as CurvedCarouselInstance, aJ as PileOptions, bk as WordsOptions, bj as WordsInstance, ak as FlowOptions, aj as FlowInstance, aL as PopOptions, aK as PopInstance, ah as FitTextOptions, ag as FitTextInstance, ba as StretchFooterOptions, aN as RadialMenuOptions, aM as RadialMenuInstance, bc as TabsOptions, bb as TabsInstance, a2 as CounterOptions, a1 as CounterInstance, aU as RevealRecipeOptions, aT as RevealInstance, aP as ReflowOptions, aO as ReflowInstance, a_ as SlotTextOptions, aZ as SlotTextInstance, b3 as SortableOptions, b1 as SortableInstance, aE as MaskTextOptions, aD as MaskTextInstance, _ as CascadeOptions, Z as CascadeInstance, be as TextRollOptions, bd as TextRollInstance, ay as LettersOptions, ax as LettersInstance, aG as ParallaxOptions, aF as ParallaxInstance, a5 as DepthGridOptions, a4 as DepthGridInstance, aq as FrameZoomOptions, ap as FrameZoomInstance, a0 as ContrastOptions, $ as ContrastInstance, aC as MarqueeOptions, aB as MarqueeInstance, Y as CardDockOptions, X as CardDockInstance, b0 as SnapStripOptions, a$ as SnapStripInstance, ad as FillTextOptions, ac as FillTextInstance, T as TicketMenuOptions, au as InfiniteReelOptions, at as InfiniteReelInstance, aS as RepelBentoOptions, aR as RepelBentoInstance, aW as RotatorOptions, aV as RotatorInstance, a9 as DragRulerOptions, a8 as DragRulerInstance, a7 as DockPillOptions, a6 as DockPillInstance, aw as JoinedCtaOptions, av as JoinedCtaInstance, as as ImageZoomOptions, ar as ImageZoomInstance, ao as FontCycleOptions, an as FontCycleInstance, bg as ThumbnailNavOptions, bf as ThumbnailNavInstance, V as ActionButtonOptions, U as ActionButtonInstance, af as FilmHeroOptions, ae as FilmHeroInstance, ab as EditorialRevealOptions, aa as EditorialRevealInstance, bi as WeightHoverOptions, bh as WeightHoverInstance, b7 as StickerOptions, b6 as StickerInstance, aY as ScrollDockOptions, aX as ScrollDockInstance, aA as LocalClockOptions, az as LocalClockInstance } from '../reduced-BmBzKH94.js';
+export { S as MK_HEAD_SCRIPT, aI as PileLayer, aQ as ReorderDetail, bq as moveItem, br as pileLayers, bs as pileStyle } from '../reduced-BmBzKH94.js';
+import { M as MenuInstance, s as DialogOptions, D as DialogInstance, z as QuantityOptions, y as PaginationOptions, v as HoverCardOptions, w as InputOtpOptions, K as StudioDockOptions, S as StudioDockInstance, O as TrailerOptions, T as TrailerInstance, n as CalendarOptions, F as SlotPickerOptions } from '../reveal-jsX-uwUz.js';
 import { LiquidBlendOptions, ShaderEffectInstance, MatcapOptions, ShaderGrainOptions, ShaderBlurOptions, ParticleHeroOptions, ParticleHeroInstance } from '../gl/index.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as ThemeState, s as setTheme, a as setMode, I as InitThemeOptions, b as ThemeMode } from '../theme-BFMoCzi6.js';
-export { M as MK_THEME_HEAD_SCRIPT, t as themeHeadScript } from '../theme-BFMoCzi6.js';
-import { n as ThemePickerOptions, s as ToasterLabels, e as ChatLabels, C as ChatInstance, v as capturePending, b as ChatRole, c as NavStyle, h as CursorVariant, g as CursorOptions, i as IslandOptions, I as IslandInstance } from '../store-Bqy_obnD.js';
-export { j as NAV_STYLES, o as ToastAction, q as ToastOptions, r as ToastTone, x as clearToasts, F as dismissToast, t as toast } from '../store-Bqy_obnD.js';
+import { T as ThemeState, s as setTheme, a as setMode, I as InitThemeOptions, b as ThemeMode } from '../theme-Bjf9qIIy.js';
+export { M as MK_THEME_HEAD_SCRIPT, t as themeHeadScript } from '../theme-Bjf9qIIy.js';
+import { n as ThemePickerOptions, s as ToasterLabels, e as ChatLabels, C as ChatInstance, v as capturePending, b as ChatRole, c as NavStyle, h as CursorVariant, g as CursorOptions, i as IslandOptions, I as IslandInstance } from '../store-DYb3tTsZ.js';
+export { j as NAV_STYLES, o as ToastAction, q as ToastOptions, r as ToastTone, x as clearToasts, F as dismissToast, t as toast } from '../store-DYb3tTsZ.js';
 import { C as CapturedLayout } from '../confetti-BSX1CLLV.js';
 export { A as ANIMATIONS, b as AnimationName, d as ConfettiOptions, e as animate, g as confetti, l as leave } from '../confetti-BSX1CLLV.js';
 import 'gsap/SplitText';
@@ -70,40 +70,40 @@ declare function useSlotText(ref: RefObject<HTMLElement | null>, text: string, o
  */
 declare function useSortable(ref: RefObject<HTMLElement | null>, options?: SortableOptions, deps?: DependencyList): RefObject<SortableInstance | null>;
 
-/** Masked lines / words / letters rising into view (OFFFICE). */
+/** Masked lines / words / letters rising into view. */
 declare const useMaskText: (ref: RefObject<HTMLElement | null>, options?: MaskTextOptions, deps?: DependencyList) => RefObject<MaskTextInstance | null>;
 
-/** Siena's reveal group: rules, fades and rises one after another. */
+/** reveal group: rules, fades and rises one after another. */
 declare const useCascade: (ref: RefObject<HTMLElement | null>, options?: CascadeOptions, deps?: DependencyList) => RefObject<CascadeInstance | null>;
 
-/** Siena's slot title. `.current.play()` spins it. */
+/** slot title. `.current.play()` spins it. */
 declare const useTextRoll: (ref: RefObject<HTMLElement | null>, options?: TextRollOptions, deps?: DependencyList) => RefObject<TextRollInstance | null>;
 
-/** Dousan's hero letters (scale on hover or pastel blink). */
+/** hero letters (scale on hover or pastel blink). */
 declare const useLetters: (ref: RefObject<HTMLElement | null>, options?: LettersOptions, deps?: DependencyList) => RefObject<LettersInstance | null>;
 
-/** Siena's photo parallax inside its frame. */
+/** photo parallax inside its frame. */
 declare const useParallax: (ref: RefObject<HTMLElement | null>, options?: ParallaxOptions, deps?: DependencyList) => RefObject<ParallaxInstance | null>;
 
-/** Siena's grid gathering from depth as it scrolls. */
+/** grid gathering from depth as it scrolls. */
 declare const useDepthGrid: (ref: RefObject<HTMLElement | null>, options?: DepthGridOptions, deps?: DependencyList) => RefObject<DepthGridInstance | null>;
 
-/** Siena's video mask: frame and picture scale in opposite directions. */
+/** video mask: frame and picture scale in opposite directions. */
 declare const useFrameZoom: (ref: RefObject<HTMLElement | null>, options?: FrameZoomOptions, deps?: DependencyList) => RefObject<FrameZoomInstance | null>;
 
-/** Siena's header contrast from the section under it. */
+/** header contrast from the section under it. */
 declare const useContrast: (ref: RefObject<HTMLElement | null>, options?: ContrastOptions, deps?: DependencyList) => RefObject<ContrastInstance | null>;
 
-/** Siena's seamless marquee. */
+/** seamless marquee. */
 declare const useMarquee: (ref: RefObject<HTMLElement | null>, options?: MarqueeOptions, deps?: DependencyList) => RefObject<MarqueeInstance | null>;
 
-/** iyo.ai's product dock (stacked glass cards that spread on hover). */
+/** product dock (stacked glass cards that spread on hover). */
 declare const useCardDock: (ref: RefObject<HTMLElement | null>, options?: CardDockOptions, deps?: DependencyList) => RefObject<CardDockInstance | null>;
 
-/** iyo.ai's phone cards: an autoplaying scroll-snap strip. */
+/** phone cards: an autoplaying scroll-snap strip. */
 declare const useSnapStrip: (ref: RefObject<HTMLElement | null>, options?: SnapStripOptions, deps?: DependencyList) => RefObject<SnapStripInstance | null>;
 
-/** iyo.ai's fill-text: letters fill in as the text scrolls up. */
+/** fill-text: letters fill in as the text scrolls up. */
 declare const useFillText: (ref: RefObject<HTMLElement | null>, options?: FillTextOptions, deps?: DependencyList) => RefObject<FillTextInstance | null>;
 
 declare function useTicketMenu(ref: RefObject<HTMLElement | null>, options?: TicketMenuOptions, deps?: DependencyList): RefObject<MenuInstance | null>;
@@ -126,7 +126,7 @@ declare const useShaderGrain: (ref: RefObject<HTMLElement | null>, options?: Sha
 
 declare const useShaderBlur: (ref: RefObject<HTMLElement | null>, options?: ShaderBlurOptions, deps?: DependencyList) => RefObject<ShaderEffectInstance | null>;
 
-/** iyo.ai's particle hero (WebGL2, Canvas2D fallback). The canvas joins the ref's element. */
+/** particle hero (WebGL2, Canvas2D fallback). The canvas joins the ref's element. */
 declare const useParticleHero: (ref: RefObject<HTMLElement | null>, options?: ParticleHeroOptions, deps?: DependencyList) => RefObject<ParticleHeroInstance | null>;
 
 interface ThemeContextValue extends ThemeState {
@@ -152,7 +152,7 @@ interface ThemePickerProps extends ThemePickerOptions {
     /** Skip the base class (style it yourself). */
     unstyled?: boolean;
 }
-/** Stepbro's theme picker. Wrap the app in <ThemeProvider> to read the choice. */
+/** theme picker. Wrap the app in <ThemeProvider> to read the choice. */
 declare function ThemePicker({ className, style, unstyled, themes, showHidden, labels, onChange }: ThemePickerProps): react_jsx_runtime.JSX.Element;
 
 interface SlotTextProps extends Omit<SlotTextOptions, 'text' | 'accessibleCopy'> {
@@ -160,7 +160,7 @@ interface SlotTextProps extends Omit<SlotTextOptions, 'text' | 'accessibleCopy'>
     className?: string;
 }
 /**
- * Text whose letters roll when it changes (Stepbro's SlotText). The server
+ * Text whose letters roll when it changes. The server
  * renders the text itself; React never reconciles the letters (they belong to
  * the recipe), and screen readers read the plain copy.
  */
@@ -170,10 +170,10 @@ interface AnimatedNumberProps {
     value: number;
     /** How the shown value is written. Default: whole numbers. */
     format?: (shown: number) => string;
-    /** Seconds. Default 0.6 (Stepbro's numberSoft); prices use 0.7. */
+    /** Seconds. Default 0.6; prices use 0.7. */
     duration?: number;
 }
-/** A number that counts to each new value from the one shown (Stepbro's AnimatedNumber). */
+/** A number that counts to each new value from the one shown. */
 declare function AnimatedNumber({ value, format, duration }: AnimatedNumberProps): react_jsx_runtime.JSX.Element;
 
 interface FlipGroupProps {
@@ -186,7 +186,7 @@ interface FlipGroupProps {
     children?: ReactNode;
 }
 /**
- * Plays Stepbro's layout reflow when `signature` changes: the layout is
+ * Plays layout reflow when `signature` changes: the layout is
  * measured just before React commits and the items travel from there. A class
  * component, because only `getSnapshotBeforeUpdate` reads the DOM before the commit.
  */
@@ -239,7 +239,7 @@ declare function Close({ children, label, ...props }: ButtonHTMLAttributes<HTMLB
 }): react_jsx_runtime.JSX.Element;
 declare function Handle({ children, ...props }: ButtonHTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element;
 /**
- * Stepbro's dialog for React:
+ * dialog for React:
  * <Dialog.Root><Dialog.Trigger>Crear</Dialog.Trigger><Dialog.Content>
  *   <Dialog.Header><Dialog.Title>…</Dialog.Title><Dialog.Close /></Dialog.Header>
  *   <Dialog.Body>…</Dialog.Body><Dialog.Footer>…</Dialog.Footer>
@@ -278,7 +278,7 @@ declare function Item({ value, children, ...props }: ButtonHTMLAttributes<HTMLBu
     value?: string;
 }): react_jsx_runtime.JSX.Element;
 declare function Separator(): react_jsx_runtime.JSX.Element;
-/** Stepbro's options menu: <Menu.Root onSelect><Menu.Trigger/><Menu.Content><Menu.Item value/>…</Menu.Content></Menu.Root>. */
+/** options menu: <Menu.Root onSelect><Menu.Trigger/><Menu.Content><Menu.Item value/>…</Menu.Content></Menu.Root>. */
 declare const Menu: {
     Root: typeof Root$2;
     Trigger: typeof Trigger;
@@ -290,7 +290,7 @@ declare const Menu: {
 interface ToasterProps {
     labels?: ToasterLabels;
 }
-/** Stepbro's toast deck. Mount once near the root; show toasts with `toast()`. */
+/** toast deck. Mount once near the root; show toasts with `toast()`. */
 declare function Toaster({ labels }: ToasterProps): react_jsx_runtime.JSX.Element;
 
 interface ChatBackgroundProps {
@@ -300,7 +300,7 @@ interface ChatBackgroundProps {
     className?: string;
     style?: CSSProperties;
 }
-/** Stepbro's chat background. Put it first inside a positioned container. */
+/** chat background. Put it first inside a positioned container. */
 declare function ChatBackground({ energy, scale, className, style }: ChatBackgroundProps): react_jsx_runtime.JSX.Element;
 
 interface ChatContextValue {
@@ -354,7 +354,7 @@ interface ChatComposerProps extends TextareaHTMLAttributes<HTMLTextAreaElement>
 declare function Composer({ actions, sendLabel, placeholder, ...props }: ChatComposerProps): react_jsx_runtime.JSX.Element;
 declare function Confirm({ children, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 /**
- * Stepbro's chat: <Chat.Root onSend><ChatBackground /><Chat.Messages pending>{messages.map(m =>
+ * chat: <Chat.Root onSend><ChatBackground /><Chat.Messages pending>{messages.map(m =>
  * <Chat.Message role>)}</Chat.Messages><Chat.Composer /></Chat.Root>.
  */
 declare const Chat: {
@@ -373,7 +373,7 @@ interface NavItem {
     icon?: ReactNode;
     /** Render a link instead of a button. */
     href?: string;
-    /** Hidden in the phone bar (Stepbro's hide-on-mobile). */
+    /** Hidden in the phone bar. */
     hideOnMobile?: boolean;
 }
 interface NavProps extends Omit<HTMLAttributes<HTMLElement>, 'onSelect'> {
@@ -390,14 +390,14 @@ interface NavProps extends Omit<HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Buttons at the end (className "mk-nav__button mk-nav__button--action"). */
     actions?: ReactNode;
 }
-/** Stepbro's navigation. Put it inside a <div className="mk-shell"> next to <main className="mk-shell__view">. */
+/** navigation. Put it inside a <div className="mk-shell"> next to <main className="mk-shell__view">. */
 declare function Nav({ items, active, onSelect, navStyle, accent, reveal, first, actions, className, ...props }: NavProps): react_jsx_runtime.JSX.Element;
 
 interface StepsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** Current step (0-based). Changing it flows to that step. */
     index?: number;
     onChange?: (index: number, previous: number) => void;
-    /** A step is working: the chat background inside speeds up (Stepbro's onBusy). */
+    /** A step is working: the chat background inside speeds up. */
     busy?: boolean;
     duration?: number;
     children?: ReactNode;
@@ -407,7 +407,7 @@ declare function Step({ children, ...props }: HTMLAttributes<HTMLElement>): reac
 /** The step number; the engine rolls it (React only writes the first value). */
 declare function Counter(props: HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
 /**
- * Stepbro's onboarding: <Steps index={i} busy={working}><ChatBackground /><Steps.Counter />
+ * onboarding: <Steps index={i} busy={working}><ChatBackground /><Steps.Counter />
  * <Steps.Step><h2 data-mk-flow-item>…</h2></Steps.Step>…</Steps>. Steps must be direct children.
  */
 declare const Steps: typeof Root & {
@@ -416,7 +416,7 @@ declare const Steps: typeof Root & {
 };
 
 interface CursorProps {
-    /** 'chip' (Dousan, default) or 'dot' (Siena). */
+    /** 'chip' (default) or 'dot'. */
     variant?: CursorVariant;
     /** dot: the word when nothing under the pointer gives one. */
     text?: string;
@@ -439,7 +439,7 @@ interface FrostProps {
     className?: string;
     style?: CSSProperties;
 }
-/** Dousan's progressive frost: five blur layers. Put it inside a positioned container (or use `fixed`). */
+/** progressive frost: five blur layers. Put it inside a positioned container (or use `fixed`). */
 declare function Frost({ position, fixed, height, strength, className, style }: FrostProps): react_jsx_runtime.JSX.Element;
 
 interface IslandPanel {
@@ -448,7 +448,7 @@ interface IslandPanel {
     label: string;
     /** Button content; the menu's nine dots by default. */
     icon?: ReactNode;
-    /** Light button (iyo's cart). */
+    /** Light button. */
     light?: boolean;
     content: ReactNode;
 }
@@ -468,9 +468,108 @@ interface IslandProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'>, Omi
         current: IslandInstance | null;
     };
 }
-/** The nine static dots of iyo's menu button. */
+/** The nine static dots of the island menu button. */
 declare function IslandDots(): react_jsx_runtime.JSX.Element;
-/** iyo.ai's floating navbar. */
+/** floating navbar. */
 declare function Island({ brand, cta, panels, contained, entrance, closeOnScroll, closeOnNavigate, focusOnOpen, onChange, instanceRef, className, ...props }: IslandProps): react_jsx_runtime.JSX.Element;
 
-export { AnimatedNumber, type AnimatedNumberProps, Chat, ChatBackground, type ChatBackgroundProps, type ChatComposerProps, type ChatMessageProps, type ChatMessagesProps, type ChatRootProps, Cursor, type CursorProps, Dialog, type DialogContentProps, FlipGroup, type FlipGroupProps, Frost, type FrostProps, Island, IslandDots, type IslandPanel, type IslandProps, Menu, type MenuRootProps, MkIcon, Nav, type NavItem, type NavProps, NavStyle, SlotText, type SlotTextProps, Steps, type StepsProps, type SurfaceRootProps, type ThemeContextValue, ThemePicker, type ThemePickerProps, ThemeProvider, type ThemeProviderProps, Toaster, type ToasterProps, type UseStretchFooterOptions, useCardDock, useCascade, useChat, useContrast, useCounter, useCurvedCarousel, useDepthGrid, useDetails, useDialog, useDockPill, useDragRuler, useFillText, useFitText, useFlow, useFrameZoom, useInfiniteReel, useIsomorphicLayoutEffect, useLatest, useLetters, useLiquidBlend, useMarquee, useMaskText, useMatcap, useParallax, useParticleHero, usePile, usePop, useRadialMenu, useRecipe, useReflow, useRepelBento, useReveal, useRotator, useShaderBlur, useShaderGrain, useSlotText, useSnapStrip, useSortable, useSpringCards, useStretchFooter, useTabs, useTextRoll, useTheme, useTicketMenu, useWords };
+interface QuantityProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>, QuantityOptions {
+    label?: string;
+    decreaseLabel?: string;
+    increaseLabel?: string;
+    name?: string;
+}
+declare function Quantity({ min, max, step, value, disabled, onChange, label, decreaseLabel, increaseLabel, name, className, ...props }: QuantityProps): react_jsx_runtime.JSX.Element;
+
+interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'>, PaginationOptions {
+    previousLabel?: string;
+    nextLabel?: string;
+}
+declare function Pagination({ totalPages, page, siblings, pageLabel, onChange, previousLabel, nextLabel, className, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
+
+interface HoverCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, HoverCardOptions {
+    trigger: ReactNode;
+    children: ReactNode;
+    triggerLabel?: string;
+    panelLabel?: string;
+}
+declare function HoverCard({ trigger, children, triggerLabel, panelLabel, openDelay, closeDelay, placement, onOpenChange, className, ...props }: HoverCardProps): react_jsx_runtime.JSX.Element;
+
+interface InputOtpProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onComplete' | 'defaultValue'>, InputOtpOptions {
+    label?: string;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    defaultValue?: string;
+}
+declare function InputOtp({ length, value, defaultValue, mask, onChange, onComplete, label, name, disabled, required, invalid, className, ...props }: InputOtpProps): react_jsx_runtime.JSX.Element;
+
+declare const useJoinedCta: (ref: RefObject<HTMLElement | null>, options?: JoinedCtaOptions, deps?: DependencyList) => RefObject<JoinedCtaInstance | null>;
+
+declare const useImageZoom: (ref: RefObject<HTMLElement | null>, options?: ImageZoomOptions, deps?: DependencyList) => RefObject<ImageZoomInstance | null>;
+
+declare const useFontCycle: (ref: RefObject<HTMLElement | null>, options?: FontCycleOptions, deps?: DependencyList) => RefObject<FontCycleInstance | null>;
+
+declare const useThumbnailNav: (ref: RefObject<HTMLElement | null>, options?: ThumbnailNavOptions, deps?: DependencyList) => RefObject<ThumbnailNavInstance | null>;
+
+declare const useActionButton: (ref: RefObject<HTMLElement | null>, options?: ActionButtonOptions, deps?: DependencyList) => RefObject<ActionButtonInstance | null>;
+
+declare const useFilmHero: (ref: RefObject<HTMLElement | null>, options?: FilmHeroOptions, deps?: DependencyList) => RefObject<FilmHeroInstance | null>;
+
+declare function useEditorialReveal(ref: RefObject<HTMLElement | null>, options?: EditorialRevealOptions, deps?: DependencyList): RefObject<EditorialRevealInstance | null>;
+
+declare function useStudioDock(ref: RefObject<HTMLElement | null>, options?: StudioDockOptions, deps?: DependencyList): RefObject<StudioDockInstance | null>;
+
+declare const useTrailer: (ref: RefObject<HTMLElement | null>, options?: TrailerOptions, deps?: DependencyList) => RefObject<TrailerInstance | null>;
+
+interface StudioDockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, StudioDockOptions {
+    /** Default stays inside its positioned demo/app panel. */
+    fixed?: boolean;
+    instanceRef?: {
+        current: StudioDockInstance | null;
+    };
+}
+/** Composable light-DOM shell; use the data-mk-studio-* slots shown in the README. */
+declare function StudioDock({ duration, ease, focusOnOpen, trapFocus, onChange, fixed, instanceRef, className, children, ...props }: StudioDockProps): react_jsx_runtime.JSX.Element;
+
+interface TrailerProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'open' | 'onClose'> {
+    options?: TrailerOptions;
+}
+/** Consumer supplies <video>, optional controls and tracks; no remote media is injected. */
+declare function Trailer({ options, className, children, ...props }: TrailerProps): react_jsx_runtime.JSX.Element;
+
+interface CalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'>, CalendarOptions {
+    /** Hide the month/week switch. */
+    hideViews?: boolean;
+    labels?: CalendarOptions['labels'] & {
+        previous?: string;
+        next?: string;
+        today?: string;
+        month?: string;
+        week?: string;
+    };
+}
+declare function Calendar({ date, view, firstDay, locale, events, maxEvents, selected, today, labels, onSelect, onEventClick, onNavigate, hideViews, className, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+
+interface SlotPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, SlotPickerOptions {
+    /** Form field name: a hidden input carries "YYYY-MM-DDTHH:mm". */
+    name?: string;
+    labels?: SlotPickerOptions['labels'] & {
+        previous?: string;
+        next?: string;
+    };
+    /** Rendered under the times (e.g. a submit button). */
+    actions?: ReactNode;
+}
+declare function SlotPicker({ date, value, slots, min, max, closedDays, isDisabled, firstDay, locale, labels, onChange, onDateChange, name, actions, className, ...props }: SlotPickerProps): react_jsx_runtime.JSX.Element;
+
+declare const useWeightHover: (ref: RefObject<HTMLElement | null>, options?: WeightHoverOptions, deps?: DependencyList) => RefObject<WeightHoverInstance | null>;
+
+declare const useSticker: (ref: RefObject<HTMLElement | null>, options?: StickerOptions, deps?: DependencyList) => RefObject<StickerInstance | null>;
+
+declare const useScrollDock: (ref: RefObject<HTMLElement | null>, options?: ScrollDockOptions, deps?: DependencyList) => RefObject<ScrollDockInstance | null>;
+
+declare const useLocalClock: (ref: RefObject<HTMLElement | null>, options?: LocalClockOptions, deps?: DependencyList) => RefObject<LocalClockInstance | null>;
+
+export { AnimatedNumber, type AnimatedNumberProps, Calendar, type CalendarProps, Chat, ChatBackground, type ChatBackgroundProps, type ChatComposerProps, type ChatMessageProps, type ChatMessagesProps, type ChatRootProps, Cursor, type CursorProps, Dialog, type DialogContentProps, FlipGroup, type FlipGroupProps, Frost, type FrostProps, HoverCard, type HoverCardProps, InputOtp, type InputOtpProps, Island, IslandDots, type IslandPanel, type IslandProps, Menu, type MenuRootProps, MkIcon, Nav, type NavItem, type NavProps, NavStyle, Pagination, type PaginationProps, Quantity, type QuantityProps, SlotPicker, type SlotPickerProps, SlotText, type SlotTextProps, Steps, type StepsProps, StudioDock, type StudioDockProps, type SurfaceRootProps, type ThemeContextValue, ThemePicker, type ThemePickerProps, ThemeProvider, type ThemeProviderProps, Toaster, type ToasterProps, Trailer, type TrailerProps, type UseStretchFooterOptions, useActionButton, useCardDock, useCascade, useChat, useContrast, useCounter, useCurvedCarousel, useDepthGrid, useDetails, useDialog, useDockPill, useDragRuler, useEditorialReveal, useFillText, useFilmHero, useFitText, useFlow, useFontCycle, useFrameZoom, useImageZoom, useInfiniteReel, useIsomorphicLayoutEffect, useJoinedCta, useLatest, useLetters, useLiquidBlend, useLocalClock, useMarquee, useMaskText, useMatcap, useParallax, useParticleHero, usePile, usePop, useRadialMenu, useRecipe, useReflow, useRepelBento, useReveal, useRotator, useScrollDock, useShaderBlur, useShaderGrain, useSlotText, useSnapStrip, useSortable, useSpringCards, useSticker, useStretchFooter, useStudioDock, useTabs, useTextRoll, useTheme, useThumbnailNav, useTicketMenu, useTrailer, useWeightHover, useWords };