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

package/wangsvue/inputotp/index.d.ts

@@ -0,0 +1,137 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace input {
+        export function root_1({ props, context, parent }: {
+            props: any;
+            context: any;
+            parent: any;
+        }): {
+            class: (string | {
+                'flex-1 w-[1%]': boolean;
+                'p-3'?: undefined;
+                'rounded-md'?: undefined;
+                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+                'border-0 border-y border-l last:border-r'?: undefined;
+                'first:ml-0 ml-[-1px]'?: undefined;
+                'border-general-200'?: undefined;
+                'border-danger-500'?: undefined;
+                'focus:outline-none focus:outline-offset-0'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+            } | {
+                'p-3': boolean;
+                'flex-1 w-[1%]'?: undefined;
+                'rounded-md'?: undefined;
+                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+                'border-0 border-y border-l last:border-r'?: undefined;
+                'first:ml-0 ml-[-1px]'?: undefined;
+                'border-general-200'?: undefined;
+                'border-danger-500'?: undefined;
+                'focus:outline-none focus:outline-offset-0'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+            } | {
+                'rounded-md': boolean;
+                'flex-1 w-[1%]'?: undefined;
+                'p-3'?: undefined;
+                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+                'border-0 border-y border-l last:border-r'?: undefined;
+                'first:ml-0 ml-[-1px]'?: undefined;
+                'border-general-200'?: undefined;
+                'border-danger-500'?: undefined;
+                'focus:outline-none focus:outline-offset-0'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+            } | {
+                'first:rounded-l-md rounded-none last:rounded-r-md': boolean;
+                'flex-1 w-[1%]'?: undefined;
+                'p-3'?: undefined;
+                'rounded-md'?: undefined;
+                'border-0 border-y border-l last:border-r'?: undefined;
+                'first:ml-0 ml-[-1px]'?: undefined;
+                'border-general-200'?: undefined;
+                'border-danger-500'?: undefined;
+                'focus:outline-none focus:outline-offset-0'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+            } | {
+                'border-0 border-y border-l last:border-r': boolean;
+                'flex-1 w-[1%]'?: undefined;
+                'p-3'?: undefined;
+                'rounded-md'?: undefined;
+                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+                'first:ml-0 ml-[-1px]'?: undefined;
+                'border-general-200'?: undefined;
+                'border-danger-500'?: undefined;
+                'focus:outline-none focus:outline-offset-0'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+            } | {
+                'first:ml-0 ml-[-1px]': boolean;
+                'flex-1 w-[1%]'?: undefined;
+                'p-3'?: undefined;
+                'rounded-md'?: undefined;
+                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+                'border-0 border-y border-l last:border-r'?: undefined;
+                'border-general-200'?: undefined;
+                'border-danger-500'?: undefined;
+                'focus:outline-none focus:outline-offset-0'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+            } | {
+                'border-general-200': boolean;
+                'flex-1 w-[1%]'?: undefined;
+                'p-3'?: undefined;
+                'rounded-md'?: undefined;
+                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+                'border-0 border-y border-l last:border-r'?: undefined;
+                'first:ml-0 ml-[-1px]'?: undefined;
+                'border-danger-500'?: undefined;
+                'focus:outline-none focus:outline-offset-0'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+            } | {
+                'border-danger-500': any;
+                'flex-1 w-[1%]'?: undefined;
+                'p-3'?: undefined;
+                'rounded-md'?: undefined;
+                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+                'border-0 border-y border-l last:border-r'?: undefined;
+                'first:ml-0 ml-[-1px]'?: undefined;
+                'border-general-200'?: undefined;
+                'focus:outline-none focus:outline-offset-0'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+                filled?: undefined;
+            } | {
+                'focus:outline-none focus:outline-offset-0': boolean;
+                'opacity-60 select-none pointer-events-none cursor-default': any;
+                'flex-1 w-[1%]'?: undefined;
+                'p-3'?: undefined;
+                'rounded-md'?: undefined;
+                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+                'border-0 border-y border-l last:border-r'?: undefined;
+                'first:ml-0 ml-[-1px]'?: undefined;
+                'border-general-200'?: undefined;
+                'border-danger-500'?: undefined;
+                filled?: undefined;
+            } | {
+                filled: any;
+                'flex-1 w-[1%]'?: undefined;
+                'p-3'?: undefined;
+                'rounded-md'?: undefined;
+                'first:rounded-l-md rounded-none last:rounded-r-md'?: undefined;
+                'border-0 border-y border-l last:border-r'?: undefined;
+                'first:ml-0 ml-[-1px]'?: undefined;
+                'border-general-200'?: undefined;
+                'border-danger-500'?: undefined;
+                'focus:outline-none focus:outline-offset-0'?: undefined;
+                'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
+            })[];
+        };
+        export { root_1 as root };
+    }
+}
+export default _default;

