@gluhar/theme 2.0.3 → 3.0.0

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

@@ -1,87 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            // Spacing and Shape
-            'my-4 mx-0',
-            'rounded-md',
-            'border-solid border-0 border-l-[6px]',
-
-            // Colors
-            {
-                'bg-blue-100/70 dark:bg-blue-500/20': props.severity == 'info',
-                'bg-green-100/70 dark:bg-green-500/20': props.severity == 'success',
-                'bg-orange-100/70 dark:bg-orange-500/20': props.severity == 'warn',
-                'bg-red-100/70 dark:bg-red-500/20': props.severity == 'error'
-            },
-            {
-                'border-blue-500 dark:border-blue-400': props.severity == 'info',
-                'border-green-500 dark:border-green-400': props.severity == 'success',
-                'border-orange-500 dark:border-orange-400': props.severity == 'warn',
-                'border-red-500 dark:border-red-400': props.severity == 'error'
-            },
-            {
-                'text-blue-700 dark:text-blue-300': props.severity == 'info',
-                'text-green-700 dark:text-green-300': props.severity == 'success',
-                'text-orange-700 dark:text-orange-300': props.severity == 'warn',
-                'text-red-700 dark:text-red-300': props.severity == 'error'
-            }
-        ]
-    }),
-    wrapper: {
-        class: [
-            // Flexbox
-            'flex items-center',
-
-            // Spacing
-            'py-5 px-7'
-        ]
-    },
-    icon: {
-        class: [
-            // Sizing and Spacing
-            'w-6 h-6',
-            'text-lg leading-none mr-2 shrink-0'
-        ]
-    },
-    text: {
-        class: [
-            // Font and Text
-            'text-base leading-none',
-            'font-medium'
-        ]
-    },
-    button: {
-        class: [
-            // Flexbox
-            'flex items-center justify-center',
-
-            // Size
-            'w-8 h-8',
-
-            // Spacing and Misc
-            'ml-auto  relative',
-
-            // Shape
-            'rounded-full',
-
-            // Colors
-            'bg-transparent',
-
-            // Transitions
-            'transition duration-200 ease-in-out',
-
-            // States
-            'hover:bg-surface-0/50 dark:hover:bg-surface-0/10',
-
-            // Misc
-            'overflow-hidden'
-        ]
-    },
-    transition: {
-        enterFromClass: 'opacity-0',
-        enterActiveClass: 'transition-opacity duration-300',
-        leaveFromClass: 'max-h-40',
-        leaveActiveClass: 'overflow-hidden transition-all duration-300 ease-in',
-        leaveToClass: 'max-h-0 opacity-0 !m-0'
-    }
-};

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

