@club-employes/utopia
Version:
🎨 Modern Vue 3 design system with multi-brand theming, design tokens, and 30+ components. Supports Club Employés & Gifteo brands with light/dark modes.
110 lines (109 loc) • 4.74 kB
TypeScript
import { DropDownOption, DropDownProps } from './types';
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, GlobalComponents, GlobalDirectives } from 'vue';
import { InputTextProps } from '../../..';
declare const _default: DefineComponent<DropDownProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
blur: (event: FocusEvent) => any;
change: (value: string | number | (string | number)[]) => any;
close: () => any;
focus: (event: FocusEvent) => any;
"update:modelValue": (value: string | number | (string | number)[]) => any;
open: () => any;
}, string, PublicProps, Readonly<DropDownProps> & Readonly<{
onBlur?: ((event: FocusEvent) => any) | undefined;
onChange?: ((value: string | number | (string | number)[]) => any) | undefined;
onClose?: (() => any) | undefined;
onFocus?: ((event: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
onOpen?: (() => any) | undefined;
}>, {
label: string;
message: string;
size: "small" | "medium" | "large";
required: boolean;
disabled: boolean;
modelValue: string | number | (string | number)[];
placeholder: string;
state: "default" | "error" | "valid" | "incomplete" | "completed";
readonly: boolean;
options: DropDownOption[];
multiple: boolean;
searchable: boolean;
clearable: boolean;
maxHeight: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {
triggerRef: HTMLButtonElement;
chipsScrollRef: HTMLDivElement;
menuRef: HTMLDivElement;
searchRef: CreateComponentPublicInstanceWithMixins<Readonly< InputTextProps> & Readonly<{
onInput?: ((event: Event) => any) | undefined;
onBlur?: ((event: FocusEvent) => any) | undefined;
onChange?: ((event: Event) => any) | undefined;
onFocus?: ((event: FocusEvent) => any) | undefined;
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
onPaste?: ((event: ClipboardEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
"onIcon-click"?: ((event: MouseEvent) => any) | undefined;
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
input: (event: Event) => any;
blur: (event: FocusEvent) => any;
change: (event: Event) => any;
focus: (event: FocusEvent) => any;
keydown: (event: KeyboardEvent) => any;
paste: (event: ClipboardEvent) => any;
"update:modelValue": (value: string) => any;
"icon-click": (event: MouseEvent) => any;
}, PublicProps, {
label: string;
message: string;
size: "extra-small" | "small" | "medium" | "large";
icon: string;
type: "text" | "email" | "password" | "number" | "tel" | "url";
required: boolean;
disabled: boolean;
iconPosition: "left" | "right";
modelValue: string;
placeholder: string;
state: "default" | "error" | "valid" | "incomplete" | "completed";
readonly: boolean;
iconClickable: boolean;
step: number;
isCode: boolean;
forceModelValueOnBlur: boolean;
}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
inputRef: HTMLInputElement;
}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly< InputTextProps> & Readonly<{
onInput?: ((event: Event) => any) | undefined;
onBlur?: ((event: FocusEvent) => any) | undefined;
onChange?: ((event: Event) => any) | undefined;
onFocus?: ((event: FocusEvent) => any) | undefined;
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
onPaste?: ((event: ClipboardEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
"onIcon-click"?: ((event: MouseEvent) => any) | undefined;
}>, {}, {}, {}, {}, {
label: string;
message: string;
size: "extra-small" | "small" | "medium" | "large";
icon: string;
type: "text" | "email" | "password" | "number" | "tel" | "url";
required: boolean;
disabled: boolean;
iconPosition: "left" | "right";
modelValue: string;
placeholder: string;
state: "default" | "error" | "valid" | "incomplete" | "completed";
readonly: boolean;
iconClickable: boolean;
step: number;
isCode: boolean;
forceModelValueOnBlur: boolean;
}> | null;
}, HTMLDivElement>;
export default _default;