@fastkit/vui 0.12.9 → 0.12.10

package/dist/vui.d.ts

@@ -24,21 +24,9 @@ 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 { Extension as Extension$1 } from '@tiptap/core';
 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/.';
-import * as _tiptap_vue_3 from '@tiptap/vue-3';
-import { EditorOptions, Editor, Extension, Node, Mark, AnyExtension, Extensions, FocusPosition } from '@tiptap/vue-3';
-import { Node as Node$1 } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
-import { BulletListOptions } from '@tiptap/extension-bullet-list';
-import { BoldOptions } from '@tiptap/extension-bold';
-import { ItalicOptions } from '@tiptap/extension-italic';
-import { UnderlineOptions } from '@tiptap/extension-underline';
-import { HistoryOptions } from '@tiptap/extension-history';
-import { LinkOptions } from '@tiptap/extension-link';
-import { OrderedListOptions } from '@tiptap/extension-ordered-list';
 
 declare const CONTROL_SIZES: readonly ["sm", "md", "lg"];
 type ControlSize = (typeof CONTROL_SIZES)[number];
@@ -343,7 +331,6 @@ declare const VuiControlFieldInjectionKey: InjectionKey<ControlFieldProvider>;
 declare const VuiColorProviderInjectionKey: InjectionKey<VuiColorProvider>;
 declare const VUI_TEXT_FIELD_SYMBOL = "vui-text-field";
 declare const VUI_TEXTAREA_SYMBOL = "vui-textarea";
-declare const VUI_WYSIWYG_EDITOR_SYMBOL = "vui-wysiwyg-editor";
 declare const VUI_SELECT_SYMBOL = "vui-select";
 declare const VUI_OPTION_SYMBOL = "vui-option";
 declare const VUI_CHECKBOX_GROUP_SYMBOL = "vui-checkbox-group";
@@ -394,11 +381,86 @@ declare const VIcon: vue.DefineComponent<{
     onClick?: ((ev: MouseEvent) => any) | undefined;
 }, {}>;
 
+declare const ADORNMENT_POSITIONS: readonly ["start", "end"];
+type AdornmentPosition = (typeof ADORNMENT_POSITIONS)[number];
+declare function createControlFieldProps(): {
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    loading: BooleanConstructor;
+    variant: {
+        type: PropType<"outlined" | "filled" | "flat">;
+        validator: (value: any) => boolean;
+    };
+    startAdornment: PropType<VNodeChildOrSlot>;
+    endAdornment: PropType<VNodeChildOrSlot>;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+};
 interface InputBoxSlots {
     default: void;
     startAdornment: void;
     endAdornment: void;
 }