@@ -1,92 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'flex-col': boolean;
-            'flex-row': boolean;
-        })[];
-    };
-    function metercontainer({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'flex-col': boolean;
-            'w-2 h-full'?: undefined;
-            'h-2'?: undefined;
-        } | {
-            'w-2 h-full': boolean;
-            'flex-col'?: undefined;
-            'h-2'?: undefined;
-        } | {
-            'h-2': boolean;
-            'flex-col'?: undefined;
-            'w-2 h-full'?: undefined;
-        })[];
-    };
-    function meter({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'first:rounded-l-lg last:rounded-r-lg': boolean;
-            'first:rounded-t-lg last:rounded-b-lg'?: undefined;
-        } | {
-            'first:rounded-t-lg last:rounded-b-lg': boolean;
-            'first:rounded-l-lg last:rounded-r-lg'?: undefined;
-        })[];
-    };
-    function labellist({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'gap-4': boolean;
-            'gap-2'?: undefined;
-            'flex-col'?: undefined;
-            'align-end'?: undefined;
-            'align-start'?: undefined;
-            'justify-end'?: undefined;
-            'justify-start'?: undefined;
-        } | {
-            'gap-2': boolean;
-            'gap-4'?: undefined;
-            'flex-col'?: undefined;
-            'align-end'?: undefined;
-            'align-start'?: undefined;
-            'justify-end'?: undefined;
-            'justify-start'?: undefined;
-        } | {
-            'flex-col': boolean;
-            'gap-4'?: undefined;
-            'gap-2'?: undefined;
-            'align-end'?: undefined;
-            'align-start'?: undefined;
-            'justify-end'?: undefined;
-            'justify-start'?: undefined;
-        } | {
-            'align-end': boolean;
-            'align-start': boolean;
-            'gap-4'?: undefined;
-            'gap-2'?: undefined;
-            'flex-col'?: undefined;
-            'justify-end'?: undefined;
-            'justify-start'?: undefined;
-        } | {
-            'justify-end': boolean;
-            'justify-start': boolean;
-            'gap-4'?: undefined;
-            'gap-2'?: undefined;
-            'flex-col'?: undefined;
-            'align-end'?: undefined;
-            'align-start'?: undefined;
-        })[];
-    };
-    namespace labellistitem {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace labellisttype {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-}
-export default _default;

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

@@ -1,97 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            // Flexbox
-            'flex gap-4',
-
-            { 'flex-col': props.orientation == 'horizontal', 'flex-row': props.orientation == 'vertical' }
-        ]
-    }),
-    metercontainer: ({ props }) => ({
-        class: [
-            // Flexbox
-            'flex',
-
-            { 'flex-col': props.orientation === 'vertical' },
-
-            // Sizing
-            { 'w-2 h-full': props.orientation === 'vertical' },
-            { 'h-2': props.orientation === 'horizontal' },
-
-            // Colors
-            'bg-gray-200 dark:bg-gray-700',
-
-            // Border Radius
-            'rounded-lg'
-        ]
-    }),
-    meter: ({ props }) => ({
-        class: [
-            // Shape
-            'border-0',
-
-            // Rounded Corners - Horizontal
-            {
-                'first:rounded-l-lg last:rounded-r-lg': props.orientation === 'horizontal'
-            },
-
-            // Rounded Corners - Vertical
-            {
-                'first:rounded-t-lg last:rounded-b-lg': props.orientation === 'vertical'
-            },
-
-            // Colors
-            'bg-primary-500 dark:bg-primary-400'
-        ]
-    }),
-    labellist: ({ props }) => ({
-        class: [
-            // Display & Flexbox
-            'flex flex-wrap',
-
-            { 'gap-4': props.labelOrientation === 'horizontal' },
-
-            { 'gap-2': props.labelOrientation === 'vertical' },
-
-            { 'flex-col': props.labelOrientation === 'vertical' },
-
-            // Conditional Alignment - Horizontal
-            {
-                'align-end': props.labelOrientation === 'horizontal' && props.labelPosition === 'end',
-                'align-start': props.labelOrientation === 'horizontal' && props.labelPosition === 'start'
-            },
-
-            // Conditional Alignment - Vertical
-            {
-                'justify-end': props.labelOrientation === 'vertical' && props.labelPosition === 'end',
-                'justify-start': props.labelOrientation === 'vertical' && props.labelPosition === 'start'
-            },
-
-            // List Styling
-            'm-0 p-0 list-none'
-        ]
-    }),
-    labellistitem: {
-        class: [
-            // Flexbox
-            'inline-flex',
-            'items-center',
-            'gap-2'
-        ]
-    },
-    labellisttype: {
-        class: [
-            // Display
-            'inline-flex',
-
-            // Background Color
-            'bg-primary-500 dark:bg-primary-400',
-
-            // Size
-            'w-2 h-2',
-
-            // Rounded Shape
-            'rounded-full'
-        ]
-    }
-};

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

