@gluhar/theme 2.0.0-dev.0

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

@@ -0,0 +1,27 @@
+export default {
+    display: {
+        class: [
+            // Display
+            'inline',
+
+            // Spacing
+            'p-3',
+
+            // Shape
+            'rounded-md',
+
+            // Colors
+            'text-surface-700 dark:text-white/80',
+
+            // States
+            'hover:bg-surface-100 hover:text-surface-700 dark:hover:bg-surface-700/80 dark:hover:text-white/80',
+
+            // Transitions
+            'transition',
+            'duration-200',
+
+            // Misc
+            'cursor-pointer'
+        ]
+    }
+};

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

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

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

@@ -0,0 +1,5 @@
+export default {
+    root: {
+        class: ['flex items-stretch', 'w-full']
+    }
+};

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

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

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

@@ -0,0 +1,28 @@
+export default {
+    root: {
+        class: [
+            // Flex
+            'flex items-center justify-center',
+
+            // Shape
+            'first:rounded-l-md',
+            'last:rounded-r-md',
+            'border-y',
+
+            'last:border-r',
+            'border-l',
+            'border-r-0',
+
+            // Space
+            'p-3',
+
+            // Size
+            'min-w-[3rem]',
+
+            // Color
+            'bg-surface-50 dark:bg-surface-800',
+            'text-surface-600 dark:text-surface-400',
+            'border-surface-300 dark:border-surface-600'
+        ]
+    }
+};

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

@@ -0,0 +1,27 @@
+declare namespace _default {
+    function root({ context, props }: {
+        context: any;
+        props: 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-400'?: undefined;
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50'?: undefined;
+            'opacity-60 select-none pointer-events-none 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-400'?: undefined;
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-500/50 dark:focus:ring-primary-400/50'?: undefined;
+            'opacity-60 select-none pointer-events-none cursor-default'?: 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': boolean;
+            'opacity-60 select-none pointer-events-none cursor-default': any;
+            'border-surface-300 dark:border-surface-600'?: undefined;
+            'border-red-500 dark:border-red-400'?: undefined;
+        })[];
+    };
+}
+export default _default;

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

@@ -0,0 +1,34 @@
+export default {
+    root: ({ context, props }) => ({
+        class: [
+            // Font
+            'font-sans leading-none',
+
+            // Spacing
+            'm-0 p-3',
+
+            // 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': !context.disabled,
+                'opacity-60 select-none pointer-events-none cursor-default': context.disabled
+            },
+
+            // Misc
+            'rounded-md',
+            'appearance-none',
+            'transition-colors duration-200'
+        ]
+    })
+};

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