+declare const VControlField: vue.DefineComponent<{
+    error: BooleanConstructor;
+    'v-slots': PropType<_fastkit_vue_utils.ResolveRawSlots<InputBoxSlots>>;
+    focused: BooleanConstructor;
+    autoHeight: BooleanConstructor;
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    loading: BooleanConstructor;
+    variant: {
+        type: PropType<"outlined" | "filled" | "flat">;
+        validator: (value: any) => boolean;
+    };
+    startAdornment: PropType<VNodeChildOrSlot>;
+    endAdornment: PropType<VNodeChildOrSlot>;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, {
+    classes: vue.ComputedRef<any[]>;
+    renderAdornment: (position: AdornmentPosition) => JSX.Element | undefined;
+    hostElRef: () => vue.Ref<HTMLElement | null>;
+    handleClick: (ev: MouseEvent) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    click: (ev: MouseEvent) => boolean;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    error: BooleanConstructor;
+    'v-slots': PropType<_fastkit_vue_utils.ResolveRawSlots<InputBoxSlots>>;
+    focused: BooleanConstructor;
+    autoHeight: BooleanConstructor;
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    loading: BooleanConstructor;
+    variant: {
+        type: PropType<"outlined" | "filled" | "flat">;
+        validator: (value: any) => boolean;
+    };
+    startAdornment: PropType<VNodeChildOrSlot>;
+    endAdornment: PropType<VNodeChildOrSlot>;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>> & {
+    onClick?: ((ev: MouseEvent) => any) | undefined;
+}, {
+    loading: boolean;
+    tabindex: string | number;
+    error: boolean;
+    focused: boolean;
+    autoHeight: boolean;
+}>;
 
 declare function createTextFieldProps(): {
     'v-slots': vue.PropType<_fastkit_vue_utils.ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
@@ -5565,6 +5627,26 @@ declare const VNavigation: vue.DefineComponent<{
     startIconEmptySpace: boolean;
 }>;
 
+declare const VTextCounter: vue.DefineComponent<{
+    length: {
+        type: NumberConstructor;
+        required: true;
+    };
+    maxlength: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    length: {
+        type: NumberConstructor;
+        required: true;
+    };
+    maxlength: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}>;
+
 declare function createRequiredChipRenderer(required: () => boolean, props: {
     requiredChip?: RequiredChipSource;
 }, vui?: VuiService): () => VNodeChild;
@@ -7591,400 +7673,6 @@ declare const VTextarea: vue.DefineComponent<{
     rows: _fastkit_vue_utils.Numberish;
 }>;
 
-declare const EDITOR_EVENTS: readonly ["beforeCreate", "create", "update", "selectionUpdate", "transaction", "focus", "blur", "destroy"];
-type PrefixedEventName<S extends string> = `on${Capitalize<S>}`;
-type WysiwygEditorEvent = (typeof EDITOR_EVENTS)[number];
-type WysiwygEditorPrefixedEvent = PrefixedEventName<WysiwygEditorEvent>;
-interface WysiwygEditorEventsOptions extends Partial<Pick<EditorOptions, WysiwygEditorPrefixedEvent>> {
-}
-type WysiwygEditorEventsBucket = {
-    [EV in WysiwygEditorEvent]: NonNullable<WysiwygEditorEventsOptions[PrefixedEventName<EV>]>[];
-};
-declare class WysiwygEditorInitializeContext {
-    readonly listeners: WysiwygEditorEventsBucket;
-    private readonly _vui;
-    get vui(): VuiService;
-    constructor(vuiGetter: () => VuiService, opts?: WysiwygEditorEventsOptions);
-    on<EV extends WysiwygEditorEvent>(ev: EV, handler: NonNullable<WysiwygEditorEventsOptions[PrefixedEventName<EV>]>): () => void;
-    off<EV extends WysiwygEditorEvent>(ev: EV, handler: NonNullable<WysiwygEditorEventsOptions[PrefixedEventName<EV>]>): void;
-    editorOptions(): WysiwygEditorEventsOptions;
-}
-interface WysiwygEditorContext {
-    editor: Editor;
-    vui: VuiService;
-}
-type WysiwygExtensionFactory<Options = any, Storage = any> = (ctx: WysiwygEditorInitializeContext) => Extension<Options, Storage> | Node<Options, Storage> | Mark<Options, Storage>;
-interface CreatedWysiwygExtension<Options = any, Storage = any> {
-    __isCreatedWysiwygExtension: true;
-    _configs: Partial<Options>[];
-    configure(options?: Partial<Options>): CreatedWysiwygExtension<Options, Storage>;
-    raw: WysiwygExtensionSource<Options, Storage>;
-}
-type WysiwygExtensionSource<Options = any, Storage = any> = Extension<Options, Storage> | Node<Options, Storage> | Mark<Options, Storage> | WysiwygExtensionFactory<Options, Storage>;
-type RawWysiwygExtension<Options = any, Storage = any> = WysiwygExtensionSource<Options, Storage> | CreatedWysiwygExtension<Options, Storage>;
-declare function createWysiwygExtension<Options = any, Storage = any>(extension: WysiwygExtensionSource<Options, Storage>): CreatedWysiwygExtension<Options, Storage>;
-declare function resolveRawWysiwygExtensions(raws: RawWysiwygExtension[], ctx: WysiwygEditorInitializeContext): AnyExtension[];
-interface WysiwygEditorTool {
-    key: string;
-    icon: IconName | ((ctx: WysiwygEditorContext) => IconName | (() => VNodeChild));
-    active?: boolean | ((ctx: WysiwygEditorContext) => boolean);
-    disabled?: boolean | ((ctx: WysiwygEditorContext) => boolean);
-    onClick: (ctx: WysiwygEditorContext, ev: MouseEvent) => any;
-    floating?: boolean;
-    extensions?: Extensions;
-}
-type WysiwygEditorToolFactory<Options = void> = (vui: VuiService, options?: Options) => WysiwygEditorTool | WysiwygEditorTool[];
-type RawWysiwygEditorTool = WysiwygEditorTool | WysiwygEditorToolFactory<any>;
-interface ResolvedWysiwygEditorSettings {
-    tools: WysiwygEditorTool[];
-    extensions: Extensions;
-}
-declare function resolveRawWysiwygEditorTools(rawTools: RawWysiwygEditorTool[], vui: VuiService): ResolvedWysiwygEditorSettings;
-
-declare const VWysiwygEditor: vue.DefineComponent<{
-    extensions: {
-        type: PropType<RawWysiwygExtension[]>;
-        default: () => never[];
-    };
-    tools: {
-        type: PropType<RawWysiwygEditorTool[]>;
-        default: () => never[];
-    };
-    floatingToolbar: BooleanConstructor;
-    disabledMinHeight: BooleanConstructor;
-    disabledMaxHeight: BooleanConstructor;
-    'v-slots': PropType<_fastkit_vue_utils.ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
-    size: {
-        type: PropType<"sm" | "md" | "lg">;
-        validator: (value: any) => boolean;
-    };
-    loading: BooleanConstructor;
-    variant: {
-        type: PropType<"outlined" | "filled" | "flat">;
-        validator: (value: any) => boolean;
-    };
-    startAdornment: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-    endAdornment: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-    tabindex: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    nodeControl: PropType<_fastkit_vue_form_control.FormNodeControl<any, any>>;
-    label: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-    hint: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-    hinttip: PropType<_fastkit_vue_form_control.FormControlHinttip>;
-    hinttipDelay: PropType<_fastkit_vue_form_control.FormControlHinttipDelay>;
-    infoAppends: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-    validating: BooleanConstructor;
-    pending: BooleanConstructor;
-    focused: BooleanConstructor;
-    dirty: BooleanConstructor;
-    pristine: BooleanConstructor;
-    errors: {
-        type: PropType<_fastkit_vue_form_control.FormNodeError[]>;
-        default: () => _fastkit_vue_form_control.FormNodeError[];
-    };
-    disabled: BooleanConstructor;
-    readonly: BooleanConstructor;
-    touched: BooleanConstructor;
-    untouched: BooleanConstructor;
-    required: BooleanConstructor;
-    invalid: BooleanConstructor;
-    valid: BooleanConstructor;
-    hiddenInfo: BooleanConstructor;
-    requiredChip: PropType<_fastkit_vue_form_control.RequiredChipSource>;
-    minlength: (StringConstructor | NumberConstructor)[];
-    maxlength: (StringConstructor | NumberConstructor)[];
-    pattern: (StringConstructor | RegExpConstructor)[];
-    placeholder: StringConstructor;
-    autocapitalize: PropType<_fastkit_vue_form_control.FormAutoCapitalize>;
-    finishings: PropType<_fastkit_vue_form_control.RawTextableFinishingProp>;
-    counter: PropType<string | number | boolean>;
-    counterValue: PropType<(value: string) => number>;
-    limit: BooleanConstructor;
-    autocomplete: PropType<boolean | "name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo">;
-    name: StringConstructor;
-    modelValue: vue.Prop<string, string>;
-    autofocus: BooleanConstructor;
-    spellcheck: BooleanConstructor;
-    viewonly: BooleanConstructor;
-    clearable: BooleanConstructor;
-    validateTiming: {
-        type: PropType<_fastkit_vue_form_control.ValidateTiming>;
-        default: _fastkit_vue_form_control.ValidateTiming;
-    };
-    rules: {
-        type: PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
-        default: () => never[];
-    };
-    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
-    error: BooleanConstructor;
-    errorMessages: PropType<string | string[]>;
-}, {
-    focus: (position?: FocusPosition, options?: {
-        scrollIntoView?: boolean | undefined;
-    }) => _tiptap_vue_3.ChainedCommands | undefined;
-    blur: () => _tiptap_vue_3.ChainedCommands | undefined;
-    createTools: (bubbleMenu?: boolean) => JSX.Element;
-    parentControl: ControlProvider | null;
-    size: vue.ComputedRef<"sm" | "md" | "lg">;
-    classes: vue.ComputedRef<any>;
-    computedMinlength: vue.ComputedRef<number | undefined>;
-    computedMaxlength: vue.ComputedRef<number | undefined>;
-    computedPattern: vue.ComputedRef<string | RegExp | undefined>;
-    computedPlaceholder: vue.ComputedRef<string | undefined>;
-    computedAutocapitalize: vue.ComputedRef<_fastkit_vue_form_control.FormAutoCapitalize | undefined>;
-    counterSettings: vue.ComputedRef<_fastkit_vue_form_control.TextableCounterSettings | undefined>;
-    counterResult: vue.ComputedRef<_fastkit_vue_form_control.TextableCounterResult | undefined>;
-    computedAutocomplete: vue.ComputedRef<"name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo" | undefined>;
-    nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<string>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<string>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    submiting: vue.ComputedRef<boolean>;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control.ValidationResult>;
-    validate: () => Promise<boolean>;
-    editor: vue.ShallowRef<_tiptap_vue_3.Editor | undefined>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (value: string) => boolean;
-    'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
-    change: (value: string) => boolean;
-    focus: (ev: FocusEvent) => boolean;
-    blur: (ev: FocusEvent) => boolean;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    extensions: {
-        type: PropType<RawWysiwygExtension[]>;
-        default: () => never[];
-    };
-    tools: {
-        type: PropType<RawWysiwygEditorTool[]>;
-        default: () => never[];
-    };
-    floatingToolbar: BooleanConstructor;
-    disabledMinHeight: BooleanConstructor;
-    disabledMaxHeight: BooleanConstructor;
-    'v-slots': PropType<_fastkit_vue_utils.ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
-    size: {
-        type: PropType<"sm" | "md" | "lg">;
-        validator: (value: any) => boolean;
-    };
-    loading: BooleanConstructor;
-    variant: {
-        type: PropType<"outlined" | "filled" | "flat">;
-        validator: (value: any) => boolean;
-    };
-    startAdornment: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-    endAdornment: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-    tabindex: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    nodeControl: PropType<_fastkit_vue_form_control.FormNodeControl<any, any>>;
-    label: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-    hint: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-    hinttip: PropType<_fastkit_vue_form_control.FormControlHinttip>;
-    hinttipDelay: PropType<_fastkit_vue_form_control.FormControlHinttipDelay>;
-    infoAppends: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-    validating: BooleanConstructor;
-    pending: BooleanConstructor;
-    focused: BooleanConstructor;
-    dirty: BooleanConstructor;
-    pristine: BooleanConstructor;
-    errors: {
-        type: PropType<_fastkit_vue_form_control.FormNodeError[]>;
-        default: () => _fastkit_vue_form_control.FormNodeError[];
-    };
-    disabled: BooleanConstructor;
-    readonly: BooleanConstructor;
-    touched: BooleanConstructor;
-    untouched: BooleanConstructor;
-    required: BooleanConstructor;
-    invalid: BooleanConstructor;
-    valid: BooleanConstructor;
-    hiddenInfo: BooleanConstructor;
-    requiredChip: PropType<_fastkit_vue_form_control.RequiredChipSource>;
-    minlength: (StringConstructor | NumberConstructor)[];
-    maxlength: (StringConstructor | NumberConstructor)[];
-    pattern: (StringConstructor | RegExpConstructor)[];
-    placeholder: StringConstructor;
-    autocapitalize: PropType<_fastkit_vue_form_control.FormAutoCapitalize>;
-    finishings: PropType<_fastkit_vue_form_control.RawTextableFinishingProp>;
-    counter: PropType<string | number | boolean>;
-    counterValue: PropType<(value: string) => number>;
-    limit: BooleanConstructor;
-    autocomplete: PropType<boolean | "name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo">;
-    name: StringConstructor;
-    modelValue: vue.Prop<string, string>;
-    autofocus: BooleanConstructor;
-    spellcheck: BooleanConstructor;
-    viewonly: BooleanConstructor;
-    clearable: BooleanConstructor;
-    validateTiming: {
-        type: PropType<_fastkit_vue_form_control.ValidateTiming>;
-        default: _fastkit_vue_form_control.ValidateTiming;
-    };
-    rules: {
-        type: PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
-        default: () => never[];
-    };
-    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
-    error: BooleanConstructor;
-    errorMessages: PropType<string | string[]>;
-}>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
-}, {
-    required: boolean;
-    loading: boolean;
-    tabindex: string | number;
-    autofocus: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    spellcheck: boolean;
-    viewonly: boolean;
-    clearable: boolean;
-    validateTiming: _fastkit_vue_form_control.ValidateTiming;
-    rules: _fastkit_vue_form_control.RecursiveValidatableRule;
-    error: boolean;
-    validating: boolean;
-    pending: boolean;
-    focused: boolean;
-    dirty: boolean;
-    pristine: boolean;
-    errors: _fastkit_vue_form_control.FormNodeError[];
-    touched: boolean;
-    untouched: boolean;
-    invalid: boolean;
-    valid: boolean;
-    hiddenInfo: boolean;
-    limit: boolean;
-    extensions: RawWysiwygExtension[];
-    tools: RawWysiwygEditorTool[];
-    floatingToolbar: boolean;
-    disabledMinHeight: boolean;
-    disabledMaxHeight: boolean;
-}>;
-
-type WysiwygLinterFixFn = (view: EditorView, issue: WysiwygLinterResult) => any;
-type WysiwygLinterFixMessage = string | (() => VNodeChild);
-interface WysiwygLinterFixer {
-    message: WysiwygLinterFixMessage;
-    handler: WysiwygLinterFixFn;
-}
-type WysiwygLinterResultLevel = 'warning' | 'error';
-interface WysiwygLinterResult {
-    id: string;
-    icon: boolean;
-    level: WysiwygLinterResultLevel;
-    message: WysiwygLinterFixMessage;
-    from: number;
-    to: number;
-    fix: WysiwygLinterFixer[];
-}
-interface RawLinterResult extends Omit<WysiwygLinterResult, 'level' | 'fix' | 'id' | 'icon'> {
-    level?: WysiwygLinterResultLevel;
-    icon?: boolean;
-    fix?: WysiwygLinterFixer | WysiwygLinterFixer[];
-}
-declare class WysiwygLinterPlugin {
-    protected doc: Node$1;
-    private results;
-    constructor(doc: Node$1);
-    record(result: RawLinterResult): void;
-    scan(): this;
-    getResults(): WysiwygLinterResult[];
-}
-
-interface WysiwygLinterOptions {
-    plugins: Array<typeof WysiwygLinterPlugin>;
-}
-interface WysiwygLinterStorage {
-    issues: WysiwygLinterResult[];
-}
-declare const WysiwygLinter: CreatedWysiwygExtension<WysiwygLinterOptions, WysiwygLinterStorage>;
-
-declare function WysiwygLinterBadWords(words: string[]): typeof WysiwygLinterPlugin;
-
-declare class WysiwygLinterHeadingLevel extends WysiwygLinterPlugin {
-    fixHeader(level: number): ({ state, dispatch }: EditorView, issue: WysiwygLinterResult) => void;
-    scan(): this;
-}
-
-declare class WysiwygLinterPunctuation extends WysiwygLinterPlugin {
-    regex: RegExp;
-    fix(replacement: any): ({ state, dispatch }: EditorView, issue: WysiwygLinterResult) => void;
-    scan(): this;
-}
-
-type WysiwygColorOptions = {
-    types: string[];
-};
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        color: {
-            /**
-             * Set the text color
-             */
-            setColor: (color: string) => ReturnType;
-            /**
-             * Unset the text color
-             */
-            unsetColor: () => ReturnType;
-        };
-    }
-}
-declare const WysiwygColorExtension: Extension$1<WysiwygColorOptions, any>;
-
-declare const WysiwygBulletListTool: WysiwygEditorToolFactory<BulletListOptions>;
-
-declare const WysiwygFormatBoldTool: WysiwygEditorToolFactory<BoldOptions>;
-
-declare const WysiwygFormatItalicTool: WysiwygEditorToolFactory<ItalicOptions>;
-
-declare const WysiwygFormatUnderlineTool: WysiwygEditorToolFactory<UnderlineOptions>;
-
-declare const WysiwygHistoryTool: WysiwygEditorToolFactory<HistoryOptions>;
-
-declare const WysiwygLinkTool: WysiwygEditorToolFactory<LinkOptions>;
-
-declare const WysiwygOrderedListTool: WysiwygEditorToolFactory<OrderedListOptions>;
-
-interface WysiwygColorItem {
-    key?: string | number;
-    name?: VNodeChild | ((vui: VuiService) => VNodeChild);
-    color: string | null;
-}
-interface CreateWysiwygColorToolOptions {
-    items: WysiwygColorItem[];
-    withLabel?: boolean;
-}
-declare function createWysiwygColorTool(opts: CreateWysiwygColorToolOptions): WysiwygEditorToolFactory;
-
 interface VFormSlots {
     default: VueForm;
 }
