@gluhar/theme 2.0.3 → 3.0.0

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

@@ -1,55 +0,0 @@
-export default {
-    root: {
-        class: [
-            // Position and Overflow
-            'overflow-hidden',
-            'relative',
-
-            // Shape and Size
-            'border-0',
-            'h-6',
-            'rounded-md',
-
-            // Colors
-            'bg-surface-100 dark:bg-surface-700'
-        ]
-    },
-    value: ({ props }) => ({
-        class: [
-            // Flexbox & Overflow & Position
-            { 'absolute flex items-center justify-center overflow-hidden': props.mode !== 'indeterminate' },
-
-            // Colors
-            'bg-primary-500 dark:bg-primary-400',
-
-            // Spacing & Sizing
-            'm-0',
-            { 'h-full w-0': props.mode !== 'indeterminate' },
-
-            // Shape
-            'border-0',
-
-            // Transitions
-            {
-                'transition-width duration-1000 ease-in-out': props.mode !== 'indeterminate',
-                'progressbar-value-animate': props.mode == 'indeterminate'
-            },
-
-            // Before & After (indeterminate)
-            {
-                'before:absolute before:top-0 before:left-0 before:bottom-0 before:bg-inherit ': props.mode == 'indeterminate',
-                'after:absolute after:top-0 after:left-0 after:bottom-0 after:bg-inherit after:delay-1000': props.mode == 'indeterminate'
-            }
-        ]
-    }),
-    label: {
-        class: [
-            // Flexbox
-            'inline-flex',
-
-            // Font and Text
-            'text-white dark:text-surface-900',
-            'leading-6'
-        ]
-    }
-};

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

@@ -1,15 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace spinner {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace circle {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-}
-export default _default;

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

@@ -1,51 +0,0 @@
-export default {
-    root: {
-        class: [
-            // Position
-            'relative',
-            'mx-auto',
-
-            // Sizing
-            'w-28',
-            'h-28',
-
-            // Flexbox
-            'inline-block',
-
-            // Pseudo-Elements
-            'before:block',
-            'before:pt-full'
-        ]
-    },
-    spinner: {
-        class: [
-            // Position
-            'absolute',
-            'top-0',
-            'bottom-0',
-            'left-0',
-            'right-0',
-            'm-auto',
-
-            // Sizing
-            'w-full',
-            'h-full',
-
-            // Transformations
-            'transform',
-            'origin-center',
-
-            // Animations
-            'animate-spin'
-        ]
-    },
-    circle: {
-        class: [
-            // Colors
-            'text-red-500',
-
-            // Misc
-            'progress-spinner-circle'
-        ]
-    }
-};

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

@@ -1,57 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    function box({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'text-surface-700 dark:text-white/80': boolean;
-            'bg-surface-0 dark:bg-surface-900': boolean;
-            'border-surface-300 dark:border-surface-700': boolean;
-            'border-primary-500 dark:border-primary-400': boolean;
-            'bg-primary-500 dark:bg-primary-400': boolean;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'peer-hover:border-primary-500 dark:peer-hover:border-primary-400'?: undefined;
-            'peer-hover:border-primary-600 dark:peer-hover:border-primary-300 peer-hover:bg-primary-600 dark:peer-hover:bg-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;
-            'opacity-60 cursor-default'?: undefined;
-        } | {
-            'border-red-500 dark:border-red-400': any;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-surface-0 dark:bg-surface-900'?: undefined;
-            'border-surface-300 dark:border-surface-700'?: undefined;
-            'border-primary-500 dark:border-primary-400'?: undefined;
-            'bg-primary-500 dark:bg-primary-400'?: undefined;
-            'peer-hover:border-primary-500 dark:peer-hover:border-primary-400'?: undefined;
-            'peer-hover:border-primary-600 dark:peer-hover:border-primary-300 peer-hover:bg-primary-600 dark:peer-hover:bg-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;
-            'opacity-60 cursor-default'?: undefined;
-        } | {
-            'peer-hover:border-primary-500 dark:peer-hover:border-primary-400': boolean;
-            'peer-hover:border-primary-600 dark:peer-hover:border-primary-300 peer-hover:bg-primary-600 dark:peer-hover:bg-primary-300': boolean;
-            '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;
-            'opacity-60 cursor-default': any;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-surface-0 dark:bg-surface-900'?: undefined;
-            'border-surface-300 dark:border-surface-700'?: undefined;
-            'border-primary-500 dark:border-primary-400'?: undefined;
-            'bg-primary-500 dark:bg-primary-400'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-        })[];
-    };
-    namespace input {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    function icon({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'backface-hidden scale-10 invisible': boolean;
-            'transform visible scale-[1.1]': boolean;
-        })[];
-    };
-}
-export default _default;

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

