@solfacil/girassol
Version:
Girassol design system
1,102 lines (1,101 loc) • 354 kB
TypeScript
import type { App } from 'vue';
import { SolButton, SolButtonDestructive } from './components/buttons';
import { SolInputCurrency, SolInputText, SolInputTextPassword, SolInputTextarea } from './components/forms/inputs';
import { SolSwitch } from './components/forms/switch';
import { SolRadio, SolRadioGroup } from './components/forms/radio';
import { SolCheckbox, SolCheckboxGroup } from './components/forms/checkbox';
import { SolSelect } from './components/forms/select';
import { SolSelectableChip } from './components/chips/selectable-chip';
import { SolRemovableChip } from './components/chips/removable-chip';
import { SolTag } from './components/tag';
import { SolAlert } from './components/alert';
import { SolTextValue } from './components/text-value';
import { SolAccordion } from './components/accordion/';
import { SolTabs } from './components/tabs/';
import { SolSteps } from './components/steps/';
import { SolList } from './components/list/';
import { SolMenu } from './components/menus/menu';
import { SolMenuItem } from './components/menus/menu-item/menu-item';
import { SolMenuItemSeparator } from './components/menus/menu-item/index';
import { SolMenuItemLink } from './components/menus/menu-item/menu-item-link/';
import { SolMenuNavigationLinks } from './components/menus/menu-navigation-links';
import { SolModal } from './components/modals/modal';
import { SolOnboarding } from './components/modals/onboarding';
import { SolPagination } from './components/pagination';
import { SolEmptyState } from './components/empty-state';
import { SolSearch } from './components/search';
import { SolDatePicker } from './components/date-picker';
import { SolCollapsible } from './components/collapsible';
import { SolFileUpload } from './components/file-upload';
import { SolBreadcrumb } from './components/breadcrumb';
import { SolDivider } from './components/divider';
import { SolLink } from './components/link/';
import { SolHeader } from './components/headers/header';
import { SolSidebar } from './components/sidebars/sidebar';
import { SolBackofficeTemplate } from './components/templates/backoffice';
import { SolPageBackoffice } from './components/templates/backoffice/page';
import { SolUserInfoBackoffice } from './components/headers/header-backoffice/user-info';
import { SolHeaderBackoffice } from './components/headers/header-backoffice';
import { SolSidebarBackoffice } from './components/sidebars/sidebar-backoffice';
import { SolApplicationsBackoffice } from './components/headers/header-backoffice/applications';
import { SolSideover } from './components/sideover';
import { SolTooltip } from './components/tooltip';
import 'virtual:windi-base.css';
import 'virtual:windi-components.css';
import 'virtual:windi-utilities.css';
import '@/assets/style.css';
export { useToast } from './composables/use-toast';
export { useModal } from './composables/use-modal';
export { useMask, vMask } from './composables/use-mask';
export { useNavigate, useNavigateProvider } from './composables/use-navigate';
export { useSelectableChip } from './composables/use-filters';
export { default as useDownload } from './composables/use-download';
export { useProductList } from './composables/use-products';
export declare const components: {
SolButton: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
onColor: boolean;
size: "small" | "large" | "medium";
variant: "primary" | "secondary" | "tertiary";
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
onColor: {
type: import("vue").PropType<boolean>;
} & {
default: boolean;
};
disabled: {
type: import("vue").PropType<boolean>;
};
size: {
type: import("vue").PropType<"small" | "large" | "medium">;
} & {
default: string;
};
loading: {
type: import("vue").PropType<boolean>;
};
variant: {
type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
} & {
default: string;
};
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "onColor" | "size" | "variant">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot | undefined;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
onColor: {
type: import("vue").PropType<boolean>;
} & {
default: boolean;
};
disabled: {
type: import("vue").PropType<boolean>;
};
size: {
type: import("vue").PropType<"small" | "large" | "medium">;
} & {
default: string;
};
loading: {
type: import("vue").PropType<boolean>;
};
variant: {
type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
} & {
default: string;
};
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
onColor: boolean;
size: "small" | "large" | "medium";
variant: "primary" | "secondary" | "tertiary";
}, {}, string> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
onColor: {
type: import("vue").PropType<boolean>;
} & {
default: boolean;
};
disabled: {
type: import("vue").PropType<boolean>;
};
size: {
type: import("vue").PropType<"small" | "large" | "medium">;
} & {
default: string;
};
loading: {
type: import("vue").PropType<boolean>;
};
variant: {
type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
} & {
default: string;
};
}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
onColor: {
type: import("vue").PropType<boolean>;
} & {
default: boolean;
};
disabled: {
type: import("vue").PropType<boolean>;
};
size: {
type: import("vue").PropType<"small" | "large" | "medium">;
} & {
default: string;
};
loading: {
type: import("vue").PropType<boolean>;
};
variant: {
type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
} & {
default: string;
};
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
onColor: boolean;
size: "small" | "large" | "medium";
variant: "primary" | "secondary" | "tertiary";
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
$slots: {
'icon-left': (_: {}) => any;
'icon:left': (_: {}) => any;
default: (_: {}) => any;
'icon-right': (_: {}) => any;
'icon:right': (_: {}) => any;
};
});
SolButtonDestructive: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
hideIcon: boolean;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
size: {
type: import("vue").PropType<"small" | "large" | "medium">;
required: true;
};
loading: {
type: import("vue").PropType<boolean>;
};
hideIcon: {
type: import("vue").PropType<boolean>;
} & {
default: boolean;
};
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "hideIcon">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot | undefined;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
size: {
type: import("vue").PropType<"small" | "large" | "medium">;
required: true;
};
loading: {
type: import("vue").PropType<boolean>;
};
hideIcon: {
type: import("vue").PropType<boolean>;
} & {
default: boolean;
};
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
hideIcon: boolean;
}, {}, string> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
size: {
type: import("vue").PropType<"small" | "large" | "medium">;
required: true;
};
loading: {
type: import("vue").PropType<boolean>;
};
hideIcon: {
type: import("vue").PropType<boolean>;
} & {
default: boolean;
};
}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
size: {
type: import("vue").PropType<"small" | "large" | "medium">;
required: true;
};
loading: {
type: import("vue").PropType<boolean>;
};
hideIcon: {
type: import("vue").PropType<boolean>;
} & {
default: boolean;
};
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
hideIcon: boolean;
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
$slots: {
default: (_: {}) => any;
};
});
SolInputTextarea: import("vue").DefineComponent<{
id: {
type: import("vue").PropType<string>;
required: true;
};
required: {
type: import("vue").PropType<boolean>;
};
class: {
type: import("vue").PropType<string>;
};
label: {
type: import("vue").PropType<string>;
};
size: {
type: import("vue").PropType<"small" | "medium">;
} & {
default: string;
};
error: {
type: import("vue").PropType<string | null>;
} & {
default: null;
};
name: {
type: import("vue").PropType<string>;
required: true;
};
placeholder: {
type: import("vue").PropType<string>;
};
modelValue: {
type: import("vue").PropType<string>;
};
helperText: {
type: import("vue").PropType<string>;
};
useField: {
type: import("vue").PropType<typeof import("vee-validate").useField>;
};
rules: {
type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
validate(value: unknown, options: Record<string, any>): Promise<unknown>;
} | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
};
opts: {
type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
};
resize: {
type: import("vue").PropType<"none" | "vertical" | "horizontal" | "both">;
} & {
default: string;
};
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (event: string) => void;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
required: {
type: import("vue").PropType<boolean>;
};
class: {
type: import("vue").PropType<string>;
};
label: {
type: import("vue").PropType<string>;
};
size: {
type: import("vue").PropType<"small" | "medium">;
} & {
default: string;
};
error: {
type: import("vue").PropType<string | null>;
} & {
default: null;
};
name: {
type: import("vue").PropType<string>;
required: true;
};
placeholder: {
type: import("vue").PropType<string>;
};
modelValue: {
type: import("vue").PropType<string>;
};
helperText: {
type: import("vue").PropType<string>;
};
useField: {
type: import("vue").PropType<typeof import("vee-validate").useField>;
};
rules: {
type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
validate(value: unknown, options: Record<string, any>): Promise<unknown>;
} | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
};
opts: {
type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
};
resize: {
type: import("vue").PropType<"none" | "vertical" | "horizontal" | "both">;
} & {
default: string;
};
}>> & {
"onUpdate:modelValue"?: ((event: string) => any) | undefined;
}, {
size: "small" | "medium";
error: string | null;
resize: "none" | "vertical" | "horizontal" | "both";
}>;
SolInputCurrency: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "small" | "medium";
error: string | null;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
disabled: {
type: import("vue").PropType<boolean>;
};
required: {
type: import("vue").PropType<boolean>;
};
class: {
type: import("vue").PropType<string>;
};
label: {
type: import("vue").PropType<string>;
};
size: {
type: import("vue").PropType<"small" | "medium">;
} & {
default: string;
};
error: {
type: import("vue").PropType<string | null>;
} & {
default: null;
};
name: {
type: import("vue").PropType<string>;
required: true;
};
placeholder: {
type: import("vue").PropType<string>;
};
modelValue: {
type: import("vue").PropType<string>;
};
helperText: {
type: import("vue").PropType<string>;
};
successText: {
type: import("vue").PropType<string>;
};
loadingText: {
type: import("vue").PropType<string>;
};
isSuccess: {
type: import("vue").PropType<boolean>;
};
isLoading: {
type: import("vue").PropType<boolean>;
};
useField: {
type: import("vue").PropType<typeof import("vee-validate").useField>;
};
rules: {
type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
validate(value: unknown, options: Record<string, any>): Promise<unknown>;
} | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
};
opts: {
type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
};
}>> & {
"onUpdate:modelValue"?: ((event: number) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "error">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot | undefined;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$emit: (event: "update:modelValue", event: number) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
disabled: {
type: import("vue").PropType<boolean>;
};
required: {
type: import("vue").PropType<boolean>;
};
class: {
type: import("vue").PropType<string>;
};
label: {
type: import("vue").PropType<string>;
};
size: {
type: import("vue").PropType<"small" | "medium">;
} & {
default: string;
};
error: {
type: import("vue").PropType<string | null>;
} & {
default: null;
};
name: {
type: import("vue").PropType<string>;
required: true;
};
placeholder: {
type: import("vue").PropType<string>;
};
modelValue: {
type: import("vue").PropType<string>;
};
helperText: {
type: import("vue").PropType<string>;
};
successText: {
type: import("vue").PropType<string>;
};
loadingText: {
type: import("vue").PropType<string>;
};
isSuccess: {
type: import("vue").PropType<boolean>;
};
isLoading: {
type: import("vue").PropType<boolean>;
};
useField: {
type: import("vue").PropType<typeof import("vee-validate").useField>;
};
rules: {
type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
validate(value: unknown, options: Record<string, any>): Promise<unknown>;
} | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
};
opts: {
type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
};
}>> & {
"onUpdate:modelValue"?: ((event: number) => any) | undefined;
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (event: number) => void;
}, string, {
size: "small" | "medium";
error: string | null;
}, {}, string> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
disabled: {
type: import("vue").PropType<boolean>;
};
required: {
type: import("vue").PropType<boolean>;
};
class: {
type: import("vue").PropType<string>;
};
label: {
type: import("vue").PropType<string>;
};
size: {
type: import("vue").PropType<"small" | "medium">;
} & {
default: string;
};
error: {
type: import("vue").PropType<string | null>;
} & {
default: null;
};
name: {
type: import("vue").PropType<string>;
required: true;
};
placeholder: {
type: import("vue").PropType<string>;
};
modelValue: {
type: import("vue").PropType<string>;
};
helperText: {
type: import("vue").PropType<string>;
};
successText: {
type: import("vue").PropType<string>;
};
loadingText: {
type: import("vue").PropType<string>;
};
isSuccess: {
type: import("vue").PropType<boolean>;
};
isLoading: {
type: import("vue").PropType<boolean>;
};
useField: {
type: import("vue").PropType<typeof import("vee-validate").useField>;
};
rules: {
type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
validate(value: unknown, options: Record<string, any>): Promise<unknown>;
} | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
};
opts: {
type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
};
}>> & {
"onUpdate:modelValue"?: ((event: number) => any) | undefined;
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
disabled: {
type: import("vue").PropType<boolean>;
};
required: {
type: import("vue").PropType<boolean>;
};
class: {
type: import("vue").PropType<string>;
};
label: {
type: import("vue").PropType<string>;
};
size: {
type: import("vue").PropType<"small" | "medium">;
} & {
default: string;
};
error: {
type: import("vue").PropType<string | null>;
} & {
default: null;
};
name: {
type: import("vue").PropType<string>;
required: true;
};
placeholder: {
type: import("vue").PropType<string>;
};
modelValue: {
type: import("vue").PropType<string>;
};
helperText: {
type: import("vue").PropType<string>;
};
successText: {
type: import("vue").PropType<string>;
};
loadingText: {
type: import("vue").PropType<string>;
};
isSuccess: {
type: import("vue").PropType<boolean>;
};
isLoading: {
type: import("vue").PropType<boolean>;
};
useField: {
type: import("vue").PropType<typeof import("vee-validate").useField>;
};
rules: {
type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
validate(value: unknown, options: Record<string, any>): Promise<unknown>;
} | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
};
opts: {
type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
};
}>> & {
"onUpdate:modelValue"?: ((event: number) => any) | undefined;
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (event: number) => void;
}, string, {
size: "small" | "medium";
error: string | null;
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
$slots: {
icon: (_: {}) => any;
};
});
SolInputText: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
size: "small" | "medium";
error: string | null;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
disabled: {
type: import("vue").PropType<boolean>;
};
required: {
type: import("vue").PropType<boolean>;
};
class: {
type: import("vue").PropType<string>;
};
label: {
type: import("vue").PropType<string>;
};
mask: {
type: import("vue").PropType<import("./composables/use-mask").Mask>;
};
size: {
type: import("vue").PropType<"small" | "medium">;
} & {
default: string;
};
error: {
type: import("vue").PropType<string | null>;
} & {
default: null;
};
name: {
type: import("vue").PropType<string>;
required: true;
};
placeholder: {
type: import("vue").PropType<string>;
};
modelValue: {
type: import("vue").PropType<string>;
};
helperText: {
type: import("vue").PropType<string>;
};
successText: {
type: import("vue").PropType<string>;
};
loadingText: {
type: import("vue").PropType<string>;
};
isSuccess: {
type: import("vue").PropType<boolean>;
};
isLoading: {
type: import("vue").PropType<boolean>;
};
useField: {
type: import("vue").PropType<typeof import("vee-validate").useField>;
};
rules: {
type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
validate(value: unknown, options: Record<string, any>): Promise<unknown>;
} | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
};
opts: {
type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
};
}>> & {
"onUpdate:modelValue"?: ((event: string) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "error">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot | undefined;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$emit: (event: "update:modelValue", event: string) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
disabled: {
type: import("vue").PropType<boolean>;
};
required: {
type: import("vue").PropType<boolean>;
};
class: {
type: import("vue").PropType<string>;
};
label: {
type: import("vue").PropType<string>;
};
mask: {
type: import("vue").PropType<import("./composables/use-mask").Mask>;
};
size: {
type: import("vue").PropType<"small" | "medium">;
} & {
default: string;
};
error: {
type: import("vue").PropType<string | null>;
} & {
default: null;
};
name: {
type: import("vue").PropType<string>;
required: true;
};
placeholder: {
type: import("vue").PropType<string>;
};
modelValue: {
type: import("vue").PropType<string>;
};
helperText: {
type: import("vue").PropType<string>;
};
successText: {
type: import("vue").PropType<string>;
};
loadingText: {
type: import("vue").PropType<string>;
};
isSuccess: {
type: import("vue").PropType<boolean>;
};
isLoading: {
type: import("vue").PropType<boolean>;
};
useField: {
type: import("vue").PropType<typeof import("vee-validate").useField>;
};
rules: {
type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
validate(value: unknown, options: Record<string, any>): Promise<unknown>;
} | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
};
opts: {
type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
};
}>> & {
"onUpdate:modelValue"?: ((event: string) => any) | undefined;
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (event: string) => void;
}, string, {
size: "small" | "medium";
error: string | null;
}, {}, string> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
disabled: {
type: import("vue").PropType<boolean>;
};
required: {
type: import("vue").PropType<boolean>;
};
class: {
type: import("vue").PropType<string>;
};
label: {
type: import("vue").PropType<string>;
};
mask: {
type: import("vue").PropType<import("./composables/use-mask").Mask>;
};
size: {
type: import("vue").PropType<"small" | "medium">;
} & {
default: string;
};
error: {
type: import("vue").PropType<string | null>;
} & {
default: null;
};
name: {
type: import("vue").PropType<string>;
required: true;
};
placeholder: {
type: import("vue").PropType<string>;
};
modelValue: {
type: import("vue").PropType<string>;
};
helperText: {
type: import("vue").PropType<string>;
};
successText: {
type: import("vue").PropType<string>;
};
loadingText: {
type: import("vue").PropType<string>;
};
isSuccess: {
type: import("vue").PropType<boolean>;
};
isLoading: {
type: import("vue").PropType<boolean>;
};
useField: {
type: import("vue").PropType<typeof import("vee-validate").useField>;
};
rules: {
type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
validate(value: unknown, options: Record<string, any>): Promise<unknown>;
} | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
};
opts: {
type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
};
}>> & {
"onUpdate:modelValue"?: ((event: string) => any) | undefined;
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
id: {
type: import("vue").PropType<string>;
required: true;
};
disabled: {
type: import("vue").PropType<boolean>;
};
required: {
type: import("vue").PropType<boolean>;
};
class: {
type: import("vue").PropType<string>;
};
label: {
type: import("vue").PropType<string>;
};
mask: {
type: import("vue").PropType<import("./composables/use-mask").Mask>;
};
size: {
type: import("vue").PropType<"small" | "medium">;
} & {
default: string;
};
error: {
type: import("vue").PropType<string | null>;
} & {
default: null;
};
name: {
type: import("vue").PropType<string>;
required: true;
};
placeholder: {
type: import("vue").PropType<string>;
};
modelValue: {
type: import("vue").PropType<string>;
};
helperText: {
type: import("vue").PropType<string>;
};
successText: {
type: import("vue").PropType<string>;
};
loadingText: {
type: import("vue").PropType<string>;
};
isSuccess: {
type: import("vue").PropType<boolean>;
};
isLoading: {
type: import("vue").PropType<boolean>;
};
useField: {
type: import("vue").PropType<typeof import("vee-validate").useField>;
};
rules: {
type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
validate(value: unknown, options: Record<string, any>): Promise<unknown>;
} | import("vue").Ref<import("vee-validate").RuleExpression<unknown>>>;
};
opts: {
type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
};
}>> & {
"onUpdate:modelValue"?: ((event: string) => any) | undefined;
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (event: string) => void;