@solfacil/girassol 0.2.3 → 0.2.6

package/dist/theme/solfacil/spacing.d.ts

@@ -1,21 +1,24 @@
+export declare const sizings: {
+    quark: string;
+    nano: string;
+    micro: string;
+    '3xs': string;
+    '2xs': string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    mega: string;
+    '2mega': string;
+    '3mega': string;
+    giga: string;
+};
 declare const _default: {
-    space: {
-        nano: string;
-        micro: string;
-        '3xs': string;
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-        mega: string;
-        huge: string;
-        giga: string;
-    };
     padding: {
+        quark: string;
         nano: string;
         micro: string;
         '3xs': string;
@@ -28,10 +31,14 @@ declare const _default: {
         '2xl': string;
         '3xl': string;
         mega: string;
-        huge: string;
+        '2mega': string;
+        '3mega': string;
         giga: string;
+        auto: string;
+        '0': string;
     };
     margin: {
+        quark: string;
         nano: string;
         micro: string;
         '3xs': string;
@@ -44,8 +51,11 @@ declare const _default: {
         '2xl': string;
         '3xl': string;
         mega: string;
-        huge: string;
+        '2mega': string;
+        '3mega': string;
         giga: string;
+        auto: string;
+        '0': string;
     };
 };
 export default _default;

package/dist/types/components/menu/Menu.vue.d.ts

@@ -0,0 +1,112 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            label: string;
+            position: ("top" | "bottom") | ("right" | "left");
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            id: string;
+            label?: string | undefined;
+            position?: (("top" | "bottom") | ("right" | "left")) | undefined;
+        }>, {
+            label: string;
+            position: string;
+        }>>> & {
+            onChange?: ((value: string) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "position">;
+        $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: "change", value: string) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            id: string;
+            label?: string | undefined;
+            position?: (("top" | "bottom") | ("right" | "left")) | undefined;
+        }>, {
+            label: string;
+            position: string;
+        }>>> & {
+            onChange?: ((value: string) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            change: (value: string) => void;
+        }, string, {
+            label: string;
+            position: ("top" | "bottom") | ("right" | "left");
+        }> & {
+            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;
+        position?: (("top" | "bottom") | ("right" | "left")) | undefined;
+    }>, {
+        label: string;
+        position: string;
+    }>>> & {
+        onChange?: ((value: 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;
+    position?: (("top" | "bottom") | ("right" | "left")) | undefined;
+}>, {
+    label: string;
+    position: string;
+}>>> & {
+    onChange?: ((value: string) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => void;
+}, string, {
+    label: string;
+    position: ("top" | "bottom") | ("right" | "left");
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        label: (_: {}) => any;
+        default: (_: {}) => 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/menu/index.d.ts

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

package/dist/types/components/menu/menu.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/components/menu-item/MenuItemLink.vue.d.ts

@@ -0,0 +1,87 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            id: string;
+            text?: string | undefined;
+            link?: string | undefined;
+            active?: boolean | undefined;
+            external?: boolean | 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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            id: string;
+            text?: string | undefined;
+            link?: string | undefined;
+            active?: boolean | undefined;
+            external?: boolean | undefined;
+        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, 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;
+        text?: string | undefined;
+        link?: string | undefined;
+        active?: boolean | undefined;
+        external?: boolean | undefined;
+    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    id: string;
+    text?: string | undefined;
+    link?: string | undefined;
+    active?: boolean | undefined;
+    external?: boolean | undefined;
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default: (_: {
+            id: string;
+            active: boolean | undefined;
+            link: string | undefined;
+            text: string | undefined;
+            external: boolean | undefined;
+        }) => 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;
+    };
+};

package/dist/types/components/menu-item/index.d.ts

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

package/dist/types/composables/use-navigate/index.d.ts

@@ -0,0 +1,20 @@
+import type { Args, Codes, UseNavigateArgs } from './types';
+export declare function useNavigate(codes: Codes, args?: UseNavigateArgs): {
+    navigate: ({ code }: KeyboardEvent) => void;
+};
+export declare function useNavigateProvider({ target, query }: Args): {
+    elementFocus: {
+        id: string;
+        index: number;
+    };
+    isItemFocused: (arg: {
+        index?: number;
+        id?: string;
+    }) => boolean;
+    resetStateFocus: () => void;
+    focusListItem: (index?: number) => void;
+    focusOnPreviousItem: () => void;
+    focusOnNextItem: (dataLength: number) => void;
+    focusOnFirstItem: () => void;
+    focusOnLastItem: (dataLength: number) => void;
+};

package/dist/types/composables/use-navigate/types.d.ts

@@ -0,0 +1,19 @@
+import type { Ref, VNodeRef } from "vue";
+declare type Arrows = 'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight';
+declare type Commands = 'Home' | 'End' | 'Space' | 'Enter' | 'NumpadEnter' | 'Escape' | 'Tab' | 'Delete' | 'Backspace';
+declare type Numbers = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+declare type Alphabetic = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'U' | 'T' | 'W' | 'X' | 'Y' | 'Z';
+declare type DigitNumbers = `Digit${Numbers}`;
+declare type NumpadNumbers = `Numpad${Numbers}`;
+declare type KeyLetters = `Key${Alphabetic}`;
+export declare type Code = Commands | Arrows | KeyLetters | DigitNumbers | NumpadNumbers;
+export declare type Codes = Partial<Record<Code, () => void>>;
+export declare type UseNavigateArgs = {
+    fallback: () => void;
+    exclude?: Code | Code[];
+};
+export declare type Args = {
+    target: Ref<VNodeRef> | undefined;
+    query?: string;
+};
+export {};

package/dist/types/composables/use-toast/Toast.vue.d.ts

@@ -5,8 +5,8 @@ declare const _default: {
         $data: {};
         $props: Partial<{
             type: ToastType;
-            offset: number;
             position: Position;
+            offset: number;
             visible: boolean;
             hideProgressBar: boolean;
             showIcon: boolean;
@@ -31,7 +31,7 @@ declare const _default: {
             hideProgressBar: boolean | undefined;
             offset: number;
             visible: boolean;
-        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "offset" | "position" | "visible" | "hideProgressBar" | "showIcon">;
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "position" | "offset" | "visible" | "hideProgressBar" | "showIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -68,8 +68,8 @@ declare const _default: {
             visible: boolean;
         }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             type: ToastType;
-            offset: number;
             position: Position;
+            offset: number;
             visible: boolean;
             hideProgressBar: boolean;
             showIcon: boolean;
@@ -141,8 +141,8 @@ declare const _default: {
     visible: boolean;
 }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     type: ToastType;
-    offset: number;
     position: Position;
+    offset: number;
     visible: boolean;
     hideProgressBar: boolean;
     showIcon: boolean;

package/dist/types/index.d.ts

@@ -10,6 +10,8 @@ import { SolDropdown } from './components/dropdown/';
 import { SolSelect } from './components/forms/select';
 import { SolChip } from './components/informations/chip';
 import { SolAccordion } from './components/accordion/';
+import { SolMenu } from './components/menu/';
+import { SolMenuItemLink } from './components/menu-item';
 import 'virtual:windi-base.css';
 import 'virtual:windi-components.css';
 import 'virtual:windi-utilities.css';
@@ -2854,6 +2856,256 @@ export declare const components: {
             default: (_: {}) => any;
         };
     });
+    SolMenu: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                label: string;
+                position: ("top" | "bottom") | ("right" | "left");
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                } & {
+                    default: string;
+                };
+                id: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                position: {
+                    type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
+                } & {
+                    default: string;
+                };
+            }>> & {
+                onChange?: ((value: string) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "position">;
+            $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: "change", value: string) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                } & {
+                    default: string;
+                };
+                id: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                position: {
+                    type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
+                } & {
+                    default: string;
+                };
+            }>> & {
+                onChange?: ((value: string) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                change: (value: string) => void;
+            }, string, {
+                label: string;
+                position: ("top" | "bottom") | ("right" | "left");
+            }> & {
+                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<{
+            label: {
+                type: import("vue").PropType<string>;
+            } & {
+                default: string;
+            };
+            id: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            position: {
+                type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
+            } & {
+                default: string;
+            };
+        }>> & {
+            onChange?: ((value: string) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+        } & {
+            default: string;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        position: {
+            type: import("vue").PropType<("top" | "bottom") | ("right" | "left")>;
+        } & {
+            default: string;
+        };
+    }>> & {
+        onChange?: ((value: string) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: string) => void;
+    }, string, {
+        label: string;
+        position: ("top" | "bottom") | ("right" | "left");
+    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            label: (_: {}) => any;
+            default: (_: {}) => any;
+        };
+    });
+    SolMenuItemLink: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                id: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                text: {
+                    type: import("vue").PropType<string>;
+                };
+                link: {
+                    type: import("vue").PropType<string>;
+                };
+                active: {
+                    type: import("vue").PropType<boolean>;
+                };
+                external: {
+                    type: import("vue").PropType<boolean>;
+                };
+            }>> & 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: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                id: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                text: {
+                    type: import("vue").PropType<string>;
+                };
+                link: {
+                    type: import("vue").PropType<string>;
+                };
+                active: {
+                    type: import("vue").PropType<boolean>;
+                };
+                external: {
+                    type: import("vue").PropType<boolean>;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, 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<{
+            id: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            text: {
+                type: import("vue").PropType<string>;
+            };
+            link: {
+                type: import("vue").PropType<string>;
+            };
+            active: {
+                type: import("vue").PropType<boolean>;
+            };
+            external: {
+                type: import("vue").PropType<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;
+        };
+        text: {
+            type: import("vue").PropType<string>;
+        };
+        link: {
+            type: import("vue").PropType<string>;
+        };
+        active: {
+            type: import("vue").PropType<boolean>;
+        };
+        external: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default: (_: {
+                id: string;
+                active: boolean | undefined;
+                link: string | undefined;
+                text: string | undefined;
+                external: boolean | undefined;
+            }) => any;
+        };
+    });
 };
 export declare function install(App: App): void;
-export { SolButton, SolButtonDestructive, SolInput, SolTextarea, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolDropdown, SolSelect, SolChip, SolAccordion, };
+export { SolButton, SolButtonDestructive, SolInput, SolTextarea, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolDropdown, SolSelect, SolChip, SolAccordion, SolMenu, SolMenuItemLink, };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solfacil/girassol",
   "description": "Girassol design system",
-  "version": "0.2.3",
+  "version": "0.2.6",
   "authors": [
     {
       "name": "Kevin Martin",

package/theme/safelist.ts

@@ -22,6 +22,8 @@ export function safelist({ activeSafeList = true, data }: Args): string[] {
     const colsSpan = range(14).map(i => `col-span-${i}`)
 
     return [
+      'debug',
+      'debug-all',
       ...colors,
       ...spacing,
       ...gaps,