@fastkit/vui 0.20.4 → 1.0.0-next.0

package/dist/after-effects/display-flow.scss

@@ -1,3 +1,7 @@
+@use 'sass:map' as _vui_af_display_flow_map;
+@use 'sass:string' as _vui_af_display_flow_string;
+@use 'sass:meta' as _vui_af_display_flow_meta;
+
 $props-map: (
   (
     prop: 'display',
@@ -296,16 +300,16 @@ $props-map: (
 
 @mixin display-flow($breakpoint-suffix: '') {
   @each $prop-info in $props-map {
-    $prop: map-get($prop-info, prop);
-    $values: map-get($prop-info, values);
+    $prop: _vui_af_display_flow_map.get($prop-info, prop);
+    $values: _vui_af_display_flow_map.get($prop-info, values);
 
     @each $value-info in $values {
-      $selector: map-get($value-info, selector);
-      $value: map-get($value-info, value);
+      $selector: _vui_af_display_flow_map.get($value-info, selector);
+      $value: _vui_af_display_flow_map.get($value-info, value);
 
       .#{$selector}#{$breakpoint-suffix} {
         /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
-        #{$prop}: unquote($value);
+        #{$prop}: _vui_af_display_flow_string.unquote($value);
       }
     }
   }
@@ -341,6 +345,9 @@ $props-map: (
 
 @include display-flow;
 
-@include mq-each {
-  @include display-flow($breakpoint-suffix: '--' + $mq-each-target);
+// mq-eachミックスインが定義されている場合のみ実行
+@if _vui_af_display_flow_meta.mixin-exists(mq-each) {
+  @include mq-each {
+    @include display-flow($breakpoint-suffix: '--' + $mq-each-target);
+  }
 }

package/dist/after-effects/spacing.scss

@@ -8,6 +8,8 @@
 // * .my-0 : margin-top: 0; margin-bottom: 0;
 // * .mt-1--xs: margin-top: 8px; (only xs media)
 // *************************
+@use 'sass:map' as _vui_af_spacing_map;
+@use 'sass:meta' as _vui_af_spacing_meta;
 
 $property-map: (
   (
@@ -72,14 +74,14 @@ $sides-map: (
 
 @mixin spacing($breakpoint-suffix: '') {
   @each $property-info in $property-map {
-    $prop-selector: map-get($property-info, selector);
-    $prop-name: map-get($property-info, prop);
-    $has-negative: map-get($property-info, has-negative);
-    $has-auto: map-get($property-info, has-auto);
+    $prop-selector: _vui_af_spacing_map.get($property-info, selector);
+    $prop-name: _vui_af_spacing_map.get($property-info, prop);
+    $has-negative: _vui_af_spacing_map.get($property-info, has-negative);
+    $has-auto: _vui_af_spacing_map.get($property-info, has-auto);
 
     @each $sides-info in $sides-map {
-      $sides-selector: map-get($sides-info, selector);
-      $sides-props: map-get($sides-info, props);
+      $sides-selector: _vui_af_spacing_map.get($sides-info, selector);
+      $sides-props: _vui_af_spacing_map.get($sides-info, props);
       $base-selector: '.' + #{$prop-selector}#{$sides-selector};
 
       @if $has-auto {
@@ -149,6 +151,9 @@ $sides-map: (
 
 @include spacing;
 
-@include mq-each {
-  @include spacing($breakpoint-suffix: '--' + $mq-each-target);
+// mq-eachミックスインが定義されている場合のみ実行
+@if _vui_af_spacing_meta.mixin-exists(mq-each) {
+  @include mq-each {
+    @include spacing($breakpoint-suffix: '--' + $mq-each-target);
+  }
 }

package/dist/after-effects/text.scss

@@ -1,3 +1,7 @@
+@use 'sass:map' as _vui_af_text_map;
+@use 'sass:string' as _vui_af_text_string;
+@use 'sass:meta' as _vui_af_text_meta;
+
 $props-map: (
   (
     prop: 'text-align',
@@ -61,16 +65,16 @@ $props-map: (
   }
 
   @each $prop-info in $props-map {
-    $prop: map-get($prop-info, prop);
-    $values: map-get($prop-info, values);
+    $prop: _vui_af_text_map.get($prop-info, prop);
+    $values: _vui_af_text_map.get($prop-info, values);
 
     @each $value-info in $values {
-      $selector: map-get($value-info, selector);
-      $value: map-get($value-info, value);
+      $selector: _vui_af_text_map.get($value-info, selector);
+      $value: _vui_af_text_map.get($value-info, value);
 
       .#{$selector}#{$breakpoint-suffix} {
         /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
-        #{$prop}: unquote($value);
+        #{$prop}: _vui_af_text_string.unquote($value);
       }
     }
   }
@@ -86,6 +90,9 @@ $props-map: (
 
 @include text;
 
-@include mq-each {
-  @include text($breakpoint-suffix: '--' + $mq-each-target);
+// mq-eachミックスインが定義されている場合のみ実行
+@if _vui_af_text_meta.mixin-exists(mq-each) {
+  @include mq-each {
+    @include text($breakpoint-suffix: '--' + $mq-each-target);
+  }
 }

package/dist/after-effects.scss

@@ -1,3 +1,3 @@
-@import './after-effects/display-flow';
-@import './after-effects/text';
-@import './after-effects/spacing';
+@use './after-effects/display-flow' as *;
+@use './after-effects/text' as *;
+@use './after-effects/spacing' as *;

package/dist/vui.css

@@ -1,4 +1,4 @@
-@layer vui-normalize, vui-color-scheme, vue-loading, vue-app-layout, vui;
+@layer vui-normalize, vui-color-scheme, vue-disabled-reason, vue-loading, vue-app-layout, vui;
 @layer vui-normalize{
   *,:after,:before{
     box-sizing:border-box;
@@ -717,6 +717,24 @@
     transform:translateX(-100%);
     z-index:1;
   }
+  .v-disabled-reason{
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+  }
+  .v-disabled-reason::-moz-focus-inner{
+    border:0;
+  }
+  .v-disabled-reason{
+    border-radius:inherit;
+    cursor:default;
+    display:block;
+    inset:0;
+    pointer-events:none;
+    position:absolute;
+    z-index:10;
+  }
+  .v-disabled-reason[tabindex]:not([tabindex^="-"]){
+    pointer-events:auto;
+  }
   .v-busy-image{
     display:inline-block;
     max-width:100%;

package/dist/vui.d.ts

@@ -42,6 +42,7 @@ import {  ScopeName, ColorVariant , ThemeName, PaletteName } from '@fastkit/colo
 import * as vue_router from 'vue-router';
 import { Router, UseLinkOptions, useLink, RouteLocationRaw } from 'vue-router';
 import * as _fastkit_vue_resize from '@fastkit/vue-resize';
+import * as _fastkit_vue_disabled_reason from '@fastkit/vue-disabled-reason';
 
 declare const CONTROL_SIZES: readonly ["sm", "md", "lg"];
 type ControlSize = (typeof CONTROL_SIZES)[number];
@@ -2151,6 +2152,173 @@ declare const VSkeltonLoaderBone: vue.DefineComponent<{
     tag: string;
 }, {}>;
 
+/**
+ * Display type
+ *
+ * Currently, only tooltip is supported
+ */
+type DisabledReasonType = 'tooltip';
+declare const VDisabledReason: vue.DefineComponent<{
+    /**
+     * Display type
+     *
+     * Currently, only tooltip is supported
+     *
+     * @see {@link DisabledReasonType}
+     */
+    type: {
+        type: PropType<DisabledReasonType>;
+        default: string;
+    };
+    x: PropType<_fastkit_vue_stack.VMenuXPosition>;
+    y: PropType<_fastkit_vue_stack.VMenuYPosition>;
+    allowOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    height: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    minWidth: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    minHeight: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    maxWidth: PropType<(number | "fit" | "free") | ((window: _fastkit_vue_resize.UseWindowRef) => number | undefined)>;
+    maxHeight: PropType<(number | "fit" | "free") | ((window: _fastkit_vue_resize.UseWindowRef) => number | undefined)>;
+    distance: {
+        type: NumberConstructor;
+        default: number;
+    };
+    edgeMargin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    forceEdgeMargin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overlap: {
+        type: PropType<_fastkit_vue_stack.MenuOverlapSettings | boolean>;
+        default: boolean | _fastkit_vue_stack.MenuOverlapSettings;
+    };
+    resizeWatchDebounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideOnScroll: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: string | number | boolean;
+    };
+    hideOnInvisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+} & {
+    'v-slots': PropType<{
+        default?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => vue.VNodeChild) | undefined;
+        reason?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => vue.VNodeChild) | undefined;
+    }>;
+    reason: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
+}, () => (string | number | boolean | void | vue.VNodeArrayChildren | vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}> | null)[], unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Display type
+     *
+     * Currently, only tooltip is supported
+     *
+     * @see {@link DisabledReasonType}
+     */
+    type: {
+        type: PropType<DisabledReasonType>;
+        default: string;
+    };
+    x: PropType<_fastkit_vue_stack.VMenuXPosition>;
+    y: PropType<_fastkit_vue_stack.VMenuYPosition>;
+    allowOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    height: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    minWidth: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    minHeight: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    maxWidth: PropType<(number | "fit" | "free") | ((window: _fastkit_vue_resize.UseWindowRef) => number | undefined)>;
+    maxHeight: PropType<(number | "fit" | "free") | ((window: _fastkit_vue_resize.UseWindowRef) => number | undefined)>;
+    distance: {
+        type: NumberConstructor;
+        default: number;
+    };
+    edgeMargin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    forceEdgeMargin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overlap: {
+        type: PropType<_fastkit_vue_stack.MenuOverlapSettings | boolean>;
+        default: boolean | _fastkit_vue_stack.MenuOverlapSettings;
+    };
+    resizeWatchDebounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideOnScroll: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: string | number | boolean;
+    };
+    hideOnInvisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+} & {
+    'v-slots': PropType<{
+        default?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => vue.VNodeChild) | undefined;
+        reason?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => vue.VNodeChild) | undefined;
+    }>;
+    reason: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
+}>>, {
+    type: "tooltip";
+    allowOverflow: boolean;
+    width: number | "fit" | "free";
+    height: number | "fit" | "free";
+    minWidth: number | "fit" | "free";
+    minHeight: number | "fit" | "free";
+    distance: number;
+    edgeMargin: number;
+    forceEdgeMargin: boolean;
+    overlap: boolean | _fastkit_vue_stack.MenuOverlapSettings;
+    resizeWatchDebounce: number;
+    hideOnScroll: string | number | boolean;
+    hideOnInvisible: boolean;
+}, _fastkit_vue_utils.DefinedSlots<{
+    default?: (api: _fastkit_vue_disabled_reason.DisabledReasonAPI) => any;
+    reason?: (api: _fastkit_vue_disabled_reason.DisabledReasonAPI) => any;
+}>>;
+
 declare type ImgHTMLAttributesPropOptions = {
     [K in keyof ImgHTMLAttributes]-?: PropType<ImgHTMLAttributes[K]>;
 };
@@ -7236,4 +7404,4 @@ declare class VuiPlugin {
 }
 declare function installVuiPlugin(app: App, opts: VuiPluginOptions): App<any>;
 
-export { ARROW_KEY_TYPES, AVATAR_SIZES, type AdornmentPosition, type AvatarSize, BUTTON_ALIGNS, type BreadcrumbsItem, type BusyImageLoadState, type BusyImageRect, type BusyImageRects, type BusyImageSizeValue, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, type ChipSize, type ContentSwitcherSeeTopOptions, type ControlFieldProvider, type ControlFieldProviderProps, type ControlFieldVariant, type ControlProps, type ControlProvider, type ControlSize, type DataTableCellSlotPayload, type DataTableDefaults, type DataTableHeader, type DataTableHeaderAlign, type DataTableItem, type DataTableItemSlotPayload, type DataTableRowSettings, type DataTableRowSettingsFn, type DefineFormSelectorComponentOptions, type ElevationProps, type GridContainerAlignContentValue, type GridContainerDirectionValue, type GridContainerJustifyContentValue, type GridContainerSpacingValue, type GridContainerWrapValue, type GridItemAlignValue, type GridItemJustifyValue, type GridItemNumberSizeValue, type GridItemSizeValue, type ImgHTMLAttributesPropOptions, type InputBoxSlots, KEYBOARD_EVENT_TYPES, type NavigationInput, type NavigationItemInput, PAGINATION_ALIGNS, type RawBreadcrumbsItem, type RawDataTableRowSettings, type RawIconProp, type RawVButtonIcon, type RawVButtonSpacer, type RawVChipIcon, type RawVuiPluginOptions, type RawVuiPromptOptions, type RawVuiServiceIconSettings, type RawVuiServiceOptions, type RawVuiServiceUISettings, type TextFieldEmits, type TextFieldInput, type TextFieldPropsOptions, type UseControlFieldProviderOptions, type UseControlProviderOptions, type UseElevationOptions, type UseLinkResult, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, type VButtonAlign, VButtonGroup, type VButtonIcon, type VButtonProps, type VButtonResolvedProps, type VButtonSpacer, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, type VChipIcon, VContentSwitcher, VControlField, VDataTable, VDialog, VDrawerLayout, VForm, VFormControl, VFormGroup, type VFormGroupSlots, type VFormSlots, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, type VPaginationAlign, type VPaginationGuard, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, type VSheetModalSlots, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, type VTabsGuard, type VTabsItem, type VTabsItemLabelSlot, type VTabsItemLabelSlotCtx, type VTabsRouterHandler, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, type VToolbarEdgeEdge, VToolbarMenu, type VToolbarMenuEdge, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_GROUP_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, type VuiColorProvider, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, type VuiElevationValue, type VuiFormPromptSettings, VuiInjectionKey, VuiPlugin, type VuiPluginOptions, type VuiPluginStackOptions, type VuiPromptOptions, VuiService, type VuiServiceIconSettings, type VuiServiceOptions, type VuiServiceUISettings, type VuiVNodeResolver, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { ARROW_KEY_TYPES, AVATAR_SIZES, type AdornmentPosition, type AvatarSize, BUTTON_ALIGNS, type BreadcrumbsItem, type BusyImageLoadState, type BusyImageRect, type BusyImageRects, type BusyImageSizeValue, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, type ChipSize, type ContentSwitcherSeeTopOptions, type ControlFieldProvider, type ControlFieldProviderProps, type ControlFieldVariant, type ControlProps, type ControlProvider, type ControlSize, type DataTableCellSlotPayload, type DataTableDefaults, type DataTableHeader, type DataTableHeaderAlign, type DataTableItem, type DataTableItemSlotPayload, type DataTableRowSettings, type DataTableRowSettingsFn, type DefineFormSelectorComponentOptions, type DisabledReasonType, type ElevationProps, type GridContainerAlignContentValue, type GridContainerDirectionValue, type GridContainerJustifyContentValue, type GridContainerSpacingValue, type GridContainerWrapValue, type GridItemAlignValue, type GridItemJustifyValue, type GridItemNumberSizeValue, type GridItemSizeValue, type ImgHTMLAttributesPropOptions, type InputBoxSlots, KEYBOARD_EVENT_TYPES, type NavigationInput, type NavigationItemInput, PAGINATION_ALIGNS, type RawBreadcrumbsItem, type RawDataTableRowSettings, type RawIconProp, type RawVButtonIcon, type RawVButtonSpacer, type RawVChipIcon, type RawVuiPluginOptions, type RawVuiPromptOptions, type RawVuiServiceIconSettings, type RawVuiServiceOptions, type RawVuiServiceUISettings, type TextFieldEmits, type TextFieldInput, type TextFieldPropsOptions, type UseControlFieldProviderOptions, type UseControlProviderOptions, type UseElevationOptions, type UseLinkResult, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, type VButtonAlign, VButtonGroup, type VButtonIcon, type VButtonProps, type VButtonResolvedProps, type VButtonSpacer, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, type VChipIcon, VContentSwitcher, VControlField, VDataTable, VDialog, VDisabledReason, VDrawerLayout, VForm, VFormControl, VFormGroup, type VFormGroupSlots, type VFormSlots, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, type VPaginationAlign, type VPaginationGuard, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, type VSheetModalSlots, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, type VTabsGuard, type VTabsItem, type VTabsItemLabelSlot, type VTabsItemLabelSlotCtx, type VTabsRouterHandler, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, type VToolbarEdgeEdge, VToolbarMenu, type VToolbarMenuEdge, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_GROUP_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, type VuiColorProvider, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, type VuiElevationValue, type VuiFormPromptSettings, VuiInjectionKey, VuiPlugin, type VuiPluginOptions, type VuiPluginStackOptions, type VuiPromptOptions, VuiService, type VuiServiceIconSettings, type VuiServiceOptions, type VuiServiceUISettings, type VuiVNodeResolver, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };

package/dist/vui.mjs

@@ -24,7 +24,7 @@ import { createFormNodeWrapperSettings, useFormNodeWrapper, useParentFormNode, c
 export * from '@fastkit/vue-form-control';
 import { VScroller, getDocumentScroller } from '@fastkit/vue-scroller';
 export * from '@fastkit/vue-scroller';
-import { defineMenuComponent, defineDialogComponent, createStackActionProps, useStackAction, defineSnackbarComponent, createStackableDefine, useStackControl, VDynamicStacks, BUILTIN_ACTION_HANDLERS, installVueStackPlugin } from '@fastkit/vue-stack';
+import { defineMenuComponent, defineDialogComponent, createStackActionProps, useStackAction, defineSnackbarComponent, createStackableDefine, useStackControl, createMenuProps, VDynamicStacks, BUILTIN_ACTION_HANDLERS, installVueStackPlugin } from '@fastkit/vue-stack';
 export * from '@fastkit/vue-stack';
 import { useActionable, VAction, actionableInheritProps, setDefaultActionableClassName, setDefaultRouterLink } from '@fastkit/vue-action';
 export * from '@fastkit/vue-action';
@@ -34,6 +34,7 @@ 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, Fragment, isVNode, cloneVNode, withDirectives, vShow, onBeforeUpdate, Transition, inject, provide, createTextVNode, nextTick, vModelSelect, reactive } from 'vue';
+import { defineDisabledReasonComponent } from '@fastkit/vue-disabled-reason';
 import { loadImage } from '@fastkit/dom';
 import { useRouter, useRoute, RouterLink, useLink } from 'vue-router';
 import { resizeDirectiveArgument, installResizeDirective } from '@fastkit/vue-resize';
@@ -86,6 +87,7 @@ __export(src_exports, {
   VControlField: () => VControlField,
   VDataTable: () => VDataTable,
   VDialog: () => VDialog,
+  VDisabledReason: () => VDisabledReason,
   VDrawerLayout: () => VDrawerLayout,
   VForm: () => VForm,
   VFormControl: () => VFormControl,
@@ -661,6 +663,7 @@ __export(components_exports, {
   VControlField: () => VControlField,
   VDataTable: () => VDataTable,
   VDialog: () => VDialog,
+  VDisabledReason: () => VDisabledReason,
   VDrawerLayout: () => VDrawerLayout,
   VForm: () => VForm,
   VFormControl: () => VFormControl,
@@ -874,6 +877,43 @@ var VSkeltonLoaderBone = defineComponent({
     };
   }
 });
+var menuProps = createMenuProps();
+var VDisabledReason = defineDisabledReasonComponent({
+  name: "VDisabledReason",
+  props: {
+    ...menuProps,
+    /**
+     * Display type
+     *
+     * Currently, only tooltip is supported
+     *
+     * @see {@link DisabledReasonType}
+     */
+    type: {
+      type: String,
+      default: "tooltip"
+    }
+  },
+  setup(api) {
+    return (reason) => {
+      const {
+        type: _type,
+        ...tooltipProps
+      } = api.props;
+      return createVNode(VTooltip, mergeProps(tooltipProps, {
+        "disabled": !reason || !api.disabled
+      }), {
+        activator: ({
+          attrs
+        }) => createVNode("span", mergeProps({
+          "class": "v-disabled-reason",
+          "tabindex": api.disabled ? 0 : -1
+        }, attrs), null),
+        default: () => reason
+      });
+    };
+  }
+});
 var IMAGE_ATTRS = ["alt", "crossorigin", "decoding", "sizes", "src", "srcset", "usemap"];
 function splitAttrs(attrs) {
   const el = {
@@ -4783,6 +4823,6 @@ function installVuiPlugin(app, opts) {
   return app.use(VuiPlugin, opts);
 }
 
-export { ARROW_KEY_TYPES, AVATAR_SIZES, BUTTON_ALIGNS, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, KEYBOARD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VControlField, VDataTable, VDialog, VDrawerLayout, VForm, VFormControl, VFormGroup, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_GROUP_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { ARROW_KEY_TYPES, AVATAR_SIZES, BUTTON_ALIGNS, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, KEYBOARD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VControlField, VDataTable, VDialog, VDisabledReason, VDrawerLayout, VForm, VFormControl, VFormGroup, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_GROUP_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
 //# sourceMappingURL=vui.mjs.map
 //# sourceMappingURL=vui.mjs.map