@gluhar/theme 2.0.3 → 3.0.1

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

@@ -1,71 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace content {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    function container({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'flex-row': boolean;
-            'flex-col': boolean;
-        })[];
-    };
-    namespace previousbutton {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace nextbutton {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace itemscontent {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    function itemscontainer({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'flex-row': boolean;
-            'flex-col h-full': boolean;
-        })[];
-    };
-    function item({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'w-full sm:w-[50%] md:w-[33.333333333333336%]': boolean;
-            'w-full h-full': boolean;
-        })[];
-    };
-    function itemcloned({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'w-full sm:w-[50%] md:w-[33.333333333333336%]': boolean;
-            'w-full h-full': boolean;
-        })[];
-    };
-    namespace indicators {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace indicator {
-        let _class_6: string[];
-        export { _class_6 as class };
-    }
-    function indicatorbutton({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'bg-surface-200 hover:bg-surface-300 dark:bg-surface-700 dark:hover:bg-surface-600': boolean;
-            'bg-primary-500 hover:bg-primary-600': any;
-        })[];
-    };
-}
-export default _default;

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

@@ -1,149 +0,0 @@
-export default {
-    root: {
-        class: [
-            // Flexbox
-            'flex flex-col'
-        ]
-    },
-    content: {
-        class: [
-            // Flexbox & Overflow
-            'flex flex-col overflow-auto'
-        ]
-    },
-    container: ({ props }) => ({
-        class: [
-            // Flexbox
-            'flex',
-
-            // Orientation
-            {
-                'flex-row': props.orientation !== 'vertical',
-                'flex-col': props.orientation == 'vertical'
-            }
-        ]
-    }),
-    previousbutton: {
-        class: [
-            // Flexbox & Alignment
-            'flex justify-center items-center self-center',
-
-            // Sizing & Overflow
-            'overflow-hidden w-8 h-8',
-
-            // Spacing
-            'mx-2',
-
-            // Shape
-            'rounded-full',
-
-            // Border & Background
-            'border-0 bg-transparent',
-
-            // Color
-            'text-surface-600',
-
-            // Transitions
-            'transition duration-200 ease-in-out'
-        ]
-    },
-    nextbutton: {
-        class: [
-            // Flexbox & Alignment
-            'flex justify-center items-center self-center',
-
-            // Sizing & Overflow
-            'overflow-hidden w-8 h-8',
-
-            // Spacing
-            'mx-2',
-
-            // Shape
-            'rounded-full',
-
-            // Border & Background
-            'border-0 bg-transparent',
-
-            // Color
-            'text-surface-600',
-
-            // Transitions
-            'transition duration-200 ease-in-out'
-        ]
-    },
-    itemscontent: {
-        class: [
-            // Overflow & Width
-            'overflow-hidden w-full'
-        ]
-    },
-    itemscontainer: ({ props }) => ({
-        class: [
-            // Flexbox
-            'flex',
-
-            // Orientation & Sizing
-            {
-                'flex-row': props.orientation !== 'vertical',
-                'flex-col h-full': props.orientation == 'vertical'
-            }
-        ]
-    }),
-    item: ({ props }) => ({
-        class: [
-            // Flexbox
-            'flex shrink-0 grow ',
-
-            // Size
-            {
-                'w-full sm:w-[50%] md:w-[33.333333333333336%]': props.orientation !== 'vertical',
-
-                'w-full h-full': props.orientation == 'vertical'
-            }
-        ]
-    }),
-    itemcloned: ({ props }) => ({
-        class: [
-            // Flexbox
-            'flex shrink-0 grow',
-            'unvisible',
-
-            // Size
-            {
-                'w-full sm:w-[50%] md:w-[33.333333333333336%]': props.orientation !== 'vertical',
-
-                'w-full h-full': props.orientation == 'vertical'
-            }
-        ]
-    }),
-    indicators: {
-        class: [
-            // Flexbox & Alignment
-            'flex flex-row justify-center flex-wrap'
-        ]
-    },
-    indicator: {
-        class: [
-            // Spacing
-            'mr-2 mb-2'
-        ]
-    },
-    indicatorbutton: ({ context }) => ({
-        class: [
-            // Sizing & Shape
-            'w-8 h-2 rounded-0',
-
-            // Transitions
-            'transition duration-200',
-
-            // Focus Styles
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
-
-            // Color & Background
-            {
-                'bg-surface-200 hover:bg-surface-300 dark:bg-surface-700 dark:hover:bg-surface-600': !context.highlighted,
-                'bg-primary-500 hover:bg-primary-600': context.highlighted
-            }
-        ]
-    })
-};

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

