@fastkit/vui 0.6.14 → 0.6.18

package/dist/vui.d.ts

@@ -53,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"];
@@ -77,11 +79,15 @@ 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;
     }>>;
-    square: BooleanConstructor;
     color: PropType<ScopeName>;
     tag: {
         type: StringConstructor;
@@ -108,14 +114,15 @@ export declare function createElevationProps(): {
     elevation: PropType<VuiElevationValue>;
 };
 
-export declare function createListTileProps<T = void>(): {
-    startIcon: PropType<RawIconProp<T>>;
-    endIcon: PropType<RawIconProp<T>>;
+export declare function createListTileProps(): {
+    startIcon: PropType<RawIconProp>;
+    endIcon: PropType<RawIconProp>;
     fallbackTag: {
         type: StringConstructor;
         default: string;
     };
-    onClick: PropType<(ev: MouseEvent) => void>;
+    startIconEmptySpace: BooleanConstructor;
+    color: PropType<ScopeName>;
     tag: StringConstructor;
     to: PropType<RouteLocationRaw>;
     replace: BooleanConstructor;
@@ -141,13 +148,15 @@ export declare function createListTileProps<T = void>(): {
 };
 
 export declare function createNavigationItemProps(): {
-    startIcon: PropType<RawIconProp<void>>;
-    endIcon: PropType<RawIconProp<void>>;
+    match: StringConstructor;
+    startIcon: PropType<RawIconProp>;
+    endIcon: PropType<RawIconProp>;
     fallbackTag: {
         type: StringConstructor;
         default: string;
     };
-    onClick: PropType<(ev: MouseEvent) => void>;
+    startIconEmptySpace: BooleanConstructor;
+    color: PropType<ScopeName>;
     tag: StringConstructor;
     to: PropType<RouteLocationRaw>;
     replace: BooleanConstructor;
@@ -172,12 +181,29 @@ export declare function createNavigationItemProps(): {
     type: PropType<"submit" | "reset" | "button" | undefined>;
 };
 
-export declare function createPaperProps(): {
+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;
@@ -446,19 +472,19 @@ declare interface InputBoxSlots {
 export declare function installVuiPlugin(app: App, opts: VuiPluginOptions): App<any>;
 
 export declare const listTileEmits: {
-    click: (ev: MouseEvent) => true;
+    changeActive: (isActive: boolean) => boolean;
+    click: (ev: MouseEvent) => boolean;
 };
 
-export declare type NavigationItemInput = ExtractPropInput<ReturnType<typeof createNavigationItemProps>>;
-
-export declare interface NavigationItemInputWithContent extends NavigationItemInput {
+export declare interface NavigationItemInput extends ExtractPropInput<ReturnType<typeof createNavigationItemProps>> {
     key: string | number;
     label: VNodeChild | (() => VNodeChild);
+    children?: NavigationItemInput[];
 }
 
-export declare type RawIconProp<T = void> = IconName | EmptyIconSymbol | ((gen: IconGenerator, ctx: T) => VNodeChild);
+export declare type RawIconProp = IconName | EmptyIconSymbol | ToggleableIconHook;
 
-export declare function rawRawIconProp<T = void>(): PropType<RawIconProp<T>>;
+export declare function rawIconProp(): PropType<RawIconProp>;
 
 export declare type RawVButtonIcon = IconName | VButtonIcon;
 
@@ -466,7 +492,14 @@ export declare type RawVButtonSpacer = boolean | VButtonSpacer;
 
 declare type RecursiveArray<T> = T | RecursiveArray<T>[];
 
-export declare function resolveRawIconProp(prop?: RawIconProp, extraProps?: Record<string, unknown> & VNodeProps): VNodeChild;
+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>;
@@ -531,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;
@@ -556,8 +591,6 @@ export declare function useVui(): VuiService;
 
 export declare function useVuiColorProvider(): VuiColorProvider;
 
-export declare const VAccordion: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
-
 declare const ValidateCancelSymbol = "__ValidateCancelSymbol__";
 
 declare interface ValidationError {
@@ -586,7 +619,6 @@ export declare const VButton: DefineComponent<{
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
     endIcon: PropType<RawVButtonIcon>;
-    onClick: PropType<(ev: MouseEvent) => void>;
     tag: StringConstructor;
     to: PropType<RouteLocationRaw>;
     replace: BooleanConstructor;
@@ -615,7 +647,7 @@ export declare const VButton: DefineComponent<{
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    click: (ev: MouseEvent) => true;
+    click: (ev: MouseEvent) => boolean;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
     size?: unknown;
     spacer?: unknown;
@@ -624,7 +656,6 @@ export declare const VButton: DefineComponent<{
     icon?: unknown;
     startIcon?: unknown;
     endIcon?: unknown;
-    onClick?: unknown;
     tag?: unknown;
     to?: unknown;
     replace?: unknown;
@@ -662,7 +693,6 @@ export declare const VButton: DefineComponent<{
     textColor?: PaletteName | undefined;
     borderColor?: PaletteName | undefined;
     type?: "submit" | "reset" | "button" | undefined;
-    onClick?: ((ev: MouseEvent) => void) | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     spacer?: RawVButtonSpacer | undefined;
     icon?: RawVButtonIcon | undefined;
@@ -703,11 +733,15 @@ export declare type VButtonResolvedProps = ExtractPropTypes<typeof vueButtonProp
 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;
     }>>;
-    square: BooleanConstructor;
     color: PropType<ScopeName>;
     tag: {
         type: StringConstructor;
@@ -715,8 +749,11 @@ export declare const VCard: DefineComponent<{
     };
     elevation: PropType<VuiElevationValue>;
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
-    'v-slots'?: unknown;
     square?: unknown;
+    headerProps?: unknown;
+    bodyProps?: unknown;
+    footerProps?: unknown;
+    'v-slots'?: unknown;
     color?: unknown;
     tag?: unknown;
     elevation?: unknown;
@@ -725,8 +762,12 @@ export declare const VCard: DefineComponent<{
     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;
@@ -1091,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: {
@@ -1264,13 +1333,14 @@ export declare const VIcon: DefineComponent<{
 }, {}>;
 
 export declare const VListTile: DefineComponent<{
-    startIcon: PropType<RawIconProp<void>>;
-    endIcon: PropType<RawIconProp<void>>;
+    startIcon: PropType<RawIconProp>;
+    endIcon: PropType<RawIconProp>;
     fallbackTag: {
         type: StringConstructor;
         default: string;
     };
-    onClick: PropType<(ev: MouseEvent) => void>;
+    startIconEmptySpace: BooleanConstructor;
+    color: PropType<ScopeName>;
     tag: StringConstructor;
     to: PropType<RouteLocationRaw>;
     replace: BooleanConstructor;
@@ -1294,12 +1364,14 @@ export declare const VListTile: DefineComponent<{
     referrerpolicy: StringConstructor;
     type: PropType<"submit" | "reset" | "button" | undefined>;
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    click: (ev: MouseEvent) => true;
+    changeActive: (isActive: boolean) => boolean;
+    click: (ev: MouseEvent) => boolean;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
     startIcon?: unknown;
     endIcon?: unknown;
     fallbackTag?: unknown;
-    onClick?: unknown;
+    startIconEmptySpace?: unknown;
+    color?: unknown;
     tag?: unknown;
     to?: unknown;
     replace?: unknown;
@@ -1322,14 +1394,16 @@ export declare const VListTile: DefineComponent<{
 } & {
     replace: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
+    startIconEmptySpace: boolean;
     fallbackTag: string;
     custom: boolean;
     disabled: boolean;
 } & {
-    startIcon?: RawIconProp<void> | undefined;
-    endIcon?: RawIconProp<void> | undefined;
     type?: "submit" | "reset" | "button" | undefined;
-    onClick?: ((ev: MouseEvent) => void) | undefined;
+    startIcon?: RawIconProp | undefined;
+    endIcon?: RawIconProp | undefined;
+    color?: ScopeName | undefined;
+    name?: string | undefined;
     tag?: string | undefined;
     to?: RouteLocationRaw | undefined;
     activeClass?: string | undefined;
@@ -1337,7 +1411,6 @@ export declare const VListTile: DefineComponent<{
     href?: string | undefined;
     target?: string | undefined;
     rel?: string | undefined;
-    name?: string | undefined;
     charset?: string | undefined;
     hreflang?: string | undefined;
     download?: string | boolean | undefined;
@@ -1346,9 +1419,11 @@ export declare const VListTile: DefineComponent<{
     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;
@@ -1358,23 +1433,41 @@ export { VMenu }
 
 export declare const VNavigation: DefineComponent<{
     items: {
-        type: PropType<NavigationItemInputWithContent[]>;
+        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;
 } & {
-    items: NavigationItemInputWithContent[];
-} & {}>, {}>;
+    startIconEmptySpace: boolean;
+    items: NavigationItemInput[];
+} & {
+    color?: ScopeName | undefined;
+    caption?: VNodeChild | (() => VNodeChild);
+}>, {
+    startIconEmptySpace: boolean;
+}>;
 
 export declare const VNavigationItem: DefineComponent<{
-    startIcon: PropType<RawIconProp<void>>;
-    endIcon: PropType<RawIconProp<void>>;
+    children: PropType<NavigationItemInput[]>;
+    match: StringConstructor;
+    startIcon: PropType<RawIconProp>;
+    endIcon: PropType<RawIconProp>;
     fallbackTag: {
         type: StringConstructor;
         default: string;
     };
-    onClick: PropType<(ev: MouseEvent) => void>;
+    startIconEmptySpace: BooleanConstructor;
+    color: PropType<ScopeName>;
     tag: StringConstructor;
     to: PropType<RouteLocationRaw>;
     replace: BooleanConstructor;
@@ -1398,12 +1491,16 @@ export declare const VNavigationItem: DefineComponent<{
     referrerpolicy: StringConstructor;
     type: PropType<"submit" | "reset" | "button" | undefined>;
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    click: (ev: MouseEvent) => true;
+    changeActive: (isActive: boolean) => boolean;
+    click: (ev: MouseEvent) => boolean;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    children?: unknown;
+    match?: unknown;
     startIcon?: unknown;
     endIcon?: unknown;
     fallbackTag?: unknown;
-    onClick?: unknown;
+    startIconEmptySpace?: unknown;
+    color?: unknown;
     tag?: unknown;
     to?: unknown;
     replace?: unknown;
@@ -1426,14 +1523,16 @@ export declare const VNavigationItem: DefineComponent<{
 } & {
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
     replace: boolean;
+    startIconEmptySpace: boolean;
     fallbackTag: string;
     custom: boolean;
     disabled: boolean;
 } & {
-    startIcon?: RawIconProp<void> | undefined;
-    endIcon?: RawIconProp<void> | undefined;
+    match?: string | undefined;
     type?: "submit" | "reset" | "button" | undefined;
-    onClick?: ((ev: MouseEvent) => void) | undefined;
+    startIcon?: RawIconProp | undefined;
+    endIcon?: RawIconProp | undefined;
+    color?: ScopeName | undefined;
     tag?: string | undefined;
     to?: RouteLocationRaw | undefined;
     activeClass?: string | undefined;
@@ -1448,11 +1547,14 @@ export declare const VNavigationItem: DefineComponent<{
     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;
@@ -1625,11 +1727,15 @@ export declare const VOptionGroup: DefineComponent<{
 }>;
 
 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;
     }>>;
-    square: BooleanConstructor;
     color: PropType<ScopeName>;
     tag: {
         type: StringConstructor;
@@ -1637,8 +1743,11 @@ export declare const VPaper: DefineComponent<{
     };
     elevation: PropType<VuiElevationValue>;
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
-    'v-slots'?: unknown;
     square?: unknown;
+    headerProps?: unknown;
+    bodyProps?: unknown;
+    footerProps?: unknown;
+    'v-slots'?: unknown;
     color?: unknown;
     tag?: unknown;
     elevation?: unknown;
@@ -1647,8 +1756,12 @@ export declare const VPaper: DefineComponent<{
     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;
@@ -3150,7 +3263,6 @@ export declare const vueButtonProps: {
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
     endIcon: PropType<RawVButtonIcon>;
-    onClick: PropType<(ev: MouseEvent) => void>;
     tag: StringConstructor;
     to: PropType<RouteLocationRaw>;
     replace: BooleanConstructor;