@fastkit/vui 0.6.39 → 0.6.40

package/dist/vui.d.ts

@@ -11,6 +11,7 @@ import { CSSProperties } from 'vue';
 import { DefineComponent } from 'vue';
 import { Editor } from '@tiptap/vue-3';
 import { EmitsOptions } from 'vue';
+import { EV } from '@fastkit/ev';
 import { Extensions } from '@tiptap/vue-3';
 import { ExtractPropInput } from '@fastkit/vue-utils';
 import { ExtractPropTypes } from 'vue';
@@ -34,6 +35,7 @@ import { InjectionKey } from 'vue';
 import { ItalicOptions } from '@tiptap/extension-italic';
 import { LinkOptions } from '@tiptap/extension-link';
 import { LocationService } from '@fastkit/vue-utils';
+import { MediaMatchKey } from '@fastkit/media-match';
 import { NavigationableInheritProps } from '@fastkit/vue-utils';
 import { NavigationFailure } from 'vue-router';
 import { Numberish } from '@fastkit/vue-kit';
@@ -54,6 +56,7 @@ import type { Router } from 'vue-router';
 import { RouterLink } from 'vue-router';
 import { RouterLinkProps } from 'vue-router';
 import { ScopeName } from '@fastkit/color-scheme';
+import { StyleValue } from 'vue';
 import { TextableCounterResult } from '@fastkit/vue-kit';
 import { TextableCounterSettings } from '@fastkit/vue-kit';
 import { TextareaAutosizeSettings } from '@fastkit/vue-kit';
@@ -620,10 +623,40 @@ export declare interface DefineFormSelectorComponentOptions {
     }) => VNodeChild;
 }
 
+declare type EasingName = keyof typeof easings;
+
+declare const easings: {
+    ease: EasingValues;
+    linear: EasingValues;
+    'ease-in': EasingValues;
+    'ease-out': EasingValues;
+    'ease-in-out': EasingValues;
+};
+
+declare type EasingValues = [number, number, number, number];
+
 export declare type ElevationProps = ExtractPropTypes<ReturnType<typeof createElevationProps>>;
 
 declare type EmptyIconSymbol = '$empty';
 
+export declare type GridContainerAlignContentValue = 'flex-start' | 'flex-end' | 'start' | 'end' | 'stretch' | 'baseline' | 'center' | 'self-start' | 'self-end';
+
+export declare type GridContainerDirectionValue = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+
+export declare type GridContainerJustifyContentValue = 'start' | 'end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
+
+export declare type GridContainerSpacingValue = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 4.5 | 5 | 5.5 | 6 | 6.5 | 7 | 7.5 | 8 | 8.5 | 9 | 9.5 | 10;
+
+export declare type GridContainerWrapValue = 'wrap' | 'nowrap' | 'wrap-reverse';
+
+export declare type GridItemAlignValue = 'flex-start' | 'flex-end' | 'start' | 'end' | 'stretch' | 'baseline' | 'center' | 'self-start' | 'self-end';
+
+export declare type GridItemJustifyValue = 'start' | 'end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+
+export declare type GridItemNumberSizeValue = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+
+export declare type GridItemSizeValue = GridItemNumberSizeValue | 'auto';
+
 export { ICON_NAMES }
 
 declare type IconGenerator = (input: IconPropInout) => VNodeChild;
