@fewangsit/wangsvue-presets 1.0.81-alpha.1 → 1.0.81-alpha.2

package/wangsvue/buttonbulkaction/index.d.ts

@@ -0,0 +1,32 @@
+declare namespace _default {
+    let root: {
+        class: string;
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+    let menu: {
+        id: string;
+        class: string;
+        'data-wv-section': string;
+    };
+    let selectionmessage: {
+        class: string;
+        'data-wv-section': string;
+    };
+    function buttonselectall({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'pointer-events-none': any;
+        })[];
+        'data-wv-section': string;
+    };
+    let bulkactiontoggle: {
+        'data-wv-section': string;
+    };
+    let buttonclearselection: {
+        class: string;
+        'data-wv-section': string;
+    };
+}
+export default _default;

package/wangsvue/buttonbulkaction/index.js

@@ -1,35 +1,35 @@
-export default {
-  root: {
-    'class': 'flex gap-2 items-center',
-    'data-wv-name': 'buttonbulkaction',
-    'data-wv-section': 'root',
-  },
-
-  menu: {
-    'id': 'bulkaction-overlay-menu',
-    'class': 'flex gap-2 items-center',
-    'data-wv-section': 'menu',
-  },
-
-  selectionmessage: {
-    'class': 'text-xs text-grayscale-900 cursor-default whitespace-nowrap',
-    'data-wv-section': 'selectionmessage',
-  },
-
-  buttonselectall: ({ context }) => ({
-    'class': [
-      '!px-1.5 !py-1 -ml-1.5 -mr-1.5 !text-xs',
-      { 'pointer-events-none': context.selectedAll },
-    ],
-    'data-wv-section': 'buttonselectall',
-  }),
-
-  bulkactiontoggle: {
-    'data-wv-section': 'bulkactiontoggle',
-  },
-
-  buttonclearselection: {
-    'class': '!p-0 !w-6 !h-6 [&_.icon]:!w-5 [&_.icon]:!h-5',
-    'data-wv-section': 'buttonclearselection',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        'class': 'flex gap-2 items-center',
+        'data-wv-name': 'buttonbulkaction',
+        'data-wv-section': 'root',
+    },
+    menu: {
+        'id': 'bulkaction-overlay-menu',
+        'class': 'flex gap-2 items-center',
+        'data-wv-section': 'menu',
+    },
+    selectionmessage: {
+        'class': 'text-xs text-grayscale-900 cursor-default whitespace-nowrap',
+        'data-wv-section': 'selectionmessage',
+    },
+    buttonselectall: function (_a) {
+        var context = _a.context;
+        return ({
+            'class': [
+                '!px-1.5 !py-1 -ml-1.5 -mr-1.5 !text-xs',
+                { 'pointer-events-none': context.selectedAll },
+            ],
+            'data-wv-section': 'buttonselectall',
+        });
+    },
+    bulkactiontoggle: {
+        'data-wv-section': 'bulkactiontoggle',
+    },
+    buttonclearselection: {
+        'class': '!p-0 !w-6 !h-6 [&_.icon]:!w-5 [&_.icon]:!h-5',
+        'data-wv-section': 'buttonclearselection',
+    },
+};

package/wangsvue/buttondownload/index.d.ts

