@fewangsit/wangsvue-presets 1.0.82 → 1.0.84-alpha.0

package/fixedasset/tristatecheckbox/index.d.ts

@@ -0,0 +1,49 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+    function box({ props, context }: {
+        props: any;
+        context: any;
+    }): {
+        class: (string | {
+            'border-general-100 bg-surface-0': boolean;
+            'border-primary-500 bg-primary-500': boolean;
+            'ring-2 ring-primary-500'?: undefined;
+            'cursor-default'?: undefined;
+            'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-1 peer-focus-visible:ring-primary'?: undefined;
+            'cursor-default bg-general-50 border-general-200'?: undefined;
+            'bg-general-200 border-general-200'?: undefined;
+        } | {
+            'ring-2 ring-primary-500': any;
+            'cursor-default': any;
+            'border-general-100 bg-surface-0'?: undefined;
+            'border-primary-500 bg-primary-500'?: undefined;
+            'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-1 peer-focus-visible:ring-primary'?: undefined;
+            'cursor-default bg-general-50 border-general-200'?: undefined;
+            'bg-general-200 border-general-200'?: undefined;
+        } | {
+            'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-1 peer-focus-visible:ring-primary': boolean;
+            'cursor-default bg-general-50 border-general-200': boolean;
+            'bg-general-200 border-general-200': any;
+            'border-general-100 bg-surface-0'?: undefined;
+            'border-primary-500 bg-primary-500'?: undefined;
+            'ring-2 ring-primary-500'?: undefined;
+            'cursor-default'?: undefined;
+        })[];
+    };
+    namespace input {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace checkicon {
+        let _class_2: string[];
+        export { _class_2 as class };
+    }
+    namespace uncheckicon {
+        let _class_3: string[];
+        export { _class_3 as class };
+    }
+}
+export default _default;

package/fixedasset/tristatecheckbox/index.js

@@ -1,128 +1,106 @@
-export default {
-  root: {
-    class: [
-      'relative',
-
-      'w-4 h-4',
-
-      // Alignment
-      'inline-flex',
-      'align-bottom',
-
-      // Transitions
-      'transition-all',
-      'duration-200',
-    ],
-  },
-  box: ({ props, context }) => ({
-    class: [
-      // Alignment
-      'flex',
-      'items-center',
-      'justify-center',
-
-      // Size
-      'w-full',
-      'h-full',
-
-      // Shape
-      'rounded',
-      'border-2',
-
-      // Colors
-      'text-surface-0',
-      {
-        'border-general-100 bg-surface-0':
-          !context.active && !props.disabled,
-        'border-primary-500 bg-primary-500':
-          context.active && !props.disabled,
-      },
-
-      {
-        'ring-2 ring-primary-500':
-          !props.disabled && context.focused,
-        'cursor-default': props.disabled,
-      },
-
-      // States
-      {
-        'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-1 peer-focus-visible:ring-primary':
-          !props.disabled,
-        'cursor-default bg-general-50 border-general-200':
-          props.disabled && !context.active,
-        'bg-general-200 border-general-200':
-          props.disabled && context.active,
-      },
-
-      // Transitions
-      'transition-colors',
-      'duration-200',
-    ],
-  }),
-  input: {
-    class: [
-      'peer',
-
-      // Size
-      'w-full ',
-      'h-full',
-
-      // Position
-      'absolute',
-      'top-0 left-0',
-      'z-10',
-
-      // Spacing
-      'p-0',
-      'm-0',
-
-      // Shape
-      'rounded',
-      'border',
-
-      // Shape
-      'opacity-0',
-      'rounded-md',
-      'outline-none',
-      'border-2 border-surface-300',
-
-      // Misc
-      'appareance-none',
-      'cursor-pointer',
-    ],
-  },
-  checkicon: {
-    class: [
-      // Font
-      'text-normal',
-
-      // Size
-      'w-3',
-      'h-3',
-
-      // Colors
-      'text-surface-0',
-
-      // Transitions
-      'transition-all',
-      'duration-200',
-    ],
-  },
-  uncheckicon: {
-    class: [
-      // Font
-      'text-normal',
-
-      // Size
-      'w-3',
-      'h-3',
-
-      // Colors
-      'text-surface-0',
-
-      // Transitions
-      'transition-all',
-      'duration-200',
-    ],
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: [
+            'relative',
+            'w-4 h-4',
+            // Alignment
+            'inline-flex',
+            'align-bottom',
+            // Transitions
+            'transition-all',
+            'duration-200',
+        ],
+    },
+    box: function (_a) {
+        var props = _a.props, context = _a.context;
+        return ({
+            class: [
+                // Alignment
+                'flex',
+                'items-center',
+                'justify-center',
+                // Size
+                'w-full',
+                'h-full',
+                // Shape
+                'rounded',
+                'border-2',
+                // Colors
+                'text-surface-0',
+                {
+                    'border-general-100 bg-surface-0': !context.active && !props.disabled,
+                    'border-primary-500 bg-primary-500': context.active && !props.disabled,
+                },
+                {
+                    'ring-2 ring-primary-500': !props.disabled && context.focused,
+                    'cursor-default': props.disabled,
+                },
+                // States
+                {
+                    'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-1 peer-focus-visible:ring-primary': !props.disabled,
+                    'cursor-default bg-general-50 border-general-200': props.disabled && !context.active,
+                    'bg-general-200 border-general-200': props.disabled && context.active,
+                },
+                // Transitions
+                'transition-colors',
+                'duration-200',
+            ],
+        });
+    },
+    input: {
+        class: [
+            'peer',
+            // Size
+            'w-full ',
+            'h-full',
+            // Position
+            'absolute',
+            'top-0 left-0',
+            'z-10',
+            // Spacing
+            'p-0',
+            'm-0',
+            // Shape
+            'rounded',
+            'border',
+            // Shape
+            'opacity-0',
+            'rounded-md',
+            'outline-none',
+            'border-2 border-surface-300',
+            // Misc
+            'appareance-none',
+            'cursor-pointer',
+        ],
+    },
+    checkicon: {
+        class: [
+            // Font
+            'text-normal',
+            // Size
+            'w-3',
+            'h-3',
+            // Colors
+            'text-surface-0',
+            // Transitions
+            'transition-all',
+            'duration-200',
+        ],
+    },
+    uncheckicon: {
+        class: [
+            // Font
+            'text-normal',
+            // Size
+            'w-3',
+            'h-3',
+            // Colors
+            'text-surface-0',
+            // Transitions
+            'transition-all',
+            'duration-200',
+        ],
+    },
+};