package/wangsvue/inputotp/index.js

@@ -1,70 +1,63 @@
-export default {
-  root: {
-    class: [
-      // Alignment
-      'flex items-center',
-      'gap-[6px]',
-    ],
-  },
-  input: {
-    root: ({ props, context, parent }) => ({
-      class: [
-        // Font
-        'leading-none font-medium',
-
-        // Flex & Alignment
-        { 'flex-1 w-[1%]': parent.instance.$name == 'InputGroup' },
-        'text-center',
-
-        // Spacing
-        'm-0',
-        {
-          'p-3': props.size == null,
-        },
-
-        // Size
-        'w-[42px] h-[42px] text-base',
-
-        // Shape
-        { 'rounded-md': parent.instance.$name !== 'InputGroup' },
-        {
-          'first:rounded-l-md rounded-none last:rounded-r-md':
-            parent.instance.$name == 'InputGroup',
-        },
-        {
-          'border-0 border-y border-l last:border-r':
-            parent.instance.$name == 'InputGroup',
-        },
-        {
-          'first:ml-0 ml-[-1px]':
-            parent.instance.$name == 'InputGroup' && !props.showButtons,
-        },
-
-        // Colors
-        'text-general-800',
-        'placeholder:text-surface-400',
-        'bg-white',
-        'border',
-        { 'border-general-200': !props.invalid },
-
-        // Invalid State
-        { 'border-danger-500': props.invalid },
-
-        // States
-        {
-          // 'hover:border-primary-500': !context.disabled && !props.invalid,
-          'focus:outline-none focus:outline-offset-0': !context.disabled,
-          'opacity-60 select-none pointer-events-none cursor-default':
-            context.disabled,
-        },
-
-        // Filled State *for FloatLabel
-        { filled: parent.instance?.$name == 'FloatLabel' && context.filled },
-
-        // Misc
-        'appearance-none',
-        'transition-colors duration-200',
-      ],
-    }),
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: [
+            // Alignment
+            'flex items-center',
+            'gap-[6px]',
+        ],
+    },
+    input: {
+        root: function (_a) {
+            var _b;
+            var props = _a.props, context = _a.context, parent = _a.parent;
+            return ({
+                class: [
+                    // Font
+                    'leading-none font-medium',
+                    // Flex & Alignment
+                    { 'flex-1 w-[1%]': parent.instance.$name == 'InputGroup' },
+                    'text-center',
+                    // Spacing
+                    'm-0',
+                    {
+                        'p-3': props.size == null,
+                    },
+                    // Size
+                    'w-[42px] h-[42px] text-base',
+                    // Shape
+                    { 'rounded-md': parent.instance.$name !== 'InputGroup' },
+                    {
+                        'first:rounded-l-md rounded-none last:rounded-r-md': parent.instance.$name == 'InputGroup',
+                    },
+                    {
+                        'border-0 border-y border-l last:border-r': parent.instance.$name == 'InputGroup',
+                    },
+                    {
+                        'first:ml-0 ml-[-1px]': parent.instance.$name == 'InputGroup' && !props.showButtons,
+                    },
+                    // Colors
+                    'text-general-800',
+                    'placeholder:text-surface-400',
+                    'bg-white',
+                    'border',
+                    { 'border-general-200': !props.invalid },
+                    // Invalid State
+                    { 'border-danger-500': props.invalid },
+                    // States
+                    {
+                        // 'hover:border-primary-500': !context.disabled && !props.invalid,
+                        'focus:outline-none focus:outline-offset-0': !context.disabled,
+                        'opacity-60 select-none pointer-events-none cursor-default': context.disabled,
+                    },
+                    // Filled State *for FloatLabel
+                    { filled: ((_b = parent.instance) === null || _b === void 0 ? void 0 : _b.$name) == 'FloatLabel' && context.filled },
+                    // Misc
+                    'appearance-none',
+                    'transition-colors duration-200',
+                ],
+            });
+        },
+    },
+};

package/wangsvue/inputphonenumber/index.d.ts

