@gluhar/theme 2.0.3 → 3.0.0

package/dist/runtime/presets/lara/inputtext/index.d.ts

@@ -1,160 +0,0 @@
-declare namespace _default {
-    function root({ props, context, parent }: {
-        props: any;
-        context: any;
-        parent: any;
-    }): {
-        class: (string | {
-            'flex-1 w-[1%]': boolean;
-            'px-4 py-4'?: undefined;
-            'px-2 py-2'?: undefined;
-            'p-3'?: undefined;
-            'rounded-md'?: undefined;
-            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-            'border-0 border-y border-l last:border-r'?: undefined;
-            'first:ml-0 -ml-px'?: undefined;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-            filled?: undefined;
-        } | {
-            'px-4 py-4': boolean;
-            'px-2 py-2': boolean;
-            'p-3': boolean;
-            'flex-1 w-[1%]'?: undefined;
-            'rounded-md'?: undefined;
-            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-            'border-0 border-y border-l last:border-r'?: undefined;
-            'first:ml-0 -ml-px'?: undefined;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-            filled?: undefined;
-        } | {
-            'rounded-md': boolean;
-            'flex-1 w-[1%]'?: undefined;
-            'px-4 py-4'?: undefined;
-            'px-2 py-2'?: undefined;
-            'p-3'?: undefined;
-            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-            'border-0 border-y border-l last:border-r'?: undefined;
-            'first:ml-0 -ml-px'?: undefined;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-            filled?: undefined;
-        } | {
-            'first:rounded-l-md rounded-none last:rounded-r-md': boolean;
-            'flex-1 w-[1%]'?: undefined;
-            'px-4 py-4'?: undefined;
-            'px-2 py-2'?: undefined;
-            'p-3'?: undefined;
-            'rounded-md'?: undefined;
-            'border-0 border-y border-l last:border-r'?: undefined;
-            'first:ml-0 -ml-px'?: undefined;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-            filled?: undefined;
-        } | {
-            'border-0 border-y border-l last:border-r': boolean;
-            'flex-1 w-[1%]'?: undefined;
-            'px-4 py-4'?: undefined;
-            'px-2 py-2'?: undefined;
-            'p-3'?: undefined;
-            'rounded-md'?: undefined;
-            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-            'first:ml-0 -ml-px'?: undefined;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-            filled?: undefined;
-        } | {
-            'first:ml-0 -ml-px': boolean;
-            'flex-1 w-[1%]'?: undefined;
-            'px-4 py-4'?: undefined;
-            'px-2 py-2'?: undefined;
-            'p-3'?: undefined;
-            'rounded-md'?: undefined;
-            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-            'border-0 border-y border-l last:border-r'?: undefined;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-            filled?: undefined;
-        } | {
-            'border-surface-300 dark:border-surface-600': boolean;
-            'flex-1 w-[1%]'?: undefined;
-            'px-4 py-4'?: undefined;
-            'px-2 py-2'?: undefined;
-            'p-3'?: undefined;
-            'rounded-md'?: undefined;
-            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-            'border-0 border-y border-l last:border-r'?: undefined;
-            'first:ml-0 -ml-px'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-            filled?: undefined;
-        } | {
-            'border-red-500 dark:border-red-400': any;
-            'flex-1 w-[1%]'?: undefined;
-            'px-4 py-4'?: undefined;
-            'px-2 py-2'?: undefined;
-            'p-3'?: undefined;
-            'rounded-md'?: undefined;
-            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-            'border-0 border-y border-l last:border-r'?: undefined;
-            'first:ml-0 -ml-px'?: undefined;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-            filled?: undefined;
-        } | {
-            'hover:border-primary-500 dark:hover:border-primary-400': boolean;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10': boolean;
-            'opacity-60 select-none pointer-events-none cursor-default': any;
-            'flex-1 w-[1%]'?: undefined;
-            'px-4 py-4'?: undefined;
-            'px-2 py-2'?: undefined;
-            'p-3'?: undefined;
-            'rounded-md'?: undefined;
-            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-            'border-0 border-y border-l last:border-r'?: undefined;
-            'first:ml-0 -ml-px'?: undefined;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            filled?: undefined;
-        } | {
-            filled: any;
-            'flex-1 w-[1%]'?: undefined;
-            'px-4 py-4'?: undefined;
-            'px-2 py-2'?: undefined;
-            'p-3'?: undefined;
-            'rounded-md'?: undefined;
-            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
-            'border-0 border-y border-l last:border-r'?: undefined;
-            'first:ml-0 -ml-px'?: undefined;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-        })[];
-    };
-}
-export default _default;

package/dist/runtime/presets/lara/inputtext/index.js

