@fastkit/vui 0.6.12 → 0.6.16

package/dist/vui.d.ts

@@ -1,10 +1,12 @@
 import { AllowedComponentProps } from 'vue';
 import { App } from 'vue';
+import {  ColorVariant , ThemeName, PaletteName, ScopeName } from '@fastkit/color-scheme';
 import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComputedRef } from 'vue';
 import { DefineComponent } from 'vue';
 import { EmitsOptions } from 'vue';
+import { ExtractPropInput } from '@fastkit/vue-utils';
 import { ExtractPropTypes } from 'vue';
 import { FormAction } from '@fastkit/vue-kit';
 import { FormAutoCapitalize } from '@fastkit/vue-kit';
@@ -29,6 +31,8 @@ import { RawTextareaAutosizeSettings } from '@fastkit/vue-kit';
 import { Ref } from 'vue';
 import { ResolvedFormSelectorItemData } from '@fastkit/vue-kit';
 import { ResolveRawSlots } from '@fastkit/vue-kit';
+import { ResolveRawSlots as ResolveRawSlots_2 } from '@fastkit/vue-utils';
+import { RouteLocationRaw } from 'vue-router';
 import { ScopeName } from '@fastkit/color-scheme';
 import { TextableCounterResult } from '@fastkit/vue-kit';
 import { TextableCounterSettings } from '@fastkit/vue-kit';
@@ -38,8 +42,6 @@ import { TextInputControl } from '@fastkit/vue-kit';
 import { TypedSlot } from '@fastkit/vue-kit';
 import { ValidateTiming } from '@fastkit/vue-kit';
 import { ValidationResult } from '@fastkit/vue-kit';
-import { VStackBtn as VButton } from '@fastkit/vue-kit';
-import { VStackBtnProps as VButtonProps } from '@fastkit/vue-kit';
 import { VDialog } from '@fastkit/vue-kit';
 import { VMenu } from '@fastkit/vue-kit';
 import { VNodeChild } from 'vue';
@@ -51,6 +53,8 @@ import { VueForm } from '@fastkit/vue-kit';
 import { VueStackServiceOptions } from '@fastkit/vue-kit';
 import { WritableComputedRef } from 'vue';
 
+declare type ARGS = Record<string, unknown> & VNodeProps;
+
 export declare const CONTROL_FIELD_VARIANTS: readonly ["outlined", "filled", "flat"];
 
 export declare const CONTROL_SIZES: readonly ["sm", "md", "lg"];