@@ -0,0 +1,37 @@
+export function commonClasses({ isFirefoxBased, invalidInput }: {
+    isFirefoxBased: any;
+    invalidInput: any;
+}): (string | {
+    'ring-[1px]': any;
+    'ring-[0.5px]': boolean;
+    '!ring-danger-500'?: undefined;
+} | {
+    '!ring-danger-500': any;
+    'ring-[1px]'?: undefined;
+    'ring-[0.5px]'?: undefined;
+})[];
+declare namespace _default {
+    function dialcode(ctx: any): {
+        class: (string | {
+            'ring-[1px]': any;
+            'ring-[0.5px]': boolean;
+            '!ring-danger-500'?: undefined;
+        } | {
+            '!ring-danger-500': any;
+            'ring-[1px]'?: undefined;
+            'ring-[0.5px]'?: undefined;
+        })[];
+    };
+    function inputnumber(ctx: any): {
+        class: (string | {
+            'ring-[1px]': any;
+            'ring-[0.5px]': boolean;
+            '!ring-danger-500'?: undefined;
+        } | {
+            '!ring-danger-500': any;
+            'ring-[1px]'?: undefined;
+            'ring-[0.5px]'?: undefined;
+        })[];
+    };
+}
+export default _default;

package/wangsvue/inputphonenumber/index.js

@@ -1,19 +1,34 @@
-export const commonClasses = ({ isFirefoxBased, invalidInput }) => [
-  { 'ring-[1px]': isFirefoxBased, 'ring-[0.5px]': !isFirefoxBased },
-  { '!ring-danger-500': invalidInput },
-  'ring-inset',
-  'ring-general-400',
-  '[&:has(:focus)]:bg-none',
-  '[&:has(:focus)]:ring-primary-400',
-  'bg-white',
-  'z-[0] [&:has(:focus)]:z-[12]',
-];
-
-export default {
-  dialcode: (ctx) => ({
-    class: [...commonClasses(ctx), 'rounded-l rounded-r-none'],
-  }),
-  inputnumber: (ctx) => ({
-    class: [...commonClasses(ctx), 'rounded-r rounded-l-none -ml-[1px]'],
-  }),
-};
+"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 });
+exports.commonClasses = void 0;
+var commonClasses = function (_a) {
+    var isFirefoxBased = _a.isFirefoxBased, invalidInput = _a.invalidInput;
+    return [
+        { 'ring-[1px]': isFirefoxBased, 'ring-[0.5px]': !isFirefoxBased },
+        { '!ring-danger-500': invalidInput },
+        'ring-inset',
+        'ring-general-400',
+        '[&:has(:focus)]:bg-none',
+        '[&:has(:focus)]:ring-primary-400',
+        'bg-white',
+        'z-[0] [&:has(:focus)]:z-[12]',
+    ];
+};
+exports.commonClasses = commonClasses;
+exports.default = {
+    dialcode: function (ctx) { return ({
+        class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), ['rounded-l rounded-r-none'], false),
+    }); },
+    inputnumber: function (ctx) { return ({
+        class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), ['rounded-r rounded-l-none -ml-[1px]'], false),
+    }); },
+};

package/wangsvue/inputswitch/index.d.ts

@@ -0,0 +1,67 @@
+declare namespace _default {
+    function root({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'select-none pointer-events-none cursor-default': any;
+        })[];
+    };
+    function slider({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'before:bg-white before:bg-white': boolean;
+            'before:bg-primary-200': boolean;
+            'before:bg-general-50': any;
+            'before:transform before:translate-x-3.5'?: undefined;
+            'border-primary-200'?: undefined;
+            'border-transparent'?: undefined;
+            'bg-white'?: undefined;
+            'bg-primary-500'?: undefined;
+            'bg-primary-100'?: undefined;
+            'bg-general-100'?: undefined;
+        } | {
+            'before:transform before:translate-x-3.5': boolean;
+            'before:bg-white before:bg-white'?: undefined;
+            'before:bg-primary-200'?: undefined;
+            'before:bg-general-50'?: undefined;
+            'border-primary-200'?: undefined;
+            'border-transparent'?: undefined;
+            'bg-white'?: undefined;
+            'bg-primary-500'?: undefined;
+            'bg-primary-100'?: undefined;
+            'bg-general-100'?: undefined;
+        } | {
+            'border-primary-200': boolean;
+            'border-transparent': boolean;
+            'before:bg-white before:bg-white'?: undefined;
+            'before:bg-primary-200'?: undefined;
+            'before:bg-general-50'?: undefined;
+            'before:transform before:translate-x-3.5'?: undefined;
+            'bg-white'?: undefined;
+            'bg-primary-500'?: undefined;
+            'bg-primary-100'?: undefined;
+            'bg-general-100'?: undefined;
+        } | {
+            'bg-white': boolean;
+            'bg-primary-500': boolean;
+            'bg-primary-100': any;
+            'bg-general-100': any;
+            'before:bg-white before:bg-white'?: undefined;
+            'before:bg-primary-200'?: undefined;
+            'before:bg-general-50'?: undefined;
+            'before:transform before:translate-x-3.5'?: undefined;
+            'border-primary-200'?: undefined;
+            'border-transparent'?: undefined;
+        })[];
+    };
+    function input({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'cursor-default': any;
+            'cursor-pointer': boolean;
+        })[];
+    };
+}
+export default _default;

