@solfacil/girassol 0.3.1 → 0.3.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solfacil/girassol",
   "description": "Girassol design system",
-  "version": "0.3.1",
+  "version": "0.3.4",
   "authors": [
     {
       "name": "Kevin Martin",
@@ -10,7 +10,7 @@
     }
   ],
   "engines": {
-    "node": "^16.10"
+    "node": "^16.17"
   },
   "files": [
     ".vscode",
@@ -59,7 +59,9 @@
   "dependencies": {
     "@vueuse/core": "^9.1.0",
     "gluegun": "latest",
-    "vue": "^3.2.37"
+    "maska": "^1.5.0",
+    "vee-validate": "^4.6.6",
+    "vue": "^3.2.39"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.26.1",
@@ -67,7 +69,7 @@
     "@babel/preset-env": "^7.18.10",
     "@commitlint/cli": "^17.0.3",
     "@commitlint/config-conventional": "^17.0.3",
-    "@iconify/json": "^2.1.89",
+    "@iconify/json": "^2.1.101",
     "@storybook/addon-a11y": "^6.5.10",
     "@storybook/addon-actions": "^6.5.10",
     "@storybook/addon-essentials": "^6.5.10",
@@ -112,7 +114,7 @@
     "vite": "^3.0.9",
     "vite-plugin-inspect": "^0.6.0",
     "vite-plugin-windicss": "^1.8.7",
-    "vitest": "^0.22.1",
+    "vitest": "^0.23.2",
     "vue-loader": "^17.0.0",
     "vue-tsc": "^0.40.1",
     "windicss": "^3.5.6"

package/theme/solfacil/colors.ts

@@ -50,7 +50,7 @@ export default {
       dark: '#664800',
     },
     informative: {
-      pure: '#1976D2',
+      pure: '#176EC4',
       light: '#D1E4F6',
       medium: '#8CBAE8',
       dark: '#0A2F54',

package/theme/solfacil/index.ts

@@ -6,7 +6,7 @@ import effects from './effects'
 import misc from './miscs'
 
 import { screens } from './screens'
-import { componentTypos, debug, maxLines, outlinesForFocus, placeholder } from './utilities'
+import { componentTypos, debug, maxLines, outlinesForFocus, placeholder, scrollbarBase } from './utilities'
 
 
 export {
@@ -25,4 +25,5 @@ export const utilities = {
   maxLines,
   debug,
   placeholder,
+  scrollbarBase,
 }

package/theme/solfacil/utilities.ts

@@ -302,4 +302,31 @@ export const placeholder = plugin(({ addUtilities, theme }) => {
 
     '.placeholder-inline': placeholderSettings,
   })
+})
+
+export const scrollbarBase = plugin(({ addBase }) => {
+  addBase({
+    '::-webkit-scrollbar': {
+      width: '12px',
+    },
+
+    '::-webkit-scrollbar-track ': {
+      'box-shadow': 'inset 0 0 14px 14px rgb(240 240 240 / 64%)',
+      'border-color': 'rgba(240, 240, 240, 0.64)',
+      'border-style': 'solid',
+      'border-width': '4px',
+    },
+
+    '::-webkit-scrollbar-thumb': {
+      'box-shadow': 'inset 0 0 14px 14px #222222',
+      'border-color': 'transparent',
+      'border-radius': '0.5rem',
+      'border-style': 'solid',
+      'border-width': '4px',
+    },
+
+    '::-webkit-scrollbar-button': {
+      'display': 'none',
+    },
+  })
 })

package/windi.config.ts

@@ -4,9 +4,9 @@ import typography from 'windicss/plugin/typography'
 
 import { borders, colors, effects, misc, screens, spacing, typography as typos, utilities } from './theme/solfacil/'
 
-import { sizings } from './theme/solfacil/spacing'
+// import { sizings } from './theme/solfacil/spacing'
 
-import { safelist } from './theme/safelist'
+// import { safelist } from './theme/safelist'
 
 export default defineConfig({
   darkMode: 'class',
@@ -15,15 +15,15 @@ export default defineConfig({
     include: ['index.html', 'src/**/*', '*.mdx', '*.vue'],
   },
 
-  safelist: [
-    ...safelist({
-      activeSafeList: true,
-      data: {
-        colors,
-        spacing: sizings,
-      },
-    }),
-  ],
+  // safelist: [
+  //   ...safelist({
+  //     activeSafeList: true,
+  //     data: {
+  //       colors,
+  //       spacing: sizings,
+  //     },
+  //   }),
+  // ],
 
   plugins: [
     typography(),
@@ -32,6 +32,7 @@ export default defineConfig({
     utilities.debug,
     utilities.placeholder,
     utilities.componentTypos,
+    utilities.scrollbarBase,
   ],
 
   theme: {

package/dist/README.md.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/cli/readme.md.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/theme/safelist.d.ts

@@ -1,14 +0,0 @@
-declare type Data = {
-    colors: Record<string, any>;
-    spacing: Record<string, any>;
-};
-declare type Args = {
-    activeSafeList: boolean;
-    data: Data;
-};
-export declare function safelist({ activeSafeList, data }: Args): string[];
-export declare function safelistColors(colors: Data['colors']): string[];
-export declare function safelistElementColors(colorsNames: string[]): string[];
-export declare function safelistSpacing(spacing: Data['spacing']): string[];
-export declare function range(size: number, startAt?: number): number[];
-export {};

package/dist/types/components/dropdown/Dropdown.vue.d.ts

@@ -1,238 +0,0 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            loading: boolean;
-            searchable: boolean;
-            closeOnSelect: boolean;
-            fetchOnSearch: boolean;
-            options: (string | {
-                name: string;
-                value: string;
-            })[];
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            label?: string | undefined;
-            ariaLabel?: string | undefined;
-            smallerWidth?: boolean | undefined;
-            disabled?: boolean | undefined;
-            loading?: boolean | undefined;
-            searchable?: boolean | undefined;
-            closeOnSelect?: boolean | undefined;
-            fetchOnSearch?: boolean | undefined;
-            isMultipleSelect?: boolean | undefined;
-            searchPlaceholder?: string | undefined;
-            selected?: string | string[] | undefined;
-            options: (string | {
-                name: string;
-                value: string;
-            })[];
-        }>, {
-            loading: boolean;
-            closeOnSelect: boolean;
-            fetchOnSearch: boolean;
-            searchable: boolean;
-            options: () => never[];
-        }>>> & {
-            onSearch?: ((value: string) => any) | undefined;
-            onCloseDropdown?: (() => any) | undefined;
-            "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "searchable" | "closeOnSelect" | "fetchOnSearch" | "options">;
-        $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, {}>> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: ((event: "search", value: string) => void) & ((event: "closeDropdown") => void) & ((event: "update:selected", value: string | string[]) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            label?: string | undefined;
-            ariaLabel?: string | undefined;
-            smallerWidth?: boolean | undefined;
-            disabled?: boolean | undefined;
-            loading?: boolean | undefined;
-            searchable?: boolean | undefined;
-            closeOnSelect?: boolean | undefined;
-            fetchOnSearch?: boolean | undefined;
-            isMultipleSelect?: boolean | undefined;
-            searchPlaceholder?: string | undefined;
-            selected?: string | string[] | undefined;
-            options: (string | {
-                name: string;
-                value: string;
-            })[];
-        }>, {
-            loading: boolean;
-            closeOnSelect: boolean;
-            fetchOnSearch: boolean;
-            searchable: boolean;
-            options: () => never[];
-        }>>> & {
-            onSearch?: ((value: string) => any) | undefined;
-            onCloseDropdown?: (() => any) | undefined;
-            "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            closeDropdown: () => void;
-        } & {
-            search: (value: string) => void;
-        } & {
-            "update:selected": (value: string | string[]) => void;
-        }, string, {
-            loading: boolean;
-            searchable: boolean;
-            closeOnSelect: boolean;
-            fetchOnSearch: boolean;
-            options: (string | {
-                name: string;
-                value: 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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-        id: string;
-        label?: string | undefined;
-        ariaLabel?: string | undefined;
-        smallerWidth?: boolean | undefined;
-        disabled?: boolean | undefined;
-        loading?: boolean | undefined;
-        searchable?: boolean | undefined;
-        closeOnSelect?: boolean | undefined;
-        fetchOnSearch?: boolean | undefined;
-        isMultipleSelect?: boolean | undefined;
-        searchPlaceholder?: string | undefined;
-        selected?: string | string[] | undefined;
-        options: (string | {
-            name: string;
-            value: string;
-        })[];
-    }>, {
-        loading: boolean;
-        closeOnSelect: boolean;
-        fetchOnSearch: boolean;
-        searchable: boolean;
-        options: () => never[];
-    }>>> & {
-        onSearch?: ((value: string) => any) | undefined;
-        onCloseDropdown?: (() => any) | undefined;
-        "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    id: string;
-    label?: string | undefined;
-    ariaLabel?: string | undefined;
-    smallerWidth?: boolean | undefined;
-    disabled?: boolean | undefined;
-    loading?: boolean | undefined;
-    searchable?: boolean | undefined;
-    closeOnSelect?: boolean | undefined;
-    fetchOnSearch?: boolean | undefined;
-    isMultipleSelect?: boolean | undefined;
-    searchPlaceholder?: string | undefined;
-    selected?: string | string[] | undefined;
-    options: (string | {
-        name: string;
-        value: string;
-    })[];
-}>, {
-    loading: boolean;
-    closeOnSelect: boolean;
-    fetchOnSearch: boolean;
-    searchable: boolean;
-    options: () => never[];
-}>>> & {
-    onSearch?: ((value: string) => any) | undefined;
-    onCloseDropdown?: (() => any) | undefined;
-    "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    closeDropdown: () => void;
-} & {
-    search: (value: string) => void;
-} & {
-    "update:selected": (value: string | string[]) => void;
-}, string, {
-    loading: boolean;
-    searchable: boolean;
-    closeOnSelect: boolean;
-    fetchOnSearch: boolean;
-    options: (string | {
-        name: string;
-        value: string;
-    })[];
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        label: (_: {}) => any;
-        'toggle-dropdown': (_: {
-            toggle: {
-                open: () => void;
-                close: () => void;
-                toggleDropdown: () => void;
-            };
-            isOpen: boolean;
-            select: (selected: string | {
-                name: string;
-                value: string;
-            }) => void;
-            selectedSanitized: string | undefined;
-            selected: string | string[] | undefined;
-        }) => any;
-        search: (_: {
-            filter: string;
-        }) => any;
-        default: (_: {
-            text: string;
-            option: string | {
-                name: string;
-                value: string;
-            };
-            isSelect: (option: string | {
-                name: string;
-                value: string;
-            }) => boolean;
-        }) => any;
-        'no-data': (_: {}) => any;
-    };
-});
-export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/dist/types/components/dropdown/index.d.ts

@@ -1,2 +0,0 @@
-import SolDropdown from './Dropdown.vue';
-export { SolDropdown, };

package/dist/types/components/forms/input/Input.vue.d.ts

@@ -1,93 +0,0 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            modelValue: string | number;
-            invert?: boolean | undefined;
-            error?: boolean | undefined;
-        }>>> & {
-            "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $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, {}>> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "update:modelValue", event: string) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            modelValue: string | number;
-            invert?: boolean | undefined;
-            error?: boolean | undefined;
-        }>>> & {
-            "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-        }, {
-            input: import("vue").Ref<string>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (event: string) => void;
-        }, 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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-        id: string;
-        modelValue: string | number;
-        invert?: boolean | undefined;
-        error?: boolean | undefined;
-    }>>> & {
-        "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        input: import("vue").Ref<string>;
-    }> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    id: string;
-    modelValue: string | number;
-    invert?: boolean | undefined;
-    error?: boolean | undefined;
-}>>> & {
-    "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-}, {
-    input: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (event: string) => void;
-}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {};
-});
-export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/types/components/forms/input/index.d.ts

@@ -1,2 +0,0 @@
-import SolInput from './Input.vue';
-export { SolInput, };

package/dist/types/components/forms/textarea/index.d.ts

@@ -1,2 +0,0 @@
-import SolTextarea from './Textarea.vue';
-export { SolTextarea, };

package/dist/types/components/forms/textfield/Textfield.vue.d.ts

@@ -1,129 +0,0 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            label: string;
-            modelValue: string | number;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            class?: string | undefined;
-            modelValue?: string | number | undefined;
-            label?: string | undefined;
-            hint?: string | undefined;
-            invert?: boolean | undefined;
-            error?: string | undefined;
-        }>, {
-            modelValue: string;
-            label: string;
-        }>>> & {
-            "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "modelValue">;
-        $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, {}>> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "update:modelValue", event: string | number) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            id: string;
-            class?: string | undefined;
-            modelValue?: string | number | undefined;
-            label?: string | undefined;
-            hint?: string | undefined;
-            invert?: boolean | undefined;
-            error?: string | undefined;
-        }>, {
-            modelValue: string;
-            label: string;
-        }>>> & {
-            "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (event: string | number) => void;
-        }, string, {
-            label: string;
-            modelValue: string | number;
-        }> & {
-            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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-        id: string;
-        class?: string | undefined;
-        modelValue?: string | number | undefined;
-        label?: string | undefined;
-        hint?: string | undefined;
-        invert?: boolean | undefined;
-        error?: string | undefined;
-    }>, {
-        modelValue: string;
-        label: string;
-    }>>> & {
-        "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    id: string;
-    class?: string | undefined;
-    modelValue?: string | number | undefined;
-    label?: string | undefined;
-    hint?: string | undefined;
-    invert?: boolean | undefined;
-    error?: string | undefined;
-}>, {
-    modelValue: string;
-    label: string;
-}>>> & {
-    "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (event: string | number) => void;
-}, string, {
-    label: string;
-    modelValue: string | number;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        label: (_: {}) => any;
-        default: (_: {}) => any;
-        icon: (_: {}) => any;
-    };
-});
-export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};