@@ -0,0 +1,12 @@
+declare namespace _default {
+    let root: {
+        class: string;
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+    let icon: {
+        class: string;
+        'data-wv-section': string;
+    };
+}
+export default _default;

package/wangsvue/buttondownload/index.js

@@ -1,12 +1,13 @@
-export default {
-  root: {
-    'class':
-      'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
-    'data-wv-name': 'buttondownload',
-    'data-wv-section': 'root',
-  },
-  icon: {
-    'class': 'text-2xl',
-    'data-wv-section': 'icon',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        'class': 'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+        'data-wv-name': 'buttondownload',
+        'data-wv-section': 'root',
+    },
+    icon: {
+        'class': 'text-2xl',
+        'data-wv-section': 'icon',
+    },
+};

package/wangsvue/buttonfilter/index.d.ts

@@ -0,0 +1,12 @@
+declare namespace _default {
+    let root: {
+        class: string;
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+    let icon: {
+        class: string;
+        'data-wv-section': string;
+    };
+}
+export default _default;

package/wangsvue/buttonfilter/index.js

@@ -1,12 +1,13 @@
-export default {
-  root: {
-    'class':
-      'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
-    'data-wv-name': 'buttonfilter',
-    'data-wv-section': 'root',
-  },
-  icon: {
-    'class': 'text-2xl',
-    'data-wv-section': 'icon',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        'class': 'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+        'data-wv-name': 'buttonfilter',
+        'data-wv-section': 'root',
+    },
+    icon: {
+        'class': 'text-2xl',
+        'data-wv-section': 'icon',
+    },
+};

package/wangsvue/buttonradio/index.d.ts

@@ -0,0 +1,58 @@
+declare namespace _default {
+    let root: {
+        class: string;
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+    function wrapper({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'bg-white': boolean;
+            'bg-general-50': any;
+            'border-general-100': boolean;
+            'border-primary-500': boolean;
+            'border-general-200': any;
+            '!border-danger-500'?: undefined;
+        } | {
+            '!border-danger-500': any;
+            'bg-white'?: undefined;
+            'bg-general-50'?: undefined;
+            'border-general-100'?: undefined;
+            'border-primary-500'?: undefined;
+            'border-general-200'?: undefined;
+        })[];
+    };
+    function box({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'border-general-100': boolean;
+            'border-primary-500': boolean;
+            'bg-primary-500': boolean;
+            'bg-general-200': any;
+            'outline-none outline-offset-0'?: undefined;
+            'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-0 peer-focus-visible:ring-primary-500'?: undefined;
+        } | {
+            'outline-none outline-offset-0': boolean;
+            'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-0 peer-focus-visible:ring-primary-500': boolean;
+            'border-general-100'?: undefined;
+            'border-primary-500'?: undefined;
+            'bg-primary-500'?: undefined;
+            'bg-general-200'?: undefined;
+        })[];
+    };
+    function input({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'cursor-default': any;
+            'cursor-pointer': boolean;
+        })[];
+    };
+    namespace icon {
+        let _class: string;
+        export { _class as class };
+    }
+}
+export default _default;

package/wangsvue/buttonradio/index.js

