@gluhar/theme 2.0.2 → 3.0.0

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

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

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

@@ -1,40 +0,0 @@
-export default {
-    content: {
-        class: [
-            // Spacing
-            'p-0',
-
-            // Shape
-            'border-0',
-
-            // Color
-            'text-surface-700 dark:text-white/80',
-            'bg-surface-0 dark:bg-surface-800'
-        ]
-    },
-    grid: {
-        class: [
-            // flex
-            'flex flex-wrap',
-
-            // Spacing
-            'ml-0 mr-0 mt-0',
-
-            // Color
-            'bg-surface-0 dark:bg-surface-800'
-        ]
-    },
-    header: {
-        class: [
-            'font-bold',
-
-            // Spacing
-            'p-4',
-
-            // Color
-            'text-surface-800 dark:text-white/80',
-            'bg-surface-50 dark:bg-surface-800',
-            'border-surface-200 dark:border-surface-700 border-y'
-        ]
-    }
-};

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

@@ -1,13 +0,0 @@
-declare namespace _default {
-    function listbutton({ props }: {
-        props: any;
-    }): {
-        class: string[];
-    };
-    function gridbutton({ props }: {
-        props: any;
-    }): {
-        class: string[];
-    };
-}
-export default _default;

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

@@ -1,62 +0,0 @@
-export default {
-    listbutton: ({ props }) => ({
-        class: [
-            // Font
-            'leading-none',
-
-            // Flex Alignment
-            'inline-flex items-center align-bottom text-center',
-
-            // Shape
-            'border rounded-md rounded-r-none',
-
-            // Spacing
-            'px-4 py-3',
-
-            // Color
-            props.modelValue === 'list'
-                ? 'bg-primary-500 dark:bg-primary-400 border-primary-500 dark:border-primary-400 text-white dark:text-surface-900'
-                : 'bg-surface-0 dark:bg-surface-900 border-surface-200 dark:border-surface-700 text-surface-700 dark:text-white/80',
-
-            // States
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-            props.modelValue === 'list' ? 'hover:bg-primary-600 dark:hover:bg-primary-300' : 'hover:bg-surface-50 dark:hover:bg-surface-800/80',
-
-            // Transition
-            'transition duration-200',
-
-            // Misc
-            'cursor-pointer select-none overflow-hidden'
-        ]
-    }),
-    gridbutton: ({ props }) => ({
-        class: [
-            // Font
-            'leading-none',
-
-            // Flex Alignment
-            'inline-flex items-center align-bottom text-center',
-
-            // Shape
-            'border rounded-md rounded-l-none',
-
-            // Spacing
-            'px-4 py-3',
-
-            // Color
-            props.modelValue === 'grid'
-                ? 'bg-primary-500 dark:bg-primary-400 border-primary-500 dark:border-primary-400 text-white dark:text-surface-900'
-                : 'bg-surface-0 dark:bg-surface-900 border-surface-200 dark:border-surface-700 text-surface-700 dark:text-white/80',
-
-            // States
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-            props.modelValue === 'grid' ? 'hover:bg-primary-600 dark:hover:bg-primary-300' : 'hover:bg-surface-50 dark:hover:bg-surface-800/80',
-
-            // Transition
-            'transition duration-200',
-
-            // Misc
-            'cursor-pointer select-none overflow-hidden'
-        ]
-    })
-};

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

@@ -1,4 +0,0 @@
-declare namespace _default {
-    let root: {};
-}
-export default _default;

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

@@ -1,3 +0,0 @@
-export default {
-    root: {}
-};

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

