@gluhar/theme 2.0.3 → 3.0.0

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

@@ -1,81 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            'flex grow',
-            {
-                'flex-col': props.layout === 'vertical',
-                'flex-row flex-1': props.layout === 'horizontal'
-            }
-        ]
-    }),
-    event: ({ props, context }) => ({
-        class: [
-            'flex relative min-h-[70px]',
-            {
-                'flex-row-reverse': props.align === 'right' || (props.layout === 'vertical' && props.align === 'alternate' && context.index % 2 === 1),
-                'flex-col flex-1': props.layout === 'horizontal',
-                'flex-col-reverse ': props.align === 'bottom' || (props.layout === 'horizontal' && props.align === 'alternate' && context.index % 2 === 1)
-            }
-        ]
-    }),
-    opposite: ({ props, context }) => ({
-        class: [
-            'flex-1',
-            {
-                'px-4': props.layout === 'vertical',
-                'py-4': props.layout === 'horizontal'
-            },
-            {
-                'text-right': props.align === 'left' || (props.layout === 'vertical' && props.align === 'alternate' && context.index % 2 === 0),
-                'text-left': props.align === 'right' || (props.layout === 'vertical' && props.align === 'alternate' && context.index % 2 === 1)
-            }
-        ]
-    }),
-    separator: ({ props }) => ({
-        class: [
-            'flex items-center flex-initial',
-            {
-                'flex-col': props.layout === 'vertical',
-                'flex-row': props.layout === 'horizontal'
-            }
-        ]
-    }),
-    marker: {
-        class: [
-            // Display & Flexbox
-            'flex self-baseline',
-
-            // Size
-            'w-4 h-4',
-
-            // Appearance
-            'rounded-full border-2 border-primary-500 bg-surface-0 dark:border-primary-300 dark:bg-surface-900/40'
-        ]
-    },
-    connector: ({ props }) => ({
-        class: [
-            'grow bg-surface-300 dark:bg-surface-700',
-            {
-                'w-[2px]': props.layout === 'vertical',
-                'w-full h-[2px]': props.layout === 'horizontal'
-            }
-        ]
-    }),
-    content: ({ props, context }) => ({
-        class: [
-            'flex-1',
-            {
-                'px-4': props.layout === 'vertical',
-                'py-4': props.layout === 'horizontal'
-            },
-            {
-                'text-left': props.align === 'left' || (props.layout === 'vertical' && props.align === 'alternate' && context.index % 2 === 0),
-                'text-right': props.align === 'right' || (props.layout === 'vertical' && props.align === 'alternate' && context.index % 2 === 1)
-            },
-            {
-                'min-h-0': props.layout === 'vertical' && context.index === context.count,
-                'grow-0': props.layout === 'horizontal' && context.index === context.count
-            }
-        ]
-    })
-};

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