@@ -1,104 +0,0 @@
-export default {
-    root: {
-        class: [
-            'relative',
-
-            // Flexbox & Alignment
-            'inline-flex',
-            'align-bottom',
-
-            // Size
-            'w-[1.571rem] h-[1.571rem]',
-
-            // Misc
-            'cursor-pointer',
-            'select-none'
-        ]
-    },
-    box: ({ props }) => ({
-        class: [
-            // Flexbox
-            'flex justify-center items-center',
-
-            // Size
-            'w-[1.571rem] h-[1.571rem]',
-
-            // Shape
-            'border-2',
-            'rounded-full',
-
-            // Transition
-            'transition duration-200 ease-in-out',
-
-            // Colors
-            {
-                'text-surface-700 dark:text-white/80': props.value !== props.modelValue && props.value !== undefined,
-                'bg-surface-0 dark:bg-surface-900': props.value !== props.modelValue && props.value !== undefined,
-                'border-surface-300 dark:border-surface-700': props.value !== props.modelValue && props.value !== undefined && !props.invalid,
-                'border-primary-500 dark:border-primary-400': props.value == props.modelValue && props.value !== undefined,
-                'bg-primary-500 dark:bg-primary-400': props.value == props.modelValue && props.value !== undefined
-            },
-            // Invalid State
-            { 'border-red-500 dark:border-red-400': props.invalid },
-
-            // States
-            {
-                'peer-hover:border-primary-500 dark:peer-hover:border-primary-400': !props.disabled && !props.invalid,
-                'peer-hover:border-primary-600 dark:peer-hover:border-primary-300 peer-hover:bg-primary-600 dark:peer-hover:bg-primary-300': !props.disabled && props.value == props.modelValue && props.value !== 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': !props.disabled,
-                'opacity-60 cursor-default': props.disabled
-            }
-        ]
-    }),
-    input: {
-        class: [
-            'peer',
-
-            // Size
-            'w-full ',
-            'h-full',
-
-            // Position
-            'absolute',
-            'top-0 left-0',
-            'z-10',
-
-            // Spacing
-            'p-0',
-            'm-0',
-
-            // Shape
-            'opacity-0',
-            'rounded-md',
-            'outline-none',
-            'border-2 border-surface-200 dark:border-surface-700',
-
-            // Misc
-            'appearance-none',
-            'cursor-pointer'
-        ]
-    },
-    icon: ({ props }) => ({
-        class: [
-            'block',
-
-            // Shape
-            'rounded-full',
-
-            // Size
-            'w-[0.857rem] h-[0.857rem]',
-
-            // Colors
-            'bg-surface-0 dark:bg-surface-900',
-
-            // Conditions
-            {
-                'backface-hidden scale-10 invisible': props.value !== props.modelValue,
-                'transform visible scale-[1.1]': props.value == props.modelValue
-            },
-
-            // Transition
-            'transition duration-200'
-        ]
-    })
-};

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

@@ -1,49 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'opacity-60 select-none pointer-events-none cursor-default': any;
-        })[];
-    };
-    function cancelitem({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'outline-none ring ring-primary-500/50 dark:ring-primary-400/50': any;
-        })[];
-    };
-    namespace cancelicon {
-        let _class: string[];
-        export { _class as class };
-    }
-    function item({ props, context }: {
-        props: any;
-        context: any;
-    }): {
-        class: (string | {
-            'outline-none ring ring-primary-500/50 dark:ring-primary-400/50': any;
-            'cursor-pointer'?: undefined;
-            'cursor-default'?: undefined;
-        } | {
-            'cursor-pointer': boolean;
-            'cursor-default': any;
-            'outline-none ring ring-primary-500/50 dark:ring-primary-400/50'?: undefined;
-        })[];
-    };
-    function officon({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'hover:text-primary-500 dark:hover:text-primary-400': boolean;
-        })[];
-    };
-    function onicon({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'hover:text-primary-600 dark:hover:text-primary-300': boolean;
-        })[];
-    };
-}
-export default _default;

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

