@gluhar/theme 2.0.0-dev.0

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

@@ -0,0 +1,67 @@
+export default {
+    root: ({ props }) => ({
+        class: [
+            // Flex and Position
+            'flex relative',
+            { 'justify-center': props.layout == 'vertical' },
+            { 'items-center': props.layout == 'vertical' },
+            {
+                'justify-start': props?.align == 'left' && props.layout == 'horizontal',
+                'justify-center': props?.align == 'center' && props.layout == 'horizontal',
+                'justify-end': props?.align == 'right' && props.layout == 'horizontal',
+                'items-center': props?.align == 'top' && props.layout == 'vertical',
+                'items-start': props?.align == 'center' && props.layout == 'vertical',
+                'items-end': props?.align == 'bottom' && props.layout == 'vertical'
+            },
+
+            // Spacing
+            {
+                'my-5 mx-0 py-0 px-5': props.layout == 'horizontal',
+                'mx-4 md:mx-5 py-5': props.layout == 'vertical'
+            },
+
+            // Size
+            {
+                'w-full': props.layout == 'horizontal',
+                'min-h-full': props.layout == 'vertical'
+            },
+
+            // Before: Line
+            'before:block',
+
+            // Position
+            {
+                'before:absolute before:left-0 before:top-1/2': props.layout == 'horizontal',
+                'before:absolute before:left-1/2 before:top-0 before:transform before:-translate-x-1/2': props.layout == 'vertical'
+            },
+
+            // Size
+            {
+                'before:w-full': props.layout == 'horizontal',
+                'before:min-h-full': props.layout == 'vertical'
+            },
+
+            // Shape
+            {
+                'before:border-solid': props.type == 'solid',
+                'before:border-dotted': props.type == 'dotted',
+                'before:border-dashed': props.type == 'dashed'
+            },
+
+            // Color
+            {
+                'before:border-t before:border-surface-200 before:dark:border-surface-600': props.layout == 'horizontal',
+                'before:border-l before:border-surface-200 before:dark:border-surface-600': props.layout == 'vertical'
+            }
+        ]
+    }),
+    content: {
+        class: [
+            // Space and Position
+            'px-1 z-10',
+
+            // Color
+            'bg-surface-0 dark:bg-surface-800'
+        ]
+    }
+};

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

@@ -0,0 +1,51 @@
+declare namespace _default {
+    function root({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'left-0 bottom-0 w-full': boolean;
+            'left-0 top-0 w-full': boolean;
+            'left-0 top-0 h-full': boolean;
+            'right-0 top-0 h-full': boolean;
+        })[];
+    };
+    namespace container {
+        let _class: string[];
+        export { _class as class };
+    }
+    function menu({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'flex-col': boolean;
+        })[];
+    };
+    function menuitem({ props, context, instance }: {
+        props: any;
+        context: any;
+        instance: any;
+    }): {
+        class: (string | {
+            'hover:scale-150': boolean;
+            'scale-125': boolean;
+            'scale-110': boolean;
+            'origin-bottom hover:mx-6'?: undefined;
+            'origin-top hover:mx-6'?: undefined;
+            'origin-left hover:my-6'?: undefined;
+            'origin-right hover:my-6'?: undefined;
+        } | {
+            'origin-bottom hover:mx-6': boolean;
+            'origin-top hover:mx-6': boolean;
+            'origin-left hover:my-6': boolean;
+            'origin-right hover:my-6': boolean;
+            'hover:scale-150'?: undefined;
+            'scale-125'?: undefined;
+            'scale-110'?: undefined;
+        })[];
+    };
+    namespace action {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+}
+export default _default;

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