@@ -1,92 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            '-translate-x-2/4': boolean;
-        })[];
-    };
-    function container({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'bg-blue-100/70 dark:bg-blue-500/20': boolean;
-            'bg-green-100/70 dark:bg-green-500/20': boolean;
-            'bg-orange-100/70 dark:bg-orange-500/20': boolean;
-            'bg-red-100/70 dark:bg-red-500/20': boolean;
-            'border-blue-500 dark:border-blue-400'?: undefined;
-            'border-green-500 dark:border-green-400'?: undefined;
-            'border-orange-500 dark:border-orange-400'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'text-blue-700 dark:text-blue-300'?: undefined;
-            'text-green-700 dark:text-green-300'?: undefined;
-            'text-orange-700 dark:text-orange-300'?: undefined;
-            'text-red-700 dark:text-red-300'?: undefined;
-        } | {
-            'border-blue-500 dark:border-blue-400': boolean;
-            'border-green-500 dark:border-green-400': boolean;
-            'border-orange-500 dark:border-orange-400': boolean;
-            'border-red-500 dark:border-red-400': boolean;
-            'bg-blue-100/70 dark:bg-blue-500/20'?: undefined;
-            'bg-green-100/70 dark:bg-green-500/20'?: undefined;
-            'bg-orange-100/70 dark:bg-orange-500/20'?: undefined;
-            'bg-red-100/70 dark:bg-red-500/20'?: undefined;
-            'text-blue-700 dark:text-blue-300'?: undefined;
-            'text-green-700 dark:text-green-300'?: undefined;
-            'text-orange-700 dark:text-orange-300'?: undefined;
-            'text-red-700 dark:text-red-300'?: undefined;
-        } | {
-            'text-blue-700 dark:text-blue-300': boolean;
-            'text-green-700 dark:text-green-300': boolean;
-            'text-orange-700 dark:text-orange-300': boolean;
-            'text-red-700 dark:text-red-300': boolean;
-            'bg-blue-100/70 dark:bg-blue-500/20'?: undefined;
-            'bg-green-100/70 dark:bg-green-500/20'?: undefined;
-            'bg-orange-100/70 dark:bg-orange-500/20'?: undefined;
-            'bg-red-100/70 dark:bg-red-500/20'?: undefined;
-            'border-blue-500 dark:border-blue-400'?: undefined;
-            'border-green-500 dark:border-green-400'?: undefined;
-            'border-orange-500 dark:border-orange-400'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-        })[];
-    };
-    function content({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'items-start': any;
-            'items-center': boolean;
-        })[];
-    };
-    namespace icon {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace text {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace summary {
-        let _class_2: string;
-        export { _class_2 as class };
-    }
-    function detail({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'mt-2': any;
-        })[];
-    };
-    namespace closebutton {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveFromClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;

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

@@ -1,102 +0,0 @@
-export default {
-    root: ({ props }) => ({
-        class: [
-            //Size and Shape
-            'w-96 rounded-md',
-
-            // Positioning
-            { '-translate-x-2/4': props.position == 'top-center' || props.position == 'bottom-center' }
-        ]
-    }),
-    container: ({ props }) => ({
-        class: [
-            'my-4 rounded-md w-full',
-            'border-solid border-0 border-l-[6px]',
-            'backdrop-blur-[10px] shadow-md',
-
-            // Colors
-            {
-                'bg-blue-100/70 dark:bg-blue-500/20': props.message.severity == 'info',
-                'bg-green-100/70 dark:bg-green-500/20': props.message.severity == 'success',
-                'bg-orange-100/70 dark:bg-orange-500/20': props.message.severity == 'warn',
-                'bg-red-100/70 dark:bg-red-500/20': props.message.severity == 'error'
-            },
-            {
-                'border-blue-500 dark:border-blue-400': props.message.severity == 'info',
-                'border-green-500 dark:border-green-400': props.message.severity == 'success',
-                'border-orange-500 dark:border-orange-400': props.message.severity == 'warn',
-                'border-red-500 dark:border-red-400': props.message.severity == 'error'
-            },
-            {
-                'text-blue-700 dark:text-blue-300': props.message.severity == 'info',
-                'text-green-700 dark:text-green-300': props.message.severity == 'success',
-                'text-orange-700 dark:text-orange-300': props.message.severity == 'warn',
-                'text-red-700 dark:text-red-300': props.message.severity == 'error'
-            }
-        ]
-    }),
-    content: ({ props }) => ({
-        class: [
-          'flex p-4',
-          {
-            'items-start': props.message.summary,
-            'items-center': !props.message.summary,
-          },
-        ],
-    }),
-    icon: {
-        class: [
-            // Sizing and Spacing
-            'w-6 h-6',
-            'text-lg leading-none mr-2 shrink-0'
-        ]
-    },
-    text: {
-        class: [
-            // Font and Text
-            'text-base leading-none',
-            'ml-2',
-            'flex-1'
-        ]
-    },
-    summary: {
-        class: 'font-bold block'
-    },
-    detail: ({ props }) => ({
-        class: ['block', { 'mt-2': props.message.summary }],
-    }),
-    closebutton: {
-        class: [
-            // Flexbox
-            'flex items-center justify-center',
-
-            // Size
-            'w-8 h-8',
-
-            // Spacing and Misc
-            'ml-auto  relative',
-
-            // Shape
-            'rounded-full',
-
-            // Colors
-            'bg-transparent',
-
-            // Transitions
-            'transition duration-200 ease-in-out',
-
-            // States
-            'hover:bg-surface-0/50 dark:hover:bg-surface-0/10',
-
-            // Misc
-            'overflow-hidden'
-        ]
-    },
-    transition: {
-        enterFromClass: 'opacity-0 translate-y-2/4',
-        enterActiveClass: 'transition-[transform,opacity] duration-300',
-        leaveFromClass: 'max-h-[1000px]',
-        leaveActiveClass: '!transition-[max-height_.45s_cubic-bezier(0,1,0,1),opacity_.3s,margin-bottom_.3s] overflow-hidden',
-        leaveToClass: 'max-h-0 opacity-0 mb-0'
-    }
-};

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

@@ -1,72 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    function box({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'bg-surface-0 dark:bg-surface-900 ': boolean;
-            'border-surface-200 dark:border-surface-700 ': boolean;
-            'text-surface-700 dark:text-white/80': boolean;
-            'bg-primary-500 dark:bg-primary-400 border-primary-500 dark:border-primary-400 text-white dark:text-surface-900': any;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'peer-hover:bg-surface-50 dark:peer-hover:bg-surface-800/80 peer-hover:border-surface-200 dark:peer-hover:bg-surface-700 peer-hover:text-surface-700 dark:peer-hover:text-white/80'?: undefined;
-            'peer-hover:bg-primary-600 peer-hover:border-primary-600 dark:peer-hover:bg-primary-300 dark:peer-hover:border-primary-300'?: undefined;
-            'peer-focus-visible:ring peer-focus-visible:ring-primary-400/50 dark:peer-focus-visible:ring-primary-300/50'?: undefined;
-            'cursor-pointer'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-        } | {
-            'border-red-500 dark:border-red-400': any;
-            'bg-surface-0 dark:bg-surface-900 '?: undefined;
-            'border-surface-200 dark:border-surface-700 '?: undefined;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-primary-500 dark:bg-primary-400 border-primary-500 dark:border-primary-400 text-white dark:text-surface-900'?: undefined;
-            'peer-hover:bg-surface-50 dark:peer-hover:bg-surface-800/80 peer-hover:border-surface-200 dark:peer-hover:bg-surface-700 peer-hover:text-surface-700 dark:peer-hover:text-white/80'?: undefined;
-            'peer-hover:bg-primary-600 peer-hover:border-primary-600 dark:peer-hover:bg-primary-300 dark:peer-hover:border-primary-300'?: undefined;
-            'peer-focus-visible:ring peer-focus-visible:ring-primary-400/50 dark:peer-focus-visible:ring-primary-300/50'?: undefined;
-            'cursor-pointer'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-        } | {
-            'peer-hover:bg-surface-50 dark:peer-hover:bg-surface-800/80 peer-hover:border-surface-200 dark:peer-hover:bg-surface-700 peer-hover:text-surface-700 dark:peer-hover:text-white/80': boolean;
-            'peer-hover:bg-primary-600 peer-hover:border-primary-600 dark:peer-hover:bg-primary-300 dark:peer-hover:border-primary-300': any;
-            'peer-focus-visible:ring peer-focus-visible:ring-primary-400/50 dark:peer-focus-visible:ring-primary-300/50': boolean;
-            'bg-surface-0 dark:bg-surface-900 '?: undefined;
-            'border-surface-200 dark:border-surface-700 '?: undefined;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-primary-500 dark:bg-primary-400 border-primary-500 dark:border-primary-400 text-white dark:text-surface-900'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'cursor-pointer'?: undefined;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-        } | {
-            'cursor-pointer': boolean;
-            'opacity-60 select-none pointer-events-none cursor-default': any;
-            'bg-surface-0 dark:bg-surface-900 '?: undefined;
-            'border-surface-200 dark:border-surface-700 '?: undefined;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-primary-500 dark:bg-primary-400 border-primary-500 dark:border-primary-400 text-white dark:text-surface-900'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'peer-hover:bg-surface-50 dark:peer-hover:bg-surface-800/80 peer-hover:border-surface-200 dark:peer-hover:bg-surface-700 peer-hover:text-surface-700 dark:peer-hover:text-white/80'?: undefined;
-            'peer-hover:bg-primary-600 peer-hover:border-primary-600 dark:peer-hover:bg-primary-300 dark:peer-hover:border-primary-300'?: undefined;
-            'peer-focus-visible:ring peer-focus-visible:ring-primary-400/50 dark:peer-focus-visible:ring-primary-300/50'?: undefined;
-        })[];
-    };
-    namespace label {
-        let _class_1: string;
-        export { _class_1 as class };
-    }
-    namespace input {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    function icon({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'text-surface-600 dark:text-white/70': boolean;
-            'text-white dark:text-surface-900': any;
-        })[];
-    };
-}
-export default _default;

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

