@fewangsit/wangsvue-presets 1.0.80

package/wangsvue/tabmenu/index.d.ts

@@ -0,0 +1,57 @@
+declare namespace _default {
+    namespace root {
+        let _class: string;
+        export { _class as class };
+        export let style: string;
+    }
+    namespace menu {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace menuitem {
+        let _class_2: string;
+        export { _class_2 as class };
+    }
+    function action({ context, state }: {
+        context: any;
+        state: any;
+    }): {
+        class: (string | {
+            'bg-transparent ': boolean;
+            'text-grayscale-900': boolean;
+            'border-primary-400': boolean;
+            'border-primary-100': boolean;
+            'text-primary-500': boolean;
+            'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
+            'pointer-events-none'?: undefined;
+            'opacity-60'?: undefined;
+        } | {
+            'focus-visible:border-primary-200 focus-visible:text-primary-400': boolean;
+            'bg-transparent '?: undefined;
+            'text-grayscale-900'?: undefined;
+            'border-primary-400'?: undefined;
+            'border-primary-100'?: undefined;
+            'text-primary-500'?: undefined;
+            'pointer-events-none'?: undefined;
+            'opacity-60'?: undefined;
+        } | {
+            'pointer-events-none': any;
+            'opacity-60': any;
+            'bg-transparent '?: undefined;
+            'text-grayscale-900'?: undefined;
+            'border-primary-400'?: undefined;
+            'border-primary-100'?: undefined;
+            'text-primary-500'?: undefined;
+            'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
+        })[];
+    };
+    namespace icon {
+        let _class_3: string;
+        export { _class_3 as class };
+    }
+    namespace inkbar {
+        let _class_4: string;
+        export { _class_4 as class };
+    }
+}
+export default _default;

package/wangsvue/tabmenu/index.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: 'overflow-x-auto',
+        style: 'scrollbar-width: none',
+    },
+    menu: {
+        class: [
+            // Flexbox
+            'flex flex-1',
+            // Size
+            // Spacing
+            'list-none',
+            'p-0 m-0',
+            // Colors
+            'text-general-100',
+        ],
+    },
+    menuitem: {
+        class: 'mr-0',
+    },
+    action: function (_a) {
+        var _b, _c;
+        var context = _a.context, state = _a.state;
+        return ({
+            class: [
+                'relative',
+                // Font
+                'font-normal',
+                'text-xs',
+                // Flexbox and Alignment
+                'flex items-center',
+                // Spacing
+                'p-2 pb-1.5 pt-0.5 !h-6',
+                // Shape
+                'border-b-2',
+                // Colors and Conditions
+                {
+                    'bg-transparent ': state.d_activeIndex !== context.index,
+                    'text-grayscale-900': state.d_activeIndex !== context.index,
+                    'border-primary-400': state.d_activeIndex === context.index,
+                    'border-primary-100': state.d_activeIndex !== context.index,
+                    'text-primary-500': state.d_activeIndex === context.index,
+                },
+                // States
+                'hover:bg-primary-50',
+                'focus-visible:outline-none focus-visible:outline-offset-0',
+                'focus-visible:bg-primary-50',
+                {
+                    'focus-visible:border-primary-200 focus-visible:text-primary-400': state.d_activeIndex !== context.index,
+                },
+                // Disabled States
+                {
+                    'pointer-events-none': (_b = context.item) === null || _b === void 0 ? void 0 : _b.disabled,
+                    'opacity-60': (_c = context.item) === null || _c === void 0 ? void 0 : _c.disabled,
+                },
+                // Transitions
+                'transition-all duration-200',
+                // Misc
+                'cursor-pointer select-none text-decoration-none',
+                'overflow-hidden',
+                'user-select-none',
+                '!no-underline',
+                'whitespace-nowrap',
+            ],
+        });
+    },
+    icon: {
+        class: 'mr-2',
+    },
+    inkbar: {
+        class: 'grow border-b-2 border-primary-100',
+    },
+};

package/wangsvue/tabview/index.d.ts

@@ -0,0 +1,67 @@
+declare namespace _default {
+    function navContainer({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'overflow-hidden': any;
+        })[];
+    };
+    namespace navContent {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace previousButton {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace nextButton {
+        let _class_2: string[];
+        export { _class_2 as class };
+    }
+    namespace nav {
+        let _class_3: string[];
+        export { _class_3 as class };
+    }
+    namespace tabpanel {
+        function header({ props }: {
+            props: any;
+        }): {
+            class: (string | {
+                'opacity-60 cursor-default user-select-none select-none pointer-events-none': any;
+            })[];
+        };
+        function headerAction({ parent, context }: {
+            parent: any;
+            context: any;
+        }): {
+            class: (string | {
+                'border-surface-200': boolean;
+                'bg-surface-0': boolean;
+                'text-surface-700/80': boolean;
+                'border-primary-500': boolean;
+                'text-primary-500': boolean;
+                'hover:bg-surface-0'?: undefined;
+                'hover:border-surface-400'?: undefined;
+                'hover:text-surface-900'?: undefined;
+            } | {
+                'hover:bg-surface-0': boolean;
+                'hover:border-surface-400': boolean;
+                'hover:text-surface-900': boolean;
+                'border-surface-200'?: undefined;
+                'bg-surface-0'?: undefined;
+                'text-surface-700/80'?: undefined;
+                'border-primary-500'?: undefined;
+                'text-primary-500'?: undefined;
+            })[];
+        };
+        namespace headerTitle {
+            let _class_4: string[];
+            export { _class_4 as class };
+        }
+        namespace content {
+            let _class_5: string[];
+            export { _class_5 as class };
+        }
+    }
+}
+export default _default;

package/wangsvue/tabview/index.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    navContainer: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                // Position
+                'relative',
+                // Misc
+                { 'overflow-hidden': props.scrollable },
+            ],
+        });
+    },
+    navContent: {
+        class: [
+            // Overflow and Scrolling
+            'overflow-y-hidden overscroll-contain',
+            'overscroll-auto',
+            'scroll-smooth',
+            '[&::-webkit-scrollbar]:hidden',
+        ],
+    },
+    previousButton: {
+        class: [
+            // Flexbox and Alignment
+            'flex items-center justify-center',
+            // Position
+            '!absolute',
+            'top-0 left-0',
+            'z-20',
+            // Size and Shape
+            'h-full w-12',
+            'rounded-none',
+            // Colors
+            'bg-surface-0',
+            'text-primary-500',
+            'shadow-md',
+        ],
+    },
+    nextButton: {
+        class: [
+            // Flexbox and Alignment
+            'flex items-center justify-center',
+            // Position
+            '!absolute',
+            'top-0 right-0',
+            'z-20',
+            // Size and Shape
+            'h-full w-12',
+            'rounded-none',
+            // Colors
+            'bg-surface-0',
+            'text-primary-500',
+            'shadow-md',
+        ],
+    },
+    nav: {
+        class: [
+            // Flexbox
+            'flex flex-1',
+            // Spacing
+            'list-none',
+            'p-0 m-0',
+            // Colors
+            'bg-surface-0',
+            'border-b border-surface-200',
+            'text-surface-900/80',
+        ],
+    },
+    tabpanel: {
+        header: function (_a) {
+            var props = _a.props;
+            return ({
+                class: [
+                    // Spacing
+                    'mr-0',
+                    // Misc
+                    {
+                        'opacity-60 cursor-default user-select-none select-none pointer-events-none': props === null || props === void 0 ? void 0 : props.disabled,
+                    },
+                ],
+            });
+        },
+        headerAction: function (_a) {
+            var parent = _a.parent, context = _a.context;
+            return ({
+                class: [
+                    'relative',
+                    // Font
+                    'font-medium',
+                    'text-md',
+                    // Flexbox and Alignment
+                    'flex items-center',
+                    // Spacing
+                    'py-4 px-3',
+                    '-mb-[1px]',
+                    // Shape
+                    'border-b-2',
+                    'rounded-t-md',
+                    // Colors and Conditions
+                    {
+                        'border-surface-200': parent.state.d_activeIndex !== context.index,
+                        'bg-surface-0': parent.state.d_activeIndex !== context.index,
+                        'text-surface-700/80': parent.state.d_activeIndex !== context.index,
+                        'bg-surface-0': parent.state.d_activeIndex === context.index,
+                        'border-primary-500': parent.state.d_activeIndex === context.index,
+                        'text-primary-500': parent.state.d_activeIndex === context.index,
+                    },
+                    // States
+                    'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-inset',
+                    'focus-visible:ring-primary-500',
+                    {
+                        'hover:bg-surface-0': parent.state.d_activeIndex !== context.index,
+                        'hover:border-surface-400': parent.state.d_activeIndex !== context.index,
+                        'hover:text-surface-900': parent.state.d_activeIndex !== context.index,
+                    },
+                    // Transitions
+                    'transition-all duration-200',
+                    // Misc
+                    'cursor-pointer select-none text-decoration-none',
+                    'overflow-hidden',
+                    'user-select-none',
+                    'whitespace-nowrap',
+                ],
+            });
+        },
+        headerTitle: {
+            class: [
+                // Text
+                'leading-none',
+                'whitespace-nowrap',
+            ],
+        },
+        content: {
+            class: [
+                // Spacing
+                'p-6',
+                // Shape
+                'rounded-b-md',
+                // Colors
+                'bg-surface-0',
+                'text-surface-700/80',
+                'border-0',
+            ],
+        },
+    },
+};