@@ -1,112 +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;
-        })[];
-    };
-    function label({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'text-surface-800 dark:text-white/80': any;
-            'text-surface-400 dark:text-surface-500': boolean;
-        })[];
-    };
-    namespace dropdownbutton {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace panel {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace wrapper {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace list {
-        let _class_3: string;
-        export { _class_3 as class };
-    }
-    function item({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'text-surface-500 dark:text-white/70': boolean;
-            'text-surface-500 dark:text-white/70 bg-surface-200 dark:bg-surface-600/90': any;
-            'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30': any;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80'?: undefined;
-        } | {
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80': boolean;
-            'hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80': any;
-            'text-surface-500 dark:text-white/70'?: undefined;
-            'text-surface-500 dark:text-white/70 bg-surface-200 dark:bg-surface-600/90'?: undefined;
-            'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30'?: undefined;
-        })[];
-    };
-    namespace content {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace groupicon {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace sublist {
-        let _class_6: string[];
-        export { _class_6 as class };
-    }
-    namespace separator {
-        let _class_7: string;
-        export { _class_7 as class };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;

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

@@ -1,209 +0,0 @@
-export default {
-    root: ({ props, state }) => ({
-        class: [
-            // Display and Position
-            'inline-flex',
-            'relative',
-
-            // Shape
-            'rounded-md',
-
-            // Color and Background
-            '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 },
-
-            // Transitions
-            'transition-all',
-            'duration-200',
-
-            // States
-            { 'hover:border-primary-500 dark:hover:border-primary-300': !props.invalid },
-            { 'outline-none outline-offset-0 ring ring-primary-400/50 dark:ring-primary-300/50': state.focused },
-
-            // Misc
-            'cursor-pointer',
-            'select-none',
-            { 'opacity-60': props.disabled, 'pointer-events-none': props.disabled, 'cursor-default': props.disabled }
-        ]
-    }),
-    label: ({ props }) => ({
-        class: [
-            //Font
-            'font-sans',
-            'leading-none',
-
-            // Flex & Alignment
-            ' flex flex-auto',
-
-            // Sizing and Spacing
-            'w-[1%]',
-            'p-3',
-
-            //Shape
-            'rounded-none',
-
-            // Color and Background
-            'bg-transparent',
-            'border-0',
-            { 'text-surface-800 dark:text-white/80': props.modelValue, 'text-surface-400 dark:text-surface-500': !props.modelValue },
-            'placeholder:text-surface-400 dark:placeholder:text-surface-500',
-
-            // Transitions
-            'transition',
-            'duration-200',
-
-            // States
-            'focus:outline-none focus:shadow-none',
-
-            // Misc
-            'relative',
-            'cursor-pointer',
-            'overflow-hidden overflow-ellipsis',
-            'whitespace-nowrap',
-            'appearance-none'
-        ]
-    }),
-    dropdownbutton: {
-        class: [
-            // Flexbox
-            'flex items-center justify-center',
-            'shrink-0',
-
-            // Color and Background
-            'bg-transparent',
-            'text-surface-500',
-
-            // Size
-            'w-12',
-
-            // Shape
-            'rounded-tr-md',
-            'rounded-br-md'
-        ]
-    },
-    panel: {
-        class: [
-            // Position
-            'absolute top-0 left-0',
-
-            // Shape
-            'border-0 dark:border',
-            'rounded-md',
-            'shadow-md',
-
-            // Color
-            'bg-surface-0 dark:bg-surface-700',
-            'text-surface-800 dark:text-white/80',
-            'dark:border-surface-700'
-        ]
-    },
-    wrapper: {
-        class: [
-            // Sizing
-            'max-h-[200px]',
-
-            // Misc
-            'overflow-auto'
-        ]
-    },
-    list: {
-        class: 'py-3 list-none m-0'
-    },
-    item: ({ context }) => ({
-        class: [
-            // Font
-            'font-normal',
-            'leading-none',
-
-            // Shape
-            'border-0',
-            'rounded-none',
-
-            // Spacing
-            'm-0',
-
-            //  Colors
-            {
-                'text-surface-500 dark:text-white/70': !context.focused && !context.active,
-                'text-surface-500 dark:text-white/70 bg-surface-200 dark:bg-surface-600/90': context.focused && !context.active,
-                'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30': context.focused && context.active,
-                'text-primary-700 dark:text-surface-0/80 bg-primary-50 dark:bg-primary-400/30': !context.focused && context.active
-            },
-
-            // Hover States
-            {
-                'hover:bg-surface-100 dark:hover:bg-surface-600/80': !context.active,
-                'hover:bg-primary-500/50 dark:hover:bg-primary-300/30 text-primary-700 dark:text-surface-0/80': context.active
-            },
-
-            // Transitions
-            'transition-shadow',
-            'duration-200',
-
-            // Misc
-            'cursor-pointer',
-            'overflow-hidden',
-            'whitespace-nowrap'
-        ]
-    }),
-    content: {
-        class: [
-            'relative',
-
-            // Flexbox
-            'flex',
-            'items-center',
-
-            // Spacing
-            'py-3',
-            'px-5',
-
-            // Misc
-            'no-underline',
-            'overflow-hidden',
-            'cursor-pointer',
-            'select-none'
-        ]
-    },
-    groupicon: {
-        class: [
-            // Alignment
-            'ml-auto'
-        ]
-    },
-    sublist: {
-        class: [
-            // Size
-            'w-full',
-
-            // Spacing
-            'py-1',
-            'm-0',
-            'list-none',
-
-            // Shape
-            'shadow-none sm:shadow-md',
-            'border-0',
-
-            // Position
-            'static sm:absolute',
-            'z-10',
-
-            // Color
-            'bg-surface-0 dark:bg-surface-700'
-        ]
-    },
-    separator: {
-        class: 'border-t border-surface-200 dark:border-surface-600 my-1'
-    },
-    transition: {
-        enterFromClass: 'opacity-0 scale-y-[0.8]',
-        enterActiveClass: 'transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]',
-        leaveActiveClass: 'transition-opacity duration-100 ease-linear',
-        leaveToClass: 'opacity-0'
-    }
-};

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

@@ -1,45 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    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;
-            'border-red-500 dark:border-red-400'?: undefined;
-            '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;
-        } | {
-            'border-red-500 dark:border-red-400': 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;
-            '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;
-            'border-red-500 dark:border-red-400'?: undefined;
-        })[];
-    };
-    namespace input {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace icon {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-}
-export default _default;

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

@@ -1,101 +0,0 @@
-export default {
-    root: {
-        class: [
-            'relative',
-
-            // Alignment
-            'inline-flex',
-            'align-bottom',
-
-            // Size
-            'w-6',
-            'h-6',
-
-            // Misc
-            'cursor-pointer',
-            'select-none'
-        ]
-    },
-    box: ({ props, context }) => ({
-        class: [
-            // Alignment
-            'flex',
-            'items-center',
-            'justify-center',
-
-            // Size
-            'w-6',
-            'h-6',
-
-            // Shape
-            'rounded-md',
-            'border-2',
-
-            // Colors
-            {
-                'border-surface-200 bg-surface-0 dark:border-surface-700 dark:bg-surface-900': !context.checked && !props.invalid,
-                'border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400': context.checked
-            },
-
-            // 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 && !context.checked && !props.invalid,
-                'peer-hover:bg-primary-600 dark:peer-hover:bg-primary-300 peer-hover:border-primary-700 dark:peer-hover:border-primary-300': !props.disabled && context.checked,
-                '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,
-                'cursor-default opacity-60': props.disabled
-            },
-
-            // Transitions
-            'transition-colors',
-            'duration-200'
-        ]
-    }),
-    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: {
-        class: [
-            // Font
-            'text-base leading-none',
-
-            // Size
-            'w-4',
-            'h-4',
-
-            // Colors
-            'text-white dark:text-surface-900',
-
-            // Transitions
-            'transition-all',
-            'duration-200'
-        ]
-    }
-};