@@ -1,91 +0,0 @@
-export default {
-    root: {
-        class: [
-            'relative',
-
-            // Alignment
-            'inline-flex',
-            'align-bottom',
-
-            // Misc
-            'cursor-pointer',
-            'select-none'
-        ]
-    },
-    box: ({ props }) => ({
-        class: [
-            // Alignments
-            'items-center inline-flex flex-1 text-center align-bottom justify-center',
-
-            // Sizes & Spacing
-            'px-4 py-3 leading-none',
-
-            // Shapes
-            'rounded-md border',
-
-            // Colors
-            {
-                'bg-surface-0 dark:bg-surface-900 ': !props.modelValue,
-                'border-surface-200 dark:border-surface-700 ': !props.modelValue && !props.invalid,
-                'text-surface-700 dark:text-white/80': !props.modelValue,
-                'bg-primary-500 dark:bg-primary-400 border-primary-500 dark:border-primary-400 text-white dark:text-surface-900': props.modelValue
-            },
-
-            // Invalid State
-            { 'border-red-500 dark:border-red-400': props.invalid },
-
-            // States
-            {
-                'peer-hover:bg-surface-50 dark:peer-hover:bg-surface-800/80 peer-hover:border-surface-200 dark:peer-hover:bg-surface-700 peer-hover:text-surface-700 dark:peer-hover:text-white/80': !props.modelValue && !props.invalid,
-                'peer-hover:bg-primary-600 peer-hover:border-primary-600 dark:peer-hover:bg-primary-300 dark:peer-hover:border-primary-300': props.modelValue,
-                'peer-focus-visible:ring peer-focus-visible:ring-primary-400/50 dark:peer-focus-visible:ring-primary-300/50': !props.disabled
-            },
-
-            // Transitions
-            'transition-all duration-200',
-
-            // Misc
-            { 'cursor-pointer': !props.disabled, 'opacity-60 select-none pointer-events-none cursor-default': props.disabled }
-        ]
-    }),
-    label: {
-        class: 'font-bold text-center w-full'
-    },
-    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 border-surface-200 dark:border-surface-700',
-
-            // Misc
-            'appearance-none',
-            'cursor-pointer'
-        ]
-    },
-    icon: ({ props }) => ({
-        class: [
-            ' mr-2',
-            {
-                'text-surface-600 dark:text-white/70': !props.modelValue,
-                'text-white dark:text-surface-900': props.modelValue
-            }
-        ]
-    })
-};

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