@@ -1,92 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            'relative',
-
-            // Flex & Alignment
-            'flex items-center',
-            'gap-2',
-
-            // Misc
-            {
-                'opacity-60 select-none pointer-events-none cursor-default': props.disabled
-            }
-        ]
-    }),
-    cancelitem: ({ context }) => ({
-        class: [
-            // Flex & Alignment
-            'inline-flex items-center',
-
-            //State
-            {
-                'outline-none ring ring-primary-500/50 dark:ring-primary-400/50': context.focused
-            },
-
-            // Misc
-            'cursor-pointer'
-        ]
-    }),
-    cancelicon: {
-        class: [
-            // Size
-            'w-5 h-5',
-
-            // Color
-            'text-red-500 dark:text-red-400',
-
-            // State
-            'hover:text-red-600 dark:hover:text-red-300',
-
-            // Transition
-            'transition duration-200 ease-in'
-        ]
-    },
-    item: ({ props, context }) => ({
-        class: [
-            // Flex & Alignment
-            'inline-flex items-center',
-
-            // State
-            {
-                'outline-none ring ring-primary-500/50 dark:ring-primary-400/50': context.focused
-            },
-
-            // Misc
-            {
-                'cursor-pointer': !props.readonly,
-                'cursor-default': props.readonly
-            }
-        ]
-    }),
-    officon: ({ props }) => ({
-        class: [
-            // Size
-            'w-5 h-5',
-
-            // Color
-            'text-surface-700 dark:text-surface-0/80',
-
-            // State
-            { 'hover:text-primary-500 dark:hover:text-primary-400': !props.readonly },
-
-            // Transition
-            'transition duration-200 ease-in'
-        ]
-    }),
-    onicon: ({ props }) => ({
-        class: [
-            // Size
-            'w-5 h-5',
-
-            // Color
-            'text-primary-500 dark:text-primary-400',
-
-            // State
-            { 'hover:text-primary-600 dark:hover:text-primary-300': !props.readonly },
-
-            // Transition
-            'transition duration-200 ease-in'
-        ]
-    })
-};

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

@@ -1,8 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-        export let style: string;
-    }
-}
-export default _default;

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

@@ -1,6 +0,0 @@
-export default {
-    root: {
-        class: ['block absolute bg-surface-0/50 rounded-full pointer-events-none'],
-        style: 'transform: scale(0)'
-    }
-};

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

