@bridge-ui/vue 0.0.11 → 0.1.1

package/dist/Components/ColorField/composables/useColorField.d.ts

@@ -0,0 +1,748 @@
+import { Ref, SetupContext } from 'vue';
+import { ColorFieldEmits, ColorFieldOwnProps } from '../colorField.types';
+import { FormFieldOwnProps } from '../../FormField/formField.types';
+/**
+ * Composes FormField + overlay + ColorPicker for a color input field.
+ */
+export declare function useColorField(props: ColorFieldOwnProps, model: Ref<null | string | undefined>, emit: SetupContext<ColorFieldEmits>["emit"]): {
+    open: Ref<boolean, boolean>;
+    fill: import('vue').ComputedRef<boolean>;
+    format: import('vue').ComputedRef<"hex" | "hsl" | "rgb" | "hexa" | "hsla" | "rgba">;
+    overlay: import('vue').ComputedRef<import('@bridge-ui/core/Domain').FieldOverlayMode | undefined>;
+    hasValue: import('vue').ComputedRef<boolean>;
+    colorOnly: import('vue').ComputedRef<Pick<ColorFieldOwnProps & Record<string, unknown>, "fill" | "format" | "classes" | "overlay" | "showFooter" | "customProps" | "clearable" | "defaultValue" | "alpha" | "swatches" | "editable" | "showSwatch">>;
+    formField: {
+        slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        merged: import('vue').ComputedRef<Omit<FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "showErrorIcon"> & {
+            color: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldColor | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldSize | undefined>;
+            rounded: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
+            variant: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>;
+            errorIcon: NonNullable<import('../../..').IconSource | undefined>;
+            showErrorIcon: NonNullable<boolean | undefined>;
+        }>;
+        control: import('vue').ComputedRef<string>;
+        endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+            onCut?: ((payload: ClipboardEvent) => void) | undefined;
+            onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+            onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+            onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+            onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+            onDrag?: ((payload: DragEvent) => void) | undefined;
+            onDragend?: ((payload: DragEvent) => void) | undefined;
+            onDragenter?: ((payload: DragEvent) => void) | undefined;
+            onDragexit?: ((payload: DragEvent) => void) | undefined;
+            onDragleave?: ((payload: DragEvent) => void) | undefined;
+            onDragover?: ((payload: DragEvent) => void) | undefined;
+            onDragstart?: ((payload: DragEvent) => void) | undefined;
+            onDrop?: ((payload: DragEvent) => void) | undefined;
+            onFocus?: ((payload: FocusEvent) => void) | undefined;
+            onFocusin?: ((payload: FocusEvent) => void) | undefined;
+            onFocusout?: ((payload: FocusEvent) => void) | undefined;
+            onBlur?: ((payload: FocusEvent) => void) | undefined;
+            onChange?: ((payload: Event) => void) | undefined;
+            onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+            onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+            onInput?: ((payload: InputEvent) => void) | undefined;
+            onReset?: ((payload: Event) => void) | undefined;
+            onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+            onInvalid?: ((payload: Event) => void) | undefined;
+            onFullscreenchange?: ((payload: Event) => void) | undefined;
+            onFullscreenerror?: ((payload: Event) => void) | undefined;
+            onLoad?: ((payload: Event) => void) | undefined;
+            onError?: ((payload: Event) => void) | undefined;
+            onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+            onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+            onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+            onDblclick?: ((payload: MouseEvent) => void) | undefined;
+            onMousedown?: ((payload: MouseEvent) => void) | undefined;
+            onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+            onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+            onMousemove?: ((payload: MouseEvent) => void) | undefined;
+            onMouseout?: ((payload: MouseEvent) => void) | undefined;
+            onMouseover?: ((payload: MouseEvent) => void) | undefined;
+            onMouseup?: ((payload: MouseEvent) => void) | undefined;
+            onAbort?: ((payload: UIEvent) => void) | undefined;
+            onCanplay?: ((payload: Event) => void) | undefined;
+            onCanplaythrough?: ((payload: Event) => void) | undefined;
+            onDurationchange?: ((payload: Event) => void) | undefined;
+            onEmptied?: ((payload: Event) => void) | undefined;
+            onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+            onEnded?: ((payload: Event) => void) | undefined;
+            onLoadeddata?: ((payload: Event) => void) | undefined;
+            onLoadedmetadata?: ((payload: Event) => void) | undefined;
+            onLoadstart?: ((payload: Event) => void) | undefined;
+            onPause?: ((payload: Event) => void) | undefined;
+            onPlay?: ((payload: Event) => void) | undefined;
+            onPlaying?: ((payload: Event) => void) | undefined;
+            onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+            onRatechange?: ((payload: Event) => void) | undefined;
+            onSeeked?: ((payload: Event) => void) | undefined;
+            onSeeking?: ((payload: Event) => void) | undefined;
+            onStalled?: ((payload: Event) => void) | undefined;
+            onSuspend?: ((payload: Event) => void) | undefined;
+            onTimeupdate?: ((payload: Event) => void) | undefined;
+            onVolumechange?: ((payload: Event) => void) | undefined;
+            onWaiting?: ((payload: Event) => void) | undefined;
+            onSelect?: ((payload: Event) => void) | undefined;
+            onScroll?: ((payload: Event) => void) | undefined;
+            onScrollend?: ((payload: Event) => void) | undefined;
+            onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+            onTouchend?: ((payload: TouchEvent) => void) | undefined;
+            onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+            onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+            onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+            onClick?: ((payload: PointerEvent) => void) | undefined;
+            onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+            onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+            onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+            onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+            onPointermove?: ((payload: PointerEvent) => void) | undefined;
+            onPointerup?: ((payload: PointerEvent) => void) | undefined;
+            onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+            onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+            onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+            onPointerover?: ((payload: PointerEvent) => void) | undefined;
+            onPointerout?: ((payload: PointerEvent) => void) | undefined;
+            onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+            onToggle?: ((payload: ToggleEvent) => void) | undefined;
+            onWheel?: ((payload: WheelEvent) => void) | undefined;
+            onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+            onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+            onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+            onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+            onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+            onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+            onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+            onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+            onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+            innerHTML?: string | undefined | undefined;
+            style?: import('vue').StyleValue;
+            color?: string | undefined | undefined;
+            id?: string | undefined | undefined;
+            lang?: string | undefined | undefined;
+            role?: string | undefined | undefined;
+            tabindex?: (string | number) | undefined;
+            'aria-activedescendant'?: string | undefined | undefined;
+            'aria-atomic'?: (boolean | "true" | "false") | undefined;
+            'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
+            'aria-busy'?: (boolean | "true" | "false") | undefined;
+            'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+            'aria-colcount'?: (string | number) | undefined;
+            'aria-colindex'?: (string | number) | undefined;
+            'aria-colspan'?: (string | number) | undefined;
+            'aria-controls'?: string | undefined | undefined;
+            'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+            'aria-describedby'?: string | undefined | undefined;
+            'aria-details'?: string | undefined | undefined;
+            'aria-disabled'?: (boolean | "true" | "false") | undefined;
+            'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+            'aria-errormessage'?: string | undefined | undefined;
+            'aria-expanded'?: (boolean | "true" | "false") | undefined;
+            'aria-flowto'?: string | undefined | undefined;
+            'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+            'aria-haspopup'?: "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | "dialog" | undefined;
+            'aria-hidden'?: (boolean | "true" | "false") | undefined;
+            'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+            'aria-keyshortcuts'?: string | undefined | undefined;
+            'aria-label'?: string | undefined | undefined;
+            'aria-labelledby'?: string | undefined | undefined;
+            'aria-level'?: (string | number) | undefined;
+            'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
+            'aria-modal'?: (boolean | "true" | "false") | undefined;
+            'aria-multiline'?: (boolean | "true" | "false") | undefined;
+            'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+            'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
+            'aria-owns'?: string | undefined | undefined;
+            'aria-placeholder'?: string | undefined | undefined;
+            'aria-posinset'?: (string | number) | undefined;
+            'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+            'aria-readonly'?: (boolean | "true" | "false") | undefined;
+            'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+            'aria-required'?: (boolean | "true" | "false") | undefined;
+            'aria-roledescription'?: string | undefined | undefined;
+            'aria-rowcount'?: (string | number) | undefined;
+            'aria-rowindex'?: (string | number) | undefined;
+            'aria-rowspan'?: (string | number) | undefined;
+            'aria-selected'?: (boolean | "true" | "false") | undefined;
+            'aria-setsize'?: (string | number) | undefined;
+            'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+            'aria-valuemax'?: (string | number) | undefined;
+            'aria-valuemin'?: (string | number) | undefined;
+            'aria-valuenow'?: (string | number) | undefined;
+            'aria-valuetext'?: string | undefined | undefined;
+            accesskey?: string | undefined | undefined;
+            contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+            contextmenu?: string | undefined | undefined;
+            dir?: string | undefined | undefined;
+            draggable?: (boolean | "true" | "false") | undefined;
+            enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+            hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
+            inert?: (boolean | "true" | "false") | undefined;
+            placeholder?: string | undefined | undefined;
+            spellcheck?: (boolean | "true" | "false") | undefined;
+            title?: string | undefined | undefined;
+            translate?: "yes" | "no" | undefined | undefined;
+            radiogroup?: string | undefined | undefined;
+            about?: string | undefined | undefined;
+            datatype?: string | undefined | undefined;
+            inlist?: any;
+            prefix?: string | undefined | undefined;
+            property?: string | undefined | undefined;
+            resource?: string | undefined | undefined;
+            typeof?: string | undefined | undefined;
+            vocab?: string | undefined | undefined;
+            autocapitalize?: string | undefined | undefined;
+            autocorrect?: string | undefined | undefined;
+            autosave?: string | undefined | undefined;
+            itemprop?: string | undefined | undefined;
+            itemscope?: (boolean | "true" | "false") | undefined;
+            itemtype?: string | undefined | undefined;
+            itemid?: string | undefined | undefined;
+            itemref?: string | undefined | undefined;
+            results?: (string | number) | undefined;
+            security?: string | undefined | undefined;
+            unselectable?: "on" | "off" | undefined | undefined;
+            inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+            is?: string | undefined | undefined;
+            exportparts?: string | undefined;
+            part?: string | undefined;
+            class: string;
+        }>>;
+        controlId: import('vue').ComputedRef<string>;
+        errorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
+        inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
+            id: string;
+            disabled: boolean;
+            readonly: boolean;
+            "aria-describedby": string | undefined;
+            "aria-invalid": true | undefined;
+            accept?: string | undefined;
+            alt?: string | undefined;
+            autocomplete?: import('vue').InputAutoCompleteAttribute | undefined;
+            autofocus?: (boolean | "true" | "false") | undefined;
+            capture?: boolean | "user" | "environment" | undefined;
+            checked?: (boolean | "true" | "false") | any[] | Set<any> | undefined;
+            crossorigin?: string | undefined;
+            form?: string | undefined;
+            formaction?: string | undefined;
+            formenctype?: string | undefined;
+            formmethod?: string | undefined;
+            formnovalidate?: (boolean | "true" | "false") | undefined;
+            formtarget?: string | undefined;
+            height?: (string | number) | undefined;
+            indeterminate?: boolean | undefined;
+            list?: string | undefined;
+            max?: (string | number) | undefined;
+            maxlength?: (string | number) | undefined;
+            min?: (string | number) | undefined;
+            minlength?: (string | number) | undefined;
+            multiple?: (boolean | "true" | "false") | undefined;
+            name?: string | undefined;
+            pattern?: string | undefined;
+            placeholder?: string | undefined;
+            required?: (boolean | "true" | "false") | undefined;
+            size?: (string | number) | undefined;
+            src?: string | undefined;
+            step?: (string | number) | undefined;
+            type?: import('vue').InputTypeHTMLAttribute | undefined;
+            value?: any;
+            width?: (string | number) | undefined;
+            onCancel?: ((payload: Event) => void) | undefined;
+            innerHTML?: string | undefined;
+            class?: import('vue').ClassValue | undefined;
+            style?: import('vue').StyleValue | undefined;
+            accesskey?: string | undefined;
+            contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+            contextmenu?: string | undefined;
+            dir?: string | undefined;
+            draggable?: (boolean | "true" | "false") | undefined;
+            enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+            enterKeyHint?: import('vue').HTMLAttributes["enterkeyhint"];
+            hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
+            inert?: (boolean | "true" | "false") | undefined;
+            lang?: string | undefined;
+            spellcheck?: (boolean | "true" | "false") | undefined;
+            tabindex?: (string | number) | undefined;
+            title?: string | undefined;
+            translate?: "yes" | "no" | undefined;
+            radiogroup?: string | undefined;
+            role?: string | undefined;
+            about?: string | undefined;
+            datatype?: string | undefined;
+            inlist?: any;
+            prefix?: string | undefined;
+            property?: string | undefined;
+            resource?: string | undefined;
+            typeof?: string | undefined;
+            vocab?: string | undefined;
+            autocapitalize?: string | undefined;
+            autocorrect?: string | undefined;
+            autosave?: string | undefined;
+            color?: string | undefined;
+            itemprop?: string | undefined;
+            itemscope?: (boolean | "true" | "false") | undefined;
+            itemtype?: string | undefined;
+            itemid?: string | undefined;
+            itemref?: string | undefined;
+            results?: (string | number) | undefined;
+            security?: string | undefined;
+            unselectable?: "on" | "off" | undefined;
+            inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+            is?: string | undefined;
+            exportparts?: string;
+            part?: string;
+            'aria-activedescendant'?: string | undefined;
+            'aria-atomic'?: (boolean | "true" | "false") | undefined;
+            'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
+            'aria-busy'?: (boolean | "true" | "false") | undefined;
+            'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+            'aria-colcount'?: (string | number) | undefined;
+            'aria-colindex'?: (string | number) | undefined;
+            'aria-colspan'?: (string | number) | undefined;
+            'aria-controls'?: string | undefined;
+            'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+            'aria-details'?: string | undefined;
+            'aria-disabled'?: (boolean | "true" | "false") | undefined;
+            'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+            'aria-errormessage'?: string | undefined;
+            'aria-expanded'?: (boolean | "true" | "false") | undefined;
+            'aria-flowto'?: string | undefined;
+            'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+            'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+            'aria-hidden'?: (boolean | "true" | "false") | undefined;
+            'aria-keyshortcuts'?: string | undefined;
+            'aria-label'?: string | undefined;
+            'aria-labelledby'?: string | undefined;
+            'aria-level'?: (string | number) | undefined;
+            'aria-live'?: "off" | "assertive" | "polite" | undefined;
+            'aria-modal'?: (boolean | "true" | "false") | undefined;
+            'aria-multiline'?: (boolean | "true" | "false") | undefined;
+            'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+            'aria-orientation'?: "horizontal" | "vertical" | undefined;
+            'aria-owns'?: string | undefined;
+            'aria-placeholder'?: string | undefined;
+            'aria-posinset'?: (string | number) | undefined;
+            'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+            'aria-readonly'?: (boolean | "true" | "false") | undefined;
+            'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+            'aria-required'?: (boolean | "true" | "false") | undefined;
+            'aria-roledescription'?: string | undefined;
+            'aria-rowcount'?: (string | number) | undefined;
+            'aria-rowindex'?: (string | number) | undefined;
+            'aria-rowspan'?: (string | number) | undefined;
+            'aria-selected'?: (boolean | "true" | "false") | undefined;
+            'aria-setsize'?: (string | number) | undefined;
+            'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+            'aria-valuemax'?: (string | number) | undefined;
+            'aria-valuemin'?: (string | number) | undefined;
+            'aria-valuenow'?: (string | number) | undefined;
+            'aria-valuetext'?: string | undefined;
+            onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+            onCut?: ((payload: ClipboardEvent) => void) | undefined;
+            onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+            onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+            onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+            onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+            onDrag?: ((payload: DragEvent) => void) | undefined;
+            onDragend?: ((payload: DragEvent) => void) | undefined;
+            onDragenter?: ((payload: DragEvent) => void) | undefined;
+            onDragexit?: ((payload: DragEvent) => void) | undefined;
+            onDragleave?: ((payload: DragEvent) => void) | undefined;
+            onDragover?: ((payload: DragEvent) => void) | undefined;
+            onDragstart?: ((payload: DragEvent) => void) | undefined;
+            onDrop?: ((payload: DragEvent) => void) | undefined;
+            onFocus?: ((payload: FocusEvent) => void) | undefined;
+            onFocusin?: ((payload: FocusEvent) => void) | undefined;
+            onFocusout?: ((payload: FocusEvent) => void) | undefined;
+            onBlur?: ((payload: FocusEvent) => void) | undefined;
+            onChange?: ((payload: Event) => void) | undefined;
+            onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+            onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+            onInput?: ((payload: InputEvent) => void) | undefined;
+            onReset?: ((payload: Event) => void) | undefined;
+            onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+            onInvalid?: ((payload: Event) => void) | undefined;
+            onFullscreenchange?: ((payload: Event) => void) | undefined;
+            onFullscreenerror?: ((payload: Event) => void) | undefined;
+            onLoad?: ((payload: Event) => void) | undefined;
+            onError?: ((payload: Event) => void) | undefined;
+            onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+            onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+            onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+            onDblclick?: ((payload: MouseEvent) => void) | undefined;
+            onMousedown?: ((payload: MouseEvent) => void) | undefined;
+            onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+            onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+            onMousemove?: ((payload: MouseEvent) => void) | undefined;
+            onMouseout?: ((payload: MouseEvent) => void) | undefined;
+            onMouseover?: ((payload: MouseEvent) => void) | undefined;
+            onMouseup?: ((payload: MouseEvent) => void) | undefined;
+            onAbort?: ((payload: UIEvent) => void) | undefined;
+            onCanplay?: ((payload: Event) => void) | undefined;
+            onCanplaythrough?: ((payload: Event) => void) | undefined;
+            onDurationchange?: ((payload: Event) => void) | undefined;
+            onEmptied?: ((payload: Event) => void) | undefined;
+            onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+            onEnded?: ((payload: Event) => void) | undefined;
+            onLoadeddata?: ((payload: Event) => void) | undefined;
+            onLoadedmetadata?: ((payload: Event) => void) | undefined;
+            onLoadstart?: ((payload: Event) => void) | undefined;
+            onPause?: ((payload: Event) => void) | undefined;
+            onPlay?: ((payload: Event) => void) | undefined;
+            onPlaying?: ((payload: Event) => void) | undefined;
+            onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+            onRatechange?: ((payload: Event) => void) | undefined;
+            onSeeked?: ((payload: Event) => void) | undefined;
+            onSeeking?: ((payload: Event) => void) | undefined;
+            onStalled?: ((payload: Event) => void) | undefined;
+            onSuspend?: ((payload: Event) => void) | undefined;
+            onTimeupdate?: ((payload: Event) => void) | undefined;
+            onVolumechange?: ((payload: Event) => void) | undefined;
+            onWaiting?: ((payload: Event) => void) | undefined;
+            onSelect?: ((payload: Event) => void) | undefined;
+            onScroll?: ((payload: Event) => void) | undefined;
+            onScrollend?: ((payload: Event) => void) | undefined;
+            onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+            onTouchend?: ((payload: TouchEvent) => void) | undefined;
+            onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+            onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+            onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+            onClick?: ((payload: PointerEvent) => void) | undefined;
+            onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+            onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+            onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+            onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+            onPointermove?: ((payload: PointerEvent) => void) | undefined;
+            onPointerup?: ((payload: PointerEvent) => void) | undefined;
+            onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+            onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+            onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+            onPointerover?: ((payload: PointerEvent) => void) | undefined;
+            onPointerout?: ((payload: PointerEvent) => void) | undefined;
+            onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+            onToggle?: ((payload: ToggleEvent) => void) | undefined;
+            onWheel?: ((payload: WheelEvent) => void) | undefined;
+            onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+            onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+            onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+            onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+            onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+            onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+            onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+            onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+            onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+        isNotched: import('vue').ComputedRef<boolean>;
+        isStacked: import('vue').ComputedRef<boolean>;
+        startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        isReadonly: import('vue').ComputedRef<boolean>;
+        variantKey: import('vue').ComputedRef<NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>>;
+        endIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+        endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        invalidated: import('vue').ComputedRef<boolean>;
+        containerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
+        }>>;
+        startIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+        startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
+        ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
+        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        hasInsetLabelRow: import('vue').ComputedRef<boolean>;
+        insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        showErrorMessageContent: import('vue').ComputedRef<boolean>;
+        reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
+    };
+    inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
+        id: string;
+        disabled: boolean;
+        readonly: boolean;
+        "aria-describedby": string | undefined;
+        "aria-invalid": true | undefined;
+        accept?: string | undefined;
+        alt?: string | undefined;
+        autocomplete?: import('vue').InputAutoCompleteAttribute | undefined;
+        autofocus?: (boolean | "true" | "false") | undefined;
+        capture?: boolean | "user" | "environment" | undefined;
+        checked?: (boolean | "true" | "false") | any[] | Set<any> | undefined;
+        crossorigin?: string | undefined;
+        form?: string | undefined;
+        formaction?: string | undefined;
+        formenctype?: string | undefined;
+        formmethod?: string | undefined;
+        formnovalidate?: (boolean | "true" | "false") | undefined;
+        formtarget?: string | undefined;
+        height?: (string | number) | undefined;
+        indeterminate?: boolean | undefined;
+        list?: string | undefined;
+        max?: (string | number) | undefined;
+        maxlength?: (string | number) | undefined;
+        min?: (string | number) | undefined;
+        minlength?: (string | number) | undefined;
+        multiple?: (boolean | "true" | "false") | undefined;
+        name?: string | undefined;
+        pattern?: string | undefined;
+        placeholder?: string | undefined;
+        required?: (boolean | "true" | "false") | undefined;
+        size?: (string | number) | undefined;
+        src?: string | undefined;
+        step?: (string | number) | undefined;
+        type?: import('vue').InputTypeHTMLAttribute | undefined;
+        value?: any;
+        width?: (string | number) | undefined;
+        onCancel?: ((payload: Event) => void) | undefined;
+        innerHTML?: string | undefined;
+        class?: import('vue').ClassValue | undefined;
+        style?: import('vue').StyleValue | undefined;
+        accesskey?: string | undefined;
+        contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextmenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: import('vue').HTMLAttributes["enterkeyhint"];
+        hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
+        inert?: (boolean | "true" | "false") | undefined;
+        lang?: string | undefined;
+        spellcheck?: (boolean | "true" | "false") | undefined;
+        tabindex?: (string | number) | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        radiogroup?: string | undefined;
+        role?: string | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        resource?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autocapitalize?: string | undefined;
+        autocorrect?: string | undefined;
+        autosave?: string | undefined;
+        color?: string | undefined;
+        itemprop?: string | undefined;
+        itemscope?: (boolean | "true" | "false") | undefined;
+        itemtype?: string | undefined;
+        itemid?: string | undefined;
+        itemref?: string | undefined;
+        results?: (string | number) | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        exportparts?: string;
+        part?: string;
+        'aria-activedescendant'?: string | undefined;
+        'aria-atomic'?: (boolean | "true" | "false") | undefined;
+        'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
+        'aria-busy'?: (boolean | "true" | "false") | undefined;
+        'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+        'aria-colcount'?: (string | number) | undefined;
+        'aria-colindex'?: (string | number) | undefined;
+        'aria-colspan'?: (string | number) | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+        'aria-details'?: string | undefined;
+        'aria-disabled'?: (boolean | "true" | "false") | undefined;
+        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        'aria-errormessage'?: string | undefined;
+        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+        'aria-flowto'?: string | undefined;
+        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+        'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+        'aria-keyshortcuts'?: string | undefined;
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+        'aria-level'?: (string | number) | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | undefined;
+        'aria-modal'?: (boolean | "true" | "false") | undefined;
+        'aria-multiline'?: (boolean | "true" | "false") | undefined;
+        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | undefined;
+        'aria-owns'?: string | undefined;
+        'aria-placeholder'?: string | undefined;
+        'aria-posinset'?: (string | number) | undefined;
+        'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+        'aria-readonly'?: (boolean | "true" | "false") | undefined;
+        'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        'aria-required'?: (boolean | "true" | "false") | undefined;
+        'aria-roledescription'?: string | undefined;
+        'aria-rowcount'?: (string | number) | undefined;
+        'aria-rowindex'?: (string | number) | undefined;
+        'aria-rowspan'?: (string | number) | undefined;
+        'aria-selected'?: (boolean | "true" | "false") | undefined;
+        'aria-setsize'?: (string | number) | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+        'aria-valuemax'?: (string | number) | undefined;
+        'aria-valuemin'?: (string | number) | undefined;
+        'aria-valuenow'?: (string | number) | undefined;
+        'aria-valuetext'?: string | undefined;
+        onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+        onCut?: ((payload: ClipboardEvent) => void) | undefined;
+        onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+        onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+        onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+        onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+        onDrag?: ((payload: DragEvent) => void) | undefined;
+        onDragend?: ((payload: DragEvent) => void) | undefined;
+        onDragenter?: ((payload: DragEvent) => void) | undefined;
+        onDragexit?: ((payload: DragEvent) => void) | undefined;
+        onDragleave?: ((payload: DragEvent) => void) | undefined;
+        onDragover?: ((payload: DragEvent) => void) | undefined;
+        onDragstart?: ((payload: DragEvent) => void) | undefined;
+        onDrop?: ((payload: DragEvent) => void) | undefined;
+        onFocus?: ((payload: FocusEvent) => void) | undefined;
+        onFocusin?: ((payload: FocusEvent) => void) | undefined;
+        onFocusout?: ((payload: FocusEvent) => void) | undefined;
+        onBlur?: ((payload: FocusEvent) => void) | undefined;
+        onChange?: ((payload: Event) => void) | undefined;
+        onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+        onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+        onInput?: ((payload: InputEvent) => void) | undefined;
+        onReset?: ((payload: Event) => void) | undefined;
+        onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+        onInvalid?: ((payload: Event) => void) | undefined;
+        onFullscreenchange?: ((payload: Event) => void) | undefined;
+        onFullscreenerror?: ((payload: Event) => void) | undefined;
+        onLoad?: ((payload: Event) => void) | undefined;
+        onError?: ((payload: Event) => void) | undefined;
+        onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+        onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+        onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+        onDblclick?: ((payload: MouseEvent) => void) | undefined;
+        onMousedown?: ((payload: MouseEvent) => void) | undefined;
+        onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+        onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+        onMousemove?: ((payload: MouseEvent) => void) | undefined;
+        onMouseout?: ((payload: MouseEvent) => void) | undefined;
+        onMouseover?: ((payload: MouseEvent) => void) | undefined;
+        onMouseup?: ((payload: MouseEvent) => void) | undefined;
+        onAbort?: ((payload: UIEvent) => void) | undefined;
+        onCanplay?: ((payload: Event) => void) | undefined;
+        onCanplaythrough?: ((payload: Event) => void) | undefined;
+        onDurationchange?: ((payload: Event) => void) | undefined;
+        onEmptied?: ((payload: Event) => void) | undefined;
+        onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+        onEnded?: ((payload: Event) => void) | undefined;
+        onLoadeddata?: ((payload: Event) => void) | undefined;
+        onLoadedmetadata?: ((payload: Event) => void) | undefined;
+        onLoadstart?: ((payload: Event) => void) | undefined;
+        onPause?: ((payload: Event) => void) | undefined;
+        onPlay?: ((payload: Event) => void) | undefined;
+        onPlaying?: ((payload: Event) => void) | undefined;
+        onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+        onRatechange?: ((payload: Event) => void) | undefined;
+        onSeeked?: ((payload: Event) => void) | undefined;
+        onSeeking?: ((payload: Event) => void) | undefined;
+        onStalled?: ((payload: Event) => void) | undefined;
+        onSuspend?: ((payload: Event) => void) | undefined;
+        onTimeupdate?: ((payload: Event) => void) | undefined;
+        onVolumechange?: ((payload: Event) => void) | undefined;
+        onWaiting?: ((payload: Event) => void) | undefined;
+        onSelect?: ((payload: Event) => void) | undefined;
+        onScroll?: ((payload: Event) => void) | undefined;
+        onScrollend?: ((payload: Event) => void) | undefined;
+        onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+        onTouchend?: ((payload: TouchEvent) => void) | undefined;
+        onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+        onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+        onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+        onClick?: ((payload: PointerEvent) => void) | undefined;
+        onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+        onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+        onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+        onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+        onPointermove?: ((payload: PointerEvent) => void) | undefined;
+        onPointerup?: ((payload: PointerEvent) => void) | undefined;
+        onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+        onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+        onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+        onPointerover?: ((payload: PointerEvent) => void) | undefined;
+        onPointerout?: ((payload: PointerEvent) => void) | undefined;
+        onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+        onToggle?: ((payload: ToggleEvent) => void) | undefined;
+        onWheel?: ((payload: WheelEvent) => void) | undefined;
+        onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+        onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+        onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>, "class", {
+        value: string;
+        readonly: boolean;
+        onFocus: (event: FocusEvent) => void;
+        onBlur: () => void;
+        onInput: (event: Event) => void;
+        onKeydown: (event: KeyboardEvent) => void;
+    }, undefined>>;
+    clearable: import('vue').ComputedRef<boolean>;
+    clearBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        tabindex: number;
+        role: string;
+        "data-field-clear": boolean;
+        onMousedown: (event: MouseEvent) => void;
+        class: string;
+    }, "class", {}, {}>>;
+    swatchBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        "aria-hidden": boolean;
+    }>>;
+    clearValue: (event?: Event) => void;
+    modelValue: import('vue').ComputedRef<string | null>;
+    showFooter: import('vue').ComputedRef<boolean>;
+    showSwatch: import('vue').ComputedRef<boolean>;
+    pickerClass: import('vue').ComputedRef<string | undefined>;
+    containerRef: Ref<HTMLElement | null, HTMLElement | null>;
+    clearIconSize: import('vue').ComputedRef<keyof import('@bridge-ui/core/Tokens').IconSize>;
+    showClearIcon: import('vue').ComputedRef<boolean>;
+    swatchFillBind: import('vue').ComputedRef<{
+        class: string;
+        style: {
+            backgroundColor: string;
+        } | undefined;
+    }>;
+    handleOpenChange: (next: boolean) => void;
+    handlePickerChange: (next: null | string) => void;
+    handlePickerCancel: () => void;
+    overlayCustomProps: import('vue').ComputedRef<{
+        modal: Partial<import('../../Modal').ModalOwnProps> | undefined;
+        drawer: Partial<import('../../Drawer').DrawerOwnProps> | undefined;
+        menu: {
+            anchorEl: null | HTMLElement;
+            classes?: import('../../Menu').MenuClasses;
+            closeOnClickAway?: boolean;
+            closeOnEscape?: boolean;
+            customProps?: import('../../Menu').MenuCustomProps;
+            disableAutoFocus?: boolean;
+            disableScrollLock?: boolean;
+            keepMounted?: boolean;
+            offset?: number;
+            onShowChange?: (show: boolean) => void;
+            persistent?: boolean;
+            placement: import('@floating-ui/utils').Placement;
+            rounded?: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').MenuRounded, import('../../Menu').MenuRoundedOverrides>;
+            shadow?: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').MenuShadow, import('../../Menu').MenuShadowOverrides>;
+            strategy?: import('@bridge-ui/core/Runtime').PositionStrategy;
+            teleportTo?: false | string;
+        };
+    }>;
+    colorPickerCustomProps: import('vue').ComputedRef<import('../../ColorPicker').ColorPickerCustomProps | undefined>;
+};