@fastkit/vui 0.12.10 → 0.12.12

package/dist/vui.d.ts

@@ -5,7 +5,13 @@ export { ICON_NAMES, IconName } from '@fastkit/icon-font';
 import { MediaMatchKey } from '@fastkit/media-match';
 export * from '@fastkit/media-match';
 export * from '@fastkit/vue-media-match';
+export * from '@fastkit/vue-keyboard';
+export * from '@fastkit/vue-transitions';
+import { LocationService } from '@fastkit/vue-location';
+export * from '@fastkit/vue-location';
 export * from '@fastkit/rules';
+export * from '@fastkit/vue-body-scroll-lock';
+export * from '@fastkit/vue-click-outside';
 export * from '@fastkit/vue-app-layout';
 import { VueColorSchemePluginSettings, ScopeName as ScopeName$1 } from '@fastkit/vue-color-scheme';
 export * from '@fastkit/vue-color-scheme';
@@ -17,13 +23,19 @@ export * from '@fastkit/vue-scroller';
 import { VDialogProps, VueStackService, VStackControl, VMenuControl, VueStackServiceOptions } from '@fastkit/vue-stack';
 export * from '@fastkit/vue-stack';
 export { VDialog, VMenu, VSnackbar, VTooltip } from '@fastkit/vue-stack';
+import { ActionableInheritProps } from '@fastkit/vue-action';
+export * from '@fastkit/vue-action';
+export { VAction as VLink } from '@fastkit/vue-action';
 import * as _fastkit_vue_utils from '@fastkit/vue-utils';
-import { TypedSlot, VNodeChildOrSlot, ExtractPropInput, LocationService, NavigationableInheritProps } from '@fastkit/vue-utils';
+import { TypedSlot, VNodeChildOrSlot, ExtractPropInput } from '@fastkit/vue-utils';
 export * from '@fastkit/vue-utils';
 export * from '@fastkit/vue-loading';
 import * as vue from 'vue';
 import { PropType, ExtractPropTypes, ComputedRef, VNodeChild, InjectionKey, VNodeProps, UnwrapNestedRefs, ImgHTMLAttributes, HTMLAttributes, Ref, App } from 'vue';
 import {  ScopeName, ColorVariant , ThemeName, PaletteName } from '@fastkit/color-scheme';
+import * as _fastkit_vue_resize__ from '@fastkit/vue-resize/.';
+import * as _fastkit_vue_click_outside__ from '@fastkit/vue-click-outside/.';
+import * as _fastkit_vue_body_scroll_lock__ from '@fastkit/vue-body-scroll-lock/.';
 import { useLink, Router, UseLinkOptions, RouteLocationRaw } from 'vue-router';
 import * as _fastkit_vue_utils__ from '@fastkit/vue-utils/.';
 import * as _fastkit_vue_form_control__ from '@fastkit/vue-form-control/.';
@@ -1140,9 +1152,9 @@ declare const VBusyImage: vue.DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     load: (ev: Event) => boolean;
     error: (ev: Event) => boolean;