package/fixedasset/validatormessage/index.d.ts

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

package/fixedasset/validatormessage/index.js

@@ -1,7 +1,9 @@
-export default {
-  root: {
-    'class': ['!mt-0 text-danger-500 text-xs font-light'],
-    'data-wv-name': 'validatormessage',
-    'data-wv-section': 'root',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        'class': ['!mt-0 text-danger-500 text-xs font-light'],
+        'data-wv-name': 'validatormessage',
+        'data-wv-section': 'root',
+    },
+};

package/fixedasset/workcalendar/index.d.ts

@@ -0,0 +1,27 @@
+declare namespace _default {
+    function next({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            '!text-general-300 pointer-events-none': any;
+        })[];
+    };
+    function prev({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            '!text-general-300 pointer-events-none': any;
+        })[];
+    };
+    function daylabel({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            hidden: any;
+            'text-white !rounded-full focus:outline-none focus-visible:outline-none cursor-pointer': any;
+            'bg-danger-500 hover:bg-danger-500/90': boolean;
+            'bg-primary-1000 hover:bg-primary-1000/90': boolean;
+        })[];
+    };
+}
+export default _default;

package/fixedasset/workcalendar/index.js

@@ -1,27 +1,36 @@
-export default {
-  next: ({ context }) => ({
-    class: [
-      'text-2xl text-general-900',
-      { '!text-general-300 pointer-events-none': context.disableNextButton },
-    ],
-  }),
-  prev: ({ context }) => ({
-    class: [
-      'text-2xl text-general-900 rotate-180',
-      { '!text-general-300 pointer-events-none': context.disablePrevButton },
-    ],
-  }),
-  daylabel: ({ context }) => ({
-    class: [
-      'flex items-center justify-center w-12 h-12 focus:outline-none focus-visible:outline-none cursor-pointer',
-      {
-        'hidden': context.day.isOtherMonth,
-        'text-white !rounded-full focus:outline-none focus-visible:outline-none cursor-pointer':
-          context.day.isWorkDay || context.day.isNationalHoliday,
-        'bg-danger-500 hover:bg-danger-500/90': context.day.state === 'holiday',
-        'bg-primary-1000 hover:bg-primary-1000/90':
-          context.day.state === 'workday',
-      },
-    ],
-  }),
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    next: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                'text-2xl text-general-900',
+                { '!text-general-300 pointer-events-none': context.disableNextButton },
+            ],
+        });
+    },
+    prev: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                'text-2xl text-general-900 rotate-180',
+                { '!text-general-300 pointer-events-none': context.disablePrevButton },
+            ],
+        });
+    },
+    daylabel: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                'flex items-center justify-center w-12 h-12 focus:outline-none focus-visible:outline-none cursor-pointer',
+                {
+                    'hidden': context.day.isOtherMonth,
+                    'text-white !rounded-full focus:outline-none focus-visible:outline-none cursor-pointer': context.day.isWorkDay || context.day.isNationalHoliday,
+                    'bg-danger-500 hover:bg-danger-500/90': context.day.state === 'holiday',
+                    'bg-primary-1000 hover:bg-primary-1000/90': context.day.state === 'workday',
+                },
+            ],
+        });
+    },
+};

package/index.d.ts

@@ -0,0 +1,2 @@
+export { default as wangsvue } from './wangsvue';
+export { default as fixedasset } from './fixedasset';