@@ -1,122 +1,109 @@
-export default {
-  root: {
-    'class': 'flex items-center w-max gap-1 cursor-pointer text-xs',
-    'data-wv-name': 'buttonradio',
-    'data-wv-section': 'root',
-  },
-  wrapper: ({ props }) => ({
-    class: [
-      'relative',
-
-      // Flexbox & Alignment
-      'flex items-center justify-center',
-
-      // Size
-      'w-4 h-4',
-
-      // Shape
-      'border-2',
-      'rounded-full',
-
-      // Colors
-      {
-        'bg-white':
-          props.value !== props.modelValue &&
-          props.value !== undefined &&
-          !props.disabled,
-        'bg-general-50': props.disabled,
-        'border-general-100':
-          props.value !== props.modelValue &&
-          props.value !== undefined &&
-          !props.disabled,
-        'border-primary-500':
-          props.value == props.modelValue &&
-          props.value !== undefined &&
-          !props.disabled,
-        'border-general-200': props.disabled,
-      },
-
-      {
-        '!border-danger-500': props.invalid,
-      },
-
-      // Misc
-      'cursor-pointer',
-    ],
-  }),
-  box: ({ props }) => ({
-    class: [
-      // Flexbox
-      'flex justify-center items-center',
-
-      // Size
-      'w-2 h-2',
-      'text-sm',
-      'font-medium',
-
-      // Shape
-      // 'border-2',
-      'rounded-full',
-
-      // Transition
-      'transition duration-200 ease-in-out',
-
-      // Colors
-      {
-        'border-general-100':
-          props.value !== props.modelValue && props.value !== undefined,
-        'border-primary-500':
-          props.value == props.modelValue &&
-          props.value !== undefined &&
-          !props.disabled,
-        'bg-primary-500':
-          props.value == props.modelValue &&
-          props.value !== undefined &&
-          !props.disabled,
-        'bg-general-200':
-          props.value == props.modelValue &&
-          props.value !== undefined &&
-          props.disabled,
-      },
-
-      // States
-      {
-        'outline-none outline-offset-0': !props.disabled,
-        'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-0 peer-focus-visible:ring-primary-500':
-          !props.disabled,
-        // 'opacity-60 cursor-default': props.disabled,
-      },
-    ],
-  }),
-  input: ({ props }) => ({
-    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-300',
-
-      // Misc
-      'appearance-none',
-      { 'cursor-default': props.disabled, 'cursor-pointer': !props.disabled },
-    ],
-  }),
-  icon: {
-    class: 'hidden',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        'class': 'flex items-center w-max gap-1 cursor-pointer text-xs',
+        'data-wv-name': 'buttonradio',
+        'data-wv-section': 'root',
+    },
+    wrapper: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                'relative',
+                // Flexbox & Alignment
+                'flex items-center justify-center',
+                // Size
+                'w-4 h-4',
+                // Shape
+                'border-2',
+                'rounded-full',
+                // Colors
+                {
+                    'bg-white': props.value !== props.modelValue &&
+                        props.value !== undefined &&
+                        !props.disabled,
+                    'bg-general-50': props.disabled,
+                    'border-general-100': props.value !== props.modelValue &&
+                        props.value !== undefined &&
+                        !props.disabled,
+                    'border-primary-500': props.value == props.modelValue &&
+                        props.value !== undefined &&
+                        !props.disabled,
+                    'border-general-200': props.disabled,
+                },
+                {
+                    '!border-danger-500': props.invalid,
+                },
+                // Misc
+                'cursor-pointer',
+            ],
+        });
+    },
+    box: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                // Flexbox
+                'flex justify-center items-center',
+                // Size
+                'w-2 h-2',
+                'text-sm',
+                'font-medium',
+                // Shape
+                // 'border-2',
+                'rounded-full',
+                // Transition
+                'transition duration-200 ease-in-out',
+                // Colors
+                {
+                    'border-general-100': props.value !== props.modelValue && props.value !== undefined,
+                    'border-primary-500': props.value == props.modelValue &&
+                        props.value !== undefined &&
+                        !props.disabled,
+                    'bg-primary-500': props.value == props.modelValue &&
+                        props.value !== undefined &&
+                        !props.disabled,
+                    'bg-general-200': props.value == props.modelValue &&
+                        props.value !== undefined &&
+                        props.disabled,
+                },
+                // States
+                {
+                    'outline-none outline-offset-0': !props.disabled,
+                    'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-0 peer-focus-visible:ring-primary-500': !props.disabled,
+                    // 'opacity-60 cursor-default': props.disabled,
+                },
+            ],
+        });
+    },
+    input: function (_a) {
+        var props = _a.props;
+        return ({
+            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-300',
+                // Misc
+                'appearance-none',
+                { 'cursor-default': props.disabled, 'cursor-pointer': !props.disabled },
+            ],
+        });
+    },
+    icon: {
+        class: 'hidden',
+    },
+};

package/wangsvue/buttonsearch/index.d.ts

