@fastkit/vui 0.7.19 → 0.7.23

package/dist/vui.d.ts

@@ -872,6 +872,7 @@ declare function createTextFieldProps(): {
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -983,6 +984,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -1083,6 +1085,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     autofocus?: unknown;
     spellcheck?: unknown;
     viewonly?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -1094,6 +1097,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -1137,6 +1141,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -1236,6 +1241,14 @@ export declare const listTileEmits: {
     changeActive: (isActive: boolean) => boolean;
 };
 
+export declare function mergeVuiPluginOptions(base: VuiPluginOptions, override?: RawVuiPluginOptions): VuiPluginOptions;
+
+export declare function mergeVuiServiceIconSettings(base: VuiServiceIconSettings, overrides?: RawVuiServiceIconSettings): VuiServiceIconSettings;
+
+export declare function mergeVuiServiceOptions(base: VuiServiceOptions, overrides?: RawVuiServiceOptions): VuiServiceOptions;
+
+export declare function mergeVuiServiceUISettings(base: VuiServiceUISettings, overrides?: RawVuiServiceUISettings): VuiServiceUISettings;
+
 export declare interface NavigationItemInput extends ExtractPropInput<ReturnType<typeof createNavigationItemProps>> {
     key: string | number;
     label: VNodeChild | (() => VNodeChild);
@@ -1294,8 +1307,21 @@ export declare type RawVButtonIcon = IconName | VButtonIcon;
 
 export declare type RawVButtonSpacer = boolean | VButtonSpacer;
 
+export declare interface RawVuiPluginOptions extends RawVuiServiceOptions {
+    stack?: VuiPluginStackOptions;
+}
+
 export declare type RawVuiPromptOptions = string | VuiPromptOptions;
 
+export declare type RawVuiServiceIconSettings = Partial<VuiServiceIconSettings>;
+
+export declare interface RawVuiServiceOptions extends Omit<Partial<VuiServiceOptions>, 'uiSettings' | 'icons'> {
+    uiSettings?: RawVuiServiceUISettings;
+    icons?: RawVuiServiceIconSettings;
+}
+
+export declare type RawVuiServiceUISettings = Partial<VuiServiceUISettings>;
+
 declare type RawWysiwygEditorTool = WysiwygEditorTool | WysiwygEditorToolFactory<any>;
 
 declare type RecursiveArray<T> = T | RecursiveArray<T>[];
@@ -3458,6 +3484,7 @@ export declare const VCheckbox: DefineComponent<{
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
     required: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -3529,6 +3556,7 @@ export declare const VCheckbox: DefineComponent<{
     spellcheck?: unknown;
     viewonly?: unknown;
     required?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -3540,6 +3568,7 @@ export declare const VCheckbox: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -3565,6 +3594,7 @@ export declare const VCheckbox: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -3622,6 +3652,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -3722,6 +3753,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     autofocus?: unknown;
     spellcheck?: unknown;
     viewonly?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -3733,6 +3765,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -3776,6 +3809,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -3851,6 +3885,10 @@ export declare const VDataTable: DefineComponent<{
         type: StringConstructor;
         default: () => string;
     };
+    /**
+     * 検索クエリ名
+     */
+    searchQuery: PropType<string | string[]>;
     /**
      * リミット件数クエリ名
      */
@@ -3897,6 +3935,8 @@ export declare const VDataTable: DefineComponent<{
     selectable: BooleanConstructor;
     fixedHeader: BooleanConstructor;
     maxHeight: (StringConstructor | NumberConstructor)[];
+    noDataMessage: PropType<VNodeChild | (() => VNodeChild)>;
+    noResultsMessage: PropType<VNodeChild | (() => VNodeChild)>;
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     input: (selecteds: string[]) => true;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
@@ -3905,6 +3945,7 @@ export declare const VDataTable: DefineComponent<{
     pageQuery?: unknown;
     sortQuery?: unknown;
     orderQuery?: unknown;
+    searchQuery?: unknown;
     limitQuery?: unknown;
     defaultOrder?: unknown;
     ascQueryValue?: unknown;
@@ -3918,6 +3959,8 @@ export declare const VDataTable: DefineComponent<{
     selectable?: unknown;
     fixedHeader?: unknown;
     maxHeight?: unknown;
+    noDataMessage?: unknown;
+    noResultsMessage?: unknown;
 } & {
     itemKey: string;
     pageQuery: string;
@@ -3938,6 +3981,9 @@ export declare const VDataTable: DefineComponent<{
     fixedHeader: boolean;
 } & {
     maxHeight?: string | number | undefined;
+    searchQuery?: string | string[] | undefined;
+    noDataMessage?: VNodeChild | (() => VNodeChild);
+    noResultsMessage?: VNodeChild | (() => VNodeChild);
 }> & {
     onInput?: ((selecteds: string[]) => any) | undefined;
 }, {
@@ -4521,6 +4567,7 @@ export declare const VForm: DefineComponent<{
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
     required: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -4598,6 +4645,7 @@ export declare const VForm: DefineComponent<{
     spellcheck?: unknown;
     viewonly?: unknown;
     required?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -4609,6 +4657,7 @@ export declare const VForm: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -4638,6 +4687,7 @@ export declare const VForm: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -6675,6 +6725,7 @@ export declare const VOption: DefineComponent<{
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
     required: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -6742,6 +6793,7 @@ export declare const VOption: DefineComponent<{
     spellcheck?: unknown;
     viewonly?: unknown;
     required?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -6753,6 +6805,7 @@ export declare const VOption: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -6777,6 +6830,7 @@ export declare const VOption: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -7468,6 +7522,7 @@ export declare const VRadio: DefineComponent<{
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
     required: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -7537,6 +7592,7 @@ export declare const VRadio: DefineComponent<{
     spellcheck?: unknown;
     viewonly?: unknown;
     required?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -7548,6 +7604,7 @@ export declare const VRadio: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -7572,6 +7629,7 @@ export declare const VRadio: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -7628,6 +7686,7 @@ export declare const VRadioGroup: DefineComponent<{
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -7728,6 +7787,7 @@ export declare const VRadioGroup: DefineComponent<{
     autofocus?: unknown;
     spellcheck?: unknown;
     viewonly?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -7739,6 +7799,7 @@ export declare const VRadioGroup: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -7782,6 +7843,7 @@ export declare const VRadioGroup: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -7855,6 +7917,7 @@ export declare const VSelect: DefineComponent<{
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -7964,6 +8027,7 @@ export declare const VSelect: DefineComponent<{
     autofocus?: unknown;
     spellcheck?: unknown;
     viewonly?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -7975,6 +8039,7 @@ export declare const VSelect: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -8021,6 +8086,7 @@ export declare const VSelect: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -8063,6 +8129,7 @@ export declare const VSwitch: DefineComponent<{
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
     required: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -8132,6 +8199,7 @@ export declare const VSwitch: DefineComponent<{
     spellcheck?: unknown;
     viewonly?: unknown;
     required?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -8143,6 +8211,7 @@ export declare const VSwitch: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -8167,6 +8236,7 @@ export declare const VSwitch: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -8223,6 +8293,7 @@ export declare const VSwitchGroup: DefineComponent<{
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -8323,6 +8394,7 @@ export declare const VSwitchGroup: DefineComponent<{
     autofocus?: unknown;
     spellcheck?: unknown;
     viewonly?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -8334,6 +8406,7 @@ export declare const VSwitchGroup: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -8377,6 +8450,7 @@ export declare const VSwitchGroup: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -8529,6 +8603,7 @@ export declare const VTextarea: DefineComponent<{
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -8640,6 +8715,7 @@ export declare const VTextarea: DefineComponent<{
     autofocus?: unknown;
     spellcheck?: unknown;
     viewonly?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -8651,6 +8727,7 @@ export declare const VTextarea: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -8707,6 +8784,7 @@ export declare const VTextarea: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -8788,6 +8866,7 @@ export declare const VTextField: DefineComponent<{
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -8903,6 +8982,7 @@ export declare const VTextField: DefineComponent<{
     autofocus?: unknown;
     spellcheck?: unknown;
     viewonly?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -8915,6 +8995,7 @@ export declare const VTextField: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -8978,6 +9059,7 @@ export declare const VTextField: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -10050,6 +10132,7 @@ export declare interface VuiServiceIconSettings {
     editorUndo: IconName;
     editorRedo: IconName;
     hinttip: IconName;
+    clear: IconName;
 }
 
 export declare interface VuiServiceOptions {
@@ -10088,6 +10171,8 @@ export declare interface VuiServiceUISettings {
         color?: ScopeName;
         variant?: ColorVariant;
     };
+    noDataMessage?: VNodeChild | (() => VNodeChild);
+    noResultsMessage?: VNodeChild | (() => VNodeChild);
 }
 
 export declare type VuiVNodeResolver = () => VNodeChild;
@@ -10153,6 +10238,7 @@ export declare const VWysiwygEditor: DefineComponent<{
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
     viewonly: BooleanConstructor;
+    clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<ValidateTiming>;
         default: ValidateTiming;
@@ -10262,6 +10348,7 @@ export declare const VWysiwygEditor: DefineComponent<{
     autofocus?: unknown;
     spellcheck?: unknown;
     viewonly?: unknown;
+    clearable?: unknown;
     validateTiming?: unknown;
     rules?: unknown;
     error?: unknown;
@@ -10273,6 +10360,7 @@ export declare const VWysiwygEditor: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
@@ -10330,6 +10418,7 @@ export declare const VWysiwygEditor: DefineComponent<{
     spellcheck: boolean;
     viewonly: boolean;
     required: boolean;
+    clearable: boolean;
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;

package/dist/vui.mjs

@@ -2144,7 +2144,16 @@ const VSelect = defineComponent({
           }, [createVNode("div", {
             "class": "v-select__selections__inner"
           }, [this.renderSelections(selectedItems)])])],
-          endAdornment: () => createVNode(VIcon, {
+          endAdornment: () => this.clearable && this.nodeControl.value != null && createVNode(VButton, {
+            "key": "clear",
+            "icon": this.$vui.icon('clear'),
+            "rounded": true,
+            "onClick": ev => {
+              ev.stopPropagation();
+              this.nodeControl.clear();
+            }
+          }, null) || createVNode(VIcon, {
+            "key": "icon",
             "name": this.iconName,
             "rotate": this.menuOpened ? 180 : 0
           }, null)
@@ -3418,6 +3427,11 @@ const VDataTable = defineComponent({
       default: () => DATA_TABLE_DEFAULTS.orderQuery
     },
 
+    /**
+     * 検索クエリ名
+     */
+    searchQuery: [String, Array],
+
     /**
      * リミット件数クエリ名
      */
@@ -3463,7 +3477,11 @@ const VDataTable = defineComponent({
     },
     selectable: Boolean,
     fixedHeader: Boolean,
-    maxHeight: [Number, String]
+    maxHeight: [Number, String],
+    // eslint-disable-next-line vue/require-prop-types
+    noDataMessage: {},
+    // eslint-disable-next-line vue/require-prop-types
+    noResultsMessage: {}
   },
   emits: {
     input: selecteds => true
@@ -3492,6 +3510,46 @@ const VDataTable = defineComponent({
       ret.push(...headers.filter(h => !h.hidden));
       return ret;
     });
+    const searchQueryValues = computed(() => {
+      let {
+        searchQuery
+      } = props;
+
+      if (!searchQuery) {
+        return [];
+      }
+
+      if (!Array.isArray(searchQuery)) {
+        searchQuery = [searchQuery];
+      }
+
+      const values = [];
+      searchQuery.forEach(query => {
+        const value = vui.location.getQuery(query);
+
+        if (value == null || value === '') {
+          return;
+        }
+
+        if (typeof value === 'object' && !Object.keys(value).length) {
+          return;
+        }
+
+        values.push(value);
+      });
+      return values;
+    });
+    const emptyMessage = computed(() => {
+      let message;
+
+      if (searchQueryValues.value.length) {
+        message = props.noResultsMessage || vui.setting('noResultsMessage') || 'No search results found.'; // 検索結果が見つかりませんでした。
+      } else {
+        message = props.noDataMessage || vui.setting('noDataMessage') || 'No data was available.'; // データはありませんでした。
+      }
+
+      return typeof message === 'function' ? message() : message;
+    });
     const classesRef = computed(() => [{
       'v-data-table--fixed-header': props.fixedHeader
     }]);
@@ -3958,7 +4016,7 @@ const VDataTable = defineComponent({
         "class": "v-data-table__body container-pull"
       }, [isEmpty ? createVNode("div", {
         "class": "v-data-table__empty--message"
-      }, null) : createVNode(VPaper, {
+      }, [emptyMessage.value]) : createVNode(VPaper, {
         "class": "v-data-table__body__inner",
         "style": bodyInnerStylesRef.value
       }, {
@@ -4122,6 +4180,51 @@ const VToolbarTitle = defineComponent({
 
 const DEFAULT_AUTO_SCROLL_TO_ELEMENT_OFFSET_TOP = -20;
 const DEFAULT_TEXTAREA_ROWS = 3;
+function mergeVuiServiceUISettings(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base
+  };
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
+function mergeVuiServiceIconSettings(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base
+  };
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
+function mergeVuiServiceOptions(base, overrides) {
+  if (!overrides) {
+    return base;
+  }
+
+  const merged = { ...base,
+    uiSettings: mergeVuiServiceUISettings(base.uiSettings, overrides.uiSettings),
+    icons: mergeVuiServiceIconSettings(base.icons, overrides.icons)
+  };
+  const excludes = ['uiSettings', 'icons'];
+  Object.entries(overrides).forEach(([key, value]) => {
+    if (value && !excludes.includes(key)) {
+      merged[key] = value;
+    }
+  });
+  return merged;
+}
 class VuiService {
   get scroller() {
     return getDocumentScroller$1();
@@ -4258,6 +4361,18 @@ class VuiService {
 
 }
 
+function mergeVuiPluginOptions(base, override) {
+  if (!override) return base;
+  const merged = mergeVuiServiceOptions(base, override);
+
+  if (override.stack) {
+    merged.stack = { ...merged.stack,
+      ...override.stack
+    };
+  }
+
+  return merged;
+}
 class VuiPlugin {
   static installedApps = new Set();
 
@@ -4315,4 +4430,4 @@ function installVuiPlugin(app, opts) {
   return app.use(VuiPlugin, opts);
 }
 
-export { CONTROL_FIELD_VARIANTS, CONTROL_SIZES, PAGINATION_ALIGNS, VApp, VBreadcrumbs, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VContentSwitcher, VDataTable, VDrawerLayout, VForm, VFormControl, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSwitch, VSwitchGroup, VTabs, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_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, VUI_WYSIWYG_EDITOR_SYMBOL, VWysiwygEditor, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, WysiwygBulletListTool, WysiwygFormatBoldTool, WysiwygFormatItalicTool, WysiwygFormatUnderlineTool, WysiwygHistoryTool, WysiwygLinkTool, WysiwygOrderedListTool, WysiwygTextColorTool, configureDataTableDefaults, createCardProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { CONTROL_FIELD_VARIANTS, CONTROL_SIZES, PAGINATION_ALIGNS, VApp, VBreadcrumbs, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VContentSwitcher, VDataTable, VDrawerLayout, VForm, VFormControl, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSwitch, VSwitchGroup, VTabs, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_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, VUI_WYSIWYG_EDITOR_SYMBOL, VWysiwygEditor, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, WysiwygBulletListTool, WysiwygFormatBoldTool, WysiwygFormatItalicTool, WysiwygFormatUnderlineTool, WysiwygHistoryTool, WysiwygLinkTool, WysiwygOrderedListTool, WysiwygTextColorTool, configureDataTableDefaults, createCardProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.7.19",
+  "version": "0.7.23",
   "description": "@fastkit/vui",
   "buildOptions": {
     "name": "Vui",
@@ -32,11 +32,11 @@
     "vue": "^3.2.26"
   },
   "dependencies": {
-    "@fastkit/color-scheme": "0.7.19",
-    "@fastkit/icon-font": "0.7.19",
-    "@fastkit/tiny-logger": "0.7.19",
-    "@fastkit/vite-kit": "0.7.19",
-    "@fastkit/vue-kit": "0.7.19",
+    "@fastkit/color-scheme": "0.7.23",
+    "@fastkit/icon-font": "0.7.23",
+    "@fastkit/tiny-logger": "0.7.23",
+    "@fastkit/vite-kit": "0.7.23",
+    "@fastkit/vue-kit": "0.7.23",
     "@tiptap/extension-link": "^2.0.0-beta.35",
     "@tiptap/extension-underline": "^2.0.0-beta.22",
     "@tiptap/starter-kit": "^2.0.0-beta.168",