@gluhar/theme 2.0.0-dev.0

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,62 @@
+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

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

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

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

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

@@ -0,0 +1,79 @@
+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

@@ -0,0 +1,235 @@
+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

@@ -0,0 +1,192 @@
+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;