package/wangsvue/inputswitch/index.js

@@ -1,114 +1,100 @@
-export default {
-  root: ({ props }) => ({
-    class: [
-      // Alignments
-      'inline-flex relative align-middle',
-      'shrink-0',
-
-      // Shape
-      'rounded-[60px]',
-
-      // Size
-      'h-4 w-8',
-
-      // Misc
-      'cursor-pointer',
-
-      // States
-      {
-        'select-none pointer-events-none cursor-default': props.disabled,
-      },
-    ],
-  }),
-  slider: ({ props }) => ({
-    class: [
-      // Position
-      'absolute top-0 left-0 right-0 bottom-0',
-
-      // Shape
-      'rounded-[60px]',
-
-      // Before:
-      'before:absolute before:top-1/2',
-      'before:-mt-[6px] before:ml-0.5',
-      'before:h-3 before:w-3',
-      'before:rounded-full',
-      'before:duration-200 before:transition before:ease-in-out',
-      'before:shadow',
-      {
-        'before:bg-white before:bg-white':
-          props.modelValue == props.trueValue,
-        'before:bg-primary-200':
-          props.modelValue !== props.trueValue && !props.disabled,
-        'before:bg-general-50':
-          props.modelValue !== props.trueValue && props.disabled,
-      },
-      {
-        'before:transform before:translate-x-3.5':
-          props.modelValue == props.trueValue,
-      },
-
-      // Colors
-      'border',
-      {
-        'border-primary-200':
-          props.modelValue !== props.trueValue && !props.disabled,
-        'border-transparent': props.modelValue == props.trueValue,
-      },
-      {
-        'bg-white':
-          props.modelValue !== props.trueValue && !props.disabled,
-        'bg-primary-500':
-          props.modelValue == props.trueValue && !props.disabled,
-        'bg-primary-100':
-          props.modelValue == props.trueValue && props.disabled,
-        'bg-general-100':
-          props.modelValue !== props.trueValue && props.disabled,
-      },
-
-      // States
-      'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500',
-
-      // Transition
-      'transition-colors duration-200',
-
-      // Misc
-      'cursor-pointer',
-    ],
-  }),
-  input: ({ props }) => ({
-    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
-      'appearance-none',
-      {
-        'cursor-default': props.disabled,
-        'cursor-pointer': !props.disabled,
-      },
-    ],
-  }),
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                // Alignments
+                'inline-flex relative align-middle',
+                'shrink-0',
+                // Shape
+                'rounded-[60px]',
+                // Size
+                'h-4 w-8',
+                // Misc
+                'cursor-pointer',
+                // States
+                {
+                    'select-none pointer-events-none cursor-default': props.disabled,
+                },
+            ],
+        });
+    },
+    slider: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                // Position
+                'absolute top-0 left-0 right-0 bottom-0',
+                // Shape
+                'rounded-[60px]',
+                // Before:
+                'before:absolute before:top-1/2',
+                'before:-mt-[6px] before:ml-0.5',
+                'before:h-3 before:w-3',
+                'before:rounded-full',
+                'before:duration-200 before:transition before:ease-in-out',
+                'before:shadow',
+                {
+                    'before:bg-white before:bg-white': props.modelValue == props.trueValue,
+                    'before:bg-primary-200': props.modelValue !== props.trueValue && !props.disabled,
+                    'before:bg-general-50': props.modelValue !== props.trueValue && props.disabled,
+                },
+                {
+                    'before:transform before:translate-x-3.5': props.modelValue == props.trueValue,
+                },
+                // Colors
+                'border',
+                {
+                    'border-primary-200': props.modelValue !== props.trueValue && !props.disabled,
+                    'border-transparent': props.modelValue == props.trueValue,
+                },
+                {
+                    'bg-white': props.modelValue !== props.trueValue && !props.disabled,
+                    'bg-primary-500': props.modelValue == props.trueValue && !props.disabled,
+                    'bg-primary-100': props.modelValue == props.trueValue && props.disabled,
+                    'bg-general-100': props.modelValue !== props.trueValue && props.disabled,
+                },
+                // States
+                'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500',
+                // Transition
+                'transition-colors duration-200',
+                // Misc
+                'cursor-pointer',
+            ],
+        });
+    },
+    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
+                'rounded',
+                'border',
+                // Shape
+                'opacity-0',
+                'rounded-md',
+                'outline-none',
+                'border-2 border-surface-300',
+                // Misc
+                'appearance-none',
+                {
+                    'cursor-default': props.disabled,
+                    'cursor-pointer': !props.disabled,
+                },
+            ],
+        });
+    },
+};