@@ -1332,9 +1344,9 @@ declare const VBusyImage: vue.DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }>> & {
     onLoad?: ((ev: Event) => any) | undefined;
     onError?: ((ev: Event) => any) | undefined;
@@ -1528,9 +1540,9 @@ declare const VGridItem: vue.DefineComponent<{
     onAnimationiteration: vue.PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': vue.PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': vue.PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': vue.PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': vue.PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': vue.PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': vue.PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     tag: {
         type: StringConstructor;
@@ -1710,9 +1722,9 @@ declare const VGridItem: vue.DefineComponent<{
     onAnimationiteration: vue.PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': vue.PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': vue.PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': vue.PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': vue.PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': vue.PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': vue.PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }>>, {
     tag: string;
 }>;
@@ -1908,9 +1920,9 @@ declare const VGridContainer: vue.DefineComponent<{
     onAnimationiteration: vue.PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': vue.PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': vue.PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': vue.PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': vue.PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': vue.PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': vue.PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     wrapperTag: {
         type: StringConstructor;
@@ -2097,9 +2109,9 @@ declare const VGridContainer: vue.DefineComponent<{
     onAnimationiteration: vue.PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': vue.PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': vue.PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': vue.PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': vue.PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': vue.PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': vue.PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }>>, {
     tag: string;
     wrapperTag: string;
@@ -2285,9 +2297,9 @@ declare function createPaperBaseProps(): {
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 };
 type ARGS = Record<string, unknown> & VNodeProps;
 declare function createPaperProps(): {
@@ -2475,9 +2487,9 @@ declare function createPaperProps(): {
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
     elevation: PropType<VuiElevationValue>;
 };
 declare const VPaper: vue.DefineComponent<{
@@ -2665,9 +2677,9 @@ declare const VPaper: vue.DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
     elevation: PropType<VuiElevationValue>;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     square: BooleanConstructor;
@@ -2854,9 +2866,9 @@ declare const VPaper: vue.DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
     elevation: PropType<VuiElevationValue>;
 }>>, {
     tag: any;
@@ -3152,7 +3164,7 @@ declare function createCardProps(): {
     bodyProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     footerProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     innerClass: vue.PropType<any>;
-    'v-slots': vue.PropType<_fastkit_vue_utils.ResolveRawSlots<{
+    'v-slots': vue.PropType<_fastkit_vue_utils__.ResolveRawSlots<{
         header: void;
         default: void;
         footer: void;
@@ -3324,9 +3336,9 @@ declare function createCardProps(): {
     onAnimationiteration: vue.PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': vue.PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': vue.PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': vue.PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': vue.PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': vue.PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': vue.PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
     elevation: vue.PropType<VuiElevationValue>;
 };
 declare const VCard: vue.DefineComponent<{
@@ -3361,7 +3373,7 @@ declare const VCard: vue.DefineComponent<{
     bodyProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     footerProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     innerClass: vue.PropType<any>;
-    'v-slots': vue.PropType<_fastkit_vue_utils.ResolveRawSlots<{
+    'v-slots': vue.PropType<_fastkit_vue_utils__.ResolveRawSlots<{
         header: void;
         default: void;
         footer: void;
@@ -3533,9 +3545,9 @@ declare const VCard: vue.DefineComponent<{
     onAnimationiteration: vue.PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': vue.PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': vue.PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': vue.PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': vue.PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': vue.PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': vue.PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
     elevation: vue.PropType<VuiElevationValue>;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     disabled: BooleanConstructor;
@@ -3569,7 +3581,7 @@ declare const VCard: vue.DefineComponent<{
     bodyProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     footerProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     innerClass: vue.PropType<any>;
-    'v-slots': vue.PropType<_fastkit_vue_utils.ResolveRawSlots<{
+    'v-slots': vue.PropType<_fastkit_vue_utils__.ResolveRawSlots<{
         header: void;
         default: void;
         footer: void;
@@ -3741,9 +3753,9 @@ declare const VCard: vue.DefineComponent<{
     onAnimationiteration: vue.PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': vue.PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': vue.PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': vue.PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': vue.PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': vue.PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': vue.PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
     elevation: vue.PropType<VuiElevationValue>;
 }>>, {
     disabled: boolean;
@@ -3973,9 +3985,9 @@ declare const vueButtonProps: {
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 };
 type VButtonProps = ExtractPropInput<typeof vueButtonProps>;
 type VButtonResolvedProps = ExtractPropTypes<typeof vueButtonProps>;
@@ -4191,9 +4203,9 @@ declare const VButton: vue.DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ExtractPropTypes<{
     size: {
         type: PropType<"sm" | "md" | "lg">;
@@ -4406,9 +4418,9 @@ declare const VButton: vue.DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }>>, {
     loading: boolean;
     align: "left" | "center" | "right";
@@ -4865,9 +4877,9 @@ declare const VDrawerLayout: vue.DefineComponent<{
     onAnimationiteration: vue.PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': vue.PropType<_fastkit_vue_utils__.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': vue.PropType<_fastkit_vue_utils__.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': vue.PropType<_fastkit_vue_utils__.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': vue.PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': vue.PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': vue.PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<_fastkit_vue_utils__.ResolveRawSlots<{
         header: void;
@@ -5048,9 +5060,9 @@ declare const VDrawerLayout: vue.DefineComponent<{
     onAnimationiteration: vue.PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': vue.PropType<_fastkit_vue_utils__.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': vue.PropType<_fastkit_vue_utils__.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': vue.PropType<_fastkit_vue_utils__.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': vue.PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': vue.PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': vue.PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }>>, {
     tag: any;
 }>;
@@ -5241,9 +5253,9 @@ declare const VHero: vue.DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     'v-slots': PropType<_fastkit_vue_utils.ResolveRawSlots<{
         default: void;
@@ -5430,9 +5442,9 @@ declare const VHero: vue.DefineComponent<{
     onAnimationiteration: PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }>>, {
     color: ScopeName;
     tag: string;
@@ -7947,7 +7959,7 @@ declare const VTabs: vue.DefineComponent<{
     withQuery: boolean;
 }>;
 
-interface BreadcrumbsItem extends Pick<NavigationableInheritProps, 'to' | 'disabled'> {
+interface BreadcrumbsItem extends Pick<ActionableInheritProps, 'to' | 'disabled'> {
     /**
      * "正確なマッチモード" を強制する場合true
      */
@@ -8486,9 +8498,9 @@ declare const VToolbarMenu: vue.DefineComponent<{
     onAnimationiteration: vue.PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': vue.PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': vue.PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': vue.PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': vue.PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': vue.PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': vue.PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     size: {
         type: vue.PropType<"sm" | "md" | "lg">;
@@ -8701,9 +8713,9 @@ declare const VToolbarMenu: vue.DefineComponent<{
     onAnimationiteration: vue.PropType<((payload: AnimationEvent) => void) | undefined>;
     onTransitionend: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: vue.PropType<((payload: TransitionEvent) => void) | undefined>;
-    'v-click-outside': vue.PropType<_fastkit_vue_utils.ClickOutsideDirectiveBindingValue | undefined>;
-    'v-body-scroll-lock': vue.PropType<_fastkit_vue_utils.BodyScrollLockDirectiveBindingValue>;
-    'v-resize': vue.PropType<_fastkit_vue_utils.RawResizeDirectiveBindingValue | undefined>;
+    'v-body-scroll-lock': vue.PropType<_fastkit_vue_body_scroll_lock__.BodyScrollLockDirectiveBindingValue>;
+    'v-click-outside': vue.PropType<_fastkit_vue_click_outside__.ClickOutsideDirectiveBindingValue | undefined>;
+    'v-resize': vue.PropType<_fastkit_vue_resize__.RawResizeDirectiveBindingValue | undefined>;
 }>>, {
     loading: boolean;
     align: "left" | "center" | "right";

package/dist/vui.mjs

@@ -1,11 +1,21 @@
-import { loadImage, IN_WINDOW, isPromise } from '@fastkit/helpers';
+import { IN_WINDOW, isPromise } from '@fastkit/helpers';
 export * from '@fastkit/helpers';
 import { ICON_NAMES } from '@fastkit/icon-font';
 export * from '@fastkit/icon-font';
 export { ICON_NAMES } from '@fastkit/icon-font';
 export * from '@fastkit/media-match';
 export * from '@fastkit/vue-media-match';
+import { useKeyboard } from '@fastkit/vue-keyboard';
+export * from '@fastkit/vue-keyboard';
+import { VExpandTransition } from '@fastkit/vue-transitions';
+export * from '@fastkit/vue-transitions';
+import { LocationService } from '@fastkit/vue-location';
+export * from '@fastkit/vue-location';
 export * from '@fastkit/rules';
+import { installBodyScrollLockDirective } from '@fastkit/vue-body-scroll-lock';
+export * from '@fastkit/vue-body-scroll-lock';
+import { installClickOutsideDirective } from '@fastkit/vue-click-outside';
+export * from '@fastkit/vue-click-outside';
 import { VAppContainer, VueAppLayout, VAppLayout, installVueAppLayout } from '@fastkit/vue-app-layout';
 export * from '@fastkit/vue-app-layout';
 import { useScopeColorClass, useColorClasses, colorSchemeProps, toScopeColorClass, useInjectTheme, VueColorSchemePlugin } from '@fastkit/vue-color-scheme';
@@ -17,12 +27,17 @@ export * from '@fastkit/vue-scroller';
 import { VTooltip, VMenu, VStackRoot, VDialog, VSnackbar, resolveVStackDynamicInput, installVueStackPlugin } from '@fastkit/vue-stack';
 export * from '@fastkit/vue-stack';
 export { VDialog, VMenu, VSnackbar, VTooltip } from '@fastkit/vue-stack';
-import { createPropsOptions, defineSlotsProps, renderSlotOrEmpty, htmlAttributesPropOptions, useNavigationable, VLink, navigationableInheritProps, isFragment, resolveNumberish, resizeDirectiveArgument, VExpandTransition, resolveVNodeChildOrSlots, useKeyboard, rawNumberPropType, LocationService, setDefaultRouterLink, onAppUnmount } from '@fastkit/vue-utils';
+import { useActionable, VAction, actionableInheritProps, setDefaultRouterLink } from '@fastkit/vue-action';
+export * from '@fastkit/vue-action';
+export { VAction as VLink } from '@fastkit/vue-action';
+import { createPropsOptions, defineSlotsProps, renderSlotOrEmpty, htmlAttributesPropOptions, isFragment, resolveNumberish, resolveVNodeChildOrSlots, rawNumberPropType, onAppUnmount } from '@fastkit/vue-utils';
 export * from '@fastkit/vue-utils';
 import * as vue_loading_star from '@fastkit/vue-loading';
 export * from '@fastkit/vue-loading';
 import { defineComponent, computed, createVNode, mergeProps, ref, watch, onMounted, onBeforeUnmount, isVNode, cloneVNode, withDirectives, Fragment, vShow, onBeforeUpdate, vModelSelect, Transition, inject, provide, createTextVNode, reactive, nextTick } from 'vue';
+import { loadImage } from '@fastkit/dom';
 import { useRouter, useRoute, RouterLink, useLink } from 'vue-router';
+import { resizeDirectiveArgument, installResizeDirective } from '@fastkit/vue-resize';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -79,6 +94,7 @@ __export(src_exports, {
   VGridItem: () => VGridItem,
   VHero: () => VHero,
   VIcon: () => VIcon,
+  VLink: () => VAction,
   VListTile: () => VListTile,
   VMenu: () => VMenu,
   VNavigation: () => VNavigation,
@@ -1065,7 +1081,7 @@ var AVATAR_SIZES = ["sm", "md", "lg"];
 function createAvatarProps() {
   return {
     ...colorSchemeProps(),
-    ...navigationableInheritProps,
+    ...actionableInheritProps,
     size: {
       type: [String, Number],
       default: "md"
@@ -1087,7 +1103,7 @@ var VAvatar = defineComponent({
       color: () => props10.color || defaults.color,
       variant: () => props10.variant || defaults.variant
     });
-    const navigationable = useNavigationable(ctx, {
+    const actionable = useActionable(ctx, {
       clickableClassName: () => "v-avatar--clickable",
       linkFallbackTag: "div"
     });
@@ -1117,7 +1133,7 @@ var VAvatar = defineComponent({
       const {
         Tag,
         attrs
-      } = navigationable.value;
+      } = actionable.value;
       return createVNode(Tag, mergeProps(attrs, {
         "class": ["v-avatar", classes.value, color.colorClasses.value],
         "style": styles.value
@@ -1135,7 +1151,7 @@ var CHIP_SIZES = ["xs", "sm", "md", "lg", "xl"];
 function createChipProps() {
   return {
     ...colorSchemeProps(),
-    ...navigationableInheritProps,
+    ...actionableInheritProps,
     size: {
       type: String,
       default: "md"
@@ -1183,7 +1199,7 @@ var VChip = defineComponent({
       const _icon = resolveRawVChipIcon(props10.endIcon, "end");
       return _icon && _icon();
     });
-    const navigationable = useNavigationable(ctx, {
+    const actionable = useActionable(ctx, {
       clickableClassName: () => "v-chip--clickable",
       linkFallbackTag: "div"
     });
@@ -1199,7 +1215,7 @@ var VChip = defineComponent({
       const {
         Tag,
         attrs
-      } = navigationable.value;
+      } = actionable.value;
       return createVNode(Tag, mergeProps(attrs, {
         "class": ["v-chip", classes.value, color.colorClasses.value]
       }), {
@@ -1213,7 +1229,7 @@ var VChip = defineComponent({
 function createCardProps() {
   return {
     ...createPaperProps(),
-    ...navigationableInheritProps,
+    ...actionableInheritProps,
     disabled: Boolean
   };
 }
@@ -1229,7 +1245,7 @@ var VCard = defineComponent({
         ..._props.value,
         ...ctx.attrs,
         class: ["v-card", ctx.attrs.class, typeof ctx.attrs.onClick === "function" && "clickable"],
-        tag: hasLink ? VLink : "div"
+        tag: hasLink ? VAction : "div"
       };
       if (props10.disabled) {
         attrs.disabled = "disabled";
@@ -1280,7 +1296,7 @@ function resolveRawVButtonIcon(raw, type = "main") {
 var vueButtonProps = createPropsOptions({
   ...htmlAttributesPropOptions,
   ...colorSchemeProps(),
-  ...navigationableInheritProps,
+  ...actionableInheritProps,
   spacer: [Boolean, String],
   rounded: Boolean,
   icon: [String, Function],
@@ -1344,7 +1360,7 @@ var VButton = defineComponent({
     ]);
     return () => {
       const children = renderSlotOrEmpty(ctx.slots);
-      return createVNode(VLink, mergeProps(ctx.attrs, {
+      return createVNode(VAction, mergeProps(ctx.attrs, {
         "class": ["v-button", classes.value]
       }), {
         default: () => [createVNode("span", {
@@ -1690,7 +1706,7 @@ var VPagination = defineComponent({
 function createListTileProps() {
   const icon = rawIconProp();
   return {
-    ...navigationableInheritProps,
+    ...actionableInheritProps,
     ...createPropsOptions({
       startIcon: icon,
       endIcon: icon,
@@ -1751,7 +1767,7 @@ var VListTile = defineComponent({
     return () => {
       const _startIcon = startIcon.value;
       const _endIcon = endIcon.value;
-      return createVNode(VLink, mergeProps(ctx.attrs, {
+      return createVNode(VAction, mergeProps(ctx.attrs, {
         "class": ["v-list-tile", classes.value],
         "clickableClassName": "v-list-tile--clickable"
       }), {
@@ -3517,7 +3533,7 @@ var VBreadcrumbs = defineComponent({
         }
         if (text)
           myChildren.push(text);
-        const itemChild = to ? createVNode(VLink, {
+        const itemChild = to ? createVNode(VAction, {
           "class": "v-breadcrumbs__link",
           "to": to,
           "exactActiveClass": "v-breadcrumbs__link--active"
@@ -4638,6 +4654,9 @@ var VuiPlugin = class {
       ...stack
     });
     installVueAppLayout(app);
+    installBodyScrollLockDirective(app);
+    installClickOutsideDirective(app);
+    installResizeDirective(app);
     const $vui = new VuiService(opts, app.config.globalProperties.$vstack);
     app.provide(VuiInjectionKey, $vui);
     app.config.globalProperties.$vui = $vui;