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

package/wangsvue/password/index.js

@@ -1,98 +1,96 @@
-export default {
-  root: ({ props }) => ({
-    class: [
-      'w-full',
-      'inline-flex relative',
-      // 'border-[0.5px] border-general-200 rounded',
-      'text-general-800',
-      {
-        'opacity-60 select-none pointer-events-none cursor-default':
-          props.disabled,
-      },
-    ],
-  }),
-  input: {
-    class: [
-      '!bg-primary-500',
-      'placeholder:!font-normal',
-      // 'bg-white text-general-800 placeholder:text-general-200 placeholder:font-light',
-      // 'w-full h-full !max-h-[43px]',
-      // 'py-1 px-3 items-center space-x-1',
-      // 'flex flex-shrink-0 self-stretch',
-      // 'text-xs leading-[133.333%] tracking-[0.24px]',
-      // 'rounded shadow-sm',
-      // 'appearance-none outline-none focus:ring-primary-500',
-    ],
-  },
-  panel: {
-    class: [
-      // Spacing
-      'p-3',
-
-      // Shape
-      'border-0',
-      'shadow-md rounded-md',
-
-      // Colors
-      'bg-white',
-      'text-general-800',
-      '',
-    ],
-  },
-  meter: {
-    class: [
-      // Position and Overflow
-      'overflow-hidden',
-      'relative',
-
-      // Shape and Size
-      'border-0',
-      'h-2',
-      'rounded-md',
-
-      // Spacing
-      'mb-2',
-
-      // Colors
-      'bg-surface-100',
-    ],
-  },
-  meterlabel: ({ instance }) => ({
-    class: [
-      // Size
-      'h-full',
-
-      // Colors
-      {
-        'bg-red-500/50': instance?.meter?.strength == 'weak',
-        'bg-orange-500/50':
-          instance?.meter?.strength == 'medium',
-        'bg-green-500/50':
-          instance?.meter?.strength == 'strong',
-      },
-
-      // Transitions
-      'transition-all duration-1000 ease-in-out',
-    ],
-  }),
-  showicon: {
-    class: [
-      'absolute top-[54%] right-3 -mt-2',
-      'text-general-200',
-      'focus-visible:text-general-500 hover:text-general-500',
-    ],
-  },
-  hideicon: {
-    class: [
-      'absolute top-[54%] right-3 -mt-2',
-      'text-general-200',
-    ],
-  },
-  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',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                'w-full',
+                'inline-flex relative',
+                // 'border-[0.5px] border-general-200 rounded',
+                'text-general-800',
+                {
+                    'opacity-60 select-none pointer-events-none cursor-default': props.disabled,
+                },
+            ],
+        });
+    },
+    input: {
+        class: [
+            '!bg-primary-500',
+            'placeholder:!font-normal',
+            // 'bg-white text-general-800 placeholder:text-general-200 placeholder:font-light',
+            // 'w-full h-full !max-h-[43px]',
+            // 'py-1 px-3 items-center space-x-1',
+            // 'flex flex-shrink-0 self-stretch',
+            // 'text-xs leading-[133.333%] tracking-[0.24px]',
+            // 'rounded shadow-sm',
+            // 'appearance-none outline-none focus:ring-primary-500',
+        ],
+    },
+    panel: {
+        class: [
+            // Spacing
+            'p-3',
+            // Shape
+            'border-0',
+            'shadow-md rounded-md',
+            // Colors
+            'bg-white',
+            'text-general-800',
+            '',
+        ],
+    },
+    meter: {
+        class: [
+            // Position and Overflow
+            'overflow-hidden',
+            'relative',
+            // Shape and Size
+            'border-0',
+            'h-2',
+            'rounded-md',
+            // Spacing
+            'mb-2',
+            // Colors
+            'bg-surface-100',
+        ],
+    },
+    meterlabel: function (_a) {
+        var _b, _c, _d;
+        var instance = _a.instance;
+        return ({
+            class: [
+                // Size
+                'h-full',
+                // Colors
+                {
+                    'bg-red-500/50': ((_b = instance === null || instance === void 0 ? void 0 : instance.meter) === null || _b === void 0 ? void 0 : _b.strength) == 'weak',
+                    'bg-orange-500/50': ((_c = instance === null || instance === void 0 ? void 0 : instance.meter) === null || _c === void 0 ? void 0 : _c.strength) == 'medium',
+                    'bg-green-500/50': ((_d = instance === null || instance === void 0 ? void 0 : instance.meter) === null || _d === void 0 ? void 0 : _d.strength) == 'strong',
+                },
+                // Transitions
+                'transition-all duration-1000 ease-in-out',
+            ],
+        });
+    },
+    showicon: {
+        class: [
+            'absolute top-[54%] right-3 -mt-2',
+            'text-general-200',
+            'focus-visible:text-general-500 hover:text-general-500',
+        ],
+    },
+    hideicon: {
+        class: [
+            'absolute top-[54%] right-3 -mt-2',
+            'text-general-200',
+        ],
+    },
+    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/picklist/index.d.ts