@@ -700,6 +733,10 @@ export declare function paginationProps(): {
 
 export declare type RawBreadcrumbsItem = string | BreadcrumbsItem;
 
+declare type RawGridValue<T extends number | string = number | string> = T | Partial<Record<MediaMatchKey, T>> | undefined;
+
+declare type RawGridValueProp<T extends number | string = number | string> = PropType<RawGridValue<T>>;
+
 export declare type RawIconProp = IconName | EmptyIconSymbol | ToggleableIconHook;
 
 export declare function rawIconProp(): PropType<RawIconProp>;
@@ -786,6 +823,732 @@ declare interface RuleValidateOptions {
     eachPrefix?: string;
 }
 
+/**
+ * スクロールの軸を示します。
+ * xは水平、
+ * yは垂直をそれぞれ示します
+ */
+declare type ScrollAxis = 'x' | 'y';
+
+/**
+ * スクロール系メソッドの基本オプション設定です。
+ */
+declare interface ScrollBaseSettings {
+    /**
+     * アニメーションの総合時間をms単位で指定します。
+     */
+    duration: number;
+    /**
+     * アニメーションのイージングを指定します。
+     * {@link EasingName}
+     */
+    easing: EasingName;
+    /**
+     * スクロールアニメーションがユーザーのインタラクションにより中断可能かをboolean値で示します。
+     */
+    cancelable: boolean;
+}
+
+declare type ScrollCallback = (scrollToCallbackValues: ScrollCallbackValues) => any;
+
+/**
+ * スクロール関連の各種メソッドにおいて、コールバックメソッドに渡されるインターフェースです。
+ */
+declare interface ScrollCallbackValues {
+    /**
+     * スクロール中のコンテナ要素です。
+     */
+    container: Element;
+    /**
+     * スクロールの進捗を0〜1で示します。
+     */
+    progress: number;
+    /**
+     * スクロールが中断されている場合trueを示します。
+     */
+    aborted: boolean;
+    /**
+     * ユーザーのインタラクションによりスクロールが中断されていた場合、そのEventオブジェクトが設定されます。
+     */
+    abortEventSource: Event | null;
+}
+
+/**
+ * スクロール関連メソッドによるスクロールアニメーションをキャンセルするメソッドです。<br>
+ * ユーザーのインタラクション起因の中断の場合、Eventオブジェクトが渡されます。
+ */
+declare type ScrollCanceller = (event?: Event | null, checkCancelable?: boolean) => void;
+
+/**
+ * Scrollerにスクロールが発生した際の方向を示すTypeです。
+ */
+declare type ScrollDirection = ScrollYDirection | ScrollXDirection;
+
+/**
+ * 任意のElement（or HTML Document）のスクロールやサイズ変更を監視し、その情報を通知するクラスです。<br>
+ * <a href="https://dadajam4.github.io/dadajam4/ev/classes/_ev_.ev.html" target="_blank">EV</a>を継承しており、イベントの購読[[Scroller.on]]等のインターフェースを利用するか、
+ * [[Scroller.observe]]メソッドを利用します。<br>
+ * [[Scroller.on]]、[[Scroller.once]]で購読可能なイベントについては[[ScrollerEventMap]]を参照してください。
+ */
+declare class Scroller extends EV<ScrollerEventMap> {
+    /**
+     * Scrollerクラスの状態を監視＆同期するオブジェクトが
+     * 保有すべきプロパティ一のキーの配列です。
+     */
+    static readonly scrollerObservableKeys: (keyof ScrollerObserver)[];
+    /**
+     * Scrollerの状態を示すenum値です。
+     * {@link ScrollerState}
+     */
+    static readonly States: typeof ScrollerState;
+    /**
+     * スクロールを検知してから、移動がなくなった際に、何ms後にスクロール終了と判定するかのインターバル値を示します。
+     * デフォルトは500です。
+     */
+    scrollingJudgeInterval: number;
+    /**
+     * 縦、横のどちらのスクロールを基準とするかを示します。
+     * デフォルトはyです。<br>
+     * この設定は[[Scroller.toElement]]のデフォルト値にも影響します。
+     */
+    baseAxis: ScrollAxis;
+    /**
+     * スクロール系メソッド[[Scroller.to]]等を利用する際のデフォルトの設定を示します。
+     */
+    scrollSettingsDefaults: ScrollBaseSettings;
+    /**
+     * [[Scroller.toElement]]のデフォルトオプションの設定を示します。
+     */
+    scrollToElementSettingsDefaults: ScrollerScrollToElementOptions;
+    scrollSizeOvserver?: ScrollSizeOvserverSetting;
+    /**
+     * 設定されたElement要素です。
+     * 初期化が完了していない時には本getterはundefinedを返却する事に注意してください。
+     */
+    get el(): Element | null;
+    /**
+     * 現在の状態です。<br>
+     * {@link ScrollerState}
+     */
+    get state(): ScrollerState;
+    /**
+     * 未初期化である場合trueを示します。
+     */
+    get isPending(): boolean;
+    /**
+     * 初期化済み＆停止状態である場合trueを示します。
+     */
+    get isReady(): boolean;
+    /**
+     * 初期化済み＆動作中である場合trueを示します。
+     */
+    get isRunning(): boolean;
+    /**
+     * インスタンスが破棄済みである場合trueを示します。
+     */
+    get isDestroyed(): boolean;
+    /**
+     * スクロールの有効状態を取得します
+     */
+    get scrollEnabled(): boolean;
+    /**
+     * スクロール要素の幅を示します。
+     */
+    get containerWidth(): number;
+    /**
+     * スクロール要素の高さを示します。
+     */
+    get containerHeight(): number;
+    /**
+     * スクロール要素内のコンテンツの幅を示します。
+     */
+    get scrollWidth(): number;
+    /**
+     * スクロール要素内のコンテンツの高さを示します。
+     */
+    get scrollHeight(): number;
+    /**
+     * x軸にスクロール可能な場合trueを示します
+     */
+    get scrollableX(): boolean;
+    /**
+     * y軸にスクロール可能な場合trueを示します
+     */
+    get scrollableY(): boolean;
+    /**
+     * 現在の上辺からのスクロール量を示します。
+     */
+    get scrollTop(): number;
+    set scrollTop(scrollTop: number);
+    /**
+     * 現在の右辺からのスクロール量を示します。
+     */
+    get scrollRight(): number;
+    set scrollRight(scrollRight: number);
+    /**
+     * 現在の下辺からのスクロール量を示します。
+     */
+    get scrollBottom(): number;
+    set scrollBottom(scrollBottom: number);
+    /**
+     * 現在の左辺からのスクロール量を示します。
+     */
+    get scrollLeft(): number;
+    set scrollLeft(scrollLeft: number);
+    /**
+     * 現在スクロール中である場合trueを示します。
+     */
+    get nowScrolling(): boolean;
+    /**
+     * 最後に検知したスクロールの軸を示します。
+     */
+    get lastAxis(): ScrollAxis;
+    /**
+     * 最後に検知したスクロールの方向を示します。
+     */
+    get lastDirection(): ScrollDirection;
+    /**
+     * 最後に検知したスクロールの垂直方向を示します。
+     */
+    get lastYDirection(): ScrollYDirection;
+    /**
+     * 最後に検知したスクロールの水平方向を示します。
+     */
+    get lastXDirection(): ScrollXDirection;
+    /**
+     * 最後に検知したスクロールにより通知した情報を示します。
+     */
+    get lastPayload(): ScrollerPayload;
+    private _el;
+    private _eventTarget;
+    private _isDocumentElement;
+    private _isBodyElement;
+    private _isRootElement;
+    private _state;
+    private _containerWidth;
+    private _containerHeight;
+    private _scrollWidth;
+    private _scrollHeight;
+    private _scrollTop;
+    private _scrollRight;
+    private _scrollBottom;
+    private _scrollLeft;
+    private _lastAxis;
+    private _lastDirection;
+    private _lastYDirection;
+    private _lastXDirection;
+    private _nowScrolling;
+    private _readyResolvers;
+    private _scrollingJudgeTimerId;
+    private _startX;
+    private _startY;
+    private _tickedX;
+    private _tickedY;
+    private _lastTotalX;
+    private _lastTotalY;
+    private _scrollListener?;
+    private _resizeListener?;
+    private _resizeObserver?;
+    private _scrollToResult;
+    private _observers;
+    private _scrollStoppers;
+    private _scrollSizeOvserverPollingId;
+    private _scrollSizeOvserverSuspended;
+    private _visibilityListener;
+    /**
+     * Scrollerインスタンスを作成します。
+     * コンテキストとなるElementをこの時点で指定するか否かは任意です。
+     *
+     * @param settingOrElementOrQueryString - 任意です。{@link ScrollerSetting}か Element（or cssクエリセレクタ文字列）を直接指定します。この時点でElementを指定しない場合は、[[setElement]]を実行するまでインスタンスは動作しません。
+     */
+    constructor(settingOrElementOrQueryString?: Partial<ScrollerSetting> | Element | string);
+    /**
+     * インスタンスにElementを設定します。特別な理由（SSRの利用等）によりコンストラクタでElementを指定できない場合、
+     * 本メソッドを利用しブラウザコンテキスト配下で本メソッドを実行してください。
+     * @param el - Element、もしくはCSSクエリセレクタ文字列を指定します。
+     */
+    setElement(el?: Element | string | null): void;
+    private _scrollToElementAddtionalOffset;
+    setScrollToElementAddtionalOffset(offset: ScrollToElementAddtionalOffset | undefined): void;
+    deleteScrollToElementAddtionalOffset(): void;
+    /**
+     * インスタンスが実行可能になった際にresolveされるPromiseインスタンスを返却します。
+     */
+    ready(): Promise<void>;
+    /**
+     * インスタンスの動作を開始します。本インスタンスはElementが設定され初期化された際に自動で動作を開始しますが、
+     * [[Scroller.stop]]メソッドを利用し動作を停止した後に再開する場合に本メソッドを利用します。
+     */
+    start(): Promise<void>;
+    /**
+     * インスタンスの動作（スクロール、リサイズイベントの検知等）を停止します。
+     * 何らかの理由で動作を停止させたい場合に利用してください。
+     * 本メソッドを実行後もインスタンス内の状態は保持されたままです。
+     * 完全にインスタンスを破棄するためには[[Scroller.destroy]]を利用してください。
+     */
+    stop(): void;
+    /**
+     * インスタンスの動作を停止し、内部情報を完全に破棄します。
+     * これに伴い、スクロール中であった場合にはキャンセルされ、以後イベント通知は完全に行われません。
+     * また[[Scroller.start]]メソッドでの再利用も不可となります。
+     * 本インスタンスの利用を完全に停止する場合に必ず実行し、利用側のオブジェクト等において本インスタンスへの参照を完全に削除してください。
+     * 本メソッドはSPA等でのサービスにおいては意識的に実行する事を強く推奨します。
+     */
+    destroy(): void;
+    /**
+     * インスタンス内部のスクロール量や、Elementのサイズを強制的に更新します。
+     * 基本的に利用が必要なケースはありませんが、何らかの理由で更新をトリガーしたい場合に利用します。
+     */
+    update(): void;
+    /**
+     * インスタンス内の情報をjsonオブジェクトとして返却します。
+     * 情報の詳細は[[ScrollerObserver]]を参照してください。
+     */
+    toJSON(): ScrollerObserver;
+    /**
+     * [[Scroller.toJSON]]の情報を文字列として返却します。
+     */
+    toString(): string;
+    /**
+     * 本インスタンスの情報を購読するためのオブジェクトを設定する事で、
+     * インスタンスの内部情報が変更される度にパラメータが同期されます。
+     * 設定するオブジェクトは[[ScrollerObserver]]のインターフェースを満たしていれば内容は問いません。
+     * 本機能により同期される方法は単純にオブジェクトプロパティへの変数代入です。
+     * 従って対象となるプロパティをgetterとして実装（Ex: Vue computed等、、）しておく事により、
+     * 同期を受け取るオブジェクト側でパラメータ変更後の動作をリアクティブに実装可能です。
+     * @param observer - 同期させたいオブジェクト
+     * @returns 同期を停止するためのメソッド
+     */
+    observe(observer: ScrollerObserver): () => void;
+    /**
+     * [[Scroller.observe]]でパラメータ同期中のオブジェクトを停止します。
+     * [[Scroller.destroy]]実行時にも、同期中のオブジェクトは全停止されますが、destroy前に任意のタイミングで停止したい場合
+     * 本メソッドを利用します。
+     * @param observer - 同期中のオブジェクト
+     */
+    unobserve(observer: ScrollerObserver): void;
+    /**
+     * スクロール中であった場合、スクロールをキャンセルします。
+     */
+    cancel(): void;
+    /**
+     * x, yの差分pxを指定しスクロールします。
+     * メソッド、パラメータの詳細は[[scrollBy]]を参照してください。
+     * @param diffX - 横移動量
+     * @param diffY - 縦移動量
+     * @param options - スクロールオプション
+     */
+    by(diffX: number, diffY: number, options?: ScrollerScrollOptions): ScrollResult;
+    /**
+     * 指定の座標へスクロールします。
+     * メソッド、パラメータの詳細は[[scrollTo]]を参照してください。
+     * @param scrollPosition - 座標
+     * @param options - スクロールオプション
+     */
+    to(scrollPosition: Partial<ScrollPosition>, options?: ScrollerScrollOptions): ScrollResult;
+    /**
+     * 指定の要素の位置へスクロールします。
+     * メソッド、パラメータの詳細は[[scrollToElement]]を参照してください。
+     * オプションのx, yが未設定であった場合、[[Scroller.baseAxis]]により自動設定されます。
+     * @param target - スクロール先の要素
+     * @param options - スクロールオプション
+     */
+    toElement(target: ScrollToElementTarget, options?: ScrollerScrollToElementOptions): ScrollResult;
+    /**
+     * 指定の辺へスクロールします。
+     * メソッド、パラメータの詳細は[[scrollToSide]]を参照してください。
+     * @param targets - スクロール先
+     * @param options - スクロールオプション
+     */
+    toSide(targets: ScrollToSideTargets, options?: ScrollerScrollOptions): ScrollResult;
+    /**
+     * 上辺へスクロールします。
+     * メソッド、パラメータの詳細は[[scrollToTop]]を参照してください。
+     * @param options - スクロールオプション
+     */
+    toTop(options?: ScrollerScrollOptions): ScrollResult;
+    /**
+     * 右辺へスクロールします。
+     * メソッド、パラメータの詳細は[[scrollToRight]]を参照してください。
+     * @param options - スクロールオプション
+     */
+    toRight(options?: ScrollerScrollOptions): ScrollResult;
+    /**
+     * 下辺へスクロールします。
+     * メソッド、パラメータの詳細は[[scrollToBottom]]を参照してください。
+     * @param options - スクロールオプション
+     */
+    toBottom(options?: ScrollerScrollOptions): ScrollResult;
+    /**
+     * 左辺へスクロールします。
+     * メソッド、パラメータの詳細は[[scrollToLeft]]を参照してください。
+     * @param options - スクロールオプション
+     */
+    toLeft(options?: ScrollerScrollOptions): ScrollResult;
+    /**
+     * 左上コーナーへスクロールします。
+     * メソッド、パラメータの詳細は[[scrollToLeftTop]]を参照してください。
+     * @param options - スクロールオプション
+     */
+    toLeftTop(options?: ScrollerScrollOptions): ScrollResult;
+    /**
+     * 左下コーナーへスクロールします。
+     * メソッド、パラメータの詳細は[[scrollToLeftBottom]]を参照してください。
+     * @param options - スクロールオプション
+     */
+    toLeftBottom(options?: ScrollerScrollOptions): ScrollResult;
+    /**
+     * 右上コーナーへスクロールします。
+     * メソッド、パラメータの詳細は[[scrollToRightTop]]を参照してください。
+     * @param options - スクロールオプション
+     */
+    toRightTop(options?: ScrollerScrollOptions): ScrollResult;
+    /**
+     * 右下コーナーへスクロールします。
+     * メソッド、パラメータの詳細は[[scrollToRightBottom]]を参照してください。
+     * @param options - スクロールオプション
+     */
+    toRightBottom(options?: ScrollerScrollOptions): ScrollResult;
+    /**
+     * スクロールの停止を要求します。
+     * @param stopper - 停止要求ソース
+     */
+    pushScrollStopper(stopper: ScrollStopper): () => void;
+    /**
+     * スクロールの停止要求を解除します。<br>
+     * 別のプロセスにより異なる[[ScrollStopper]]が登録されている場合、
+     * スクロールは再開されない事に注意してください。
+     * @param stopper - 停止要求ソース
+     */
+    removeScrollStopper(stopper: ScrollStopper): void;
+    private _setup;
+    private _setState;
+    private _checkDestroyed;
+    private _update;
+    private _updateContainerSize;
+    private _updateScrollSize;
+    private _startScrollSizeOvserver;
+    private _stopScrollSizeOvserver;
+    private _updateScrollPositions;
+    private _startListeners;
+    private _stopListeners;
+    private _clearScrollingJudgeTimer;
+    private _onResize;
+    private _triggerScrollTick;
+    private _onScroll;
+    private _syncToObserver;
+    private _syncToObservers;
+    private _checkElement;
+    private _createMergedScrollOptions;
+    private _createMergedScrollToElementOptions;
+    private _clearScrollToResult;
+    private _setScrollToResult;
+    private _updateScrollable;
+    private _scrollEnable;
+    private _scrollDisable;
+}
+
+/**
+ * Scrollerに発生するイベントの全てです。
+ */
+declare interface ScrollerEventMap extends ScrollerScrollEventMap {
+    /**
+     * Scrollerが利用可能になった時（Elementが設定されて初期化が完了した）に発生します。
+     */
+    ready: void;
+    /**
+     * [[Scroller.state]]が変更された時に発生します。
+     */
+    changeState: ScrollerState;
+    /**
+     * [[Scroller.el]]のサイズ変更を検知した際に発生します。
+     */
+    resize: {
+        width: number;
+        height: number;
+    };
+    /**
+     * [[Scroller.lastAxis]]の変更を検知した際に発生します。
+     */
+    changeAxis: ScrollAxis;
+    /**
+     * [[Scroller.lastDirection]]の変更を検知した際に発生します。
+     */
+    changeLastDirection: ScrollDirection;
+    /**
+     * [[Scroller.lastYDirection]]の変更を検知した際に発生します。
+     */
+    changeLastYDirection: ScrollYDirection;
+    /**
+     * [[Scroller.lastXDirection]]の変更を検知した際に発生します。
+     */
+    changeLastXDirection: ScrollXDirection;
+}
+
+/**
+ * Scrollerクラスの状態を監視＆同期するオブジェクトが
+ * 保有すべきプロパティ一覧です。
+ * 個々のプロパティ名は、同名のScrollerクラスのプロパティを参照して下さい
+ */
+declare interface ScrollerObserver {
+    state: ScrollerState;
+    isPending: boolean;
+    isReady: boolean;
+    isRunning: boolean;
+    isDestroyed: boolean;
+    scrollEnabled: boolean;
+    containerWidth: number;
+    containerHeight: number;
+    scrollWidth: number;
+    scrollHeight: number;
+    scrollableX: boolean;
+    scrollableY: boolean;
+    scrollTop: number;
+    scrollLeft: number;
+    scrollRight: number;
+    scrollBottom: number;
+    lastAxis: ScrollAxis;
+    lastDirection: ScrollDirection;
+    lastYDirection: ScrollYDirection;
+    lastXDirection: ScrollXDirection;
+    nowScrolling: boolean;
+}
+
+/**
+ * Elementのscrollイベントを検知した際に、通知する情報です
+ * 現在のスクロールポジションや、スクロール開始（or前回のtick）からのスクロール量が渡されます。
+ */
+declare interface ScrollerPayload {
+    /**
+     * [[Scroller.scrollTop]] が渡されます
+     */
+    top: number;
+    /**
+     * [[Scroller.scrollLeft]] が渡されます
+     */
+    left: number;
+    /**
+     * [[Scroller.scrollBottom]] が渡されます
+     */
+    bottom: number;
+    /**
+     * [[Scroller.scrollRight]] が渡されます
+     */
+    right: number;
+    /**
+     * 発生したスクロールの軸が渡されます。
+     * 斜めスクロールが発生した際は、x、yのうち移動量が大きいものが自動判定されて渡されます。
+     * どちらも同じ移動量であった場合は[[Scroller.baseAxis]]の設定値が渡されます。
+     */
+    axis: ScrollAxis;
+    /**
+     * 発生したスクロールの方向が渡されます。
+     * 斜めスクロールが発生した際は、x、yのうち移動量が大きいものが自動判定されて渡されます。
+     * どちらも同じ移動量であった場合は[[Scroller.baseAxis]]の設定値が渡されます。
+     */
+    direction: ScrollDirection;
+    /**
+     * 発生したスクロールの水平方向が渡されます。
+     */
+    directionX: ScrollXDirection;
+    /**
+     * 発生したスクロールの垂直方向が渡されます。
+     */
+    directionY: ScrollYDirection;
+    /**
+     * [[Scroller.on]]('scroll')時の前回からの水平移動量が渡されます。
+     */
+    tickedX: number;
+    /**
+     * [[Scroller.on]]('scroll')時の前回からの垂直移動量が渡されます。
+     */
+    tickedY: number;
+    /**
+     * [[Scroller.on]]('scrollStart')時からの合計水平移動量が渡されます。
+     */
+    totalX: number;
+    /**
+     * [[Scroller.on]]('scrollStart')時からの合計垂直移動量が渡されます。
+     */
+    totalY: number;
+}
+
+/**
+ * Scrollerは設定されたElementのスクロール開始、tick、終了を検知し
+ * イベントを通知します。
+ * これらのイベントを購読する事でスクロール量や移動方向を検知可能です。
+ */
+declare interface ScrollerScrollEventMap {
+    /**
+     * スクロールの開始時に発生します。
+     */
+    scrollStart: ScrollerPayload;
+    /**
+     * 毎スクロール検知時に発生します。
+     */
+    scroll: ScrollerPayload;
+    /**
+     * スクロールの終了時に発生します。
+     */
+    scrollEnd: ScrollerPayload;
+}
+
+declare type ScrollerScrollOptions = Partial<ScrollerScrollSettings>;
+
+/**
+ * Scrollerで利用するスクロール系メソッドのオプション設定です。
+ */
+declare interface ScrollerScrollSettings extends ScrollBaseSettings {
+    onProgoress?: ScrollCallback;
+    onCancel?: ScrollCallback;
+    onDone?: ScrollCallback;
+}
+
+/**
+ * [[Scroller]]を任意のElementまでスクロールさせる際のオプションです。
+ * 詳細は [[ScrollerScrollOptions]] 及び、 [[ScrollToElementSettings]] を参照してください。
+ */
+declare type ScrollerScrollToElementOptions = Partial<ScrollerScrollOptions & ScrollToElementSettings>;
+
+/**
+ * Scrollerの基本セッティングです。
+ * 個々のフィールドの詳細は[[Scroller]]の同名プロパティを参照してください。
+ */
+declare interface ScrollerSetting {
+    el: Element | string | null;
+    scrollingJudgeInterval: number;
+    baseAxis: ScrollAxis;
+    scrollSizeOvserver: Partial<ScrollSizeOvserverSetting>;
+}
+
+/**
+ * Scrollerの状態を示します。
+ */
+declare enum ScrollerState {
+    /**
+     * Scrollerが初期化されていない（Elementが設定されていない）状態を示します。
+     */
+    Pending = "pending",
+    /**
+     * Scrollerが初期化されているが、[[Scroller.el]]のリサイズやスクロールのイベント監視が動作していない状態を示します。
+     */
+    Ready = "ready",
+    /**
+     * Scrollerが初期化されていて、[[Scroller.el]]のリサイズやスクロールのイベント監視が動作している状態を示します。
+     */
+    Running = "running",
+    /**
+     * [[Scroller.destroy]]が実行され、Scrollerが利用不可である状態を示します。
+     */
+    Destroyed = "destroyed"
+}
+
+/**
+ * スクロール値をx軸、y軸で示します。
+ */
+declare interface ScrollPosition {
+    x: number;
+    y: number;
+}
+
+/**
+ * スクロール関連メソッドの返却値となるインターフェースです。
+ */
+declare interface ScrollResult {
+    /**
+     * スクロールをキャンセルするメソッドです。
+     */
+    cancel: ScrollCanceller;
+    /**
+     * スクロールの完了、キャンセル、中断を問わず終了を検知するPromiseインスタンスです。
+     */
+    promise: Promise<void>;
+    /**
+     * スクロール開始位置から完了位置までの想定px数をx、y軸共に返却します。<br>
+     * スクロールが途中でキャンセルされた場合はこのpxが加算されていない事もあります。
+     */
+    plans: {
+        x: number;
+        y: number;
+    };
+}
+
+/**
+ * コンテナの4辺を示します。
+ */
+declare type ScrollSide = ScrollYSide | ScrollXSide;
+
+declare interface ScrollSizeOvserverSetting {
+    interval: number;
+    width: boolean;
+    height: boolean;
+}
+
+/**
+ * スクロールを停止させるためのソースオブジェクト
+ */
+declare type ScrollStopper = number | string | Record<string, unknown> | symbol;
+
+declare type ScrollToElementAddtionalOffset = number | {
+    x?: number;
+    y?: number;
+} | ((scroller: Scroller) => number | {
+    x?: number;
+    y?: number;
+} | undefined);
+
+/**
+ * 要素へスクロールする際のオプション設定です。
+ */
+declare interface ScrollToElementSettings {
+    /**
+     * 要素へスクロールする際、そのスクロール先をずらす際に設定します。<br>
+     * x, y 個別に設定が可能ですが、シングルのnumberのみを指定した場合、x, y のそれぞれのオプションが有効な場合にのみその軸に設定されます。
+     */
+    offset: number | {
+        x?: number;
+        y?: number;
+    };
+    /**
+     * 横スクロールの可否を示します。
+     */
+    x: boolean;
+    /**
+     * 縦スクロールの可否を示します。
+     */
+    y: boolean;
+}
+
+/**
+ * スクロール先の要素をElement or CSSクエリストリングで示します。
+ */
+declare type ScrollToElementTarget = string | Element;
+
+/**
+ * コンテナの辺へスクロールさせる際のターゲット指定のパターンです。
+ */
+declare type ScrollToSideTargets = ScrollSide | [ScrollSide] | [ScrollYSide, ScrollXSide] | [ScrollXSide, ScrollYSide];
+
+/**
+ * Scrollerに横スクロールが発生した際の方向を示すTypeです。
+ */
+declare type ScrollXDirection = 'left' | 'right';
+
+/**
+ * x軸の両端の辺を示します。
+ */
+declare type ScrollXSide = 'left' | 'right';
+
+/**
+ * Scrollerに縦スクロールが発生した際の方向を示すTypeです。
+ */
+declare type ScrollYDirection = 'top' | 'bottom';
+
+/**
+ * y軸の両端の辺を示します。
+ */
+declare type ScrollYSide = 'top' | 'bottom';
+
 export declare type TextFieldInput = ExtractPropInput<ReturnType<typeof createTextFieldProps>>;
 
 declare type ToggleableIconHook = (gen: IconGenerator, ctx: boolean) => VNodeChild;
@@ -2258,28 +3021,1633 @@ export declare interface VFormSlots {
     default: VueForm;
 }
 
-export declare const VHero: DefineComponent<{
-    color: {
-        type: PropType<ScopeName>;
-        default: string;
-    };
-    tag: {
+export declare const VGridContainer: DefineComponent<{
+    wrapperTag: {
         type: StringConstructor;
         default: string;
     };
-    hTag: {
+    tag: {
         type: StringConstructor;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
-    color?: unknown;
-    tag?: unknown;
-    hTag?: unknown;
+    spacing: RawGridValueProp<GridContainerSpacingValue>;
+    spacingX: RawGridValueProp<GridContainerSpacingValue>;
+    spacingY: RawGridValueProp<GridContainerSpacingValue>;
+    direction: RawGridValueProp<GridContainerDirectionValue>;
+    wrap: RawGridValueProp<GridContainerWrapValue>;
+    alignContent: RawGridValueProp<GridContainerAlignContentValue>;
+    justifyContent: RawGridValueProp<GridContainerJustifyContentValue>;
+    innerHTML: PropType<string | undefined>;
+    class: PropType<any>;
+    style: PropType<StyleValue | undefined>;
+    accesskey: PropType<string | undefined>;
+    contenteditable: PropType<(boolean | "true" | "false") | "inherit" | undefined>;
+    contextmenu: PropType<string | undefined>;
+    dir: PropType<string | undefined>;
+    draggable: PropType<(boolean | "true" | "false") | undefined>;
+    hidden: PropType<(boolean | "true" | "false") | undefined>;
+    id: PropType<string | undefined>;
+    lang: PropType<string | undefined>;
+    placeholder: PropType<string | undefined>;
+    spellcheck: PropType<(boolean | "true" | "false") | undefined>;
+    tabindex: PropType<(string | number) | undefined>;
+    title: PropType<string | undefined>;
+    translate: PropType<"yes" | "no" | undefined>;
+    radiogroup: PropType<string | undefined>;
+    role: PropType<string | undefined>;
+    about: PropType<string | undefined>;
+    datatype: PropType<string | undefined>;
+    inlist: PropType<any>;
+    prefix: PropType<string | undefined>;
+    property: PropType<string | undefined>;
+    resource: PropType<string | undefined>;
+    typeof: PropType<string | undefined>;
+    vocab: PropType<string | undefined>;
+    autocapitalize: PropType<string | undefined>;
+    autocorrect: PropType<string | undefined>;
+    autocave: PropType<string | undefined>;
+    color: PropType<string | undefined>;
+    itemprop: PropType<string | undefined>;
+    itemscope: PropType<(boolean | "true" | "false") | undefined>;
+    itemtype: PropType<string | undefined>;
+    itemid: PropType<string | undefined>;
+    itemref: PropType<string | undefined>;
+    results: PropType<(string | number) | undefined>;
+    security: PropType<string | undefined>;
+    unselectable: PropType<"on" | "off" | undefined>;
+    inputmode: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined>;
+    is: PropType<string | undefined>;
+    'aria-activedescendant': PropType<string | undefined>;
+    'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-autocomplete': PropType<"none" | "inline" | "list" | "both" | undefined>;
+    'aria-busy': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-checked': PropType<(boolean | "true" | "false") | "mixed" | undefined>;
+    'aria-colcount': PropType<(string | number) | undefined>;
+    'aria-colindex': PropType<(string | number) | undefined>;
+    'aria-colspan': PropType<(string | number) | undefined>;
+    'aria-controls': PropType<string | undefined>;
+    'aria-current': PropType<(boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined>;
+    'aria-describedby': PropType<string | undefined>;
+    'aria-details': PropType<string | undefined>;
+    'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-dropeffect': PropType<"none" | "copy" | "execute" | "link" | "move" | "popup" | undefined>;
+    'aria-errormessage': PropType<string | undefined>;
+    'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-flowto': PropType<string | undefined>;
+    'aria-grabbed': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-haspopup': PropType<(boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined>;
+    'aria-hidden': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-invalid': PropType<(boolean | "true" | "false") | "grammar" | "spelling" | undefined>;
+    'aria-keyshortcuts': PropType<string | undefined>;
+    'aria-label': PropType<string | undefined>;
+    'aria-labelledby': PropType<string | undefined>;
+    'aria-level': PropType<(string | number) | undefined>;
+    'aria-live': PropType<"off" | "assertive" | "polite" | undefined>;
+    'aria-modal': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-multiline': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-multiselectable': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-orientation': PropType<"horizontal" | "vertical" | undefined>;
+    'aria-owns': PropType<string | undefined>;
+    'aria-placeholder': PropType<string | undefined>;
+    'aria-posinset': PropType<(string | number) | undefined>;
+    'aria-pressed': PropType<(boolean | "true" | "false") | "mixed" | undefined>;
+    'aria-readonly': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-relevant': PropType<"text" | "additions" | "additions text" | "all" | "removals" | undefined>;
+    'aria-required': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-roledescription': PropType<string | undefined>;
+    'aria-rowcount': PropType<(string | number) | undefined>;
+    'aria-rowindex': PropType<(string | number) | undefined>;
+    'aria-rowspan': PropType<(string | number) | undefined>;
+    'aria-selected': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-setsize': PropType<(string | number) | undefined>;
+    'aria-sort': PropType<"none" | "ascending" | "descending" | "other" | undefined>;
+    'aria-valuemax': PropType<(string | number) | undefined>;
+    'aria-valuemin': PropType<(string | number) | undefined>;
+    'aria-valuenow': PropType<(string | number) | undefined>;
+    'aria-valuetext': PropType<string | undefined>;
+    onCopy: PropType<((payload: ClipboardEvent) => void) | undefined>;
+    onCut: PropType<((payload: ClipboardEvent) => void) | undefined>;
+    onPaste: PropType<((payload: ClipboardEvent) => void) | undefined>;
+    onCompositionend: PropType<((payload: CompositionEvent) => void) | undefined>;
+    onCompositionstart: PropType<((payload: CompositionEvent) => void) | undefined>;
+    onCompositionupdate: PropType<((payload: CompositionEvent) => void) | undefined>;
+    onDrag: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragend: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragenter: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragexit: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragleave: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragover: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragstart: PropType<((payload: DragEvent) => void) | undefined>;
+    onDrop: PropType<((payload: DragEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onChange: PropType<((payload: Event) => void) | undefined>;
+    onBeforeinput: PropType<((payload: Event) => void) | undefined>;
+    onInput: PropType<((payload: Event) => void) | undefined>;
+    onReset: PropType<((payload: Event) => void) | undefined>;
+    onSubmit: PropType<((payload: Event) => void) | undefined>;
+    onInvalid: PropType<((payload: Event) => void) | undefined>;
+    onLoad: PropType<((payload: Event) => void) | undefined>;
+    onError: PropType<((payload: Event) => void) | undefined>;
+    onKeydown: PropType<((payload: KeyboardEvent) => void) | undefined>;
+    onKeypress: PropType<((payload: KeyboardEvent) => void) | undefined>;
+    onKeyup: PropType<((payload: KeyboardEvent) => void) | undefined>;
+    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseleave: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMousemove: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseout: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseover: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseup: PropType<((payload: MouseEvent) => void) | undefined>;
+    onAbort: PropType<((payload: Event) => void) | undefined>;
+    onCanplay: PropType<((payload: Event) => void) | undefined>;
+    onCanplaythrough: PropType<((payload: Event) => void) | undefined>;
+    onDurationchange: PropType<((payload: Event) => void) | undefined>;
+    onEmptied: PropType<((payload: Event) => void) | undefined>;
+    onEncrypted: PropType<((payload: Event) => void) | undefined>;
+    onEnded: PropType<((payload: Event) => void) | undefined>;
+    onLoadeddata: PropType<((payload: Event) => void) | undefined>;
+    onLoadedmetadata: PropType<((payload: Event) => void) | undefined>;
+    onLoadstart: PropType<((payload: Event) => void) | undefined>;
+    onPause: PropType<((payload: Event) => void) | undefined>;
+    onPlay: PropType<((payload: Event) => void) | undefined>;
+    onPlaying: PropType<((payload: Event) => void) | undefined>;
+    onProgress: PropType<((payload: Event) => void) | undefined>;
+    onRatechange: PropType<((payload: Event) => void) | undefined>;
+    onSeeked: PropType<((payload: Event) => void) | undefined>;
+    onSeeking: PropType<((payload: Event) => void) | undefined>;
+    onStalled: PropType<((payload: Event) => void) | undefined>;
+    onSuspend: PropType<((payload: Event) => void) | undefined>;
+    onTimeupdate: PropType<((payload: Event) => void) | undefined>;
+    onVolumechange: PropType<((payload: Event) => void) | undefined>;
+    onWaiting: PropType<((payload: Event) => void) | undefined>;
+    onSelect: PropType<((payload: Event) => void) | undefined>;
+    onScroll: PropType<((payload: UIEvent) => void) | undefined>;
+    onTouchcancel: PropType<((payload: TouchEvent) => void) | undefined>;
+    onTouchend: PropType<((payload: TouchEvent) => void) | undefined>;
+    onTouchmove: PropType<((payload: TouchEvent) => void) | undefined>;
+    onTouchstart: PropType<((payload: TouchEvent) => void) | undefined>;
+    onPointerdown: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointermove: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerup: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointercancel: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerenter: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
+    onWheel: PropType<((payload: WheelEvent) => void) | undefined>;
+    onAnimationstart: PropType<((payload: AnimationEvent) => void) | undefined>;
+    onAnimationend: PropType<((payload: AnimationEvent) => void) | undefined>;
+    onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
+    onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
+    onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    wrapperTag?: unknown;
+    tag?: unknown;
+    spacing?: unknown;
+    spacingX?: unknown;
+    spacingY?: unknown;
+    direction?: unknown;
+    wrap?: unknown;
+    alignContent?: unknown;
+    justifyContent?: unknown;
+    innerHTML?: unknown;
+    class?: unknown;
+    style?: unknown;
+    accesskey?: unknown;
+    contenteditable?: unknown;
+    contextmenu?: unknown;
+    dir?: unknown;
+    draggable?: unknown;
+    hidden?: unknown;
+    id?: unknown;
+    lang?: unknown;
+    placeholder?: unknown;
+    spellcheck?: unknown;
+    tabindex?: unknown;
+    title?: unknown;
+    translate?: unknown;
+    radiogroup?: unknown;
+    role?: unknown;
+    about?: unknown;
+    datatype?: unknown;
+    inlist?: unknown;
+    prefix?: unknown;
+    property?: unknown;
+    resource?: unknown;
+    typeof?: unknown;
+    vocab?: unknown;
+    autocapitalize?: unknown;
+    autocorrect?: unknown;
+    autocave?: unknown;
+    color?: unknown;
+    itemprop?: unknown;
+    itemscope?: unknown;
+    itemtype?: unknown;
+    itemid?: unknown;
+    itemref?: unknown;
+    results?: unknown;
+    security?: unknown;
+    unselectable?: unknown;
+    inputmode?: unknown;
+    is?: unknown;
+    'aria-activedescendant'?: unknown;
+    'aria-atomic'?: unknown;
+    'aria-autocomplete'?: unknown;
+    'aria-busy'?: unknown;
+    'aria-checked'?: unknown;
+    'aria-colcount'?: unknown;
+    'aria-colindex'?: unknown;
+    'aria-colspan'?: unknown;
+    'aria-controls'?: unknown;
+    'aria-current'?: unknown;
+    'aria-describedby'?: unknown;
+    'aria-details'?: unknown;
+    'aria-disabled'?: unknown;
+    'aria-dropeffect'?: unknown;
+    'aria-errormessage'?: unknown;
+    'aria-expanded'?: unknown;
+    'aria-flowto'?: unknown;
+    'aria-grabbed'?: unknown;
+    'aria-haspopup'?: unknown;
+    'aria-hidden'?: unknown;
+    'aria-invalid'?: unknown;
+    'aria-keyshortcuts'?: unknown;
+    'aria-label'?: unknown;
+    'aria-labelledby'?: unknown;
+    'aria-level'?: unknown;
+    'aria-live'?: unknown;
+    'aria-modal'?: unknown;
+    'aria-multiline'?: unknown;
+    'aria-multiselectable'?: unknown;
+    'aria-orientation'?: unknown;
+    'aria-owns'?: unknown;
+    'aria-placeholder'?: unknown;
+    'aria-posinset'?: unknown;
+    'aria-pressed'?: unknown;
+    'aria-readonly'?: unknown;
+    'aria-relevant'?: unknown;
+    'aria-required'?: unknown;
+    'aria-roledescription'?: unknown;
+    'aria-rowcount'?: unknown;
+    'aria-rowindex'?: unknown;
+    'aria-rowspan'?: unknown;
+    'aria-selected'?: unknown;
+    'aria-setsize'?: unknown;
+    'aria-sort'?: unknown;
+    'aria-valuemax'?: unknown;
+    'aria-valuemin'?: unknown;
+    'aria-valuenow'?: unknown;
+    'aria-valuetext'?: unknown;
+    onCopy?: unknown;
+    onCut?: unknown;
+    onPaste?: unknown;
+    onCompositionend?: unknown;
+    onCompositionstart?: unknown;
+    onCompositionupdate?: unknown;
+    onDrag?: unknown;
+    onDragend?: unknown;
+    onDragenter?: unknown;
+    onDragexit?: unknown;
+    onDragleave?: unknown;
+    onDragover?: unknown;
+    onDragstart?: unknown;
+    onDrop?: unknown;
+    onFocus?: unknown;
+    onFocusin?: unknown;
+    onFocusout?: unknown;
+    onBlur?: unknown;
+    onChange?: unknown;
+    onBeforeinput?: unknown;
+    onInput?: unknown;
+    onReset?: unknown;
+    onSubmit?: unknown;
+    onInvalid?: unknown;
+    onLoad?: unknown;
+    onError?: unknown;
+    onKeydown?: unknown;
+    onKeypress?: unknown;
+    onKeyup?: unknown;
+    onAuxclick?: unknown;
+    onClick?: unknown;
+    onContextmenu?: unknown;
+    onDblclick?: unknown;
+    onMousedown?: unknown;
+    onMouseenter?: unknown;
+    onMouseleave?: unknown;
+    onMousemove?: unknown;
+    onMouseout?: unknown;
+    onMouseover?: unknown;
+    onMouseup?: unknown;
+    onAbort?: unknown;
+    onCanplay?: unknown;
+    onCanplaythrough?: unknown;
+    onDurationchange?: unknown;
+    onEmptied?: unknown;
+    onEncrypted?: unknown;
+    onEnded?: unknown;
+    onLoadeddata?: unknown;
+    onLoadedmetadata?: unknown;
+    onLoadstart?: unknown;
+    onPause?: unknown;
+    onPlay?: unknown;
+    onPlaying?: unknown;
+    onProgress?: unknown;
+    onRatechange?: unknown;
+    onSeeked?: unknown;
+    onSeeking?: unknown;
+    onStalled?: unknown;
+    onSuspend?: unknown;
+    onTimeupdate?: unknown;
+    onVolumechange?: unknown;
+    onWaiting?: unknown;
+    onSelect?: unknown;
+    onScroll?: unknown;
+    onTouchcancel?: unknown;
+    onTouchend?: unknown;
+    onTouchmove?: unknown;
+    onTouchstart?: unknown;
+    onPointerdown?: unknown;
+    onPointermove?: unknown;
+    onPointerup?: unknown;
+    onPointercancel?: unknown;
+    onPointerenter?: unknown;
+    onPointerleave?: unknown;
+    onPointerover?: unknown;
+    onPointerout?: unknown;
+    onWheel?: unknown;
+    onAnimationstart?: unknown;
+    onAnimationend?: unknown;
+    onAnimationiteration?: unknown;
+    onTransitionend?: unknown;
+    onTransitionstart?: unknown;
+} & {
+    wrapperTag: string;
+    tag: string;
+} & {
+    wrap?: RawGridValue<GridContainerWrapValue>;
+    onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+    onCut?: ((payload: ClipboardEvent) => void) | undefined;
+    onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+    onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+    onDrag?: ((payload: DragEvent) => void) | undefined;
+    onDragend?: ((payload: DragEvent) => void) | undefined;
+    onDragenter?: ((payload: DragEvent) => void) | undefined;
+    onDragexit?: ((payload: DragEvent) => void) | undefined;
+    onDragleave?: ((payload: DragEvent) => void) | undefined;
+    onDragover?: ((payload: DragEvent) => void) | undefined;
+    onDragstart?: ((payload: DragEvent) => void) | undefined;
+    onDrop?: ((payload: DragEvent) => void) | undefined;
+    onFocus?: ((payload: FocusEvent) => void) | undefined;
+    onFocusin?: ((payload: FocusEvent) => void) | undefined;
+    onFocusout?: ((payload: FocusEvent) => void) | undefined;
+    onBlur?: ((payload: FocusEvent) => void) | undefined;
+    onChange?: ((payload: Event) => void) | undefined;
+    onBeforeinput?: ((payload: Event) => void) | undefined;
+    onInput?: ((payload: Event) => void) | undefined;
+    onReset?: ((payload: Event) => void) | undefined;
+    onSubmit?: ((payload: Event) => void) | undefined;
+    onInvalid?: ((payload: Event) => void) | undefined;
+    onLoad?: ((payload: Event) => void) | undefined;
+    onError?: ((payload: Event) => void) | undefined;
+    onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+    onAuxclick?: ((payload: MouseEvent) => void) | undefined;
+    onClick?: ((payload: MouseEvent) => void) | undefined;
+    onContextmenu?: ((payload: MouseEvent) => void) | undefined;
+    onDblclick?: ((payload: MouseEvent) => void) | undefined;
+    onMousedown?: ((payload: MouseEvent) => void) | undefined;
+    onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+    onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+    onMousemove?: ((payload: MouseEvent) => void) | undefined;
+    onMouseout?: ((payload: MouseEvent) => void) | undefined;
+    onMouseover?: ((payload: MouseEvent) => void) | undefined;
+    onMouseup?: ((payload: MouseEvent) => void) | undefined;
+    onAbort?: ((payload: Event) => void) | undefined;
+    onCanplay?: ((payload: Event) => void) | undefined;
+    onCanplaythrough?: ((payload: Event) => void) | undefined;
+    onDurationchange?: ((payload: Event) => void) | undefined;
+    onEmptied?: ((payload: Event) => void) | undefined;
+    onEncrypted?: ((payload: Event) => void) | undefined;
+    onEnded?: ((payload: Event) => void) | undefined;
+    onLoadeddata?: ((payload: Event) => void) | undefined;
+    onLoadedmetadata?: ((payload: Event) => void) | undefined;
+    onLoadstart?: ((payload: Event) => void) | undefined;
+    onPause?: ((payload: Event) => void) | undefined;
+    onPlay?: ((payload: Event) => void) | undefined;
+    onPlaying?: ((payload: Event) => void) | undefined;
+    onProgress?: ((payload: Event) => void) | undefined;
+    onRatechange?: ((payload: Event) => void) | undefined;
+    onSeeked?: ((payload: Event) => void) | undefined;
+    onSeeking?: ((payload: Event) => void) | undefined;
+    onStalled?: ((payload: Event) => void) | undefined;
+    onSuspend?: ((payload: Event) => void) | undefined;
+    onTimeupdate?: ((payload: Event) => void) | undefined;
+    onVolumechange?: ((payload: Event) => void) | undefined;
+    onWaiting?: ((payload: Event) => void) | undefined;
+    onSelect?: ((payload: Event) => void) | undefined;
+    onScroll?: ((payload: UIEvent) => void) | undefined;
+    onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+    onTouchend?: ((payload: TouchEvent) => void) | undefined;
+    onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+    onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+    onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+    onPointermove?: ((payload: PointerEvent) => void) | undefined;
+    onPointerup?: ((payload: PointerEvent) => void) | undefined;
+    onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+    onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+    onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+    onPointerover?: ((payload: PointerEvent) => void) | undefined;
+    onPointerout?: ((payload: PointerEvent) => void) | undefined;
+    onWheel?: ((payload: WheelEvent) => void) | undefined;
+    onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+    onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+    innerHTML?: string | undefined;
+    class?: any;
+    style?: StyleValue | undefined;
+    accesskey?: string | undefined;
+    contenteditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextmenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: (boolean | "true" | "false") | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
+    spellcheck?: (boolean | "true" | "false") | undefined;
+    tabindex?: (string | number) | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radiogroup?: string | undefined;
+    role?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autocapitalize?: string | undefined;
+    autocorrect?: string | undefined;
+    autocave?: string | undefined;
+    color?: string | undefined;
+    itemprop?: string | undefined;
+    itemscope?: (boolean | "true" | "false") | undefined;
+    itemtype?: string | undefined;
+    itemid?: string | undefined;
+    itemref?: string | undefined;
+    results?: (string | number) | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: (boolean | "true" | "false") | "mixed" | undefined;
+    "aria-colcount"?: (string | number) | undefined;
+    "aria-colindex"?: (string | number) | undefined;
+    "aria-colspan"?: (string | number) | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: (string | number) | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: (string | number) | undefined;
+    "aria-pressed"?: (boolean | "true" | "false") | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions text" | "all" | "removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: (string | number) | undefined;
+    "aria-rowindex"?: (string | number) | undefined;
+    "aria-rowspan"?: (string | number) | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: (string | number) | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: (string | number) | undefined;
+    "aria-valuemin"?: (string | number) | undefined;
+    "aria-valuenow"?: (string | number) | undefined;
+    "aria-valuetext"?: string | undefined;
+    spacing?: RawGridValue<GridContainerSpacingValue>;
+    spacingX?: RawGridValue<GridContainerSpacingValue>;
+    spacingY?: RawGridValue<GridContainerSpacingValue>;
+    direction?: RawGridValue<GridContainerDirectionValue>;
+    alignContent?: RawGridValue<GridContainerAlignContentValue>;
+    justifyContent?: RawGridValue<GridContainerJustifyContentValue>;
+}>, {
+    wrapperTag: string;
+    tag: string;
+}>;
+
+export declare const VGridItem: DefineComponent<{
+    align: RawGridValueProp<GridItemAlignValue>;
+    justify: RawGridValueProp<GridItemJustifyValue>;
+    order: RawGridValueProp<string | number>;
+    __MediaMatchKey__: PropType<GridItemSizeValue | undefined>;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    innerHTML: PropType<string | undefined>;
+    class: PropType<any>;
+    style: PropType<StyleValue | undefined>;
+    accesskey: PropType<string | undefined>;
+    contenteditable: PropType<(boolean | "true" | "false") | "inherit" | undefined>;
+    contextmenu: PropType<string | undefined>;
+    dir: PropType<string | undefined>;
+    draggable: PropType<(boolean | "true" | "false") | undefined>;
+    hidden: PropType<(boolean | "true" | "false") | undefined>;
+    id: PropType<string | undefined>;
+    lang: PropType<string | undefined>;
+    placeholder: PropType<string | undefined>;
+    spellcheck: PropType<(boolean | "true" | "false") | undefined>;
+    tabindex: PropType<(string | number) | undefined>;
+    title: PropType<string | undefined>;
+    translate: PropType<"yes" | "no" | undefined>;
+    radiogroup: PropType<string | undefined>;
+    role: PropType<string | undefined>;
+    about: PropType<string | undefined>;
+    datatype: PropType<string | undefined>;
+    inlist: PropType<any>;
+    prefix: PropType<string | undefined>;
+    property: PropType<string | undefined>;
+    resource: PropType<string | undefined>;
+    typeof: PropType<string | undefined>;
+    vocab: PropType<string | undefined>;
+    autocapitalize: PropType<string | undefined>;
+    autocorrect: PropType<string | undefined>;
+    autocave: PropType<string | undefined>;
+    color: PropType<string | undefined>;
+    itemprop: PropType<string | undefined>;
+    itemscope: PropType<(boolean | "true" | "false") | undefined>;
+    itemtype: PropType<string | undefined>;
+    itemid: PropType<string | undefined>;
+    itemref: PropType<string | undefined>;
+    results: PropType<(string | number) | undefined>;
+    security: PropType<string | undefined>;
+    unselectable: PropType<"on" | "off" | undefined>;
+    inputmode: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined>;
+    is: PropType<string | undefined>;
+    'aria-activedescendant': PropType<string | undefined>;
+    'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-autocomplete': PropType<"none" | "inline" | "list" | "both" | undefined>;
+    'aria-busy': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-checked': PropType<(boolean | "true" | "false") | "mixed" | undefined>;
+    'aria-colcount': PropType<(string | number) | undefined>;
+    'aria-colindex': PropType<(string | number) | undefined>;
+    'aria-colspan': PropType<(string | number) | undefined>;
+    'aria-controls': PropType<string | undefined>;
+    'aria-current': PropType<(boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined>;
+    'aria-describedby': PropType<string | undefined>;
+    'aria-details': PropType<string | undefined>;
+    'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-dropeffect': PropType<"none" | "copy" | "execute" | "link" | "move" | "popup" | undefined>;
+    'aria-errormessage': PropType<string | undefined>;
+    'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-flowto': PropType<string | undefined>;
+    'aria-grabbed': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-haspopup': PropType<(boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined>;
+    'aria-hidden': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-invalid': PropType<(boolean | "true" | "false") | "grammar" | "spelling" | undefined>;
+    'aria-keyshortcuts': PropType<string | undefined>;
+    'aria-label': PropType<string | undefined>;
+    'aria-labelledby': PropType<string | undefined>;
+    'aria-level': PropType<(string | number) | undefined>;
+    'aria-live': PropType<"off" | "assertive" | "polite" | undefined>;
+    'aria-modal': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-multiline': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-multiselectable': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-orientation': PropType<"horizontal" | "vertical" | undefined>;
+    'aria-owns': PropType<string | undefined>;
+    'aria-placeholder': PropType<string | undefined>;
+    'aria-posinset': PropType<(string | number) | undefined>;
+    'aria-pressed': PropType<(boolean | "true" | "false") | "mixed" | undefined>;
+    'aria-readonly': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-relevant': PropType<"text" | "additions" | "additions text" | "all" | "removals" | undefined>;
+    'aria-required': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-roledescription': PropType<string | undefined>;
+    'aria-rowcount': PropType<(string | number) | undefined>;
+    'aria-rowindex': PropType<(string | number) | undefined>;
+    'aria-rowspan': PropType<(string | number) | undefined>;
+    'aria-selected': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-setsize': PropType<(string | number) | undefined>;
+    'aria-sort': PropType<"none" | "ascending" | "descending" | "other" | undefined>;
+    'aria-valuemax': PropType<(string | number) | undefined>;
+    'aria-valuemin': PropType<(string | number) | undefined>;
+    'aria-valuenow': PropType<(string | number) | undefined>;
+    'aria-valuetext': PropType<string | undefined>;
+    onCopy: PropType<((payload: ClipboardEvent) => void) | undefined>;
+    onCut: PropType<((payload: ClipboardEvent) => void) | undefined>;
+    onPaste: PropType<((payload: ClipboardEvent) => void) | undefined>;
+    onCompositionend: PropType<((payload: CompositionEvent) => void) | undefined>;
+    onCompositionstart: PropType<((payload: CompositionEvent) => void) | undefined>;
+    onCompositionupdate: PropType<((payload: CompositionEvent) => void) | undefined>;
+    onDrag: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragend: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragenter: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragexit: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragleave: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragover: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragstart: PropType<((payload: DragEvent) => void) | undefined>;
+    onDrop: PropType<((payload: DragEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onChange: PropType<((payload: Event) => void) | undefined>;
+    onBeforeinput: PropType<((payload: Event) => void) | undefined>;
+    onInput: PropType<((payload: Event) => void) | undefined>;
+    onReset: PropType<((payload: Event) => void) | undefined>;
+    onSubmit: PropType<((payload: Event) => void) | undefined>;
+    onInvalid: PropType<((payload: Event) => void) | undefined>;
+    onLoad: PropType<((payload: Event) => void) | undefined>;
+    onError: PropType<((payload: Event) => void) | undefined>;
+    onKeydown: PropType<((payload: KeyboardEvent) => void) | undefined>;
+    onKeypress: PropType<((payload: KeyboardEvent) => void) | undefined>;
+    onKeyup: PropType<((payload: KeyboardEvent) => void) | undefined>;
+    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseleave: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMousemove: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseout: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseover: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseup: PropType<((payload: MouseEvent) => void) | undefined>;
+    onAbort: PropType<((payload: Event) => void) | undefined>;
+    onCanplay: PropType<((payload: Event) => void) | undefined>;
+    onCanplaythrough: PropType<((payload: Event) => void) | undefined>;
+    onDurationchange: PropType<((payload: Event) => void) | undefined>;
+    onEmptied: PropType<((payload: Event) => void) | undefined>;
+    onEncrypted: PropType<((payload: Event) => void) | undefined>;
+    onEnded: PropType<((payload: Event) => void) | undefined>;
+    onLoadeddata: PropType<((payload: Event) => void) | undefined>;
+    onLoadedmetadata: PropType<((payload: Event) => void) | undefined>;
+    onLoadstart: PropType<((payload: Event) => void) | undefined>;
+    onPause: PropType<((payload: Event) => void) | undefined>;
+    onPlay: PropType<((payload: Event) => void) | undefined>;
+    onPlaying: PropType<((payload: Event) => void) | undefined>;
+    onProgress: PropType<((payload: Event) => void) | undefined>;
+    onRatechange: PropType<((payload: Event) => void) | undefined>;
+    onSeeked: PropType<((payload: Event) => void) | undefined>;
+    onSeeking: PropType<((payload: Event) => void) | undefined>;
+    onStalled: PropType<((payload: Event) => void) | undefined>;
+    onSuspend: PropType<((payload: Event) => void) | undefined>;
+    onTimeupdate: PropType<((payload: Event) => void) | undefined>;
+    onVolumechange: PropType<((payload: Event) => void) | undefined>;
+    onWaiting: PropType<((payload: Event) => void) | undefined>;
+    onSelect: PropType<((payload: Event) => void) | undefined>;
+    onScroll: PropType<((payload: UIEvent) => void) | undefined>;
+    onTouchcancel: PropType<((payload: TouchEvent) => void) | undefined>;
+    onTouchend: PropType<((payload: TouchEvent) => void) | undefined>;
+    onTouchmove: PropType<((payload: TouchEvent) => void) | undefined>;
+    onTouchstart: PropType<((payload: TouchEvent) => void) | undefined>;
+    onPointerdown: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointermove: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerup: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointercancel: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerenter: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
+    onWheel: PropType<((payload: WheelEvent) => void) | undefined>;
+    onAnimationstart: PropType<((payload: AnimationEvent) => void) | undefined>;
+    onAnimationend: PropType<((payload: AnimationEvent) => void) | undefined>;
+    onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
+    onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
+    onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    align?: unknown;
+    justify?: unknown;
+    order?: unknown;
+    __MediaMatchKey__?: unknown;
+    tag?: unknown;
+    innerHTML?: unknown;
+    class?: unknown;
+    style?: unknown;
+    accesskey?: unknown;
+    contenteditable?: unknown;
+    contextmenu?: unknown;
+    dir?: unknown;
+    draggable?: unknown;
+    hidden?: unknown;
+    id?: unknown;
+    lang?: unknown;
+    placeholder?: unknown;
+    spellcheck?: unknown;
+    tabindex?: unknown;
+    title?: unknown;
+    translate?: unknown;
+    radiogroup?: unknown;
+    role?: unknown;
+    about?: unknown;
+    datatype?: unknown;
+    inlist?: unknown;
+    prefix?: unknown;
+    property?: unknown;
+    resource?: unknown;
+    typeof?: unknown;
+    vocab?: unknown;
+    autocapitalize?: unknown;
+    autocorrect?: unknown;
+    autocave?: unknown;
+    color?: unknown;
+    itemprop?: unknown;
+    itemscope?: unknown;
+    itemtype?: unknown;
+    itemid?: unknown;
+    itemref?: unknown;
+    results?: unknown;
+    security?: unknown;
+    unselectable?: unknown;
+    inputmode?: unknown;
+    is?: unknown;
+    'aria-activedescendant'?: unknown;
+    'aria-atomic'?: unknown;
+    'aria-autocomplete'?: unknown;
+    'aria-busy'?: unknown;
+    'aria-checked'?: unknown;
+    'aria-colcount'?: unknown;
+    'aria-colindex'?: unknown;
+    'aria-colspan'?: unknown;
+    'aria-controls'?: unknown;
+    'aria-current'?: unknown;
+    'aria-describedby'?: unknown;
+    'aria-details'?: unknown;
+    'aria-disabled'?: unknown;
+    'aria-dropeffect'?: unknown;
+    'aria-errormessage'?: unknown;
+    'aria-expanded'?: unknown;
+    'aria-flowto'?: unknown;
+    'aria-grabbed'?: unknown;
+    'aria-haspopup'?: unknown;
+    'aria-hidden'?: unknown;
+    'aria-invalid'?: unknown;
+    'aria-keyshortcuts'?: unknown;
+    'aria-label'?: unknown;
+    'aria-labelledby'?: unknown;
+    'aria-level'?: unknown;
+    'aria-live'?: unknown;
+    'aria-modal'?: unknown;
+    'aria-multiline'?: unknown;
+    'aria-multiselectable'?: unknown;
+    'aria-orientation'?: unknown;
+    'aria-owns'?: unknown;
+    'aria-placeholder'?: unknown;
+    'aria-posinset'?: unknown;
+    'aria-pressed'?: unknown;
+    'aria-readonly'?: unknown;
+    'aria-relevant'?: unknown;
+    'aria-required'?: unknown;
+    'aria-roledescription'?: unknown;
+    'aria-rowcount'?: unknown;
+    'aria-rowindex'?: unknown;
+    'aria-rowspan'?: unknown;
+    'aria-selected'?: unknown;
+    'aria-setsize'?: unknown;
+    'aria-sort'?: unknown;
+    'aria-valuemax'?: unknown;
+    'aria-valuemin'?: unknown;
+    'aria-valuenow'?: unknown;
+    'aria-valuetext'?: unknown;
+    onCopy?: unknown;
+    onCut?: unknown;
+    onPaste?: unknown;
+    onCompositionend?: unknown;
+    onCompositionstart?: unknown;
+    onCompositionupdate?: unknown;
+    onDrag?: unknown;
+    onDragend?: unknown;
+    onDragenter?: unknown;
+    onDragexit?: unknown;
+    onDragleave?: unknown;
+    onDragover?: unknown;
+    onDragstart?: unknown;
+    onDrop?: unknown;
+    onFocus?: unknown;
+    onFocusin?: unknown;
+    onFocusout?: unknown;
+    onBlur?: unknown;
+    onChange?: unknown;
+    onBeforeinput?: unknown;
+    onInput?: unknown;
+    onReset?: unknown;
+    onSubmit?: unknown;
+    onInvalid?: unknown;
+    onLoad?: unknown;
+    onError?: unknown;
+    onKeydown?: unknown;
+    onKeypress?: unknown;
+    onKeyup?: unknown;
+    onAuxclick?: unknown;
+    onClick?: unknown;
+    onContextmenu?: unknown;
+    onDblclick?: unknown;
+    onMousedown?: unknown;
+    onMouseenter?: unknown;
+    onMouseleave?: unknown;
+    onMousemove?: unknown;
+    onMouseout?: unknown;
+    onMouseover?: unknown;
+    onMouseup?: unknown;
+    onAbort?: unknown;
+    onCanplay?: unknown;
+    onCanplaythrough?: unknown;
+    onDurationchange?: unknown;
+    onEmptied?: unknown;
+    onEncrypted?: unknown;
+    onEnded?: unknown;
+    onLoadeddata?: unknown;
+    onLoadedmetadata?: unknown;
+    onLoadstart?: unknown;
+    onPause?: unknown;
+    onPlay?: unknown;
+    onPlaying?: unknown;
+    onProgress?: unknown;
+    onRatechange?: unknown;
+    onSeeked?: unknown;
+    onSeeking?: unknown;
+    onStalled?: unknown;
+    onSuspend?: unknown;
+    onTimeupdate?: unknown;
+    onVolumechange?: unknown;
+    onWaiting?: unknown;
+    onSelect?: unknown;
+    onScroll?: unknown;
+    onTouchcancel?: unknown;
+    onTouchend?: unknown;
+    onTouchmove?: unknown;
+    onTouchstart?: unknown;
+    onPointerdown?: unknown;
+    onPointermove?: unknown;
+    onPointerup?: unknown;
+    onPointercancel?: unknown;
+    onPointerenter?: unknown;
+    onPointerleave?: unknown;
+    onPointerover?: unknown;
+    onPointerout?: unknown;
+    onWheel?: unknown;
+    onAnimationstart?: unknown;
+    onAnimationend?: unknown;
+    onAnimationiteration?: unknown;
+    onTransitionend?: unknown;
+    onTransitionstart?: unknown;
+} & {
+    tag: string;
+} & {
+    __MediaMatchKey__?: GridItemSizeValue | undefined;
+    onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+    onCut?: ((payload: ClipboardEvent) => void) | undefined;
+    onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+    onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+    onDrag?: ((payload: DragEvent) => void) | undefined;
+    onDragend?: ((payload: DragEvent) => void) | undefined;
+    onDragenter?: ((payload: DragEvent) => void) | undefined;
+    onDragexit?: ((payload: DragEvent) => void) | undefined;
+    onDragleave?: ((payload: DragEvent) => void) | undefined;
+    onDragover?: ((payload: DragEvent) => void) | undefined;
+    onDragstart?: ((payload: DragEvent) => void) | undefined;
+    onDrop?: ((payload: DragEvent) => void) | undefined;
+    onFocus?: ((payload: FocusEvent) => void) | undefined;
+    onFocusin?: ((payload: FocusEvent) => void) | undefined;
+    onFocusout?: ((payload: FocusEvent) => void) | undefined;
+    onBlur?: ((payload: FocusEvent) => void) | undefined;
+    onChange?: ((payload: Event) => void) | undefined;
+    onBeforeinput?: ((payload: Event) => void) | undefined;
+    onInput?: ((payload: Event) => void) | undefined;
+    onReset?: ((payload: Event) => void) | undefined;
+    onSubmit?: ((payload: Event) => void) | undefined;
+    onInvalid?: ((payload: Event) => void) | undefined;
+    onLoad?: ((payload: Event) => void) | undefined;
+    onError?: ((payload: Event) => void) | undefined;
+    onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+    onAuxclick?: ((payload: MouseEvent) => void) | undefined;
+    onClick?: ((payload: MouseEvent) => void) | undefined;
+    onContextmenu?: ((payload: MouseEvent) => void) | undefined;
+    onDblclick?: ((payload: MouseEvent) => void) | undefined;
+    onMousedown?: ((payload: MouseEvent) => void) | undefined;
+    onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+    onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+    onMousemove?: ((payload: MouseEvent) => void) | undefined;
+    onMouseout?: ((payload: MouseEvent) => void) | undefined;
+    onMouseover?: ((payload: MouseEvent) => void) | undefined;
+    onMouseup?: ((payload: MouseEvent) => void) | undefined;
+    onAbort?: ((payload: Event) => void) | undefined;
+    onCanplay?: ((payload: Event) => void) | undefined;
+    onCanplaythrough?: ((payload: Event) => void) | undefined;
+    onDurationchange?: ((payload: Event) => void) | undefined;
+    onEmptied?: ((payload: Event) => void) | undefined;
+    onEncrypted?: ((payload: Event) => void) | undefined;
+    onEnded?: ((payload: Event) => void) | undefined;
+    onLoadeddata?: ((payload: Event) => void) | undefined;
+    onLoadedmetadata?: ((payload: Event) => void) | undefined;
+    onLoadstart?: ((payload: Event) => void) | undefined;
+    onPause?: ((payload: Event) => void) | undefined;
+    onPlay?: ((payload: Event) => void) | undefined;
+    onPlaying?: ((payload: Event) => void) | undefined;
+    onProgress?: ((payload: Event) => void) | undefined;
+    onRatechange?: ((payload: Event) => void) | undefined;
+    onSeeked?: ((payload: Event) => void) | undefined;
+    onSeeking?: ((payload: Event) => void) | undefined;
+    onStalled?: ((payload: Event) => void) | undefined;
+    onSuspend?: ((payload: Event) => void) | undefined;
+    onTimeupdate?: ((payload: Event) => void) | undefined;
+    onVolumechange?: ((payload: Event) => void) | undefined;
+    onWaiting?: ((payload: Event) => void) | undefined;
+    onSelect?: ((payload: Event) => void) | undefined;
+    onScroll?: ((payload: UIEvent) => void) | undefined;
+    onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+    onTouchend?: ((payload: TouchEvent) => void) | undefined;
+    onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+    onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+    onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+    onPointermove?: ((payload: PointerEvent) => void) | undefined;
+    onPointerup?: ((payload: PointerEvent) => void) | undefined;
+    onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+    onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+    onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+    onPointerover?: ((payload: PointerEvent) => void) | undefined;
+    onPointerout?: ((payload: PointerEvent) => void) | undefined;
+    onWheel?: ((payload: WheelEvent) => void) | undefined;
+    onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+    onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+    innerHTML?: string | undefined;
+    class?: any;
+    style?: StyleValue | undefined;
+    accesskey?: string | undefined;
+    contenteditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextmenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: (boolean | "true" | "false") | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
+    spellcheck?: (boolean | "true" | "false") | undefined;
+    tabindex?: (string | number) | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radiogroup?: string | undefined;
+    role?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autocapitalize?: string | undefined;
+    autocorrect?: string | undefined;
+    autocave?: string | undefined;
+    color?: string | undefined;
+    itemprop?: string | undefined;
+    itemscope?: (boolean | "true" | "false") | undefined;
+    itemtype?: string | undefined;
+    itemid?: string | undefined;
+    itemref?: string | undefined;
+    results?: (string | number) | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: (boolean | "true" | "false") | "mixed" | undefined;
+    "aria-colcount"?: (string | number) | undefined;
+    "aria-colindex"?: (string | number) | undefined;
+    "aria-colspan"?: (string | number) | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: (string | number) | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: (string | number) | undefined;
+    "aria-pressed"?: (boolean | "true" | "false") | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions text" | "all" | "removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: (string | number) | undefined;
+    "aria-rowindex"?: (string | number) | undefined;
+    "aria-rowspan"?: (string | number) | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: (string | number) | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: (string | number) | undefined;
+    "aria-valuemin"?: (string | number) | undefined;
+    "aria-valuenow"?: (string | number) | undefined;
+    "aria-valuetext"?: string | undefined;
+    align?: RawGridValue<GridItemAlignValue>;
+    justify?: RawGridValue<GridItemJustifyValue>;
+    order?: RawGridValue<string | number>;
+}>, {
+    tag: string;
+}>;
+
+export declare const VHero: DefineComponent<{
+    'v-slots': PropType<ResolveRawSlots_2<{
+        default: void;
+        adornment: void;
+    }>>;
+    color: {
+        type: PropType<ScopeName>;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    hTag: {
+        type: StringConstructor;
+        default: string;
+    };
+    innerHTML: PropType<string | undefined>;
+    class: PropType<any>;
+    style: PropType<StyleValue | undefined>;
+    accesskey: PropType<string | undefined>;
+    contenteditable: PropType<(boolean | "true" | "false") | "inherit" | undefined>;
+    contextmenu: PropType<string | undefined>;
+    dir: PropType<string | undefined>;
+    draggable: PropType<(boolean | "true" | "false") | undefined>;
+    hidden: PropType<(boolean | "true" | "false") | undefined>;
+    id: PropType<string | undefined>;
+    lang: PropType<string | undefined>;
+    placeholder: PropType<string | undefined>;
+    spellcheck: PropType<(boolean | "true" | "false") | undefined>;
+    tabindex: PropType<(string | number) | undefined>;
+    title: PropType<string | undefined>;
+    translate: PropType<"yes" | "no" | undefined>;
+    radiogroup: PropType<string | undefined>;
+    role: PropType<string | undefined>;
+    about: PropType<string | undefined>;
+    datatype: PropType<string | undefined>;
+    inlist: PropType<any>;
+    prefix: PropType<string | undefined>;
+    property: PropType<string | undefined>;
+    resource: PropType<string | undefined>;
+    typeof: PropType<string | undefined>;
+    vocab: PropType<string | undefined>;
+    autocapitalize: PropType<string | undefined>;
+    autocorrect: PropType<string | undefined>;
+    autocave: PropType<string | undefined>;
+    itemprop: PropType<string | undefined>;
+    itemscope: PropType<(boolean | "true" | "false") | undefined>;
+    itemtype: PropType<string | undefined>;
+    itemid: PropType<string | undefined>;
+    itemref: PropType<string | undefined>;
+    results: PropType<(string | number) | undefined>;
+    security: PropType<string | undefined>;
+    unselectable: PropType<"on" | "off" | undefined>;
+    inputmode: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined>;
+    is: PropType<string | undefined>;
+    'aria-activedescendant': PropType<string | undefined>;
+    'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-autocomplete': PropType<"none" | "inline" | "list" | "both" | undefined>;
+    'aria-busy': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-checked': PropType<(boolean | "true" | "false") | "mixed" | undefined>;
+    'aria-colcount': PropType<(string | number) | undefined>;
+    'aria-colindex': PropType<(string | number) | undefined>;
+    'aria-colspan': PropType<(string | number) | undefined>;
+    'aria-controls': PropType<string | undefined>;
+    'aria-current': PropType<(boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined>;
+    'aria-describedby': PropType<string | undefined>;
+    'aria-details': PropType<string | undefined>;
+    'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-dropeffect': PropType<"none" | "copy" | "execute" | "link" | "move" | "popup" | undefined>;
+    'aria-errormessage': PropType<string | undefined>;
+    'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-flowto': PropType<string | undefined>;
+    'aria-grabbed': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-haspopup': PropType<(boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined>;
+    'aria-hidden': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-invalid': PropType<(boolean | "true" | "false") | "grammar" | "spelling" | undefined>;
+    'aria-keyshortcuts': PropType<string | undefined>;
+    'aria-label': PropType<string | undefined>;
+    'aria-labelledby': PropType<string | undefined>;
+    'aria-level': PropType<(string | number) | undefined>;
+    'aria-live': PropType<"off" | "assertive" | "polite" | undefined>;
+    'aria-modal': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-multiline': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-multiselectable': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-orientation': PropType<"horizontal" | "vertical" | undefined>;
+    'aria-owns': PropType<string | undefined>;
+    'aria-placeholder': PropType<string | undefined>;
+    'aria-posinset': PropType<(string | number) | undefined>;
+    'aria-pressed': PropType<(boolean | "true" | "false") | "mixed" | undefined>;
+    'aria-readonly': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-relevant': PropType<"text" | "additions" | "additions text" | "all" | "removals" | undefined>;
+    'aria-required': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-roledescription': PropType<string | undefined>;
+    'aria-rowcount': PropType<(string | number) | undefined>;
+    'aria-rowindex': PropType<(string | number) | undefined>;
+    'aria-rowspan': PropType<(string | number) | undefined>;
+    'aria-selected': PropType<(boolean | "true" | "false") | undefined>;
+    'aria-setsize': PropType<(string | number) | undefined>;
+    'aria-sort': PropType<"none" | "ascending" | "descending" | "other" | undefined>;
+    'aria-valuemax': PropType<(string | number) | undefined>;
+    'aria-valuemin': PropType<(string | number) | undefined>;
+    'aria-valuenow': PropType<(string | number) | undefined>;
+    'aria-valuetext': PropType<string | undefined>;
+    onCopy: PropType<((payload: ClipboardEvent) => void) | undefined>;
+    onCut: PropType<((payload: ClipboardEvent) => void) | undefined>;
+    onPaste: PropType<((payload: ClipboardEvent) => void) | undefined>;
+    onCompositionend: PropType<((payload: CompositionEvent) => void) | undefined>;
+    onCompositionstart: PropType<((payload: CompositionEvent) => void) | undefined>;
+    onCompositionupdate: PropType<((payload: CompositionEvent) => void) | undefined>;
+    onDrag: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragend: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragenter: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragexit: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragleave: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragover: PropType<((payload: DragEvent) => void) | undefined>;
+    onDragstart: PropType<((payload: DragEvent) => void) | undefined>;
+    onDrop: PropType<((payload: DragEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onChange: PropType<((payload: Event) => void) | undefined>;
+    onBeforeinput: PropType<((payload: Event) => void) | undefined>;
+    onInput: PropType<((payload: Event) => void) | undefined>;
+    onReset: PropType<((payload: Event) => void) | undefined>;
+    onSubmit: PropType<((payload: Event) => void) | undefined>;
+    onInvalid: PropType<((payload: Event) => void) | undefined>;
+    onLoad: PropType<((payload: Event) => void) | undefined>;
+    onError: PropType<((payload: Event) => void) | undefined>;
+    onKeydown: PropType<((payload: KeyboardEvent) => void) | undefined>;
+    onKeypress: PropType<((payload: KeyboardEvent) => void) | undefined>;
+    onKeyup: PropType<((payload: KeyboardEvent) => void) | undefined>;
+    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseleave: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMousemove: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseout: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseover: PropType<((payload: MouseEvent) => void) | undefined>;
+    onMouseup: PropType<((payload: MouseEvent) => void) | undefined>;
+    onAbort: PropType<((payload: Event) => void) | undefined>;
+    onCanplay: PropType<((payload: Event) => void) | undefined>;
+    onCanplaythrough: PropType<((payload: Event) => void) | undefined>;
+    onDurationchange: PropType<((payload: Event) => void) | undefined>;
+    onEmptied: PropType<((payload: Event) => void) | undefined>;
+    onEncrypted: PropType<((payload: Event) => void) | undefined>;
+    onEnded: PropType<((payload: Event) => void) | undefined>;
+    onLoadeddata: PropType<((payload: Event) => void) | undefined>;
+    onLoadedmetadata: PropType<((payload: Event) => void) | undefined>;
+    onLoadstart: PropType<((payload: Event) => void) | undefined>;
+    onPause: PropType<((payload: Event) => void) | undefined>;
+    onPlay: PropType<((payload: Event) => void) | undefined>;
+    onPlaying: PropType<((payload: Event) => void) | undefined>;
+    onProgress: PropType<((payload: Event) => void) | undefined>;
+    onRatechange: PropType<((payload: Event) => void) | undefined>;
+    onSeeked: PropType<((payload: Event) => void) | undefined>;
+    onSeeking: PropType<((payload: Event) => void) | undefined>;
+    onStalled: PropType<((payload: Event) => void) | undefined>;
+    onSuspend: PropType<((payload: Event) => void) | undefined>;
+    onTimeupdate: PropType<((payload: Event) => void) | undefined>;
+    onVolumechange: PropType<((payload: Event) => void) | undefined>;
+    onWaiting: PropType<((payload: Event) => void) | undefined>;
+    onSelect: PropType<((payload: Event) => void) | undefined>;
+    onScroll: PropType<((payload: UIEvent) => void) | undefined>;
+    onTouchcancel: PropType<((payload: TouchEvent) => void) | undefined>;
+    onTouchend: PropType<((payload: TouchEvent) => void) | undefined>;
+    onTouchmove: PropType<((payload: TouchEvent) => void) | undefined>;
+    onTouchstart: PropType<((payload: TouchEvent) => void) | undefined>;
+    onPointerdown: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointermove: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerup: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointercancel: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerenter: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
+    onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
+    onWheel: PropType<((payload: WheelEvent) => void) | undefined>;
+    onAnimationstart: PropType<((payload: AnimationEvent) => void) | undefined>;
+    onAnimationend: PropType<((payload: AnimationEvent) => void) | undefined>;
+    onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
+    onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
+    onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    'v-slots'?: unknown;
+    color?: unknown;
+    tag?: unknown;
+    hTag?: unknown;
+    innerHTML?: unknown;
+    class?: unknown;
+    style?: unknown;
+    accesskey?: unknown;
+    contenteditable?: unknown;
+    contextmenu?: unknown;
+    dir?: unknown;
+    draggable?: unknown;
+    hidden?: unknown;
+    id?: unknown;
+    lang?: unknown;
+    placeholder?: unknown;
+    spellcheck?: unknown;
+    tabindex?: unknown;
+    title?: unknown;
+    translate?: unknown;
+    radiogroup?: unknown;
+    role?: unknown;
+    about?: unknown;
+    datatype?: unknown;
+    inlist?: unknown;
+    prefix?: unknown;
+    property?: unknown;
+    resource?: unknown;
+    typeof?: unknown;
+    vocab?: unknown;
+    autocapitalize?: unknown;
+    autocorrect?: unknown;
+    autocave?: unknown;
+    itemprop?: unknown;
+    itemscope?: unknown;
+    itemtype?: unknown;
+    itemid?: unknown;
+    itemref?: unknown;
+    results?: unknown;
+    security?: unknown;
+    unselectable?: unknown;
+    inputmode?: unknown;
+    is?: unknown;
+    'aria-activedescendant'?: unknown;
+    'aria-atomic'?: unknown;
+    'aria-autocomplete'?: unknown;
+    'aria-busy'?: unknown;
+    'aria-checked'?: unknown;
+    'aria-colcount'?: unknown;
+    'aria-colindex'?: unknown;
+    'aria-colspan'?: unknown;
+    'aria-controls'?: unknown;
+    'aria-current'?: unknown;
+    'aria-describedby'?: unknown;
+    'aria-details'?: unknown;
+    'aria-disabled'?: unknown;
+    'aria-dropeffect'?: unknown;
+    'aria-errormessage'?: unknown;
+    'aria-expanded'?: unknown;
+    'aria-flowto'?: unknown;
+    'aria-grabbed'?: unknown;
+    'aria-haspopup'?: unknown;
+    'aria-hidden'?: unknown;
+    'aria-invalid'?: unknown;
+    'aria-keyshortcuts'?: unknown;
+    'aria-label'?: unknown;
+    'aria-labelledby'?: unknown;
+    'aria-level'?: unknown;
+    'aria-live'?: unknown;
+    'aria-modal'?: unknown;
+    'aria-multiline'?: unknown;
+    'aria-multiselectable'?: unknown;
+    'aria-orientation'?: unknown;
+    'aria-owns'?: unknown;
+    'aria-placeholder'?: unknown;
+    'aria-posinset'?: unknown;
+    'aria-pressed'?: unknown;
+    'aria-readonly'?: unknown;
+    'aria-relevant'?: unknown;
+    'aria-required'?: unknown;
+    'aria-roledescription'?: unknown;
+    'aria-rowcount'?: unknown;
+    'aria-rowindex'?: unknown;
+    'aria-rowspan'?: unknown;
+    'aria-selected'?: unknown;
+    'aria-setsize'?: unknown;
+    'aria-sort'?: unknown;
+    'aria-valuemax'?: unknown;
+    'aria-valuemin'?: unknown;
+    'aria-valuenow'?: unknown;
+    'aria-valuetext'?: unknown;
+    onCopy?: unknown;
+    onCut?: unknown;
+    onPaste?: unknown;
+    onCompositionend?: unknown;
+    onCompositionstart?: unknown;
+    onCompositionupdate?: unknown;
+    onDrag?: unknown;
+    onDragend?: unknown;
+    onDragenter?: unknown;
+    onDragexit?: unknown;
+    onDragleave?: unknown;
+    onDragover?: unknown;
+    onDragstart?: unknown;
+    onDrop?: unknown;
+    onFocus?: unknown;
+    onFocusin?: unknown;
+    onFocusout?: unknown;
+    onBlur?: unknown;
+    onChange?: unknown;
+    onBeforeinput?: unknown;
+    onInput?: unknown;
+    onReset?: unknown;
+    onSubmit?: unknown;
+    onInvalid?: unknown;
+    onLoad?: unknown;
+    onError?: unknown;
+    onKeydown?: unknown;
+    onKeypress?: unknown;
+    onKeyup?: unknown;
+    onAuxclick?: unknown;
+    onClick?: unknown;
+    onContextmenu?: unknown;
+    onDblclick?: unknown;
+    onMousedown?: unknown;
+    onMouseenter?: unknown;
+    onMouseleave?: unknown;
+    onMousemove?: unknown;
+    onMouseout?: unknown;
+    onMouseover?: unknown;
+    onMouseup?: unknown;
+    onAbort?: unknown;
+    onCanplay?: unknown;
+    onCanplaythrough?: unknown;
+    onDurationchange?: unknown;
+    onEmptied?: unknown;
+    onEncrypted?: unknown;
+    onEnded?: unknown;
+    onLoadeddata?: unknown;
+    onLoadedmetadata?: unknown;
+    onLoadstart?: unknown;
+    onPause?: unknown;
+    onPlay?: unknown;
+    onPlaying?: unknown;
+    onProgress?: unknown;
+    onRatechange?: unknown;
+    onSeeked?: unknown;
+    onSeeking?: unknown;
+    onStalled?: unknown;
+    onSuspend?: unknown;
+    onTimeupdate?: unknown;
+    onVolumechange?: unknown;
+    onWaiting?: unknown;
+    onSelect?: unknown;
+    onScroll?: unknown;
+    onTouchcancel?: unknown;
+    onTouchend?: unknown;
+    onTouchmove?: unknown;
+    onTouchstart?: unknown;
+    onPointerdown?: unknown;
+    onPointermove?: unknown;
+    onPointerup?: unknown;
+    onPointercancel?: unknown;
+    onPointerenter?: unknown;
+    onPointerleave?: unknown;
+    onPointerover?: unknown;
+    onPointerout?: unknown;
+    onWheel?: unknown;
+    onAnimationstart?: unknown;
+    onAnimationend?: unknown;
+    onAnimationiteration?: unknown;
+    onTransitionend?: unknown;
+    onTransitionstart?: unknown;
 } & {
     color: ScopeName;
     tag: string;
     hTag: string;
-} & {}>, {
+} & {
+    onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+    onCut?: ((payload: ClipboardEvent) => void) | undefined;
+    onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+    onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+    onDrag?: ((payload: DragEvent) => void) | undefined;
+    onDragend?: ((payload: DragEvent) => void) | undefined;
+    onDragenter?: ((payload: DragEvent) => void) | undefined;
+    onDragexit?: ((payload: DragEvent) => void) | undefined;
+    onDragleave?: ((payload: DragEvent) => void) | undefined;
+    onDragover?: ((payload: DragEvent) => void) | undefined;
+    onDragstart?: ((payload: DragEvent) => void) | undefined;
+    onDrop?: ((payload: DragEvent) => void) | undefined;
+    onFocus?: ((payload: FocusEvent) => void) | undefined;
+    onFocusin?: ((payload: FocusEvent) => void) | undefined;
+    onFocusout?: ((payload: FocusEvent) => void) | undefined;
+    onBlur?: ((payload: FocusEvent) => void) | undefined;
+    onChange?: ((payload: Event) => void) | undefined;
+    onBeforeinput?: ((payload: Event) => void) | undefined;
+    onInput?: ((payload: Event) => void) | undefined;
+    onReset?: ((payload: Event) => void) | undefined;
+    onSubmit?: ((payload: Event) => void) | undefined;
+    onInvalid?: ((payload: Event) => void) | undefined;
+    onLoad?: ((payload: Event) => void) | undefined;
+    onError?: ((payload: Event) => void) | undefined;
+    onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+    onAuxclick?: ((payload: MouseEvent) => void) | undefined;
+    onClick?: ((payload: MouseEvent) => void) | undefined;
+    onContextmenu?: ((payload: MouseEvent) => void) | undefined;
+    onDblclick?: ((payload: MouseEvent) => void) | undefined;
+    onMousedown?: ((payload: MouseEvent) => void) | undefined;
+    onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+    onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+    onMousemove?: ((payload: MouseEvent) => void) | undefined;
+    onMouseout?: ((payload: MouseEvent) => void) | undefined;
+    onMouseover?: ((payload: MouseEvent) => void) | undefined;
+    onMouseup?: ((payload: MouseEvent) => void) | undefined;
+    onAbort?: ((payload: Event) => void) | undefined;
+    onCanplay?: ((payload: Event) => void) | undefined;
+    onCanplaythrough?: ((payload: Event) => void) | undefined;
+    onDurationchange?: ((payload: Event) => void) | undefined;
+    onEmptied?: ((payload: Event) => void) | undefined;
+    onEncrypted?: ((payload: Event) => void) | undefined;
+    onEnded?: ((payload: Event) => void) | undefined;
+    onLoadeddata?: ((payload: Event) => void) | undefined;
+    onLoadedmetadata?: ((payload: Event) => void) | undefined;
+    onLoadstart?: ((payload: Event) => void) | undefined;
+    onPause?: ((payload: Event) => void) | undefined;
+    onPlay?: ((payload: Event) => void) | undefined;
+    onPlaying?: ((payload: Event) => void) | undefined;
+    onProgress?: ((payload: Event) => void) | undefined;
+    onRatechange?: ((payload: Event) => void) | undefined;
+    onSeeked?: ((payload: Event) => void) | undefined;
+    onSeeking?: ((payload: Event) => void) | undefined;
+    onStalled?: ((payload: Event) => void) | undefined;
+    onSuspend?: ((payload: Event) => void) | undefined;
+    onTimeupdate?: ((payload: Event) => void) | undefined;
+    onVolumechange?: ((payload: Event) => void) | undefined;
+    onWaiting?: ((payload: Event) => void) | undefined;
+    onSelect?: ((payload: Event) => void) | undefined;
+    onScroll?: ((payload: UIEvent) => void) | undefined;
+    onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+    onTouchend?: ((payload: TouchEvent) => void) | undefined;
+    onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+    onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+    onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+    onPointermove?: ((payload: PointerEvent) => void) | undefined;
+    onPointerup?: ((payload: PointerEvent) => void) | undefined;
+    onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+    onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+    onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+    onPointerover?: ((payload: PointerEvent) => void) | undefined;
+    onPointerout?: ((payload: PointerEvent) => void) | undefined;
+    onWheel?: ((payload: WheelEvent) => void) | undefined;
+    onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+    onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+    innerHTML?: string | undefined;
+    class?: any;
+    style?: StyleValue | undefined;
+    accesskey?: string | undefined;
+    contenteditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextmenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: (boolean | "true" | "false") | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
+    spellcheck?: (boolean | "true" | "false") | undefined;
+    tabindex?: (string | number) | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radiogroup?: string | undefined;
+    role?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autocapitalize?: string | undefined;
+    autocorrect?: string | undefined;
+    autocave?: string | undefined;
+    itemprop?: string | undefined;
+    itemscope?: (boolean | "true" | "false") | undefined;
+    itemtype?: string | undefined;
+    itemid?: string | undefined;
+    itemref?: string | undefined;
+    results?: (string | number) | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: (boolean | "true" | "false") | "mixed" | undefined;
+    "aria-colcount"?: (string | number) | undefined;
+    "aria-colindex"?: (string | number) | undefined;
+    "aria-colspan"?: (string | number) | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: (string | number) | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: (string | number) | undefined;
+    "aria-pressed"?: (boolean | "true" | "false") | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions text" | "all" | "removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: (string | number) | undefined;
+    "aria-rowindex"?: (string | number) | undefined;
+    "aria-rowspan"?: (string | number) | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: (string | number) | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: (string | number) | undefined;
+    "aria-valuemin"?: (string | number) | undefined;
+    "aria-valuenow"?: (string | number) | undefined;
+    "aria-valuetext"?: string | undefined;
+    "v-slots"?: ResolveRawSlots_2<{
+        default: void;
+        adornment: void;
+    }> | undefined;
+}>, {
     color: ScopeName;
     tag: string;
     hTag: string;
@@ -5303,6 +7671,56 @@ export declare class VuiService {
     readonly router: Router;
     readonly location: LocationService;
     readonly stack: VueStackService;
+    get scroller(): {
+        readonly elementRef: Ref<HTMLElement | null>;
+        readonly scroller: Scroller;
+        readonly containerHeight: number;
+        readonly containerWidth: number;
+        readonly isDestroyed: boolean;
+        readonly isPending: boolean;
+        readonly isReady: boolean;
+        readonly isRunning: boolean;
+        readonly lastAxis: ScrollAxis;
+        readonly lastDirection: ScrollDirection;
+        readonly lastXDirection: ScrollXDirection;
+        readonly lastYDirection: ScrollYDirection;
+        readonly nowScrolling: boolean;
+        readonly scrollEnabled: boolean;
+        readonly scrollHeight: number;
+        readonly scrollWidth: number;
+        readonly scrollableX: boolean;
+        readonly scrollableY: boolean;
+        readonly state: ScrollerState;
+        scrollBottom: number;
+        scrollLeft: number;
+        scrollRight: number;
+        scrollTop: number;
+        ready(): Promise<void>;
+        element(): HTMLElement | null;
+        start(): Promise<void>;
+        stop(): void;
+        destroy(): void;
+        update(): void;
+        toJSON(): ScrollerObserver;
+        toString(): string;
+        cancel(): void;
+        by(diffX: number, diffY: number, options?: Partial<ScrollerScrollSettings> | undefined): ScrollResult;
+        to(scrollPosition: Partial<ScrollPosition>, options?: Partial<ScrollerScrollSettings> | undefined): ScrollResult;
+        toElement(target: ScrollToElementTarget, options?: Partial<Partial<ScrollerScrollSettings> & ScrollToElementSettings> | undefined): ScrollResult;
+        toSide(targets: ScrollToSideTargets, options?: Partial<ScrollerScrollSettings> | undefined): ScrollResult;
+        toTop(options?: Partial<ScrollerScrollSettings> | undefined): ScrollResult;
+        toRight(options?: Partial<ScrollerScrollSettings> | undefined): ScrollResult;
+        toBottom(options?: Partial<ScrollerScrollSettings> | undefined): ScrollResult;
+        toLeft(options?: Partial<ScrollerScrollSettings> | undefined): ScrollResult;
+        toLeftTop(options?: Partial<ScrollerScrollSettings> | undefined): ScrollResult;
+        toLeftBottom(options?: Partial<ScrollerScrollSettings> | undefined): ScrollResult;
+        toRightTop(options?: Partial<ScrollerScrollSettings> | undefined): ScrollResult;
+        toRightBottom(options?: Partial<ScrollerScrollSettings> | undefined): ScrollResult;
+        pushScrollStopper(stopper: ScrollStopper): () => void;
+        removeScrollStopper(stopper: ScrollStopper): void;
+        setScrollToElementAddtionalOffset(offset: ScrollToElementAddtionalOffset | undefined): void;
+        deleteScrollToElementAddtionalOffset(): void;
+    };
     constructor(options: VuiServiceOptions, stackService: VueStackService);
     configure(options?: Partial<VuiServiceOptions>): void;
     getRouterLink(): {