@@ -0,0 +1,93 @@
+export default {
+    root: ({ props }) => ({
+        class: [
+            // Positioning
+            'absolute z-1',
+            {
+                'left-0 bottom-0 w-full': props.position == 'bottom',
+                'left-0 top-0 w-full': props.position == 'top',
+                'left-0 top-0 h-full': props.position == 'left',
+                'right-0 top-0 h-full': props.position == 'right'
+            },
+
+            // Flexbox & Alignment
+            'flex justify-center items-center',
+
+            // Interactivity
+            'pointer-events-none'
+        ]
+    }),
+    container: {
+        class: [
+            // Flexbox
+            'flex',
+
+            // Shape & Border
+            'rounded-md',
+
+            // Color
+            'bg-surface-0/10 dark:bg-surface-900/20 border border-surface-0/20',
+            'backdrop-blur-sm',
+
+            // Spacing
+            'p-2',
+
+            // Misc
+            'pointer-events-auto'
+        ]
+    },
+    menu: ({ props }) => ({
+        class: [
+            // Flexbox & Alignment
+            'flex items-center justify-center',
+            {
+                'flex-col': props.position == 'left' || props.position == 'right'
+            },
+
+            // List Style
+            'm-0 p-0 list-none',
+
+            // Shape
+            'outline-none'
+        ]
+    }),
+    menuitem: ({ props, context, instance }) => ({
+        class: [
+            // Spacing & Shape
+            'p-2 rounded-md',
+
+            // Conditional Scaling
+            {
+                'hover:scale-150': instance.currentIndex === context.index,
+                'scale-125': instance.currentIndex - 1 === context.index || instance.currentIndex + 1 === context.index,
+                'scale-110': instance.currentIndex - 2 === context.index || instance.currentIndex + 2 === context.index
+            },
+
+            // Positioning & Hover States
+            {
+                'origin-bottom hover:mx-6': props.position == 'bottom',
+                'origin-top hover:mx-6': props.position == 'top',
+                'origin-left hover:my-6': props.position == 'left',
+                'origin-right hover:my-6': props.position == 'right'
+            },
+
+            // Transitions & Transform
+            'transition-all duration-200 ease-cubic-bezier-will-change-transform transform'
+        ]
+    }),
+    action: {
+        class: [
+            // Flexbox & Alignment
+            'flex flex-col items-center justify-center',
+
+            // Position
+            'relative',
+
+            // Size
+            'w-16 h-16',
+
+            // Misc
+            'cursor-default overflow-hidden'
+        ]
+    }
+};

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

@@ -0,0 +1,207 @@
+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 input({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'text-surface-800 dark:text-white/80': boolean;
+            'text-surface-400 dark:text-surface-500': boolean;
+            'pr-7'?: undefined;
+        } | {
+            'pr-7': any;
+            'text-surface-800 dark:text-white/80'?: undefined;
+            'text-surface-400 dark:text-surface-500'?: undefined;
+        })[];
+    };
+    namespace trigger {
+        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-700 dark:text-white/80': boolean;
+            'text-surface-600 dark:text-white/70'?: undefined;
+            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
+            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
+            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'text-surface-600 dark:text-white/70': any;
+            'text-surface-700 dark:text-white/80'?: undefined;
+            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
+            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
+            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80': any;
+            'text-surface-700 dark:text-white/80'?: undefined;
+            'text-surface-600 dark:text-white/70'?: undefined;
+            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
+            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': any;
+            'text-surface-700 dark:text-white/80'?: undefined;
+            'text-surface-600 dark:text-white/70'?: undefined;
+            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
+            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
+            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': any;
+            'text-surface-700 dark:text-white/80'?: undefined;
+            'text-surface-600 dark:text-white/70'?: undefined;
+            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
+            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
+            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'hover:bg-surface-100 dark:hover:bg-surface-600/80': boolean;
+            'text-surface-700 dark:text-white/80'?: undefined;
+            'text-surface-600 dark:text-white/70'?: undefined;
+            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
+            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80': any;
+            'text-surface-700 dark:text-white/80'?: undefined;
+            'text-surface-600 dark:text-white/70'?: undefined;
+            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
+            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'pointer-events-none cursor-default': any;
+            'text-surface-700 dark:text-white/80'?: undefined;
+            'text-surface-600 dark:text-white/70'?: undefined;
+            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
+            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
+            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'cursor-pointer': boolean;
+            'text-surface-700 dark:text-white/80'?: undefined;
+            'text-surface-600 dark:text-white/70'?: undefined;
+            'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80'?: undefined;
+            'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80'?: undefined;
+            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
+            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+        })[];
+    };
+    namespace itemgroup {
+        let _class_4: string[];
+        export { _class_4 as class };
+    }
+    namespace emptymessage {
+        let _class_5: string[];
+        export { _class_5 as class };
+    }
+    namespace header {
+        let _class_6: string[];
+        export { _class_6 as class };
+    }
+    namespace filtercontainer {
+        let _class_7: string;
+        export { _class_7 as class };
+    }
+    namespace filterinput {
+        let _class_8: string[];
+        export { _class_8 as class };
+    }
+    namespace filtericon {
+        let _class_9: string[];
+        export { _class_9 as class };
+    }
+    namespace clearicon {
+        let _class_10: string[];
+        export { _class_10 as class };
+    }
+    namespace transition {
+        let enterFromClass: string;
+        let enterActiveClass: string;
+        let leaveActiveClass: string;
+        let leaveToClass: string;
+    }
+}
+export default _default;

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

