@fastkit/vui 0.6.35 → 0.6.36

package/dist/vui.css

@@ -812,6 +812,31 @@ thead th {
   --control-field-rem: var(--control-field-rem-lg);
   font-size: var(--control-field-rem);
 }
+
+.wysiwyg > h1:first-child,
+.wysiwyg h2:first-child,
+.wysiwyg h3:first-child,
+.wysiwyg h4:first-child,
+.wysiwyg h5:first-child,
+.wysiwyg h6:first-child,
+.wysiwyg p:first-child,
+.wysiwyg ul:first-child,
+.wysiwyg ol:first-child,
+.wysiwyg table:first-child {
+  margin-top: 0;
+}
+.wysiwyg > h1:last-child,
+.wysiwyg h2:last-child,
+.wysiwyg h3:last-child,
+.wysiwyg h4:last-child,
+.wysiwyg h5:last-child,
+.wysiwyg h6:last-child,
+.wysiwyg p:last-child,
+.wysiwyg ul:last-child,
+.wysiwyg ol:last-child,
+.wysiwyg table:last-child {
+  margin-bottom: 0;
+}
 .v-form-selector__body {
   display: block;
 }

package/dist/vui.d.ts

@@ -1,5 +1,8 @@
 import { AllowedComponentProps } from 'vue';
 import { App } from 'vue';
+import { BoldOptions } from '@tiptap/extension-bold';
+import { BulletListOptions } from '@tiptap/extension-bullet-list';
+import { ChainedCommands } from '@tiptap/vue-3';
 import {  ColorVariant , ThemeName, PaletteName, ScopeName } from '@fastkit/color-scheme';
 import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
@@ -8,8 +11,10 @@ import { CSSProperties } from 'vue';
 import { DefineComponent } from 'vue';
 import { Editor } from '@tiptap/vue-3';
 import { EmitsOptions } from 'vue';
+import { Extensions } from '@tiptap/vue-3';
 import { ExtractPropInput } from '@fastkit/vue-utils';
 import { ExtractPropTypes } from 'vue';
+import { FocusPosition } from '@tiptap/vue-3';
 import { FormAction } from '@fastkit/vue-kit';
 import { FormAutoCapitalize } from '@fastkit/vue-kit';
 import { FormControlSlots } from '@fastkit/vue-kit';
@@ -20,15 +25,19 @@ import { FormSelectorItemControl } from '@fastkit/vue-kit';
 import { FormSelectorItemData } from '@fastkit/vue-kit';
 import { FormSelectorItemGroupControl } from '@fastkit/vue-kit';
 import { FormSelectorValue } from '@fastkit/vue-kit';
+import { HistoryOptions } from '@tiptap/extension-history';
 import {  ICON_NAMES , IconName } from '@fastkit/icon-font';
 import { IconName } from '@fastkit/icon-font';
 import { IMaskEvent } from '@fastkit/vue-kit';
 import { IMaskTypedValue } from '@fastkit/vue-kit';
 import { InjectionKey } from 'vue';
+import { ItalicOptions } from '@tiptap/extension-italic';
+import { LinkOptions } from '@tiptap/extension-link';
 import { LocationService } from '@fastkit/vue-utils';
 import { NavigationableInheritProps } from '@fastkit/vue-utils';
 import { NavigationFailure } from 'vue-router';
 import { Numberish } from '@fastkit/vue-kit';
+import { OrderedListOptions } from '@tiptap/extension-ordered-list';
 import { Prop } from 'vue';
 import { PropType } from 'vue';
 import { RawTextableFinishingProp } from '@fastkit/vue-kit';
@@ -51,18 +60,21 @@ import { TextareaAutosizeSettings } from '@fastkit/vue-kit';
 import { TextareaControl } from '@fastkit/vue-kit';
 import { TextInputControl } from '@fastkit/vue-kit';
 import { TypedSlot } from '@fastkit/vue-kit';
+import { UnderlineOptions } from '@tiptap/extension-underline';
 import { useLink } from 'vue-router';
 import { ValidateTiming } from '@fastkit/vue-kit';
 import { ValidationResult } from '@fastkit/vue-kit';
 import { VDialog } from '@fastkit/vue-kit';