@@ -1,49 +0,0 @@
-export default {
-    root: ({ props, context, parent }) => ({
-        class: [
-            // Font
-            'font-sans leading-none',
-
-            // Flex
-            { 'flex-1 w-[1%]': parent.instance.$name == 'InputGroup' },
-
-            // Spacing
-            'm-0',
-            {
-                'px-4 py-4': props.size == 'large',
-                'px-2 py-2': props.size == 'small',
-                'p-3': props.size == null
-            },
-
-            // Shape
-            { 'rounded-md': parent.instance.$name !== 'InputGroup' },
-            { 'first:rounded-l-md rounded-none last:rounded-r-md': parent.instance.$name == 'InputGroup' },
-            { 'border-0 border-y border-l last:border-r': parent.instance.$name == 'InputGroup' },
-            { 'first:ml-0 -ml-px': parent.instance.$name == 'InputGroup' && !props.showButtons },
-
-            // Colors
-            'text-surface-600 dark:text-surface-200',
-            'placeholder:text-surface-400 dark:placeholder:text-surface-500',
-            'bg-surface-0 dark:bg-surface-900',
-            'border',
-            { 'border-surface-300 dark:border-surface-600': !props.invalid },
-
-            // Invalid State
-            { 'border-red-500 dark:border-red-400': props.invalid },
-
-            // States
-            {
-                'hover:border-primary-500 dark:hover:border-primary-400': !context.disabled && !props.invalid,
-                'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50 focus:z-10': !context.disabled,
-                'opacity-60 select-none pointer-events-none cursor-default': context.disabled
-            },
-
-            // Filled State *for FloatLabel
-            { filled: parent.instance?.$name == 'FloatLabel' && context.filled },
-
-            // Misc
-            'appearance-none',
-            'transition-colors duration-200'
-        ]
-    })
-};

package/dist/runtime/presets/lara/knob/index.d.ts

@@ -1,22 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: {
-            'opacity-60 select-none pointer-events-none cursor-default': any;
-        }[];
-    };
-    namespace range {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace value {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace label {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-}
-export default _default;

package/dist/runtime/presets/lara/knob/index.js

@@ -1,44 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            // Misc
-            { 'opacity-60 select-none pointer-events-none cursor-default': props.disabled }
-        ]
-    }),
-    range: {
-        class: [
-            // Stroke
-            'stroke-current',
-
-            // Color
-            'stroke-surface-200 dark:stroke-surface-700',
-
-            // Fill
-            'fill-none',
-
-            // Transition
-            'transition duration-100 ease-in'
-        ]
-    },
-    value: {
-        class: [
-            // Animation
-            'animate-dash-frame',
-
-            // Color
-            'stroke-primary-500 dark:stroke-primary-400',
-
-            // Fill
-            'fill-none'
-        ]
-    },
-    label: {
-        class: [
-            // Text Style
-            'text-center text-xl',
-
-            // Color
-            'fill-surface-600 dark:fill-surface-200'
-        ]
-    }
-};

package/dist/runtime/presets/lara/listbox/index.d.ts