package/wangsvue/tag/index.d.ts

@@ -0,0 +1,32 @@
+declare namespace _default {
+    function root({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'rounded-md': boolean;
+            'rounded-full': any;
+            'bg-primary-500'?: undefined;
+            'bg-green-500'?: undefined;
+            'bg-blue-500'?: undefined;
+            'bg-orange-500'?: undefined;
+            'bg-red-500'?: undefined;
+        } | {
+            'bg-primary-500': boolean;
+            'bg-green-500': boolean;
+            'bg-blue-500': boolean;
+            'bg-orange-500': boolean;
+            'bg-red-500': boolean;
+            'rounded-md'?: undefined;
+            'rounded-full'?: undefined;
+        })[];
+    };
+    namespace value {
+        let _class: string;
+        export { _class as class };
+    }
+    namespace icon {
+        let _class_1: string;
+        export { _class_1 as class };
+    }
+}
+export default _default;

package/wangsvue/tag/index.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                //Font
+                'text-xs font-bold',
+                //Alignments
+                'inline-flex items-center justify-center',
+                //Spacing
+                'px-2 py-1',
+                //Shape
+                {
+                    'rounded-md': !props.rounded,
+                    'rounded-full': props.rounded,
+                },
+                //Colors
+                'text-white',
+                {
+                    'bg-primary-500': props.severity == null || props.severity == 'primary',
+                    'bg-green-500': props.severity == 'success',
+                    'bg-blue-500': props.severity == 'info',
+                    'bg-orange-500': props.severity == 'warning',
+                    'bg-red-500': props.severity == 'danger',
+                },
+            ],
+        });
+    },
+    value: {
+        class: 'leading-normal',
+    },
+    icon: {
+        class: 'mr-1 text-sm',
+    },
+};

package/wangsvue/terminal/index.d.ts

@@ -0,0 +1,27 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace container {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace prompt {
+        let _class_2: string[];
+        export { _class_2 as class };
+    }
+    namespace response {
+        let _class_3: string[];
+        export { _class_3 as class };
+    }
+    namespace command {
+        let _class_4: string[];
+        export { _class_4 as class };
+    }
+    namespace commandtext {
+        let _class_5: string[];
+        export { _class_5 as class };
+    }
+}
+export default _default;