@@ -0,0 +1,265 @@
+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 }
+        ]
+    }),
+    input: ({ props }) => ({
+        class: [
+            //Font
+            'font-sans',
+            'leading-none',
+
+            // Display
+            'block',
+            'flex-auto',
+
+            // Color and Background
+            'bg-transparent',
+            'border-0',
+            { 'text-surface-800 dark:text-white/80': props.modelValue != undefined, 'text-surface-400 dark:text-surface-500': props.modelValue == undefined },
+            'placeholder:text-surface-400 dark:placeholder:text-surface-500',
+
+            // Sizing and Spacing
+            'w-[1%]',
+            'p-3',
+            { 'pr-7': props.showClear },
+
+            //Shape
+            'rounded-none',
+
+            // Transitions
+            'transition',
+            'duration-200',
+
+            // States
+            'focus:outline-none focus:shadow-none',
+
+            // Misc
+            'relative',
+            'cursor-pointer',
+            'overflow-hidden overflow-ellipsis',
+            'whitespace-nowrap',
+            'appearance-none'
+        ]
+    }),
+    trigger: {
+        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-800',
+            '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',
+
+            // Position
+            'relative',
+
+            // Shape
+            'border-0',
+            'rounded-none',
+
+            // Spacing
+            'm-0',
+            'py-3 px-5',
+
+            // Color
+            { 'text-surface-700 dark:text-white/80': !context.focused && !context.selected && !context.disabled },
+            { 'text-surface-600 dark:text-white/70': !context.focused && !context.selected && context.disabled },
+            { 'bg-surface-200 dark:bg-surface-600/60 text-surface-700 dark:text-white/80': context.focused && !context.selected },
+            { 'bg-primary-100 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': context.focused && context.selected },
+            { 'bg-primary-50 dark:bg-primary-400/40 text-primary-700 dark:text-white/80': !context.focused && context.selected },
+
+            //States
+            { 'hover:bg-surface-100 dark:hover:bg-surface-600/80': !context.focused && !context.selected },
+            { 'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80': context.focused && !context.selected },
+            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring focus-visible:ring-inset focus-visible:ring-primary-400/50 dark:focus-visible:ring-primary-300/50',
+
+            // Transitions
+            'transition-shadow',
+            'duration-200',
+
+            // Misc
+            { 'pointer-events-none cursor-default': context.disabled },
+            { 'cursor-pointer': !context.disabled },
+            'overflow-hidden',
+            'whitespace-nowrap'
+        ]
+    }),
+    itemgroup: {
+        class: [
+            //Font
+            'font-bold',
+
+            // Spacing
+            'm-0',
+            'py-3 px-5',
+
+            // Color
+            'text-surface-800 dark:text-white/80',
+            'bg-surface-0 dark:bg-surface-600/80',
+
+            // Misc
+            'cursor-auto'
+        ]
+    },
+    emptymessage: {
+        class: [
+            // Font
+            'leading-none',
+
+            // Spacing
+            'py-3 px-5',
+
+            // Color
+            'text-surface-800 dark:text-white/80',
+            'bg-transparent'
+        ]
+    },
+    header: {
+        class: [
+            // Spacing
+            'py-3 px-5',
+            'm-0',
+
+            //Shape
+            'border-b',
+            'rounded-tl-md',
+            'rounded-tr-md',
+
+            // Color
+            'text-surface-700 dark:text-white/80',
+            'bg-surface-100 dark:bg-surface-800',
+            'border-surface-300 dark:border-surface-700'
+        ]
+    },
+    filtercontainer: {
+        class: 'relative'
+    },
+    filterinput: {
+        class: [
+            // Font
+            'font-sans',
+            'leading-none',
+
+            // Sizing
+            'pr-7 py-3 px-3',
+            '-mr-7',
+            'w-full',
+
+            //Color
+            'text-surface-700 dark:text-white/80',
+            'bg-surface-0 dark:bg-surface-900',
+            'border-surface-200 dark:border-surface-700',
+
+            // Shape
+            'border',
+            'rounded-lg',
+            'appearance-none',
+
+            // Transitions
+            'transition',
+            'duration-200',
+
+            // States
+            'hover:border-primary-500 dark:hover:border-primary-300',
+            'focus:ring focus:outline-none focus:outline-offset-0',
+            'focus:ring-primary-400/50 dark:focus:ring-primary-300/50',
+
+            // Misc
+            'appearance-none'
+        ]
+    },
+    filtericon: {
+        class: ['absolute', 'top-1/2 right-3', '-mt-2']
+    },
+    clearicon: {
+        class: [
+            // Color
+            'text-surface-500',
+
+            // Position
+            'absolute',
+            'top-1/2',
+            'right-12',
+
+            // Spacing
+            '-mt-2'
+        ]
+    },
+    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'
+    }
+};