@@ -1,19 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace start {
-        let _class_1: string;
-        export { _class_1 as class };
-    }
-    namespace center {
-        let _class_2: string;
-        export { _class_2 as class };
-    }
-    namespace end {
-        let _class_3: string;
-        export { _class_3 as class };
-    }
-}
-export default _default;

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

@@ -1,28 +0,0 @@
-export default {
-    root: {
-        class: [
-            // Flex & Alignment
-            'flex items-center justify-between flex-wrap',
-            'gap-2',
-
-            // Spacing
-            'p-5',
-
-            // Shape
-            'rounded-md',
-
-            // Color
-            'bg-surface-50 dark:bg-surface-800',
-            'border border-surface-200 dark:border-surface-700'
-        ]
-    },
-    start: {
-        class: 'flex items-center'
-    },
-    center: {
-        class: 'flex items-center'
-    },
-    end: {
-        class: 'flex items-center'
-    }
-};

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

@@ -1,38 +0,0 @@
-declare namespace _default {
-    function root({ context, props }: {
-        context: any;
-        props: any;
-    }): {
-        class: (string | {
-            'py-0 px-1': any;
-            'py-1 px-0': any;
-        })[];
-    };
-    function arrow({ context, props }: {
-        context: any;
-        props: any;
-    }): {
-        class: (string | {
-            'border-y-[0.25rem] border-r-[0.25rem] border-l-0 border-r-surface-600': any;
-            'border-y-[0.25rem] border-l-[0.25rem] border-r-0 border-l-surface-600': any;
-            'border-x-[0.25rem] border-t-[0.25rem] border-b-0 border-t-surface-600': any;
-            'border-x-[0.25rem] border-b-[0.25rem] border-t-0 border-b-surface-600': any;
-            '-mt-1 '?: undefined;
-            '-mt-1'?: undefined;
-            '-ml-1'?: undefined;
-        } | {
-            '-mt-1 ': any;
-            '-mt-1': any;
-            '-ml-1': any;
-            'border-y-[0.25rem] border-r-[0.25rem] border-l-0 border-r-surface-600'?: undefined;
-            'border-y-[0.25rem] border-l-[0.25rem] border-r-0 border-l-surface-600'?: undefined;
-            'border-x-[0.25rem] border-t-[0.25rem] border-b-0 border-t-surface-600'?: undefined;
-            'border-x-[0.25rem] border-b-[0.25rem] border-t-0 border-b-surface-600'?: undefined;
-        })[];
-    };
-    namespace text {
-        let _class: string[];
-        export { _class as class };
-    }
-}
-export default _default;

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

