@fastkit/vui 0.6.32 → 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;
 }
@@ -965,13 +990,14 @@ thead th {
 .v-button--rounded {
   --padding: 0;
   min-width: 0;
+  aspect-ratio: 1/1;
   margin: calc(var(--root-em) * 0.125) calc(var(--root-em) * 0.125);
   border-radius: 50%;
-  aspect-ratio: 1/1;
   --height: auto;
 }
 .v-button--icon {
-  min-width: 0;
+  min-width: 1.9285714286em;
+  margin: calc(var(--root-em) * 0.125) calc(var(--root-em) * 0.125);
   --height: 1.9285714286em;
   --padding: 0em;
 }
@@ -1010,6 +1036,25 @@ thead th {
   z-index: 1;
   transform: translate(-50%, -50%);
 }
+.v-button-group {
+  display: inline-flex;
+  align-items: stretch;
+}
+.v-button-group__item {
+  position: relative;
+  margin: 0;
+}
+.v-button-group__item--has-left {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.v-button-group__item--has-right {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.v-button-group__item:focus {
+  z-index: 1;
+}
 .v-pagination {
   --pagination-size: var(--pagination-item-size);
   --pagination-margin: var(--pagination-item-margin);
@@ -1708,6 +1753,21 @@ thead th {
   font-style: italic;
   color: var(--control-disabled-color);
 }
+.v-wysiwyg-editor__input {
+  cursor: text;
+}
+.v-wysiwyg-editor__input__element {
+  width: 100%;
+  min-width: 0;
+  padding: 8px 0;
+  margin: 0;
+}
+.v-wysiwyg-editor__input__element .ProseMirror {
+  outline: none;
+}
+.v-wysiwyg-editor__input__element p {
+  margin: 0;
+}
 .v-tabs {
   position: relative;
   width: 100%;

package/dist/vui.d.ts

@@ -1,14 +1,20 @@
 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';
 import { ComputedRef } from 'vue';
 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';
@@ -19,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';
@@ -50,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';
 
@@ -253,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;
@@ -623,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;
@@ -697,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;
@@ -879,6 +970,38 @@ export declare const VButton: DefineComponent<{
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
 }>;
 
+export declare const VButtonGroup: DefineComponent<{
+    disabled: BooleanConstructor;
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    variant: PropType<ColorVariant>;
+    theme: PropType<ThemeName>;
+    color: PropType<ScopeName>;
+    textColor: PropType<PaletteName>;
+    borderColor: PropType<PaletteName>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
+    disabled?: unknown;
+    size?: unknown;
+    variant?: unknown;
+    theme?: unknown;
+    color?: unknown;
+    textColor?: unknown;
+    borderColor?: unknown;
+} & {
+    disabled: boolean;
+} & {
+    theme?: ThemeName | undefined;
+    color?: ScopeName | undefined;
+    textColor?: PaletteName | undefined;
+    borderColor?: PaletteName | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: ColorVariant | undefined;
+}>, {
+    disabled: boolean;
+}>;
+
 export declare type VButtonIcon = () => VNodeChild;
 
 export declare type VButtonProps = ExtractPropInput<typeof vueButtonProps>;
@@ -1483,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">;
@@ -1568,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;
@@ -1599,6 +1724,7 @@ export declare const VForm: DefineComponent<{
     rules: RecursiveArray<Rule<any>>;
     submiting: boolean;
     autoValidate: boolean;
+    disableAutoScroll: boolean;
 } & {
     name?: string | undefined;
     modelValue?: unknown;
@@ -1627,6 +1753,7 @@ export declare const VForm: DefineComponent<{
     rules: RecursiveArray<Rule<any>>;
     submiting: boolean;
     autoValidate: boolean;
+    disableAutoScroll: boolean;
 }>;
 
 export declare interface VFormSlots {
@@ -3969,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>;
@@ -3997,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;
@@ -4005,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 (): {
@@ -4030,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 {
@@ -4038,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 {
@@ -4080,6 +4231,281 @@ 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">;
+        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;
+    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, {
+    '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;
+    startAdornment?: unknown;
+    endAdornment?: unknown;
+    tabindex?: unknown;
+    nodeControl?: unknown;
+    label?: unknown;
+    hint?: unknown;
+    infoAppends?: unknown;
+    validating?: unknown;
+    pending?: unknown;
+    focused?: unknown;
+    dirty?: unknown;
+    pristine?: unknown;
+    errors?: unknown;
+    disabled?: unknown;
+    readonly?: unknown;
+    touched?: unknown;
+    untouched?: unknown;
+    required?: unknown;
+    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;
+    touched: boolean;
+    untouched: boolean;
+    invalid: boolean;
+    valid: boolean;
+    hiddenInfo: boolean;
+    errors: FormNodeError[];
+    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>;
+    infoAppends?: VNodeChildOrSlot<any>;
+    startAdornment?: VNodeChildOrSlot<any>;
+    endAdornment?: VNodeChildOrSlot<any>;
+    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;
+    touched: boolean;
+    untouched: boolean;
+    invalid: boolean;
+    valid: boolean;
+    hiddenInfo: boolean;
+    errors: FormNodeError[];
+    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";