@@ -1,93 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'border-surface-300 dark:border-surface-600': boolean;
-            'border-red-500 dark:border-red-400'?: undefined;
-        } | {
-            'border-red-500 dark:border-red-400': any;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-        })[];
-    };
-    namespace wrapper {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace list {
-        let _class_1: string;
-        export { _class_1 as class };
-    }
-    function item({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'text-surface-700 dark:text-white/80': boolean;
-            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
-            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
-            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
-        } | {
-            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80': any;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
-            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
-        } | {
-            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': any;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
-            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
-        } | {
-            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': any;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
-            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
-        } | {
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80': boolean;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
-            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
-            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
-            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
-        } | {
-            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80': any;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
-            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
-            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-        })[];
-    };
-    namespace itemgroup {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace header {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace filtercontainer {
-        let _class_4: string;
-        export { _class_4 as class };
-    }
-    namespace filterinput {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace filtericon {
-        let _class_6: string[];
-        export { _class_6 as class };
-    }
-    namespace emptymessage {
-        let _class_7: string[];
-        export { _class_7 as class };
-    }
-}
-export default _default;

package/dist/runtime/presets/lara/listbox/index.js

@@ -1,152 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            // Sizing and Shape
-            'min-w-[12rem]',
-            'rounded-md',
-
-            // Colors
-            'bg-surface-0 dark:bg-surface-800',
-            'text-surface-700 dark:text-white/80',
-            'border',
-            { 'border-surface-300 dark:border-surface-600': !props.invalid },
-
-            // Invalid State
-            { 'border-red-500 dark:border-red-400': props.invalid }
-        ]
-    }),
-    wrapper: {
-        class: [
-            // Overflow
-            'overflow-auto'
-        ]
-    },
-    list: {
-        class: 'py-3 list-none m-0'
-    },
-    item: ({ context }) => ({
-        class: [
-            // Font
-            'font-normal',
-            'leading-none',
-
-            // Position
-            'relative',
-
-            // Shape
-            'border-0',
-            'rounded-none',
-
-            // Spacing
-            'm-0',
-            'py-3 px-5',
-
-            // Color
-            { 'text-surface-700 dark:text-white/80': !context.focused && !context.selected },
-            { 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80': context.focused && !context.selected },
-            { 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': context.focused && context.selected },
-            { 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': !context.focused && context.selected },
-
-            //States
-            { 'hover:bg-surface-100 dark:hover:bg-surface-600/80': !context.focused && !context.selected },
-            { 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80': context.focused && !context.selected },
-            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring focus-visible:ring-inset focus-visible:ring-primary-400/50 dark:focus-visible:ring-primary-300/50',
-
-            // Transitions
-            'transition-shadow',
-            'duration-200',
-
-            // Misc
-            'cursor-pointer',
-            'overflow-hidden',
-            'whitespace-nowrap'
-        ]
-    }),
-    itemgroup: {
-        class: [
-            //Font
-            'font-bold',
-
-            // Spacing
-            'm-0',
-            'py-3 px-5',
-
-            // Color
-            'text-surface-800 dark:text-white/80',
-            'bg-surface-0 dark:bg-surface-600/80',
-
-            // Misc
-            'cursor-auto'
-        ]
-    },
-    header: {
-        class: [
-            // Spacing
-            'py-3 px-5',
-            'm-0',
-
-            //Shape
-            'border-b',
-            'rounded-tl-md',
-            'rounded-tr-md',
-
-            // Color
-            'text-surface-700 dark:text-white/80',
-            'bg-surface-100 dark:bg-surface-800',
-            'border-surface-300 dark:border-surface-600'
-        ]
-    },
-    filtercontainer: {
-        class: 'relative'
-    },
-    filterinput: {
-        class: [
-            // Font
-            'font-sans',
-            'leading-none',
-
-            // Sizing
-            'pr-7 py-3 px-3',
-            '-mr-7',
-            'w-full',
-
-            //Color
-            'text-surface-700 dark:text-white/80',
-            'bg-surface-0 dark:bg-surface-900',
-            'border-surface-200 dark:border-surface-700',
-
-            // Shape
-            'border',
-            'rounded-lg',
-            'appearance-none',
-
-            // Transitions
-            'transition',
-            'duration-200',
-
-            // States
-            'hover:border-primary-500 dark:hover:border-primary-300',
-            'focus:ring focus:outline-none focus:outline-offset-0',
-            'focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Misc
-            'appearance-none'
-        ]
-    },
-    filtericon: {
-        class: ['absolute', 'top-1/2 right-3', '-mt-2']
-    },
-    emptymessage: {
-        class: [
-            // Font
-            'leading-none',
-
-            // Spacing
-            'py-3 px-5',
-
-            // Color
-            'text-surface-800 dark:text-white/80',
-            'bg-transparent'
-        ]
-    }
-};

package/dist/runtime/presets/lara/megamenu/index.d.ts

@@ -1,105 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'p-2 items-center': boolean;
-            'flex-col sm:w-48 p-0 py-1': boolean;
-        })[];
-    };
-    function menu({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            hidden: boolean;
-            flex: any;
-        })[];
-    };
-    function menuitem({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'sm:w-auto w-full': any;
-            'w-full': boolean;
-        })[];
-    };
-    function content({ props, context }: {
-        props: any;
-        context: any;
-    }): {
-        class: (string | {
-            'rounded-md': any;
-            'text-surface-500 dark:text-white/70'?: undefined;
-            'text-surface-500 dark:text-white/70 bg-surface-200 dark:bg-surface-600/90'?: undefined;
-            'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80'?: undefined;
-        } | {
-            'text-surface-500 dark:text-white/70': boolean;
-            'text-surface-500 dark:text-white/70 bg-surface-200 dark:bg-surface-600/90': any;
-            'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30': any;
-            'rounded-md'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80'?: undefined;
-        } | {
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80': boolean;
-            'hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80': any;
-            'rounded-md'?: undefined;
-            'text-surface-500 dark:text-white/70'?: undefined;
-            'text-surface-500 dark:text-white/70 bg-surface-200 dark:bg-surface-600/90'?: undefined;
-            'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30'?: undefined;
-        })[];
-    };
-    namespace action {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace icon {
-        let _class_1: string;
-        export { _class_1 as class };
-    }
-    function submenuicon({ props }: {
-        props: any;
-    }): {
-        class: {
-            'ml-auto sm:ml-2': any;
-            'ml-auto': boolean;
-        }[];
-    };
-    function panel({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'sm:left-full top-0': boolean;
-        })[];
-    };
-    namespace grid {
-        let _class_2: string;
-        export { _class_2 as class };
-    }
-    namespace column {
-        let _class_3: string;
-        export { _class_3 as class };
-    }
-    namespace submenu {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace submenuheader {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace separator {
-        let _class_6: string;
-        export { _class_6 as class };
-    }
-    namespace menubutton {
-        let _class_7: string[];
-        export { _class_7 as class };
-    }
-    namespace end {
-        let _class_8: string;
-        export { _class_8 as class };
-    }
-}
-export default _default;