@@ -0,0 +1,390 @@
+declare namespace _default {
+    function root({ props, parent }: {
+        props: any;
+        parent: any;
+    }): {
+        class: (string | {
+            'flex-col': any;
+            'flex-1 w-[1%]'?: undefined;
+            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+            'border-0 border-y border-l last:border-r border-surface-300 dark:border-surface-600'?: undefined;
+            'first:ml-0 -ml-px'?: undefined;
+            '!w-16'?: undefined;
+        } | {
+            'flex-1 w-[1%]': boolean;
+            'flex-col'?: undefined;
+            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+            'border-0 border-y border-l last:border-r border-surface-300 dark:border-surface-600'?: undefined;
+            'first:ml-0 -ml-px'?: undefined;
+            '!w-16'?: undefined;
+        } | {
+            'first:rounded-l-md rounded-none last:rounded-r-md': boolean;
+            'flex-col'?: undefined;
+            'flex-1 w-[1%]'?: undefined;
+            'border-0 border-y border-l last:border-r border-surface-300 dark:border-surface-600'?: undefined;
+            'first:ml-0 -ml-px'?: undefined;
+            '!w-16'?: undefined;
+        } | {
+            'border-0 border-y border-l last:border-r border-surface-300 dark:border-surface-600': boolean;
+            'flex-col'?: undefined;
+            'flex-1 w-[1%]'?: undefined;
+            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+            'first:ml-0 -ml-px'?: undefined;
+            '!w-16'?: undefined;
+        } | {
+            'first:ml-0 -ml-px': boolean;
+            'flex-col'?: undefined;
+            'flex-1 w-[1%]'?: undefined;
+            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+            'border-0 border-y border-l last:border-r border-surface-300 dark:border-surface-600'?: undefined;
+            '!w-16'?: undefined;
+        } | {
+            '!w-16': any;
+            'flex-col'?: undefined;
+            'flex-1 w-[1%]'?: undefined;
+            'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+            'border-0 border-y border-l last:border-r border-surface-300 dark:border-surface-600'?: undefined;
+            'first:ml-0 -ml-px'?: undefined;
+        })[];
+    };
+    namespace input {
+        export function root_1({ parent, context }: {
+            parent: any;
+            context: any;
+        }): {
+            class: (string | {
+                'text-center': any;
+                'rounded-tr-none rounded-br-none'?: undefined;
+                'rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-none'?: undefined;
+                '!rounded-none'?: undefined;
+                'border-0'?: 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;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+                'order-2'?: undefined;
+            } | {
+                'rounded-tr-none rounded-br-none': any;
+                'text-center'?: undefined;
+                'rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-none'?: undefined;
+                '!rounded-none'?: undefined;
+                'border-0'?: 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;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+                'order-2'?: undefined;
+            } | {
+                'rounded-tl-none rounded-bl-none': any;
+                'text-center'?: undefined;
+                'rounded-tr-none rounded-br-none'?: undefined;
+                'rounded-none'?: undefined;
+                '!rounded-none'?: undefined;
+                'border-0'?: 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;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+                'order-2'?: undefined;
+            } | {
+                'rounded-none': any;
+                'text-center'?: undefined;
+                'rounded-tr-none rounded-br-none'?: undefined;
+                'rounded-tl-none rounded-bl-none'?: undefined;
+                '!rounded-none'?: undefined;
+                'border-0'?: 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;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+                'order-2'?: undefined;
+            } | {
+                '!rounded-none': boolean;
+                'text-center'?: undefined;
+                'rounded-tr-none rounded-br-none'?: undefined;
+                'rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-none'?: undefined;
+                'border-0'?: 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;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+                'order-2'?: undefined;
+            } | {
+                'border-0': boolean;
+                'text-center'?: undefined;
+                'rounded-tr-none rounded-br-none'?: undefined;
+                'rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-none'?: undefined;
+                '!rounded-none'?: 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;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+                'order-2'?: undefined;
+            } | {
+                'border-surface-300 dark:border-surface-600': boolean;
+                'text-center'?: undefined;
+                'rounded-tr-none rounded-br-none'?: undefined;
+                'rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-none'?: undefined;
+                '!rounded-none'?: undefined;
+                'border-0'?: undefined;
+                'border-red-500 dark:border-red-400'?: undefined;
+                'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+                'order-2'?: undefined;
+            } | {
+                'border-red-500 dark:border-red-400': any;
+                'text-center'?: undefined;
+                'rounded-tr-none rounded-br-none'?: undefined;
+                'rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-none'?: undefined;
+                '!rounded-none'?: undefined;
+                'border-0'?: undefined;
+                'border-surface-300 dark:border-surface-600'?: undefined;
+                'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+                'order-2'?: undefined;
+            } | {
+                'hover:border-primary-500 dark:hover:border-primary-400': boolean;
+                'text-center'?: undefined;
+                'rounded-tr-none rounded-br-none'?: undefined;
+                'rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-none'?: undefined;
+                '!rounded-none'?: undefined;
+                'border-0'?: undefined;
+                'border-surface-300 dark:border-surface-600'?: undefined;
+                'border-red-500 dark:border-red-400'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+                'order-2'?: undefined;
+            } | {
+                'opacity-60 select-none pointer-events-none cursor-default': any;
+                'text-center'?: undefined;
+                'rounded-tr-none rounded-br-none'?: undefined;
+                'rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-none'?: undefined;
+                '!rounded-none'?: undefined;
+                'border-0'?: 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;
+                filled?: undefined;
+                'order-2'?: undefined;
+            } | {
+                filled: any;
+                'text-center'?: undefined;
+                'rounded-tr-none rounded-br-none'?: undefined;
+                'rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-none'?: undefined;
+                '!rounded-none'?: undefined;
+                'border-0'?: 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;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                'order-2'?: undefined;
+            } | {
+                'order-2': boolean;
+                'text-center'?: undefined;
+                'rounded-tr-none rounded-br-none'?: undefined;
+                'rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-none'?: undefined;
+                '!rounded-none'?: undefined;
+                'border-0'?: 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;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+            })[];
+        };
+        export { root_1 as root };
+    }
+    function buttongroup({ props }: {
+        props: any;
+    }): {
+        class: string[];
+    };
+    namespace incrementbutton {
+        export function root_2({ parent }: {
+            parent: any;
+        }): {
+            class: (string | {
+                'order-3': any;
+                'order-1'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tl-none rounded-br-none rounded-bl-none'?: undefined;
+                'rounded-bl-none rounded-tl-none'?: undefined;
+                'rounded-bl-none rounded-br-none'?: undefined;
+            } | {
+                'order-1': any;
+                'order-3'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tl-none rounded-br-none rounded-bl-none'?: undefined;
+                'rounded-bl-none rounded-tl-none'?: undefined;
+                'rounded-bl-none rounded-br-none'?: undefined;
+            } | {
+                'px-4 py-3': any;
+                'order-3'?: undefined;
+                'order-1'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tl-none rounded-br-none rounded-bl-none'?: undefined;
+                'rounded-bl-none rounded-tl-none'?: undefined;
+                'rounded-bl-none rounded-br-none'?: undefined;
+            } | {
+                'p-0': any;
+                'order-3'?: undefined;
+                'order-1'?: undefined;
+                'px-4 py-3'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tl-none rounded-br-none rounded-bl-none'?: undefined;
+                'rounded-bl-none rounded-tl-none'?: undefined;
+                'rounded-bl-none rounded-br-none'?: undefined;
+            } | {
+                'w-full': any;
+                'order-3'?: undefined;
+                'order-1'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'rounded-tl-none rounded-br-none rounded-bl-none'?: undefined;
+                'rounded-bl-none rounded-tl-none'?: undefined;
+                'rounded-bl-none rounded-br-none'?: undefined;
+            } | {
+                'rounded-tl-none rounded-br-none rounded-bl-none': any;
+                'order-3'?: undefined;
+                'order-1'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-bl-none rounded-tl-none'?: undefined;
+                'rounded-bl-none rounded-br-none'?: undefined;
+            } | {
+                'rounded-bl-none rounded-tl-none': any;
+                'order-3'?: undefined;
+                'order-1'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tl-none rounded-br-none rounded-bl-none'?: undefined;
+                'rounded-bl-none rounded-br-none'?: undefined;
+            } | {
+                'rounded-bl-none rounded-br-none': any;
+                'order-3'?: undefined;
+                'order-1'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tl-none rounded-br-none rounded-bl-none'?: undefined;
+                'rounded-bl-none rounded-tl-none'?: undefined;
+            })[];
+        };
+        export { root_2 as root };
+        export namespace label {
+            let _class: string;
+            export { _class as class };
+        }
+    }
+    namespace decrementbutton {
+        export function root_3({ parent }: {
+            parent: any;
+        }): {
+            class: (string | {
+                'order-1': any;
+                'order-3'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tr-none rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-tr-none rounded-br-none '?: undefined;
+                'rounded-tr-none rounded-tl-none '?: undefined;
+            } | {
+                'order-3': any;
+                'order-1'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tr-none rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-tr-none rounded-br-none '?: undefined;
+                'rounded-tr-none rounded-tl-none '?: undefined;
+            } | {
+                'px-4 py-3': any;
+                'order-1'?: undefined;
+                'order-3'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tr-none rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-tr-none rounded-br-none '?: undefined;
+                'rounded-tr-none rounded-tl-none '?: undefined;
+            } | {
+                'p-0': any;
+                'order-1'?: undefined;
+                'order-3'?: undefined;
+                'px-4 py-3'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tr-none rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-tr-none rounded-br-none '?: undefined;
+                'rounded-tr-none rounded-tl-none '?: undefined;
+            } | {
+                'w-full': any;
+                'order-1'?: undefined;
+                'order-3'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'rounded-tr-none rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-tr-none rounded-br-none '?: undefined;
+                'rounded-tr-none rounded-tl-none '?: undefined;
+            } | {
+                'rounded-tr-none rounded-tl-none rounded-bl-none': any;
+                'order-1'?: undefined;
+                'order-3'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tr-none rounded-br-none '?: undefined;
+                'rounded-tr-none rounded-tl-none '?: undefined;
+            } | {
+                'rounded-tr-none rounded-br-none ': any;
+                'order-1'?: undefined;
+                'order-3'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tr-none rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-tr-none rounded-tl-none '?: undefined;
+            } | {
+                'rounded-tr-none rounded-tl-none ': any;
+                'order-1'?: undefined;
+                'order-3'?: undefined;
+                'px-4 py-3'?: undefined;
+                'p-0'?: undefined;
+                'w-full'?: undefined;
+                'rounded-tr-none rounded-tl-none rounded-bl-none'?: undefined;
+                'rounded-tr-none rounded-br-none '?: undefined;
+            })[];
+        };
+        export { root_3 as root };
+        export namespace label_1 {
+            let _class_1: string;
+            export { _class_1 as class };
+        }
+        export { label_1 as label };
+    }
+}
+export default _default;