@@ -74,6 +78,24 @@ export declare interface ControlProvider {
 
 export declare type ControlSize = typeof CONTROL_SIZES[number];
 
+export declare function createCardProps(): {
+    square: BooleanConstructor;
+    headerProps: PropType<Record<string, unknown> & VNodeProps>;
+    bodyProps: PropType<Record<string, unknown> & VNodeProps>;
+    footerProps: PropType<Record<string, unknown> & VNodeProps>;
+    'v-slots': PropType<ResolveRawSlots<{
+        header: void;
+        default: void;
+        footer: void;
+    }>>;
+    color: PropType<ScopeName>;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    elevation: PropType<VuiElevationValue>;
+};
+
 export declare function createControlFieldProviderProps(): {
     variant: {
         type: PropType<"flat" | "outlined" | "filled">;
@@ -88,6 +110,108 @@ export declare function createControlProps(): {
     };
 };
 
+export declare function createElevationProps(): {
+    elevation: PropType<VuiElevationValue>;
+};
+
+export declare function createListTileProps(): {
+    startIcon: PropType<RawIconProp>;
+    endIcon: PropType<RawIconProp>;
+    fallbackTag: {
+        type: StringConstructor;
+        default: string;
+    };
+    startIconEmptySpace: BooleanConstructor;
+    color: PropType<ScopeName>;
+    tag: StringConstructor;
+    to: PropType<RouteLocationRaw>;
+    replace: BooleanConstructor;
+    activeClass: StringConstructor;
+    exactActiveClass: StringConstructor;
+    custom: BooleanConstructor;
+    ariaCurrentValue: {
+        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        readonly default: "page";
+    };
+    disabled: BooleanConstructor;
+    href: StringConstructor;
+    target: StringConstructor;
+    rel: StringConstructor;
+    name: StringConstructor;
+    charset: StringConstructor;
+    hreflang: StringConstructor;
+    download: PropType<string | boolean>;
+    media: StringConstructor;
+    ping: StringConstructor;
+    referrerpolicy: StringConstructor;
+    type: PropType<"submit" | "reset" | "button" | undefined>;
+};
+
+export declare function createNavigationItemProps(): {
+    match: StringConstructor;
+    startIcon: PropType<RawIconProp>;
+    endIcon: PropType<RawIconProp>;
+    fallbackTag: {
+        type: StringConstructor;
+        default: string;
+    };
+    startIconEmptySpace: BooleanConstructor;
+    color: PropType<ScopeName>;
+    tag: StringConstructor;
+    to: PropType<RouteLocationRaw>;
+    replace: BooleanConstructor;
+    activeClass: StringConstructor;
+    exactActiveClass: StringConstructor;
+    custom: BooleanConstructor;
+    ariaCurrentValue: {
+        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        readonly default: "page";
+    };
+    disabled: BooleanConstructor;
+    href: StringConstructor;
+    target: StringConstructor;
+    rel: StringConstructor;
+    name: StringConstructor;
+    charset: StringConstructor;
+    hreflang: StringConstructor;
+    download: PropType<string | boolean>;
+    media: StringConstructor;
+    ping: StringConstructor;
+    referrerpolicy: StringConstructor;
+    type: PropType<"submit" | "reset" | "button" | undefined>;
+};
+
+export declare function createPaperBaseProps(): {
+    'v-slots': PropType<ResolveRawSlots_2<{
+        header: void;
+        default: void;
+        footer: void;
+    }>>;
+    color: PropType<ScopeName>;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+
+export declare function createPaperProps(): {
+    square: BooleanConstructor;
+    headerProps: PropType<ARGS>;
+    bodyProps: PropType<ARGS>;
+    footerProps: PropType<ARGS>;
+    'v-slots': PropType<ResolveRawSlots_2<{
+        header: void;
+        default: void;
+        footer: void;
+    }>>;
+    color: PropType<ScopeName>;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    elevation: PropType<VuiElevationValue>;
+};
+
 export declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOptions): DefineComponent<{
     'v-slots': PropType<ResolveRawSlots<FormControlSlots>>;
     stacked: {
@@ -317,10 +441,28 @@ export declare interface DefineFormSelectorComponentOptions {
     }) => VNodeChild;
 }
 
+export declare type ElevationProps = ExtractPropTypes<ReturnType<typeof createElevationProps>>;
+
+declare type EmptyIconSymbol = '$empty';
+
 export { ICON_NAMES }
 
+declare type IconGenerator = (input: IconPropInout) => VNodeChild;
+
 export { IconName }
 
+declare type IconPropInout = ExtractPropInput<typeof iconProps>;
+
+export declare const iconProps: {
+    name: {
+        type: PropType<IconName | "$empty">;
+        required: true;
+    };
+    rotate: {
+        type: NumberConstructor;
+    };
+};
+
 declare interface InputBoxSlots {
     default: void;
     startAdornment: void;
@@ -329,8 +471,36 @@ declare interface InputBoxSlots {
 
 export declare function installVuiPlugin(app: App, opts: VuiPluginOptions): App<any>;
 
+export declare const listTileEmits: {
+    changeActive: (isActive: boolean) => boolean;
+    click: (ev: MouseEvent) => boolean;
+};
+
+export declare interface NavigationItemInput extends ExtractPropInput<ReturnType<typeof createNavigationItemProps>> {
+    key: string | number;
+    label: VNodeChild | (() => VNodeChild);
+    children?: NavigationItemInput[];
+}
+
+export declare type RawIconProp = IconName | EmptyIconSymbol | ToggleableIconHook;
+
+export declare function rawIconProp(): PropType<RawIconProp>;
+
+export declare type RawVButtonIcon = IconName | VButtonIcon;
+
+export declare type RawVButtonSpacer = boolean | VButtonSpacer;
+
 declare type RecursiveArray<T> = T | RecursiveArray<T>[];
 
+export declare function renderNavigationItemInput(input: NavigationItemInput, extraProps?: Record<string, unknown> & VNodeProps): JSX.Element;
+
+export declare function resolveNavigationItemInput(input: NavigationItemInput): {
+    label: VNodeChild;
+    props: NavigationItemInput;
+};
+
+export declare function resolveRawIconProp(payload: boolean, prop?: RawIconProp, extraProps?: Record<string, unknown> & VNodeProps): VNodeChild;
+
 declare interface Rule<C extends any = any> {
     <EC extends C = C>(constraints: Partial<EC>, overRides?: string | Partial<RuleSettings<EC>>): Rule<EC>;
     $name: string;
@@ -394,6 +564,8 @@ declare interface RuleValidateOptions {
     eachPrefix?: string;
 }
 
+declare type ToggleableIconHook = (gen: IconGenerator, ctx: boolean) => VNodeChild;
+
 export declare function useControl(props: ControlProps, opts?: UseControlProviderOptions): ControlProvider;
 
 export declare function useControlField(props: ControlFieldProviderProps, opts?: UseControlFieldProviderOptions): ControlFieldProvider;
@@ -406,6 +578,19 @@ export declare interface UseControlProviderOptions {
     defaultSize?: ControlSize;
 }
 
+export declare function useElevation(props: ElevationProps, opts?: UseElevationOptions): {
+    elevationValue: ComputedRef<VuiElevationValue | undefined>;
+    elevationClassName: ComputedRef<string | undefined>;
+};
+
+export declare interface UseElevationOptions {
+    defaultValue?: VuiElevationValue;
+}
+
+export declare function useVui(): VuiService;
+
+export declare function useVuiColorProvider(): VuiColorProvider;
+
 declare const ValidateCancelSymbol = "__ValidateCancelSymbol__";
 
 declare interface ValidationError {
@@ -423,9 +608,177 @@ declare const ValidationErrorSymbol = "ValidationError";
 
 export declare const VApp: DefineComponent<{}, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
 
-export { VButton }
+export declare const VButton: DefineComponent<{
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    spacer: PropType<RawVButtonSpacer>;
+    loading: BooleanConstructor;
+    rounded: BooleanConstructor;
+    icon: PropType<RawVButtonIcon>;
+    startIcon: PropType<RawVButtonIcon>;
+    endIcon: PropType<RawVButtonIcon>;
+    tag: StringConstructor;
+    to: PropType<RouteLocationRaw>;
+    replace: BooleanConstructor;
+    activeClass: StringConstructor;
+    exactActiveClass: StringConstructor;
+    custom: BooleanConstructor;
+    ariaCurrentValue: {
+        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        readonly default: "page";
+    };
+    disabled: BooleanConstructor;
+    href: StringConstructor;
+    target: StringConstructor;
+    rel: StringConstructor;
+    name: StringConstructor;
+    charset: StringConstructor;
+    hreflang: StringConstructor;
+    download: PropType<string | boolean>;
+    media: StringConstructor;
+    ping: StringConstructor;
+    referrerpolicy: StringConstructor;
+    type: PropType<"submit" | "reset" | "button" | undefined>;
+    variant: PropType<ColorVariant>;
+    theme: PropType<ThemeName>;
+    color: PropType<ScopeName>;
+    textColor: PropType<PaletteName>;
+    borderColor: PropType<PaletteName>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    click: (ev: MouseEvent) => boolean;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    size?: unknown;
+    spacer?: unknown;
+    loading?: unknown;
+    rounded?: unknown;
+    icon?: unknown;
+    startIcon?: unknown;
+    endIcon?: unknown;
+    tag?: unknown;
+    to?: unknown;
+    replace?: unknown;
+    activeClass?: unknown;
+    exactActiveClass?: unknown;
+    custom?: unknown;
+    ariaCurrentValue?: unknown;
+    disabled?: unknown;
+    href?: unknown;
+    target?: unknown;
+    rel?: unknown;
+    name?: unknown;
+    charset?: unknown;
+    hreflang?: unknown;
+    download?: unknown;
+    media?: unknown;
+    ping?: unknown;
+    referrerpolicy?: unknown;
+    type?: unknown;
+    variant?: unknown;
+    theme?: unknown;
+    color?: unknown;
+    textColor?: unknown;
+    borderColor?: unknown;
+} & {
+    loading: boolean;
+    rounded: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
+    replace: boolean;
+    custom: boolean;
+    disabled: boolean;
+} & {
+    theme?: ThemeName | undefined;
+    color?: ScopeName | undefined;
+    textColor?: PaletteName | undefined;
+    borderColor?: PaletteName | undefined;
+    type?: "submit" | "reset" | "button" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    spacer?: RawVButtonSpacer | undefined;
+    icon?: RawVButtonIcon | undefined;
+    startIcon?: RawVButtonIcon | undefined;
+    endIcon?: RawVButtonIcon | undefined;
+    tag?: string | undefined;
+    to?: RouteLocationRaw | undefined;
+    activeClass?: string | undefined;
+    exactActiveClass?: string | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    name?: string | undefined;
+    charset?: string | undefined;
+    hreflang?: string | undefined;
+    download?: string | boolean | undefined;
+    media?: string | undefined;
+    ping?: string | undefined;
+    referrerpolicy?: string | undefined;
+    variant?: ColorVariant | undefined;
+}> & {
+    onClick?: ((ev: MouseEvent) => any) | undefined;
+}, {
+    loading: boolean;
+    rounded: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
+    replace: boolean;
+    custom: boolean;
+    disabled: boolean;
+}>;
+
+export declare type VButtonIcon = () => VNodeChild;
+
+export declare type VButtonProps = ExtractPropInput<typeof vueButtonProps>;
+
+export declare type VButtonResolvedProps = ExtractPropTypes<typeof vueButtonProps>;
+
+export declare type VButtonSpacer = 'left' | 'right';
+
+export declare const VCard: DefineComponent<{
+    square: BooleanConstructor;
+    headerProps: PropType<Record<string, unknown> & VNodeProps>;
+    bodyProps: PropType<Record<string, unknown> & VNodeProps>;
+    footerProps: PropType<Record<string, unknown> & VNodeProps>;
+    'v-slots': PropType<ResolveRawSlots<{
+        header: void;
+        default: void;
+        footer: void;
+    }>>;
+    color: PropType<ScopeName>;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    elevation: PropType<VuiElevationValue>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    square?: unknown;
+    headerProps?: unknown;
+    bodyProps?: unknown;
+    footerProps?: unknown;
+    'v-slots'?: unknown;
+    color?: unknown;
+    tag?: unknown;
+    elevation?: unknown;
+} & {
+    square: boolean;
+    tag: string;
+} & {
+    elevation?: VuiElevationValue | undefined;
+    headerProps?: (Record<string, unknown> & VNodeProps) | undefined;
+    bodyProps?: (Record<string, unknown> & VNodeProps) | undefined;
+    footerProps?: (Record<string, unknown> & VNodeProps) | undefined;
+    "v-slots"?: ResolveRawSlots<{
+        header: void;
+        default: void;
+        footer: void;
+    }> | undefined;
+    color?: ScopeName | undefined;
+}>, {
+    square: boolean;
+    tag: string;
+}>;
 
-export { VButtonProps }
+export declare const VCardActions: DefineComponent<{}, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+
+export declare const VCardContent: DefineComponent<{}, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
 
 export declare const VCheckbox: DefineComponent<{
     indeterminate: BooleanConstructor;
@@ -779,6 +1132,34 @@ export declare const VCheckboxGroup: DefineComponent<{
 
 export { VDialog }
 
+export declare const VDrawerLayout: DefineComponent<{
+    'v-slots': PropType<ResolveRawSlots<{
+        header: void;
+        default: void;
+        footer: void;
+    }>>;
+    color: PropType<ScopeName>;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    'v-slots'?: unknown;
+    color?: unknown;
+    tag?: unknown;
+} & {
+    tag: string;
+} & {
+    "v-slots"?: ResolveRawSlots<{
+        header: void;
+        default: void;
+        footer: void;
+    }> | undefined;
+    color?: ScopeName | undefined;
+}>, {
+    tag: string;
+}>;
+
 export declare const VForm: DefineComponent<{
     'v-slots': PropType<ResolveRawSlots<VFormSlots>>;
     size: {
@@ -932,7 +1313,7 @@ export declare interface VFormSlots {
 
 export declare const VIcon: DefineComponent<{
     name: {
-        type: PropType<IconName>;
+        type: PropType<IconName | "$empty">;
         required: true;
     };
     rotate: {
@@ -944,15 +1325,241 @@ export declare const VIcon: DefineComponent<{
     name?: unknown;
     rotate?: unknown;
 } & {
-    name: IconName;
+    name: IconName | "$empty";
 } & {
     rotate?: number | undefined;
 }> & {
     onClick?: ((ev: MouseEvent) => any) | undefined;
 }, {}>;
 
+export declare const VListTile: DefineComponent<{
+    startIcon: PropType<RawIconProp>;
+    endIcon: PropType<RawIconProp>;
+    fallbackTag: {
+        type: StringConstructor;
+        default: string;
+    };
+    startIconEmptySpace: BooleanConstructor;
+    color: PropType<ScopeName>;
+    tag: StringConstructor;
+    to: PropType<RouteLocationRaw>;
+    replace: BooleanConstructor;
+    activeClass: StringConstructor;
+    exactActiveClass: StringConstructor;
+    custom: BooleanConstructor;
+    ariaCurrentValue: {
+        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        readonly default: "page";
+    };
+    disabled: BooleanConstructor;
+    href: StringConstructor;
+    target: StringConstructor;
+    rel: StringConstructor;
+    name: StringConstructor;
+    charset: StringConstructor;
+    hreflang: StringConstructor;
+    download: PropType<string | boolean>;
+    media: StringConstructor;
+    ping: StringConstructor;
+    referrerpolicy: StringConstructor;
+    type: PropType<"submit" | "reset" | "button" | undefined>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    changeActive: (isActive: boolean) => boolean;
+    click: (ev: MouseEvent) => boolean;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    startIcon?: unknown;
+    endIcon?: unknown;
+    fallbackTag?: unknown;
+    startIconEmptySpace?: unknown;
+    color?: unknown;
+    tag?: unknown;
+    to?: unknown;
+    replace?: unknown;
+    activeClass?: unknown;
+    exactActiveClass?: unknown;
+    custom?: unknown;
+    ariaCurrentValue?: unknown;
+    disabled?: unknown;
+    href?: unknown;
+    target?: unknown;
+    rel?: unknown;
+    name?: unknown;
+    charset?: unknown;
+    hreflang?: unknown;
+    download?: unknown;
+    media?: unknown;
+    ping?: unknown;
+    referrerpolicy?: unknown;
+    type?: unknown;
+} & {
+    replace: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
+    startIconEmptySpace: boolean;
+    fallbackTag: string;
+    custom: boolean;
+    disabled: boolean;
+} & {
+    type?: "submit" | "reset" | "button" | undefined;
+    startIcon?: RawIconProp | undefined;
+    endIcon?: RawIconProp | undefined;
+    color?: ScopeName | undefined;
+    name?: string | undefined;
+    tag?: string | undefined;
+    to?: RouteLocationRaw | undefined;
+    activeClass?: string | undefined;
+    exactActiveClass?: string | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    charset?: string | undefined;
+    hreflang?: string | undefined;
+    download?: string | boolean | undefined;
+    media?: string | undefined;
+    ping?: string | undefined;
+    referrerpolicy?: string | undefined;
+}> & {
+    onClick?: ((ev: MouseEvent) => any) | undefined;
+    onChangeActive?: ((isActive: boolean) => any) | undefined;
+}, {
+    replace: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
+    startIconEmptySpace: boolean;
+    fallbackTag: string;
+    custom: boolean;
+    disabled: boolean;
+}>;
+
 export { VMenu }
 
+export declare const VNavigation: DefineComponent<{
+    items: {
+        type: PropType<NavigationItemInput[]>;
+        required: true;
+    };
+    color: PropType<ScopeName>;
+    startIconEmptySpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    caption: PropType<VNodeChild | (() => VNodeChild)>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    items?: unknown;
+    color?: unknown;
+    startIconEmptySpace?: unknown;
+    caption?: unknown;
+} & {
+    startIconEmptySpace: boolean;
+    items: NavigationItemInput[];
+} & {
+    color?: ScopeName | undefined;
+    caption?: VNodeChild | (() => VNodeChild);
+}>, {
+    startIconEmptySpace: boolean;
+}>;
+
+export declare const VNavigationItem: DefineComponent<{
+    children: PropType<NavigationItemInput[]>;
+    match: StringConstructor;
+    startIcon: PropType<RawIconProp>;
+    endIcon: PropType<RawIconProp>;
+    fallbackTag: {
+        type: StringConstructor;
+        default: string;
+    };
+    startIconEmptySpace: BooleanConstructor;
+    color: PropType<ScopeName>;
+    tag: StringConstructor;
+    to: PropType<RouteLocationRaw>;
+    replace: BooleanConstructor;
+    activeClass: StringConstructor;
+    exactActiveClass: StringConstructor;
+    custom: BooleanConstructor;
+    ariaCurrentValue: {
+        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        readonly default: "page";
+    };
+    disabled: BooleanConstructor;
+    href: StringConstructor;
+    target: StringConstructor;
+    rel: StringConstructor;
+    name: StringConstructor;
+    charset: StringConstructor;
+    hreflang: StringConstructor;
+    download: PropType<string | boolean>;
+    media: StringConstructor;
+    ping: StringConstructor;
+    referrerpolicy: StringConstructor;
+    type: PropType<"submit" | "reset" | "button" | undefined>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    changeActive: (isActive: boolean) => boolean;
+    click: (ev: MouseEvent) => boolean;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    children?: unknown;
+    match?: unknown;
+    startIcon?: unknown;
+    endIcon?: unknown;
+    fallbackTag?: unknown;
+    startIconEmptySpace?: unknown;
+    color?: unknown;
+    tag?: unknown;
+    to?: unknown;
+    replace?: unknown;
+    activeClass?: unknown;
+    exactActiveClass?: unknown;
+    custom?: unknown;
+    ariaCurrentValue?: unknown;
+    disabled?: unknown;
+    href?: unknown;
+    target?: unknown;
+    rel?: unknown;
+    name?: unknown;
+    charset?: unknown;
+    hreflang?: unknown;
+    download?: unknown;
+    media?: unknown;
+    ping?: unknown;
+    referrerpolicy?: unknown;
+    type?: unknown;
+} & {
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
+    replace: boolean;
+    startIconEmptySpace: boolean;
+    fallbackTag: string;
+    custom: boolean;
+    disabled: boolean;
+} & {
+    match?: string | undefined;
+    type?: "submit" | "reset" | "button" | undefined;
+    startIcon?: RawIconProp | undefined;
+    endIcon?: RawIconProp | undefined;
+    color?: ScopeName | undefined;
+    tag?: string | undefined;
+    to?: RouteLocationRaw | undefined;
+    activeClass?: string | undefined;
+    exactActiveClass?: string | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    name?: string | undefined;
+    charset?: string | undefined;
+    hreflang?: string | undefined;
+    download?: string | boolean | undefined;
+    media?: string | undefined;
+    ping?: string | undefined;
+    referrerpolicy?: string | undefined;
+    children?: NavigationItemInput[] | undefined;
+}> & {
+    onClick?: ((ev: MouseEvent) => any) | undefined;
+    onChangeActive?: ((isActive: boolean) => any) | undefined;
+}, {
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
+    replace: boolean;
+    startIconEmptySpace: boolean;
+    fallbackTag: string;
+    custom: boolean;
+    disabled: boolean;
+}>;
+
 export declare const VOption: DefineComponent<{
     size: {
         type: PropType<"sm" | "md" | "lg">;
@@ -1119,6 +1726,50 @@ export declare const VOptionGroup: DefineComponent<{
     disabled: boolean;
 }>;
 
+export declare const VPaper: DefineComponent<{
+    square: BooleanConstructor;
+    headerProps: PropType<ARGS>;
+    bodyProps: PropType<ARGS>;
+    footerProps: PropType<ARGS>;
+    'v-slots': PropType<ResolveRawSlots_2<{
+        header: void;
+        default: void;
+        footer: void;
+    }>>;
+    color: PropType<ScopeName>;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    elevation: PropType<VuiElevationValue>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    square?: unknown;
+    headerProps?: unknown;
+    bodyProps?: unknown;
+    footerProps?: unknown;
+    'v-slots'?: unknown;
+    color?: unknown;
+    tag?: unknown;
+    elevation?: unknown;
+} & {
+    square: boolean;
+    tag: string;
+} & {
+    elevation?: VuiElevationValue | undefined;
+    headerProps?: ARGS | undefined;
+    bodyProps?: ARGS | undefined;
+    footerProps?: ARGS | undefined;
+    "v-slots"?: ResolveRawSlots_2<{
+        header: void;
+        default: void;
+        footer: void;
+    }> | undefined;
+    color?: ScopeName | undefined;
+}>, {
+    square: boolean;
+    tag: string;
+}>;
+
 export declare const VRadio: DefineComponent<{
     size: {
         type: PropType<"sm" | "md" | "lg">;
@@ -2546,12 +3197,137 @@ export declare const VTextField: DefineComponent<{
     errors: FormNodeError[];
 }>;
 
+export declare const VToolbar: DefineComponent<{
+    dense: BooleanConstructor;
+    variant: PropType<ColorVariant>;
+    theme: PropType<ThemeName>;
+    color: PropType<ScopeName>;
+    textColor: PropType<PaletteName>;
+    borderColor: PropType<PaletteName>;
+    elevation: PropType<VuiElevationValue>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    dense?: unknown;
+    variant?: unknown;
+    theme?: unknown;
+    color?: unknown;
+    textColor?: unknown;
+    borderColor?: unknown;
+    elevation?: unknown;
+} & {
+    dense: boolean;
+} & {
+    elevation?: VuiElevationValue | undefined;
+    theme?: ThemeName | undefined;
+    color?: ScopeName | undefined;
+    textColor?: PaletteName | undefined;
+    borderColor?: PaletteName | undefined;
+    variant?: ColorVariant | undefined;
+}>, {
+    dense: boolean;
+}>;
+
+export declare const VToolbarMenu: DefineComponent<{
+    edge: {
+        type: PropType<VToolbarMenuEdge>;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    edge?: unknown;
+} & {
+    edge: VToolbarMenuEdge;
+} & {}>, {}>;
+
+export declare type VToolbarMenuEdge = 'start' | 'end';
+
+export declare const VToolbarTitle: DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    tag?: unknown;
+} & {
+    tag: string;
+} & {}>, {
+    tag: string;
+}>;
+
+export declare const vueButtonProps: {
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    spacer: PropType<RawVButtonSpacer>;
+    loading: BooleanConstructor;
+    rounded: BooleanConstructor;
+    icon: PropType<RawVButtonIcon>;
+    startIcon: PropType<RawVButtonIcon>;
+    endIcon: PropType<RawVButtonIcon>;
+    tag: StringConstructor;
+    to: PropType<RouteLocationRaw>;
+    replace: BooleanConstructor;
+    activeClass: StringConstructor;
+    exactActiveClass: StringConstructor;
+    custom: BooleanConstructor;
+    ariaCurrentValue: {
+        readonly type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined>;
+        readonly default: "page";
+    };
+    disabled: BooleanConstructor;
+    href: StringConstructor;
+    target: StringConstructor;
+    rel: StringConstructor;
+    name: StringConstructor;
+    charset: StringConstructor;
+    hreflang: StringConstructor;
+    download: PropType<string | boolean>;
+    media: StringConstructor;
+    ping: StringConstructor;
+    referrerpolicy: StringConstructor;
+    type: PropType<"submit" | "reset" | "button" | undefined>;
+    variant: PropType<ColorVariant>;
+    theme: PropType<ThemeName>;
+    color: PropType<ScopeName>;
+    textColor: PropType<PaletteName>;
+    borderColor: PropType<PaletteName>;
+};
+
+export declare const VUI_CHECKBOX_GROUP_SYMBOL = "vui-checkbox-group";
+
+export declare const VUI_CHECKBOX_SYMBOL = "vui-checkbox";
+
+export declare const VUI_FORM_SYMBOL = "vui-form";
+
+export declare const VUI_OPTION_SYMBOL = "vui-option";
+
+export declare const VUI_RADIO_GROUP_SYMBOL = "vui-radio-group";
+
+export declare const VUI_RADIO_SYMBOL = "vui-radio";
+
+export declare const VUI_SELECT_SYMBOL = "vui-select";
+
+export declare const VUI_SWITCH_GROUP_SYMBOL = "vui-switch-group";
+
+export declare const VUI_SWITCH_SYMBOL = "vui-switch";
+
+export declare const VUI_TEXT_FIELD_SYMBOL = "vui-text-field";
+
+export declare const VUI_TEXTAREA_SYMBOL = "vui-textarea";
+
 export declare interface VuiColorProvider {
     primary: ComputedRef<ScopeName>;
     error: ComputedRef<ScopeName>;
     className: (type: 'primary' | 'error') => string;
 }
 
+export declare const VuiColorProviderInjectionKey: InjectionKey<VuiColorProvider>;
+
+export declare const VuiControlFieldInjectionKey: InjectionKey<ControlFieldProvider>;
+
+export declare const VuiControlInjectionKey: InjectionKey<ControlProvider>;
+
+export declare type VuiElevationValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
+
 export declare const VuiInjectionKey: InjectionKey<VuiService>;
 
 export declare class VuiPlugin {
@@ -2563,8 +3339,7 @@ export declare interface VuiPluginOptions extends VuiServiceOptions {
     stack?: VuiPluginStackOptions;
 }
 
-export declare interface VuiPluginStackOptions extends Omit<VueStackServiceOptions, 'primaryColor'> {
-    primaryColor?: VueStackServiceOptions['primaryColor'];
+export declare interface VuiPluginStackOptions extends VueStackServiceOptions {
 }
 
 export declare class VuiService {
@@ -2574,24 +3349,20 @@ export declare class VuiService {
     readonly textareaRows?: number;
     readonly requiredChip?: VuiVNodeResolver;
     constructor(options: VuiServiceOptions);
-    color(colorType: keyof VuiServiceColorSettings): ScopeName;
-    icon(iconType: keyof VuiServiceIconSettings): IconName;
+    setting<K extends keyof VuiServiceUISettings>(key: K): VuiServiceUISettings[K];
+    icon<K extends keyof VuiServiceIconSettings>(iconType: K): VuiServiceIconSettings[K];
     getAutoScrollToElementOffsetTop(): number;
     getRequiredChip(): VNodeChild;
 }
 
-export declare interface VuiServiceColorSettings {
-    primary: ScopeName;
-    error: ScopeName;
-}
-
 export declare interface VuiServiceIconSettings {
     menuDown: IconName;
+    navigationExpand: RawIconProp;
 }
 
 export declare interface VuiServiceOptions {
     colorScheme: VueColorSchemePluginSettings;
-    colors: VuiServiceColorSettings;
+    uiSettings: VuiServiceUISettings;
     icons: VuiServiceIconSettings;
     selectionSeparator?: VuiVNodeResolver;
     autoScrollToElementOffsetTop?: number | (() => number | undefined);
@@ -2599,9 +3370,33 @@ export declare interface VuiServiceOptions {
     requiredChip?: VuiVNodeResolver;
 }
 
+export declare interface VuiServiceUISettings {
+    primaryScope: ScopeName;
+    plainVariant: ColorVariant;
+    containedVariant: ColorVariant;
+    errorScope: ScopeName;
+    buttonDefault: {
+        color: ScopeName;
+        variant: ColorVariant;
+    };
+    dialogOk?: {
+        color?: ScopeName;
+        variant?: ColorVariant;
+    };
+    dialogCancel?: {
+        color?: ScopeName;
+        variant?: ColorVariant;
+    };
+    dialogClose?: {
+        color?: ScopeName;
+        variant?: ColorVariant;
+    };
+}
+
 export declare type VuiVNodeResolver = () => VNodeChild;
 
 
 export * from "@fastkit/vue-kit";
+export * from "@fastkit/vue-loading";
 
 export { }