@@ -8546,7 +8234,6 @@ declare const VDataTable: vue.DefineComponent<{
 }, {
     modelValue: string[];
     items: DataTableItem[];
-    selectable: boolean;
     itemKey: string;
     pageQuery: string;
     sortQuery: string;
@@ -8560,6 +8247,7 @@ declare const VDataTable: vue.DefineComponent<{
     contorolThreshold: number;
     searchQuery: string | string[];
     total: number;
+    selectable: boolean;
     fixedHeader: boolean;
 }>;
 
@@ -9069,4 +8757,4 @@ declare class VuiPlugin {
 }
 declare function installVuiPlugin(app: App, opts: VuiPluginOptions): App<any>;
 
-export { ARROW_KEY_TYPES, AVATAR_SIZES, AvatarSize, BUTTON_ALIGNS, BreadcrumbsItem, BusyImageLoadState, BusyImageRect, BusyImageRects, BusyImageSizeValue, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, ChipSize, ContentSwitcherSeeTopOptions, ControlFieldProvider, ControlFieldProviderProps, ControlFieldVariant, ControlProps, ControlProvider, ControlSize, CreateWysiwygColorToolOptions, CreatedWysiwygExtension, DataTableCellSlotPayload, DataTableDefaults, DataTableHeader, DataTableHeaderAlign, DataTableItem, DataTableItemSlotPayload, DataTableRowSettings, DataTableRowSettingsFn, DefineFormSelectorComponentOptions, ElevationProps, GridContainerAlignContentValue, GridContainerDirectionValue, GridContainerJustifyContentValue, GridContainerSpacingValue, GridContainerWrapValue, GridItemAlignValue, GridItemJustifyValue, GridItemNumberSizeValue, GridItemSizeValue, ImgHTMLAttributesPropOptions, KEYBORD_EVENT_TYPES, NavigationInput, NavigationItemInput, PAGINATION_ALIGNS, RawBreadcrumbsItem, RawDataTableRowSettings, RawIconProp, RawVButtonIcon, RawVButtonSpacer, RawVChipIcon, RawVuiPluginOptions, RawVuiPromptOptions, RawVuiServiceIconSettings, RawVuiServiceOptions, RawVuiServiceUISettings, RawWysiwygEditorTool, RawWysiwygExtension, ResolvedWysiwygEditorSettings, TextFieldEmits, TextFieldInput, TextFieldPropsOptions, UseControlFieldProviderOptions, UseControlProviderOptions, UseElevationOptions, UseLinkResult, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonAlign, VButtonGroup, VButtonIcon, VButtonProps, VButtonResolvedProps, VButtonSpacer, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VChipIcon, VContentSwitcher, VDataTable, VDrawerLayout, VForm, VFormControl, VFormSlots, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaginationAlign, VPaginationGuard, VPaper, VRadio, VRadioGroup, VSelect, VSkeltonLoaderBone, VSwitch, VSwitchGroup, VTabs, VTabsGuard, VTabsItem, VTabsItemLabelSlot, VTabsItemLabelSlotCtx, VTabsRouterHandler, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarEdgeEdge, VToolbarMenu, VToolbarMenuEdge, 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, VuiColorProvider, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiElevationValue, VuiFormPromptSettings, VuiInjectionKey, VuiPlugin, VuiPluginOptions, VuiPluginStackOptions, VuiPromptOptions, VuiService, VuiServiceIconSettings, VuiServiceOptions, VuiServiceUISettings, VuiVNodeResolver, WysiwygBulletListTool, WysiwygColorExtension, WysiwygColorItem, WysiwygColorOptions, WysiwygEditorContext, WysiwygEditorEvent, WysiwygEditorEventsBucket, WysiwygEditorEventsOptions, WysiwygEditorInitializeContext, WysiwygEditorPrefixedEvent, WysiwygEditorTool, WysiwygEditorToolFactory, WysiwygExtensionFactory, WysiwygExtensionSource, WysiwygFormatBoldTool, WysiwygFormatItalicTool, WysiwygFormatUnderlineTool, WysiwygHistoryTool, WysiwygLinkTool, WysiwygLinter, WysiwygLinterBadWords, WysiwygLinterHeadingLevel, WysiwygLinterOptions, WysiwygLinterPlugin, WysiwygLinterPunctuation, WysiwygOrderedListTool, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormProps, createWysiwygColorTool, createWysiwygExtension, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, resolveRawWysiwygEditorTools, resolveRawWysiwygExtensions, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { ARROW_KEY_TYPES, AVATAR_SIZES, AdornmentPosition, AvatarSize, BUTTON_ALIGNS, BreadcrumbsItem, BusyImageLoadState, BusyImageRect, BusyImageRects, BusyImageSizeValue, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, ChipSize, ContentSwitcherSeeTopOptions, ControlFieldProvider, ControlFieldProviderProps, ControlFieldVariant, ControlProps, ControlProvider, ControlSize, DataTableCellSlotPayload, DataTableDefaults, DataTableHeader, DataTableHeaderAlign, DataTableItem, DataTableItemSlotPayload, DataTableRowSettings, DataTableRowSettingsFn, DefineFormSelectorComponentOptions, ElevationProps, GridContainerAlignContentValue, GridContainerDirectionValue, GridContainerJustifyContentValue, GridContainerSpacingValue, GridContainerWrapValue, GridItemAlignValue, GridItemJustifyValue, GridItemNumberSizeValue, GridItemSizeValue, ImgHTMLAttributesPropOptions, InputBoxSlots, KEYBORD_EVENT_TYPES, NavigationInput, NavigationItemInput, PAGINATION_ALIGNS, RawBreadcrumbsItem, RawDataTableRowSettings, RawIconProp, RawVButtonIcon, RawVButtonSpacer, RawVChipIcon, RawVuiPluginOptions, RawVuiPromptOptions, RawVuiServiceIconSettings, RawVuiServiceOptions, RawVuiServiceUISettings, TextFieldEmits, TextFieldInput, TextFieldPropsOptions, UseControlFieldProviderOptions, UseControlProviderOptions, UseElevationOptions, UseLinkResult, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonAlign, VButtonGroup, VButtonIcon, VButtonProps, VButtonResolvedProps, VButtonSpacer, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VChipIcon, VContentSwitcher, VControlField, VDataTable, VDrawerLayout, VForm, VFormControl, VFormSlots, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaginationAlign, VPaginationGuard, VPaper, VRadio, VRadioGroup, VSelect, VSkeltonLoaderBone, VSwitch, VSwitchGroup, VTabs, VTabsGuard, VTabsItem, VTabsItemLabelSlot, VTabsItemLabelSlotCtx, VTabsRouterHandler, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarEdgeEdge, VToolbarMenu, VToolbarMenuEdge, 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, VuiColorProvider, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiElevationValue, VuiFormPromptSettings, VuiInjectionKey, VuiPlugin, VuiPluginOptions, VuiPluginStackOptions, VuiPromptOptions, VuiService, VuiServiceIconSettings, VuiServiceOptions, VuiServiceUISettings, VuiVNodeResolver, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormProps, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };