@fewangsit/wangsvue-presets 1.0.80

package/wangsvue/carousel/index.d.ts

@@ -0,0 +1,57 @@
+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: any[];
+        export { _class_4 as class };
+    }
+    function itemscontainer({ props }: {
+        props: any;
+    }): {
+        class: any[];
+    };
+    function item({ props }: {
+        props: any;
+    }): {
+        class: any[];
+    };
+    namespace indicators {
+        let _class_5: string[];
+        export { _class_5 as class };
+    }
+    namespace indicator {
+        let _class_6: any[];
+        export { _class_6 as class };
+    }
+    function indicatorbutton({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'bg-surface-200 hover:bg-surface-300': boolean;
+            'bg-primary-500 hover:bg-primary-600': any;
+        })[];
+    };
+}
+export default _default;

package/wangsvue/carousel/index.js

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: [
+            // Flexbox
+            'flex flex-col',
+        ],
+    },
+    content: {
+        class: [
+            // Flexbox & Overflow
+            'flex flex-col overflow-auto',
+        ],
+    },
+    container: function (_a) {
+        var props = _a.props;
+        return ({
+            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: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+            // Flexbox
+            // 'flex',
+            // Orientation & Sizing
+            // {
+            //   'flex-row': props.orientation !== 'vertical',
+            //   'flex-col h-full': props.orientation == 'vertical',
+            // },
+            ],
+        });
+    },
+    item: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+            // Flexbox
+            // 'flex',
+            // Width
+            // {
+            //   'w-1/3': props.orientation !== 'vertical',
+            //   'w-full': props.orientation == 'vertical',
+            // },
+            ],
+        });
+    },
+    indicators: {
+        class: [
+            // Flexbox & Alignment
+            'flex flex-row justify-center flex-wrap gap-1',
+        ],
+    },
+    indicator: {
+        class: [
+        // Spacing
+        ],
+    },
+    indicatorbutton: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                // Sizing & Shape
+                'w-1.5 h-1.5 rounded-full',
+                // Transitions
+                'transition duration-200',
+                // Focus Styles
+                'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+                // Color & Background
+                {
+                    'bg-surface-200 hover:bg-surface-300': !context.highlighted,
+                    'bg-primary-500 hover:bg-primary-600': context.highlighted,
+                },
+            ],
+        });
+    },
+};

package/wangsvue/cascadeselect/index.d.ts

@@ -0,0 +1,82 @@
+declare namespace _default {
+    function root({ props, state }: {
+        props: any;
+        state: any;
+    }): {
+        class: (string | {
+            'ring-1 ring-inset ring-surface-300': boolean;
+            'ring-2 ring-inset ring-primary-500': any;
+            'opacity-60'?: undefined;
+            'pointer-events-none'?: undefined;
+        } | {
+            'opacity-60': any;
+            'pointer-events-none': any;
+            'ring-1 ring-inset ring-surface-300'?: undefined;
+            'ring-2 ring-inset ring-primary-500'?: undefined;
+        })[];
+    };
+    function label({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'text-surface-800/80': any;
+            'text-surface-400': 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/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 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/wangsvue/cascadeselect/index.js

@@ -0,0 +1,191 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var props = _a.props, state = _a.state;
+        return ({
+            class: [
+                // Display and Position
+                'inline-flex',
+                'relative',
+                // Shape
+                'w-full md:w-56',
+                'rounded-md',
+                'shadow-sm',
+                // Color and Background
+                'bg-surface-0',
+                // States
+                {
+                    'ring-1 ring-inset ring-surface-300': !state.focused,
+                    'ring-2 ring-inset ring-primary-500': state.focused,
+                },
+                // Misc
+                'cursor-default',
+                'select-none',
+                { 'opacity-60': props.disabled, 'pointer-events-none': props.disabled },
+            ],
+        });
+    },
+    label: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                //Font
+                'font-sans',
+                'leading-6',
+                'sm:text-sm',
+                // Flex & Alignment
+                ' flex flex-auto',
+                // Sizing and Spacing
+                'w-[1%]',
+                'py-1.5 px-3',
+                //Shape
+                'rounded-none',
+                // Color and Background
+                'bg-transparent',
+                'border-0',
+                {
+                    'text-surface-800/80': props.modelValue,
+                    'text-surface-400': !props.modelValue,
+                },
+                'placeholder:text-surface-400',
+                // 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: [
+            //Font
+            'sm:text-sm',
+            // 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',
+            'mt-2',
+            // Shape
+            'border-0',
+            'rounded-md',
+            'shadow-md',
+            // Color
+            'bg-surface-0',
+            'text-surface-800/80',
+            'ring-1 ring-inset ring-surface-300',
+        ],
+    },
+    wrapper: {
+        class: [
+            // Sizing
+            'max-h-[200px]',
+            // Misc
+            'overflow-auto',
+        ],
+    },
+    list: {
+        class: 'py-1 list-none mx-1.5',
+    },
+    item: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                // Font
+                'sm:text-sm',
+                'leading-none',
+                // Shape
+                'border-0',
+                'rounded-md',
+                // Spacing
+                'm-0',
+                //  Colors
+                {
+                    'text-surface-500/70': !context.focused && !context.active,
+                    'text-surface-500/70 bg-surface-200': context.focused && !context.active,
+                    'text-surface-900/80 bg-surface-50': context.focused && context.active,
+                    'text-surface-900/80 bg-surface-50': !context.focused && context.active,
+                },
+                // Hover States
+                {
+                    'hover:bg-surface-50': !context.active,
+                    'hover:bg-surface-100 text-surface-900/80': context.active,
+                },
+                // Transitions
+                'transition-shadow',
+                'duration-200',
+                // Misc
+                'cursor-pointer',
+                'overflow-hidden',
+                'whitespace-nowrap',
+            ],
+        });
+    },
+    content: {
+        class: [
+            'relative',
+            // Flexbox
+            'flex',
+            'items-center',
+            // Spacing
+            'py-2 px-4',
+            // Misc
+            'no-underline',
+            'overflow-hidden',
+            'cursor-pointer',
+            'select-none',
+        ],
+    },
+    groupicon: {
+        class: [
+            // Alignment
+            'ml-auto',
+        ],
+    },
+    sublist: {
+        class: [
+            // Size
+            'w-full sm:w-48',
+            // Spacing
+            'p-1.5',
+            'm-0',
+            'list-none',
+            // Shape
+            'shadow-none sm:shadow-md',
+            'border-0',
+            // Position
+            'static sm:absolute',
+            'z-10',
+            // Color
+            'bg-surface-0',
+        ],
+    },
+    separator: {
+        class: 'border-t border-surface-200 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/wangsvue/changelog/index.d.ts

@@ -0,0 +1,32 @@
+declare namespace _default {
+    function button(buttonClass: any): {
+        class: any[];
+        'data-wv-section': string;
+    };
+    namespace icon {
+        let _class: string[];
+        export { _class as class };
+    }
+    let dialog: {
+        class: string;
+        'data-wv-name': string;
+    };
+    namespace root {
+        let _class_1: string;
+        export { _class_1 as class };
+    }
+    let header: {
+        class: string;
+        'data-wv-section': string;
+    };
+    let buttonsearch: {
+        'data-wv-section': string;
+    };
+    let buttonfilter: {
+        'data-wv-section': string;
+    };
+    let buttondownload: {
+        'data-wv-section': string;
+    };
+}
+export default _default;

package/wangsvue/changelog/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    button: function (buttonClass) { return ({
+        'class': [buttonClass, 'w-max'],
+        'data-wv-section': 'changelog-button',
+    }); },
+    icon: {
+        class: ['text-2xl'],
+    },
+    dialog: {
+        'class': 'w-[800px] !z-50',
+        'data-wv-name': 'changelog-dialog',
+    },
+    root: {
+        class: 'flex flex-col gap-2 justify-between',
+    },
+    header: {
+        'class': 'flex justify-end gap-1 items-center',
+        'data-wv-section': 'changelog-dialog-header',
+    },
+    buttonsearch: {
+        'data-wv-section': 'changelog-dialog-button-search',
+    },
+    buttonfilter: {
+        'data-wv-section': 'changelog-dialog-button-filter',
+    },
+    buttondownload: {
+        'data-wv-section': 'changelog-dialog-button-download',
+    },
+};

package/wangsvue/checkbox/index.d.ts

@@ -0,0 +1,81 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+    function box({ props, context }: {
+        props: any;
+        context: any;
+    }): {
+        class: (string | {
+            'border-general-300': any;
+            'border-grayscale-900': boolean;
+            'bg-white': boolean;
+            'bg-general-50': any;
+            'bg-grayscale-900': boolean;
+            'bg-general-300': any;
+            'ring-8 ring-primary-400/[12%]'?: undefined;
+            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
+            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]'?: undefined;
+            'cursor-default bg-general-50 border-general-200'?: undefined;
+            'bg-general-200 border-general-200'?: undefined;
+            '[&_i]:bg-transparent'?: undefined;
+            '[&_i]:text-white'?: undefined;
+            '[&_i]:text-transparent'?: undefined;
+        } | {
+            'ring-8 ring-primary-400/[12%]': any;
+            'border-general-300'?: undefined;
+            'border-grayscale-900'?: undefined;
+            'bg-white'?: undefined;
+            'bg-general-50'?: undefined;
+            'bg-grayscale-900'?: undefined;
+            'bg-general-300'?: undefined;
+            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
+            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]'?: undefined;
+            'cursor-default bg-general-50 border-general-200'?: undefined;
+            'bg-general-200 border-general-200'?: undefined;
+            '[&_i]:bg-transparent'?: undefined;
+            '[&_i]:text-white'?: undefined;
+            '[&_i]:text-transparent'?: undefined;
+        } | {
+            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]': boolean;
+            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]': boolean;
+            'cursor-default bg-general-50 border-general-200': boolean;
+            'bg-general-200 border-general-200': any;
+            'border-general-300'?: undefined;
+            'border-grayscale-900'?: undefined;
+            'bg-white'?: undefined;
+            'bg-general-50'?: undefined;
+            'bg-grayscale-900'?: undefined;
+            'bg-general-300'?: undefined;
+            'ring-8 ring-primary-400/[12%]'?: undefined;
+            '[&_i]:bg-transparent'?: undefined;
+            '[&_i]:text-white'?: undefined;
+            '[&_i]:text-transparent'?: undefined;
+        } | {
+            '[&_i]:bg-transparent': boolean;
+            '[&_i]:text-white': any;
+            '[&_i]:text-transparent': boolean;
+            'border-general-300'?: undefined;
+            'border-grayscale-900'?: undefined;
+            'bg-white'?: undefined;
+            'bg-general-50'?: undefined;
+            'bg-grayscale-900'?: undefined;
+            'bg-general-300'?: undefined;
+            'ring-8 ring-primary-400/[12%]'?: undefined;
+            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
+            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]'?: undefined;
+            'cursor-default bg-general-50 border-general-200'?: undefined;
+            'bg-general-200 border-general-200'?: 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;