@@ -1,79 +0,0 @@
-declare namespace _default {
-    function root({ state }: {
-        state: any;
-    }): {
-        class: (string | {
-            'transition-none': any;
-            'transform-none': any;
-            '!w-screen': any;
-            '!h-screen': any;
-            '!max-h-full': any;
-            '!top-0': any;
-            '!left-0': any;
-        })[];
-    };
-    namespace header {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace title {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace icons {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace closeButton {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace maximizablebutton {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace closeButtonIcon {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace maximizableicon {
-        let _class_6: string[];
-        export { _class_6 as class };
-    }
-    function content({ state, instance }: {
-        state: any;
-        instance: any;
-    }): {
-        class: (string | {
-            grow: any;
-            'rounded-bl-lg': boolean;
-            'rounded-br-lg': boolean;
-        })[];
-    };
-    namespace footer {
-        let _class_7: string[];
-        export { _class_7 as class };
-    }
-    function mask({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'p-5': boolean;
-            'has-[.mask-active]:bg-transparent bg-black/40'?: undefined;
-            'has-[.mask-active]:backdrop-blur-none backdrop-blur-sm'?: undefined;
-        } | {
-            'has-[.mask-active]:bg-transparent bg-black/40': any;
-            'has-[.mask-active]:backdrop-blur-none backdrop-blur-sm': any;
-            'p-5'?: undefined;
-        })[];
-    };
-    function transition({ props }: {
-        props: any;
-    }): {
-        enterFromClass: string;
-        enterActiveClass: string;
-        leaveActiveClass: string;
-        leaveToClass: string;
-    };
-}
-export default _default;

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

@@ -1,235 +0,0 @@
-export default {
-    root: ({ state }) => ({
-        class: [
-            // Shape
-            'rounded-lg',
-            'shadow-lg',
-            'border-0',
-
-            // Size
-            'max-h-[90vh]',
-            'w-[50vw]',
-            'm-0',
-
-            // Color
-            'dark:border',
-            'dark:border-surface-700',
-
-            // Transitions
-            'transform',
-            'scale-100',
-
-            // Maximized State
-            {
-                'transition-none': state.maximized,
-                'transform-none': state.maximized,
-                '!w-screen': state.maximized,
-                '!h-screen': state.maximized,
-                '!max-h-full': state.maximized,
-                '!top-0': state.maximized,
-                '!left-0': state.maximized
-            }
-        ]
-    }),
-    header: {
-        class: [
-            // Flexbox and Alignment
-            'flex items-center justify-between',
-            'shrink-0',
-
-            // Spacing
-            'p-6',
-
-            // Shape
-            'border-t-0',
-            'rounded-tl-lg',
-            'rounded-tr-lg',
-
-            // Colors
-            'bg-surface-0 dark:bg-surface-800',
-            'text-surface-700 dark:text-surface-0/80'
-        ]
-    },
-    title: {
-        class: ['font-bold text-lg']
-    },
-    icons: {
-        class: ['flex items-center']
-    },
-    closeButton: {
-        class: [
-            'relative',
-
-            // Flexbox and Alignment
-            'flex items-center justify-center',
-
-            // Size and Spacing
-            'mr-2',
-            'last:mr-0',
-            'w-8 h-8',
-
-            // Shape
-            'border-0',
-            'rounded-full',
-
-            // Colors
-            'text-surface-500',
-            'bg-transparent',
-
-            // Transitions
-            'transition duration-200 ease-in-out',
-
-            // States
-            'hover:text-surface-700 dark:hover:text-white/80',
-            'hover:bg-surface-100 dark:hover:bg-surface-800/80',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-inset',
-            'focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Misc
-            'overflow-hidden'
-        ]
-    },
-    maximizablebutton: {
-        class: [
-            'relative',
-
-            // Flexbox and Alignment
-            'flex items-center justify-center',
-
-            // Size and Spacing
-            'mr-2',
-            'last:mr-0',
-            'w-8 h-8',
-
-            // Shape
-            'border-0',
-            'rounded-full',
-
-            // Colors
-            'text-surface-500',
-            'bg-transparent',
-
-            // Transitions
-            'transition duration-200 ease-in-out',
-
-            // States
-            'hover:text-surface-700 dark:hover:text-white/80',
-            'hover:bg-surface-100 dark:hover:bg-surface-800/80',
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-inset',
-            'focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Misc
-            'overflow-hidden'
-        ]
-    },
-    closeButtonIcon: {
-        class: [
-            // Display
-            'inline-block',
-
-            // Size
-            'w-4',
-            'h-4'
-        ]
-    },
-    maximizableicon: {
-        class: [
-            // Display
-            'inline-block',
-
-            // Size
-            'w-4',
-            'h-4'
-        ]
-    },
-    content: ({ state, instance }) => ({
-        class: [
-            // Spacing
-            'px-6',
-            'pb-8',
-            'pt-0',
-
-            // Shape
-            {
-                grow: state.maximized,
-                'rounded-bl-lg': !instance.$slots.footer,
-                'rounded-br-lg': !instance.$slots.footer
-            },
-
-            // Colors
-            'bg-surface-0 dark:bg-surface-800',
-            'text-surface-700 dark:text-surface-0/80',
-
-            // Misc
-            'overflow-y-auto'
-        ]
-    }),
-    footer: {
-        class: [
-            // Flexbox and Alignment
-            'flex items-center justify-end',
-            'shrink-0',
-            'text-right',
-            'gap-2',
-
-            // Spacing
-            'px-6',
-            'pb-6',
-
-            // Shape
-            'border-t-0',
-            'rounded-b-lg',
-
-            // Colors
-            'bg-surface-0 dark:bg-surface-800',
-            'text-surface-700 dark:text-surface-0/80'
-        ]
-    },
-    mask: ({ props }) => ({
-        class: [
-            // Transitions
-            'transition-all',
-            'duration-300',
-            { 'p-5': !props.position == 'full' },
-
-            // Background and Effects
-            { 'has-[.mask-active]:bg-transparent bg-black/40': props.modal, 'has-[.mask-active]:backdrop-blur-none backdrop-blur-sm': props.modal }
-        ]
-    }),
-    transition: ({ props }) => {
-        return props.position === 'top'
-            ? {
-                  enterFromClass: 'opacity-0 scale-75 translate-x-0 -translate-y-full translate-z-0 mask-active',
-                  enterActiveClass: 'transition-all duration-200 ease-out',
-                  leaveActiveClass: 'transition-all duration-200 ease-out',
-                  leaveToClass: 'opacity-0 scale-75 translate-x-0 -translate-y-full translate-z-0 mask-active'
-              }
-            : props.position === 'bottom'
-            ? {
-                  enterFromClass: 'opacity-0 scale-75 translate-y-full mask-active',
-                  enterActiveClass: 'transition-all duration-200 ease-out',
-                  leaveActiveClass: 'transition-all duration-200 ease-out',
-                  leaveToClass: 'opacity-0 scale-75 translate-x-0 translate-y-full translate-z-0 mask-active'
-              }
-            : props.position === 'left' || props.position === 'topleft' || props.position === 'bottomleft'
-            ? {
-                  enterFromClass: 'opacity-0 scale-75 -translate-x-full translate-y-0 translate-z-0 mask-active',
-                  enterActiveClass: 'transition-all duration-200 ease-out',
-                  leaveActiveClass: 'transition-all duration-200 ease-out',
-                  leaveToClass: 'opacity-0 scale-75  -translate-x-full translate-y-0 translate-z-0 mask-active'
-              }
-            : props.position === 'right' || props.position === 'topright' || props.position === 'bottomright'
-            ? {
-                  enterFromClass: 'opacity-0 scale-75 translate-x-full translate-y-0 translate-z-0 mask-active',
-                  enterActiveClass: 'transition-all duration-200 ease-out',
-                  leaveActiveClass: 'transition-all duration-200 ease-out',
-                  leaveToClass: 'opacity-0 scale-75 translate-x-full translate-y-0 translate-z-0 mask-active'
-              }
-            : {
-                  enterFromClass: 'opacity-0 scale-75 mask-active',
-                  enterActiveClass: 'transition-all duration-200 ease-out',
-                  leaveActiveClass: 'transition-all duration-200 ease-out',
-                  leaveToClass: 'opacity-0 scale-75 mask-active'
-              };
-    }
-};

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

@@ -1,192 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'justify-center': boolean;
-            'items-center'?: undefined;
-            'justify-start'?: undefined;
-            'justify-end'?: undefined;
-            'items-start'?: undefined;
-            'items-end'?: undefined;
-            'my-5 mx-0 py-0 px-5'?: undefined;
-            'mx-4 md:mx-5 py-5'?: undefined;
-            'w-full'?: undefined;
-            'min-h-full'?: undefined;
-            'before:absolute before:left-0 before:top-1/2'?: undefined;
-            'before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2'?: undefined;
-            'before:w-full'?: undefined;
-            'before:min-h-full'?: undefined;
-            'before:border-solid'?: undefined;
-            'before:border-dotted'?: undefined;
-            'before:border-dashed'?: undefined;
-            'before:border-t before:border-surface-200 before:dark:border-surface-600'?: undefined;
-            'before:border-l before:border-surface-200 before:dark:border-surface-600'?: undefined;
-        } | {
-            'items-center': boolean;
-            'justify-center'?: undefined;
-            'justify-start'?: undefined;
-            'justify-end'?: undefined;
-            'items-start'?: undefined;
-            'items-end'?: undefined;
-            'my-5 mx-0 py-0 px-5'?: undefined;
-            'mx-4 md:mx-5 py-5'?: undefined;
-            'w-full'?: undefined;
-            'min-h-full'?: undefined;
-            'before:absolute before:left-0 before:top-1/2'?: undefined;
-            'before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2'?: undefined;
-            'before:w-full'?: undefined;
-            'before:min-h-full'?: undefined;
-            'before:border-solid'?: undefined;
-            'before:border-dotted'?: undefined;
-            'before:border-dashed'?: undefined;
-            'before:border-t before:border-surface-200 before:dark:border-surface-600'?: undefined;
-            'before:border-l before:border-surface-200 before:dark:border-surface-600'?: undefined;
-        } | {
-            'justify-start': boolean;
-            'justify-center': boolean;
-            'justify-end': boolean;
-            'items-center': boolean;
-            'items-start': boolean;
-            'items-end': boolean;
-            'my-5 mx-0 py-0 px-5'?: undefined;
-            'mx-4 md:mx-5 py-5'?: undefined;
-            'w-full'?: undefined;
-            'min-h-full'?: undefined;
-            'before:absolute before:left-0 before:top-1/2'?: undefined;
-            'before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2'?: undefined;
-            'before:w-full'?: undefined;
-            'before:min-h-full'?: undefined;
-            'before:border-solid'?: undefined;
-            'before:border-dotted'?: undefined;
-            'before:border-dashed'?: undefined;
-            'before:border-t before:border-surface-200 before:dark:border-surface-600'?: undefined;
-            'before:border-l before:border-surface-200 before:dark:border-surface-600'?: undefined;
-        } | {
-            'my-5 mx-0 py-0 px-5': boolean;
-            'mx-4 md:mx-5 py-5': boolean;
-            'justify-center'?: undefined;
-            'items-center'?: undefined;
-            'justify-start'?: undefined;
-            'justify-end'?: undefined;
-            'items-start'?: undefined;
-            'items-end'?: undefined;
-            'w-full'?: undefined;
-            'min-h-full'?: undefined;
-            'before:absolute before:left-0 before:top-1/2'?: undefined;
-            'before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2'?: undefined;
-            'before:w-full'?: undefined;
-            'before:min-h-full'?: undefined;
-            'before:border-solid'?: undefined;
-            'before:border-dotted'?: undefined;
-            'before:border-dashed'?: undefined;
-            'before:border-t before:border-surface-200 before:dark:border-surface-600'?: undefined;
-            'before:border-l before:border-surface-200 before:dark:border-surface-600'?: undefined;
-        } | {
-            'w-full': boolean;
-            'min-h-full': boolean;
-            'justify-center'?: undefined;
-            'items-center'?: undefined;
-            'justify-start'?: undefined;
-            'justify-end'?: undefined;
-            'items-start'?: undefined;
-            'items-end'?: undefined;
-            'my-5 mx-0 py-0 px-5'?: undefined;
-            'mx-4 md:mx-5 py-5'?: undefined;
-            'before:absolute before:left-0 before:top-1/2'?: undefined;
-            'before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2'?: undefined;
-            'before:w-full'?: undefined;
-            'before:min-h-full'?: undefined;
-            'before:border-solid'?: undefined;
-            'before:border-dotted'?: undefined;
-            'before:border-dashed'?: undefined;
-            'before:border-t before:border-surface-200 before:dark:border-surface-600'?: undefined;
-            'before:border-l before:border-surface-200 before:dark:border-surface-600'?: undefined;
-        } | {
-            'before:absolute before:left-0 before:top-1/2': boolean;
-            'before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2': boolean;
-            'justify-center'?: undefined;
-            'items-center'?: undefined;
-            'justify-start'?: undefined;
-            'justify-end'?: undefined;
-            'items-start'?: undefined;
-            'items-end'?: undefined;
-            'my-5 mx-0 py-0 px-5'?: undefined;
-            'mx-4 md:mx-5 py-5'?: undefined;
-            'w-full'?: undefined;
-            'min-h-full'?: undefined;
-            'before:w-full'?: undefined;
-            'before:min-h-full'?: undefined;
-            'before:border-solid'?: undefined;
-            'before:border-dotted'?: undefined;
-            'before:border-dashed'?: undefined;
-            'before:border-t before:border-surface-200 before:dark:border-surface-600'?: undefined;
-            'before:border-l before:border-surface-200 before:dark:border-surface-600'?: undefined;
-        } | {
-            'before:w-full': boolean;
-            'before:min-h-full': boolean;
-            'justify-center'?: undefined;
-            'items-center'?: undefined;
-            'justify-start'?: undefined;
-            'justify-end'?: undefined;
-            'items-start'?: undefined;
-            'items-end'?: undefined;
-            'my-5 mx-0 py-0 px-5'?: undefined;
-            'mx-4 md:mx-5 py-5'?: undefined;
-            'w-full'?: undefined;
-            'min-h-full'?: undefined;
-            'before:absolute before:left-0 before:top-1/2'?: undefined;
-            'before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2'?: undefined;
-            'before:border-solid'?: undefined;
-            'before:border-dotted'?: undefined;
-            'before:border-dashed'?: undefined;
-            'before:border-t before:border-surface-200 before:dark:border-surface-600'?: undefined;
-            'before:border-l before:border-surface-200 before:dark:border-surface-600'?: undefined;
-        } | {
-            'before:border-solid': boolean;
-            'before:border-dotted': boolean;
-            'before:border-dashed': boolean;
-            'justify-center'?: undefined;
-            'items-center'?: undefined;
-            'justify-start'?: undefined;
-            'justify-end'?: undefined;
-            'items-start'?: undefined;
-            'items-end'?: undefined;
-            'my-5 mx-0 py-0 px-5'?: undefined;
-            'mx-4 md:mx-5 py-5'?: undefined;
-            'w-full'?: undefined;
-            'min-h-full'?: undefined;
-            'before:absolute before:left-0 before:top-1/2'?: undefined;
-            'before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2'?: undefined;
-            'before:w-full'?: undefined;
-            'before:min-h-full'?: undefined;
-            'before:border-t before:border-surface-200 before:dark:border-surface-600'?: undefined;
-            'before:border-l before:border-surface-200 before:dark:border-surface-600'?: undefined;
-        } | {
-            'before:border-t before:border-surface-200 before:dark:border-surface-600': boolean;
-            'before:border-l before:border-surface-200 before:dark:border-surface-600': boolean;
-            'justify-center'?: undefined;
-            'items-center'?: undefined;
-            'justify-start'?: undefined;
-            'justify-end'?: undefined;
-            'items-start'?: undefined;
-            'items-end'?: undefined;
-            'my-5 mx-0 py-0 px-5'?: undefined;
-            'mx-4 md:mx-5 py-5'?: undefined;
-            'w-full'?: undefined;
-            'min-h-full'?: undefined;
-            'before:absolute before:left-0 before:top-1/2'?: undefined;
-            'before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2'?: undefined;
-            'before:w-full'?: undefined;
-            'before:min-h-full'?: undefined;
-            'before:border-solid'?: undefined;
-            'before:border-dotted'?: undefined;
-            'before:border-dashed'?: undefined;
-        })[];
-    };
-    namespace content {
-        let _class: string[];
-        export { _class as class };
-    }
-}
-export default _default;