@@ -0,0 +1,245 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace sourcecontrols {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace sourcemoveupbutton {
+        export function root_1({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_1 as root };
+        export namespace label {
+            let _class_2: string[];
+            export { _class_2 as class };
+        }
+    }
+    namespace sourcemovetopbutton {
+        export function root_2({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_2 as root };
+        export namespace label_1 {
+            let _class_3: string[];
+            export { _class_3 as class };
+        }
+        export { label_1 as label };
+    }
+    namespace sourcemovedownbutton {
+        export function root_3({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_3 as root };
+        export namespace label_2 {
+            let _class_4: string[];
+            export { _class_4 as class };
+        }
+        export { label_2 as label };
+    }
+    namespace sourcemovebottombutton {
+        export function root_4({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_4 as root };
+        export namespace label_3 {
+            let _class_5: string[];
+            export { _class_5 as class };
+        }
+        export { label_3 as label };
+    }
+    namespace sourcewrapper {
+        let _class_6: string;
+        export { _class_6 as class };
+    }
+    namespace sourceheader {
+        let _class_7: string[];
+        export { _class_7 as class };
+    }
+    namespace sourcelist {
+        let _class_8: string[];
+        export { _class_8 as class };
+    }
+    function item({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'bg-surface-100': boolean;
+            'bg-surface-200'?: undefined;
+            'bg-surface-50/70'?: undefined;
+        } | {
+            'bg-surface-200': any;
+            'bg-surface-100'?: undefined;
+            'bg-surface-50/70'?: undefined;
+        } | {
+            'bg-surface-50/70': any;
+            'bg-surface-100'?: undefined;
+            'bg-surface-200'?: undefined;
+        })[];
+    };
+    namespace buttons {
+        let _class_9: string;
+        export { _class_9 as class };
+    }
+    namespace movetotargetbutton {
+        export function root_5({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_5 as root };
+        export namespace label_4 {
+            let _class_10: string[];
+            export { _class_10 as class };
+        }
+        export { label_4 as label };
+    }
+    namespace movealltotargetbutton {
+        export function root_6({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_6 as root };
+        export namespace label_5 {
+            let _class_11: string[];
+            export { _class_11 as class };
+        }
+        export { label_5 as label };
+    }
+    namespace movetosourcebutton {
+        export function root_7({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_7 as root };
+        export namespace label_6 {
+            let _class_12: string[];
+            export { _class_12 as class };
+        }
+        export { label_6 as label };
+    }
+    namespace movealltosourcebutton {
+        export function root_8({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_8 as root };
+        export namespace label_7 {
+            let _class_13: string[];
+            export { _class_13 as class };
+        }
+        export { label_7 as label };
+    }
+    namespace targetcontrols {
+        let _class_14: string;
+        export { _class_14 as class };
+    }
+    namespace targetmoveupbutton {
+        export function root_9({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_9 as root };
+        export namespace label_8 {
+            let _class_15: string[];
+            export { _class_15 as class };
+        }
+        export { label_8 as label };
+    }
+    namespace targetmovetopbutton {
+        export function root_10({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_10 as root };
+        export namespace label_9 {
+            let _class_16: string[];
+            export { _class_16 as class };
+        }
+        export { label_9 as label };
+    }
+    namespace targetmovedownbutton {
+        export function root_11({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_11 as root };
+        export namespace label_10 {
+            let _class_17: string[];
+            export { _class_17 as class };
+        }
+        export { label_10 as label };
+    }
+    namespace targetmovebottombutton {
+        export function root_12({ context }: {
+            context: any;
+        }): {
+            class: (string | {
+                'cursor-default pointer-events-none opacity-60': any;
+            })[];
+        };
+        export { root_12 as root };
+        export namespace label_11 {
+            let _class_18: string[];
+            export { _class_18 as class };
+        }
+        export { label_11 as label };
+    }
+    namespace targetwrapper {
+        let _class_19: string;
+        export { _class_19 as class };
+    }
+    namespace targetheader {
+        let _class_20: string[];
+        export { _class_20 as class };
+    }
+    namespace targetlist {
+        let _class_21: string[];
+        export { _class_21 as class };
+    }
+    namespace transition {
+        let enterFromClass: string;
+        let enterActiveClass: string;
+        let leaveActiveClass: string;
+        let leaveToClass: string;
+    }
+}
+export default _default;