@@ -1,46 +0,0 @@
-export default {
-    root: ({ context, props }) => ({
-        class: [
-            // Position and Shadows
-            'absolute',
-            'shadow-md',
-            'p-fadein',
-            // Spacing
-            {
-                'py-0 px-1': context?.right || context?.left || (!context?.right && !context?.left && !context?.top && !context?.bottom),
-                'py-1 px-0': context?.top || context?.bottom
-            }
-        ]
-    }),
-    arrow: ({ context, props }) => ({
-        class: [
-            // Position
-
-            'absolute',
-
-            // Size
-            'w-0',
-            'h-0',
-
-            // Shape
-            'border-transparent',
-            'border-solid',
-            {
-                'border-y-[0.25rem] border-r-[0.25rem] border-l-0 border-r-surface-600': context?.right || (!context?.right && !context?.left && !context?.top && !context?.bottom),
-                'border-y-[0.25rem] border-l-[0.25rem] border-r-0 border-l-surface-600': context?.left,
-                'border-x-[0.25rem] border-t-[0.25rem] border-b-0 border-t-surface-600': context?.top,
-                'border-x-[0.25rem] border-b-[0.25rem] border-t-0 border-b-surface-600': context?.bottom
-            },
-
-            // Spacing
-            {
-                '-mt-1 ': context?.right || (!context?.right && !context?.left && !context?.top && !context?.bottom),
-                '-mt-1': context?.left,
-                '-ml-1': context?.top || context?.bottom
-            }
-        ]
-    }),
-    text: {
-        class: ['p-3', 'bg-surface-600 dark:bg-surface-700', 'text-white', 'leading-none', 'rounded-md', 'whitespace-pre-line', 'break-words']
-    }
-};

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

@@ -1,105 +0,0 @@
-declare namespace _default {
-    namespace root {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace wrapper {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace container {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace node {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    function content({ context, props }: {
-        context: any;
-        props: any;
-    }): {
-        class: (string | {
-            'bg-primary-50 dark:bg-primary-400/30 text-primary-600 dark:text-surface-0': any;
-            'hover:bg-surface-50 dark:hover:bg-surface-700/40'?: undefined;
-            'cursor-pointer select-none'?: undefined;
-        } | {
-            'hover:bg-surface-50 dark:hover:bg-surface-700/40': boolean;
-            'bg-primary-50 dark:bg-primary-400/30 text-primary-600 dark:text-surface-0'?: undefined;
-            'cursor-pointer select-none'?: undefined;
-        } | {
-            'cursor-pointer select-none': boolean;
-            'bg-primary-50 dark:bg-primary-400/30 text-primary-600 dark:text-surface-0'?: undefined;
-            'hover:bg-surface-50 dark:hover:bg-surface-700/40'?: undefined;
-        })[];
-    };
-    function toggler({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'text-surface-500 dark:text-white': boolean;
-            'text-primary-600 dark:text-white': any;
-            invisible: any;
-        })[];
-    };
-    function nodeCheckbox({ props, context, instance }: {
-        props: any;
-        context: any;
-        instance: any;
-    }): {
-        root: {
-            class: string[];
-        };
-        box: {
-            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;
-                '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;
-            })[];
-        };
-        input: {
-            class: string[];
-        };
-        icon: {
-            class: (string | {
-                'text-white dark:text-surface-900': boolean;
-                'text-gray dark:text-white': any;
-            })[];
-        };
-    };
-    namespace nodeicon {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace subgroup {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace filtercontainer {
-        let _class_6: string[];
-        export { _class_6 as class };
-    }
-    namespace input {
-        let _class_7: string[];
-        export { _class_7 as class };
-    }
-    namespace loadingicon {
-        let _class_8: string[];
-        export { _class_8 as class };
-    }
-    namespace searchicon {
-        let _class_9: string[];
-        export { _class_9 as class };
-    }
-}
-export default _default;