@@ -1,19 +0,0 @@
-declare namespace _default {
-    namespace wrapper {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace content {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace barX {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace barY {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-}
-export default _default;

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

@@ -1,77 +0,0 @@
-export default {
-    wrapper: {
-        class: [
-            // Size & Position
-            'h-full w-full',
-
-            // Layering
-            'z-[1]',
-
-            // Spacing
-            'overflow-hidden',
-
-            // Misc
-            'relative float-left'
-        ]
-    },
-    content: {
-        class: [
-            // Size & Spacing
-            'h-[calc(100%+18px)] w-[calc(100%+18px)] pr-[18px] pb-[18px] pl-0 pt-0',
-
-            // Overflow & Scrollbar
-            'overflow-scroll scrollbar-none',
-
-            // Box Model
-            'box-border',
-
-            // Position
-            'relative',
-
-            // Webkit Specific
-            '[&::-webkit-scrollbar]:hidden'
-        ]
-    },
-    barX: {
-        class: [
-            // Size & Position
-            'h-[9px] bottom-0',
-
-            // Appearance
-            'bg-surface-50 dark:bg-surface-700 rounded',
-
-            // Interactivity
-            'cursor-pointer',
-
-            // Visibility & Layering
-            'invisible z-20',
-
-            // Transition
-            'transition duration-[250ms] ease-linear',
-
-            // Misc
-            'relative'
-        ]
-    },
-    barY: {
-        class: [
-            // Size & Position
-            'w-[9px] top-0',
-
-            // Appearance
-            'bg-surface-50 dark:bg-surface-700 rounded',
-
-            // Interactivity
-            'cursor-pointer',
-
-            // Visibility & Layering
-            'z-20',
-
-            // Transition
-            'transition duration-[250ms] ease-linear',
-
-            // Misc
-            'relative'
-        ]
-    }
-};

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

@@ -1,50 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            sticky: boolean;
-            fixed: boolean;
-            'rounded-md h-8 w-8'?: undefined;
-            'h-12 w-12 rounded-full shadow-md'?: undefined;
-            'bg-primary-500 dark:bg-primary-400 hover:bg-primary-600 dark:hover:bg-primary-300'?: undefined;
-            'bg-surface-500 dark:bg-surface-400 hover:bg-surface-600 dark:hover:bg-surface-300'?: undefined;
-            'hover:bg-primary-600 dark:hover:bg-primary-300'?: undefined;
-            'hover:bg-surface-600 dark:hover:bg-surface-300'?: undefined;
-        } | {
-            'rounded-md h-8 w-8': boolean;
-            'h-12 w-12 rounded-full shadow-md': boolean;
-            sticky?: undefined;
-            fixed?: undefined;
-            'bg-primary-500 dark:bg-primary-400 hover:bg-primary-600 dark:hover:bg-primary-300'?: undefined;
-            'bg-surface-500 dark:bg-surface-400 hover:bg-surface-600 dark:hover:bg-surface-300'?: undefined;
-            'hover:bg-primary-600 dark:hover:bg-primary-300'?: undefined;
-            'hover:bg-surface-600 dark:hover:bg-surface-300'?: undefined;
-        } | {
-            'bg-primary-500 dark:bg-primary-400 hover:bg-primary-600 dark:hover:bg-primary-300': boolean;
-            'bg-surface-500 dark:bg-surface-400 hover:bg-surface-600 dark:hover:bg-surface-300': boolean;
-            sticky?: undefined;
-            fixed?: undefined;
-            'rounded-md h-8 w-8'?: undefined;
-            'h-12 w-12 rounded-full shadow-md'?: undefined;
-            'hover:bg-primary-600 dark:hover:bg-primary-300'?: undefined;
-            'hover:bg-surface-600 dark:hover:bg-surface-300'?: undefined;
-        } | {
-            'hover:bg-primary-600 dark:hover:bg-primary-300': boolean;
-            'hover:bg-surface-600 dark:hover:bg-surface-300': boolean;
-            sticky?: undefined;
-            fixed?: undefined;
-            'rounded-md h-8 w-8'?: undefined;
-            'h-12 w-12 rounded-full shadow-md'?: undefined;
-            'bg-primary-500 dark:bg-primary-400 hover:bg-primary-600 dark:hover:bg-primary-300'?: undefined;
-            'bg-surface-500 dark:bg-surface-400 hover:bg-surface-600 dark:hover:bg-surface-300'?: undefined;
-        })[];
-    };
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;

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

@@ -1,41 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            // Flex & Alignment
-            'flex items-center justify-center',
-
-            // Positioning
-            {
-                sticky: props.target === 'parent',
-                fixed: props.target === 'window'
-            },
-            'bottom-[20px] right-[20px]',
-            'ml-auto',
-
-            // Shape & Size
-            {
-                'rounded-md h-8 w-8': props.target === 'parent',
-                'h-12 w-12 rounded-full shadow-md': props.target === 'window'
-            },
-
-            // Color
-            'text-white dark:text-surface-900',
-            {
-                'bg-primary-500 dark:bg-primary-400 hover:bg-primary-600 dark:hover:bg-primary-300': props.target === 'parent',
-                'bg-surface-500 dark:bg-surface-400 hover:bg-surface-600 dark:hover:bg-surface-300': props.target === 'window'
-            },
-
-            // States
-            {
-                'hover:bg-primary-600 dark:hover:bg-primary-300': props.target === 'parent',
-                'hover:bg-surface-600 dark:hover:bg-surface-300': props.target === 'window'
-            }
-        ]
-    }),
-    transition: {
-        enterFromClass: 'opacity-0',
-        enterActiveClass: 'transition-opacity duration-150',
-        leaveActiveClass: 'transition-opacity duration-150',
-        leaveToClass: 'opacity-0'
-    }
-};