@@ -0,0 +1,65 @@
+declare namespace _default {
+    namespace buttontrigger {
+        function root({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'w-max': boolean;
+            })[];
+            'data-wv-section': string;
+        };
+        namespace icon {
+            let _class: string;
+            export { _class as class };
+        }
+    }
+    namespace collapsebutton {
+        export function root_1({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'w-max': boolean;
+            })[];
+            'data-wv-section': string;
+        };
+        export { root_1 as root };
+        export namespace icon_1 {
+            let _class_1: string;
+            export { _class_1 as class };
+        }
+        export { icon_1 as icon };
+    }
+    namespace resetbutton {
+        export function root_2({ query }: {
+            query: any;
+        }): {
+            class: (string | {
+                invisible: boolean;
+            })[];
+            'data-wv-section': string;
+        };
+        export { root_2 as root };
+        export namespace icon_2 {
+            let _class_2: string[];
+            export { _class_2 as class };
+        }
+        export { icon_2 as icon };
+    }
+    namespace hiddensubmit {
+        let _class_3: string;
+        export { _class_3 as class };
+    }
+    function form({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            show: any;
+        })[];
+        'data-wv-section': string;
+    };
+    namespace inputtext {
+        let _class_4: string;
+        export { _class_4 as class };
+    }
+}
+export default _default;

package/wangsvue/buttonsearch/index.js

@@ -1,53 +1,62 @@
-export default {
-  buttontrigger: {
-    root: ({ context }) => ({
-      'class': [
-        { 'w-max': !context.showSearchInput },
-        'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
-      ],
-      'data-wv-section': 'buttontrigger',
-    }),
-    icon: {
-      class: 'w-6 h-6 text-grayscale-900 shrink-0',
-    },
-  },
-
-  collapsebutton: {
-    root: ({ context }) => ({
-      'class': [
-        { 'w-max': !context.showSearchInput },
-        'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
-      ],
-      'data-wv-section': 'collapsebutton',
-    }),
-    icon: {
-      class: 'w-6 h-6 text-grayscale-900 shrink-0',
-    },
-  },
-
-  resetbutton: {
-    root: ({ query }) => ({
-      'class': [
-        { invisible: !query },
-        'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
-      ],
-      'data-wv-section': 'resetbutton',
-    }),
-    icon: { class: ['text-2xl shrink-0'] },
-  },
-
-  hiddensubmit: { class: 'hidden' },
-
-  form: ({ context }) => ({
-    'class': [
-      { show: context.showSearchInput },
-      'grid grid-cols-[max-content,auto,max-content] items-center gap-0.5 max-w-[224px] h-6',
-      'border-b border-primary-100',
-    ],
-    'data-wv-section': 'form',
-  }),
-
-  inputtext: {
-    class: '!h-max',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    buttontrigger: {
+        root: function (_a) {
+            var context = _a.context;
+            return ({
+                'class': [
+                    { 'w-max': !context.showSearchInput },
+                    'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+                ],
+                'data-wv-section': 'buttontrigger',
+            });
+        },
+        icon: {
+            class: 'w-6 h-6 text-grayscale-900 shrink-0',
+        },
+    },
+    collapsebutton: {
+        root: function (_a) {
+            var context = _a.context;
+            return ({
+                'class': [
+                    { 'w-max': !context.showSearchInput },
+                    'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+                ],
+                'data-wv-section': 'collapsebutton',
+            });
+        },
+        icon: {
+            class: 'w-6 h-6 text-grayscale-900 shrink-0',
+        },
+    },
+    resetbutton: {
+        root: function (_a) {
+            var query = _a.query;
+            return ({
+                'class': [
+                    { invisible: !query },
+                    'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+                ],
+                'data-wv-section': 'resetbutton',
+            });
+        },
+        icon: { class: ['text-2xl shrink-0'] },
+    },
+    hiddensubmit: { class: 'hidden' },
+    form: function (_a) {
+        var context = _a.context;
+        return ({
+            'class': [
+                { show: context.showSearchInput },
+                'grid grid-cols-[max-content,auto,max-content] items-center gap-0.5 max-w-[224px] h-6',
+                'border-b border-primary-100',
+            ],
+            'data-wv-section': 'form',
+        });
+    },
+    inputtext: {
+        class: '!h-max',
+    },
+};