package/wangsvue/terminal/index.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: [
+            // Spacing
+            'p-5',
+            // Shape
+            'rounded-md',
+            // Color
+            'bg-surface-900 text-white',
+            'border border-surface-700',
+            // Sizing & Overflow
+            'h-72 overflow-auto',
+        ],
+    },
+    container: {
+        class: [
+            // Flexbox
+            'flex items-center',
+        ],
+    },
+    prompt: {
+        class: [
+            // Color
+            'text-surface-400',
+        ],
+    },
+    response: {
+        class: [
+            // Color
+            'text-primary-400',
+        ],
+    },
+    command: {
+        class: [
+            // Color
+            'text-primary-400',
+        ],
+    },
+    commandtext: {
+        class: [
+            // Flexbox
+            'flex-1 shrink grow-0',
+            // Shape
+            'border-0',
+            // Spacing
+            'p-0',
+            // Color
+            'bg-transparent text-inherit',
+            // Outline
+            'outline-none',
+        ],
+    },
+};

package/wangsvue/textarea/index.d.ts

@@ -0,0 +1,12 @@
+declare namespace _default {
+    function root({ context, props }: {
+        context: any;
+        props: any;
+    }): {
+        class: any[];
+        style: string;
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+}
+export default _default;

package/wangsvue/textarea/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var global_js_1 = require("../global.js");
+exports.default = {
+    root: function (_a) {
+        var context = _a.context, props = _a.props;
+        return ({
+            'class': __spreadArray(__spreadArray([
+                // Font
+                'font-normal placeholder:text-general-200 placeholder:!font-normal text-xs',
+                'w-full',
+                {
+                    'resize-none': props.autoResize,
+                    'resize': !props.autoResize,
+                },
+                props.inputClass,
+                // Spacing
+                'm-0',
+                'py-1 px-3',
+                // Shape
+                'rounded',
+                'appearance-none'
+            ], global_js_1.ringClass, true), [
+                {
+                    '!ring-danger-500': context.invalidInput,
+                },
+                // // States
+                {
+                    'bg-transparent text-general-800': !context.disabled,
+                    'bg-general-50 text-general-200': context.disabled,
+                },
+                'focus-visible:outline-none',
+                // Misc
+                'appearance-none',
+                'transition-colors duration-200',
+            ], false),
+            'style': "min-height: ".concat(props.rows * 26, "px"),
+            'data-wv-name': 'textarea',
+            'data-wv-section': 'root',
+        });
+    },
+};

package/wangsvue/tieredmenu/index.d.ts

@@ -0,0 +1,56 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace menu {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace menuitem {
+        let _class_2: string[];
+        export { _class_2 as class };
+    }
+    function content({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'text-surface-500/70': boolean;
+            'text-surface-500/70 bg-surface-200': boolean;
+            'text-surface-900/80 bg-surface-50': any;
+            'hover:bg-surface-50'?: undefined;
+            'hover:bg-surface-100 text-surface-900/80'?: undefined;
+        } | {
+            'hover:bg-surface-50': boolean;
+            'hover:bg-surface-100 text-surface-900/80': any;
+            'text-surface-500/70'?: undefined;
+            'text-surface-500/70 bg-surface-200'?: undefined;
+            'text-surface-900/80 bg-surface-50'?: undefined;
+        })[];
+    };
+    namespace action {
+        let _class_3: string[];
+        export { _class_3 as class };
+    }
+    namespace icon {
+        let _class_4: string[];
+        export { _class_4 as class };
+    }
+    namespace label {
+        let _class_5: string[];
+        export { _class_5 as class };
+    }
+    namespace submenuicon {
+        let _class_6: string[];
+        export { _class_6 as class };
+    }
+    namespace submenu {
+        let _class_7: string[];
+        export { _class_7 as class };
+    }
+    namespace separator {
+        let _class_8: string;
+        export { _class_8 as class };
+    }
+}
+export default _default;