+import { VDialogProps } from '@fastkit/vue-kit';
 import { VMenu } from '@fastkit/vue-kit';
 import { VNode } from 'vue';
 import { VNodeChild } from 'vue';
 import { VNodeChildOrSlot } from '@fastkit/vue-kit';
 import { VNodeProps } from 'vue';
 import { VSnackbar } from '@fastkit/vue-kit';
-import type { VueColorSchemePluginSettings } from '@fastkit/vue-kit';
+import { VueColorSchemePluginSettings } from '@fastkit/vue-kit';
 import { VueForm } from '@fastkit/vue-kit';
+import { VueStackService } from '@fastkit/vue-kit';
 import { VueStackServiceOptions } from '@fastkit/vue-kit';
 import { WritableComputedRef } from 'vue';
 
@@ -254,6 +266,78 @@ export declare function createPaperProps(): {
     elevation: PropType<VuiElevationValue>;
 };
 
+declare function createTextFieldProps(): {
+    'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    variant: {
+        type: PropType<"flat" | "outlined" | "filled">;
+        validator: (value: any) => boolean;
+    };
+    startAdornment: PropType<VNodeChildOrSlot<any>>;
+    endAdornment: PropType<VNodeChildOrSlot<any>>;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    nodeControl: PropType<FormNodeControl<any, any>>;
+    label: PropType<VNodeChildOrSlot<any>>;
+    hint: PropType<VNodeChildOrSlot<any>>;
+    infoAppends: PropType<VNodeChildOrSlot<any>>;
+    validating: BooleanConstructor;
+    pending: BooleanConstructor;
+    focused: BooleanConstructor;
+    dirty: BooleanConstructor;
+    pristine: BooleanConstructor;
+    errors: {
+        type: PropType<FormNodeError[]>;
+        default: () => FormNodeError[];
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    touched: BooleanConstructor;
+    untouched: BooleanConstructor;
+    required: BooleanConstructor;
+    invalid: BooleanConstructor;
+    valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
+    type: {
+        type: PropType<"number" | "search" | "email" | "tel" | "url" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
+        default: string;
+    };
+    masked: StringConstructor;
+    typed: (StringConstructor | NumberConstructor | DateConstructor)[];
+    unmasked: StringConstructor;
+    mask: PropType<any>;
+    minlength: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
+    pattern: (StringConstructor | RegExpConstructor)[];
+    placeholder: StringConstructor;
+    autocapitalize: PropType<FormAutoCapitalize>;
+    finishings: PropType<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: Prop<string, string>;
+    autofocus: BooleanConstructor;
+    spellcheck: BooleanConstructor;
+    viewonly: BooleanConstructor;
+    validateTiming: {
+        type: PropType<ValidateTiming>;
+        default: ValidateTiming;
+    };
+    rules: {
+        type: PropType<RecursiveArray<Rule<any>>>;
+        default: () => never[];
+    };
+    error: BooleanConstructor;
+    errorMessages: PropType<string | string[]>;
+};
+
 declare const DATA_TABLE_DEFAULTS: {
     itemKey: string;
     pageQuery: string;
@@ -624,6 +708,10 @@ export declare type RawVButtonIcon = IconName | VButtonIcon;
 
 export declare type RawVButtonSpacer = boolean | VButtonSpacer;
 
+export declare type RawVuiPromptOptions = string | VuiPromptOptions;
+
+declare type RawWysiwygEditorTool = WysiwygEditorTool | WysiwygEditorToolFactory<any>;
+
 declare type RecursiveArray<T> = T | RecursiveArray<T>[];
 
 export declare function renderNavigationItemInput(input: NavigationItemInput, extraProps?: Record<string, unknown> & VNodeProps): JSX.Element;
@@ -698,6 +786,8 @@ declare interface RuleValidateOptions {
     eachPrefix?: string;
 }
 
+export declare type TextFieldInput = ExtractPropInput<ReturnType<typeof createTextFieldProps>>;
+
 declare type ToggleableIconHook = (gen: IconGenerator, ctx: boolean) => VNodeChild;
 
 export declare function useControl(props: ControlProps, opts?: UseControlProviderOptions): ControlProvider;
@@ -1516,6 +1606,7 @@ export declare const VDrawerLayout: DefineComponent<{
 }>;
 
 export declare const VForm: DefineComponent<{
+    disableAutoScroll: BooleanConstructor;
     'v-slots': PropType<ResolveRawSlots<VFormSlots>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
@@ -1601,6 +1692,7 @@ export declare const VForm: DefineComponent<{
     focus: (ev: FocusEvent) => boolean;
     blur: (ev: FocusEvent) => boolean;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    disableAutoScroll?: unknown;
     'v-slots'?: unknown;
     size?: unknown;
     action?: unknown;
@@ -1632,6 +1724,7 @@ export declare const VForm: DefineComponent<{
     rules: RecursiveArray<Rule<any>>;
     submiting: boolean;
     autoValidate: boolean;
+    disableAutoScroll: boolean;
 } & {
     name?: string | undefined;
     modelValue?: unknown;
@@ -1660,6 +1753,7 @@ export declare const VForm: DefineComponent<{
     rules: RecursiveArray<Rule<any>>;
     submiting: boolean;
     autoValidate: boolean;
+    disableAutoScroll: boolean;
 }>;
 
 export declare interface VFormSlots {
@@ -4002,6 +4096,8 @@ export declare const VUI_TEXT_FIELD_SYMBOL = "vui-text-field";
 
 export declare const VUI_TEXTAREA_SYMBOL = "vui-textarea";
 
+export declare const VUI_WYSIWYG_EDITOR_SYMBOL = "vui-wysiwyg-editor";
+
 export declare interface VuiColorProvider {
     primary: ComputedRef<ScopeName>;
     error: ComputedRef<ScopeName>;
@@ -4030,6 +4126,12 @@ export declare interface VuiPluginOptions extends VuiServiceOptions {
 export declare interface VuiPluginStackOptions extends VueStackServiceOptions {
 }
 
+export declare interface VuiPromptOptions extends Partial<VDialogProps> {
+    input?: Omit<TextFieldInput, 'modelValue'> & {
+        initialValue?: string;
+    };
+}
+
 export declare class VuiService {
     readonly options: VuiServiceOptions;
     readonly selectionSeparator: VuiVNodeResolver;
@@ -4038,7 +4140,8 @@ export declare class VuiService {
     readonly requiredChip?: VuiVNodeResolver;
     readonly router: Router;
     readonly location: LocationService;
-    constructor(options: VuiServiceOptions);
+    readonly stack: VueStackService;
+    constructor(options: VuiServiceOptions, stackService: VueStackService);
     configure(options?: Partial<VuiServiceOptions>): void;
     getRouterLink(): {
         new (): {
@@ -4063,6 +4166,11 @@ export declare class VuiService {
     icon<K extends keyof VuiServiceIconSettings>(iconType: K): VuiServiceIconSettings[K];
     getAutoScrollToElementOffsetTop(): number;
     getRequiredChip(): VNodeChild;
+    dialog(...args: Parameters<VueStackService['dialog']>): Promise<any>;
+    alert(...args: Parameters<VueStackService['alert']>): Promise<any>;
+    confirm(...args: Parameters<VueStackService['confirm']>): Promise<any>;
+    snackbar(...args: Parameters<VueStackService['snackbar']>): Promise<any>;
+    prompt(rawOptions?: RawVuiPromptOptions): Promise<any>;
 }
 
 export declare interface VuiServiceIconSettings {
@@ -4071,6 +4179,16 @@ export declare interface VuiServiceIconSettings {
     prev: RawIconProp;
     next: RawIconProp;
     sort: RawIconProp;
+    editorTextColor: IconName;
+    editorformatBold: IconName;
+    editorformatUnderline: IconName;
+    editorformatItalic: IconName;
+    editorformatListBulleted: IconName;
+    editorformatListNumbered: IconName;
+    editorLink: IconName;
+    editorLinkOff: IconName;
+    editorUndo: IconName;
+    editorRedo: IconName;
 }
 
 export declare interface VuiServiceOptions {
@@ -4114,6 +4232,10 @@ export declare interface VuiServiceUISettings {
 export declare type VuiVNodeResolver = () => VNodeChild;
 
 export declare const VWysiwygEditor: DefineComponent<{
+    tools: {
+        type: PropType<RawWysiwygEditorTool[]>;
+        default: () => never[];
+    };
     'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
@@ -4150,9 +4272,86 @@ export declare const VWysiwygEditor: DefineComponent<{
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
     hiddenInfo: BooleanConstructor;
+    minlength: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
+    pattern: (StringConstructor | RegExpConstructor)[];
+    placeholder: StringConstructor;
+    autocapitalize: PropType<FormAutoCapitalize>;
+    finishings: PropType<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: Prop<string, string>;
+    autofocus: BooleanConstructor;
+    spellcheck: BooleanConstructor;
+    viewonly: BooleanConstructor;
+    validateTiming: {
+        type: PropType<ValidateTiming>;
+        default: ValidateTiming;
+    };
+    rules: {
+        type: PropType<RecursiveArray<Rule<any>>>;
+        default: () => never[];
+    };
+    error: BooleanConstructor;
+    errorMessages: PropType<string | string[]>;
 }, {
+    focus: (position?: FocusPosition | undefined, options?: {
+        scrollIntoView?: boolean | undefined;
+    } | undefined) => ChainedCommands;
+    blur: () => ChainedCommands;
+    createTools: (floating?: boolean) => JSX.Element;
+    parentControl: ControlProvider | null;
+    size: ComputedRef<"sm" | "md" | "lg">;
+    classes: ComputedRef<any>;
+    computedMinlength: ComputedRef<number | undefined>;
+    computedMaxlength: ComputedRef<number | undefined>;
+    computedPattern: ComputedRef<string | RegExp | undefined>;
+    computedPlaceholder: ComputedRef<string | undefined>;
+    computedAutocapitalize: ComputedRef<FormAutoCapitalize | undefined>;
+    counterSettings: ComputedRef<TextableCounterSettings | undefined>;
+    counterResult: ComputedRef<TextableCounterResult | undefined>;
+    computedAutocomplete: 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: FormNodeControl<any, any>;
+    currentValue: WritableComputedRef<string>;
+    computedTabindex: ComputedRef<number>;
+    validating: Ref<boolean>;
+    autofocus: boolean;
+    pending: ComputedRef<boolean>;
+    focused: ComputedRef<boolean>;
+    initialValue: Ref<string>;
+    dirty: ComputedRef<boolean>;
+    pristine: ComputedRef<boolean>;
+    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    isRequired: ComputedRef<boolean>;
+    errors: ComputedRef<FormNodeError[]>;
+    firstError: ComputedRef<FormNodeError | undefined>;
+    hasMyError: ComputedRef<boolean>;
+    hasError: ComputedRef<boolean>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    canOperation: ComputedRef<boolean>;
+    touched: ComputedRef<boolean>;
+    untouched: ComputedRef<boolean>;
+    isDestroyed: ComputedRef<boolean>;
+    invalid: ComputedRef<boolean>;
+    valid: ComputedRef<boolean>;
+    shouldValidate: ComputedRef<boolean>;
+    spellcheck: ComputedRef<boolean>;
+    submiting: ComputedRef<boolean>;
+    validateSelf: (force?: boolean | undefined) => Promise<ValidationResult>;
+    validate: () => Promise<boolean>;
     editor: Ref<Editor>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    'update:modelValue': (value: string) => boolean;
+    'update:errors': (errors: FormNodeError[]) => boolean;
+    change: (value: string) => boolean;
+    focus: (ev: FocusEvent) => boolean;
+    blur: (ev: FocusEvent) => boolean;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    tools?: unknown;
     'v-slots'?: unknown;
     size?: unknown;
     variant?: unknown;
@@ -4177,23 +4376,62 @@ export declare const VWysiwygEditor: DefineComponent<{
     invalid?: unknown;
     valid?: unknown;
     hiddenInfo?: unknown;
+    minlength?: unknown;
+    maxlength?: unknown;
+    pattern?: unknown;
+    placeholder?: unknown;
+    autocapitalize?: unknown;
+    finishings?: unknown;
+    counter?: unknown;
+    counterValue?: unknown;
+    limit?: unknown;
+    autocomplete?: unknown;
+    name?: unknown;
+    modelValue?: unknown;
+    autofocus?: unknown;
+    spellcheck?: unknown;
+    viewonly?: unknown;
+    validateTiming?: unknown;
+    rules?: unknown;
+    error?: unknown;
+    errorMessages?: unknown;
 } & {
+    autofocus: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    spellcheck: boolean;
+    viewonly: boolean;
+    required: boolean;
+    error: boolean;
+    tabindex: string | number;
+    validateTiming: ValidateTiming;
+    rules: RecursiveArray<Rule<any>>;
+    limit: boolean;
     validating: boolean;
     pending: boolean;
     focused: boolean;
     dirty: boolean;
     pristine: boolean;
-    disabled: boolean;
-    readonly: boolean;
     touched: boolean;
     untouched: boolean;
-    required: boolean;
     invalid: boolean;
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
-    tabindex: string | number;
+    tools: RawWysiwygEditorTool[];
 } & {
+    name?: string | undefined;
+    modelValue?: string | undefined;
+    errorMessages?: string | string[] | undefined;
+    autocomplete?: 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" | undefined;
+    placeholder?: string | undefined;
+    minlength?: string | number | undefined;
+    maxlength?: string | number | undefined;
+    pattern?: string | RegExp | undefined;
+    autocapitalize?: FormAutoCapitalize | undefined;
+    finishings?: RawTextableFinishingProp | undefined;
+    counter?: string | number | boolean | undefined;
+    counterValue?: ((value: string) => number) | undefined;
     nodeControl?: FormNodeControl<any, any> | undefined;
     label?: VNodeChildOrSlot<any>;
     hint?: VNodeChildOrSlot<any>;
@@ -4203,24 +4441,71 @@ export declare const VWysiwygEditor: DefineComponent<{
     variant?: "flat" | "outlined" | "filled" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     "v-slots"?: ResolveRawSlots<FormControlSlots & InputBoxSlots> | undefined;
-}>, {
+}> & {
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:errors"?: ((errors: FormNodeError[]) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+}, {
+    autofocus: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    spellcheck: boolean;
+    viewonly: boolean;
+    required: boolean;
+    error: boolean;
+    tabindex: string | number;
+    validateTiming: ValidateTiming;
+    rules: RecursiveArray<Rule<any>>;
+    limit: boolean;
     validating: boolean;
     pending: boolean;
     focused: boolean;
     dirty: boolean;
     pristine: boolean;
-    disabled: boolean;
-    readonly: boolean;
     touched: boolean;
     untouched: boolean;
-    required: boolean;
     invalid: boolean;
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
-    tabindex: string | number;
+    tools: RawWysiwygEditorTool[];
 }>;
 
+export declare const WysiwygBulletListTool: WysiwygEditorToolFactory<BulletListOptions>;
+
+declare interface WysiwygEditorContext {
+    editor: Editor;
+    vui: VuiService;
+}
+
+declare interface WysiwygEditorTool {
+    key: string;
+    icon: IconName | ((ctx: WysiwygEditorContext) => IconName);
+    active?: boolean | ((ctx: WysiwygEditorContext) => boolean);
+    disabled?: boolean | ((ctx: WysiwygEditorContext) => boolean);
+    onClick: (ctx: WysiwygEditorContext, ev: MouseEvent) => any;
+    floating?: boolean;
+    extensions?: Extensions;
+}
+
+declare type WysiwygEditorToolFactory<Options = void> = (vui: VuiService, options?: Options) => WysiwygEditorTool | WysiwygEditorTool[];
+
+export declare const WysiwygFormatBoldTool: WysiwygEditorToolFactory<BoldOptions>;
+
+export declare const WysiwygFormatItalicTool: WysiwygEditorToolFactory<ItalicOptions>;
+
+export declare const WysiwygFormatUnderlineTool: WysiwygEditorToolFactory<UnderlineOptions>;
+
+export declare const WysiwygHistoryTool: WysiwygEditorToolFactory<HistoryOptions>;
+
+export declare const WysiwygLinkTool: WysiwygEditorToolFactory<LinkOptions>;
+
+export declare const WysiwygOrderedListTool: WysiwygEditorToolFactory<OrderedListOptions>;
+
+export declare const WysiwygTextColorTool: WysiwygEditorToolFactory;
+
 
 export * from "@fastkit/vue-kit";
 export * from "@fastkit/vue-loading";