package/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fixedasset = exports.wangsvue = void 0;
+var wangsvue_1 = require("./wangsvue");
+Object.defineProperty(exports, "wangsvue", { enumerable: true, get: function () { return wangsvue_1.default; } });
+var fixedasset_1 = require("./fixedasset");
+Object.defineProperty(exports, "fixedasset", { enumerable: true, get: function () { return fixedasset_1.default; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-presets",
-  "version": "1.0.82",
+  "version": "1.0.84-alpha.0",
   "author": "Wangsit FE Developer",
   "description": "Wangsit VueJS Component Library Presets",
   "main": "index.js",

package/wangsvue/accordion/index.d.ts

@@ -0,0 +1,37 @@
+declare namespace _default {
+    namespace accordiontab {
+        function header({ props }: {
+            props: any;
+        }): {
+            class: (string | {
+                'select-none pointer-events-none cursor-default opacity-60': any;
+            })[];
+        };
+        function headerAction({ context }: {
+            context: any;
+        }): {
+            class: string[];
+        };
+        namespace headerIcon {
+            let _class: string;
+            export { _class as class };
+        }
+        namespace headerTitle {
+            let _class_1: string;
+            export { _class_1 as class };
+        }
+        namespace content {
+            let _class_2: string[];
+            export { _class_2 as class };
+        }
+        namespace transition {
+            let enterFromClass: string;
+            let enterActiveClass: string;
+            let enterToClass: string;
+            let leaveFromClass: string;
+            let leaveActiveClass: string;
+            let leaveToClass: string;
+        }
+    }
+}
+export default _default;

package/wangsvue/accordion/index.js

@@ -1,75 +1,70 @@
-export default {
-  accordiontab: {
-    header: ({ props }) => ({
-      class: [
-        // Sizing
-        'pt-6 pb-0',
-        'mt-6',
-
-        // Shape
-        'border-x-0 border-b-0',
-
-        // Color
-        'border border-surface-200',
-
-        // State
-        {
-          'select-none pointer-events-none cursor-default opacity-60':
-            props?.disabled,
-        },
-      ],
-    }),
-    headerAction: ({ context }) => ({
-      class: [
-        //Font
-        'font-semibold',
-        'leading-7',
-
-        // Alignments
-        'flex items-center justify-between flex-row-reverse',
-        'relative',
-
-        // Shape
-        'rounded-md',
-
-        // Color
-        'bg-transparent',
-        'text-surface-900',
-
-        // States
-        'focus:outline-none focus:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-600 ring-inset', // Focus
-
-        // Misc
-        'cursor-pointer no-underline select-none',
-      ],
-    }),
-    headerIcon: {
-      class: 'inline-block ml-2',
-    },
-    headerTitle: {
-      class: 'leading-7',
-    },
-    content: {
-      class: [
-        // Font
-        'leading-7',
-
-        // Spacing
-        'pr-12 pt-2',
-
-        // Color
-        'text-surface-600',
-      ],
-    },
-    transition: {
-      enterFromClass: 'max-h-0',
-      enterActiveClass:
-        'overflow-hidden transition-[max-height] duration-1000 ease-[cubic-bezier(0.42,0,0.58,1)]',
-      enterToClass: 'max-h-[1000px]',
-      leaveFromClass: 'max-h-[1000px]',
-      leaveActiveClass:
-        'overflow-hidden transition-[max-height] duration-[450ms] ease-[cubic-bezier(0,1,0,1)]',
-      leaveToClass: 'max-h-0',
-    },
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    accordiontab: {
+        header: function (_a) {
+            var props = _a.props;
+            return ({
+                class: [
+                    // Sizing
+                    'pt-6 pb-0',
+                    'mt-6',
+                    // Shape
+                    'border-x-0 border-b-0',
+                    // Color
+                    'border border-surface-200',
+                    // State
+                    {
+                        'select-none pointer-events-none cursor-default opacity-60': props === null || props === void 0 ? void 0 : props.disabled,
+                    },
+                ],
+            });
+        },
+        headerAction: function (_a) {
+            var context = _a.context;
+            return ({
+                class: [
+                    //Font
+                    'font-semibold',
+                    'leading-7',
+                    // Alignments
+                    'flex items-center justify-between flex-row-reverse',
+                    'relative',
+                    // Shape
+                    'rounded-md',
+                    // Color
+                    'bg-transparent',
+                    'text-surface-900',
+                    // States
+                    'focus:outline-none focus:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-600 ring-inset', // Focus
+                    // Misc
+                    'cursor-pointer no-underline select-none',
+                ],
+            });
+        },
+        headerIcon: {
+            class: 'inline-block ml-2',
+        },
+        headerTitle: {
+            class: 'leading-7',
+        },
+        content: {
+            class: [
+                // Font
+                'leading-7',
+                // Spacing
+                'pr-12 pt-2',
+                // Color
+                'text-surface-600',
+            ],
+        },
+        transition: {
+            enterFromClass: 'max-h-0',
+            enterActiveClass: 'overflow-hidden transition-[max-height] duration-1000 ease-[cubic-bezier(0.42,0,0.58,1)]',
+            enterToClass: 'max-h-[1000px]',
+            leaveFromClass: 'max-h-[1000px]',
+            leaveActiveClass: 'overflow-hidden transition-[max-height] duration-[450ms] ease-[cubic-bezier(0,1,0,1)]',
+            leaveToClass: 'max-h-0',
+        },
+    },
+};