@@ -1,260 +0,0 @@
-declare namespace _default {
-    function root({ props, state }: {
-        props: any;
-        state: any;
-    }): {
-        class: (string | {
-            'border-surface-300 dark:border-surface-600': boolean;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-300'?: undefined;
-            'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
-            'opacity-60'?: undefined;
-            'pointer-events-none'?: undefined;
-            'cursor-default'?: undefined;
-        } | {
-            'border-red-500 dark:border-red-400': any;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-300'?: undefined;
-            'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
-            'opacity-60'?: undefined;
-            'pointer-events-none'?: undefined;
-            'cursor-default'?: undefined;
-        } | {
-            'hover:border-primary-500 dark:hover:border-primary-300': boolean;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
-            'opacity-60'?: undefined;
-            'pointer-events-none'?: undefined;
-            'cursor-default'?: undefined;
-        } | {
-            'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50': any;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-300'?: undefined;
-            'opacity-60'?: undefined;
-            'pointer-events-none'?: undefined;
-            'cursor-default'?: undefined;
-        } | {
-            'opacity-60': any;
-            'pointer-events-none': any;
-            'cursor-default': any;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-300'?: undefined;
-            'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
-        })[];
-    };
-    namespace labelContainer {
-        let _class: string;
-        export { _class as class };
-    }
-    function label({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'p-3': boolean;
-            'py-3 px-3': boolean;
-            'py-1.5 px-3': boolean;
-            'text-surface-800 dark:text-white/80'?: undefined;
-            'text-surface-400 dark:text-surface-500'?: undefined;
-        } | {
-            'text-surface-800 dark:text-white/80': any;
-            'text-surface-400 dark:text-surface-500': boolean;
-            'p-3'?: undefined;
-            'py-3 px-3'?: undefined;
-            'py-1.5 px-3'?: undefined;
-        })[];
-    };
-    namespace token {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace removeTokenIcon {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace trigger {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace panel {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace header {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace headerCheckboxContainer {
-        let _class_6: string[];
-        export { _class_6 as class };
-    }
-    namespace headerCheckbox {
-        export namespace root_1 {
-            let _class_7: string[];
-            export { _class_7 as class };
-        }
-        export { root_1 as root };
-        export function box({ props, context }: {
-            props: any;
-            context: any;
-        }): {
-            class: (string | {
-                'border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-900': boolean;
-                'border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400': any;
-                'peer-hover:border-primary-500 dark:peer-hover:border-primary-400'?: undefined;
-                'peer-hover:bg-primary-600 dark:peer-hover:bg-primary-300 peer-hover:border-primary-700 dark:peer-hover:border-primary-300'?: undefined;
-                'peer-focus-visible:border-primary-500 dark:peer-focus-visible:border-primary-400 peer-focus-visible:ring-2 peer-focus-visible:ring-primary-400/20 dark:peer-focus-visible:ring-primary-300/20'?: undefined;
-                'cursor-default opacity-60'?: undefined;
-            } | {
-                'peer-hover:border-primary-500 dark:peer-hover:border-primary-400': boolean;
-                'peer-hover:bg-primary-600 dark:peer-hover:bg-primary-300 peer-hover:border-primary-700 dark:peer-hover:border-primary-300': any;
-                'peer-focus-visible:border-primary-500 dark:peer-focus-visible:border-primary-400 peer-focus-visible:ring-2 peer-focus-visible:ring-primary-400/20 dark:peer-focus-visible:ring-primary-300/20': boolean;
-                'cursor-default opacity-60': any;
-                'border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-900'?: undefined;
-                'border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400'?: undefined;
-            })[];
-        };
-        export namespace input {
-            let _class_8: string[];
-            export { _class_8 as class };
-        }
-        export namespace icon {
-            let _class_9: string[];
-            export { _class_9 as class };
-        }
-    }
-    namespace itemCheckbox {
-        export namespace root_2 {
-            let _class_10: string[];
-            export { _class_10 as class };
-        }
-        export { root_2 as root };
-        export function box_1({ props, context }: {
-            props: any;
-            context: any;
-        }): {
-            class: (string | {
-                'border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-900': boolean;
-                'border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400': any;
-                'peer-hover:border-primary-500 dark:peer-hover:border-primary-400'?: undefined;
-                'peer-hover:bg-primary-600 dark:peer-hover:bg-primary-300 peer-hover:border-primary-700 dark:peer-hover:border-primary-300'?: undefined;
-                'peer-focus-visible:border-primary-500 dark:peer-focus-visible:border-primary-400 peer-focus-visible:ring-2 peer-focus-visible:ring-primary-400/20 dark:peer-focus-visible:ring-primary-300/20'?: undefined;
-                'cursor-default opacity-60'?: undefined;
-            } | {
-                'peer-hover:border-primary-500 dark:peer-hover:border-primary-400': boolean;
-                'peer-hover:bg-primary-600 dark:peer-hover:bg-primary-300 peer-hover:border-primary-700 dark:peer-hover:border-primary-300': any;
-                'peer-focus-visible:border-primary-500 dark:peer-focus-visible:border-primary-400 peer-focus-visible:ring-2 peer-focus-visible:ring-primary-400/20 dark:peer-focus-visible:ring-primary-300/20': boolean;
-                'cursor-default opacity-60': any;
-                'border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-900'?: undefined;
-                'border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400'?: undefined;
-            })[];
-        };
-        export { box_1 as box };
-        export namespace input_1 {
-            let _class_11: string[];
-            export { _class_11 as class };
-        }
-        export { input_1 as input };
-        export namespace icon_1 {
-            let _class_12: string[];
-            export { _class_12 as class };
-        }
-        export { icon_1 as icon };
-    }
-    namespace closeButton {
-        let _class_13: string[];
-        export { _class_13 as class };
-    }
-    namespace closeButtonIcon {
-        let _class_14: string;
-        export { _class_14 as class };
-    }
-    namespace wrapper {
-        let _class_15: string[];
-        export { _class_15 as class };
-    }
-    namespace list {
-        let _class_16: string;
-        export { _class_16 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_17: string[];
-        export { _class_17 as class };
-    }
-    namespace filtercontainer {
-        let _class_18: string;
-        export { _class_18 as class };
-    }
-    namespace filterinput {
-        let _class_19: string[];
-        export { _class_19 as class };
-    }
-    namespace filtericon {
-        let _class_20: string[];
-        export { _class_20 as class };
-    }
-    namespace clearicon {
-        let _class_21: string[];
-        export { _class_21 as class };
-    }
-    namespace emptymessage {
-        let _class_22: string[];
-        export { _class_22 as class };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;