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

package/wangsvue/scrollpanel/index.js

@@ -1,77 +1,62 @@
-export default {
-  wrapper: {
-    class: [
-      // Size & Position
-      'h-full w-full',
-
-      // Layering
-      'z-[1]',
-
-      // Spacing
-      'overflow-hidden',
-
-      // Misc
-      'relative float-left',
-    ],
-  },
-  content: {
-    class: [
-      // Size & Spacing
-      'h-[calc(100%+12px)] w-[calc(100%+12px)] pr-[12px] pb-[12px] pl-0 pt-0',
-
-      // Overflow & Scrollbar
-      'overflow-scroll scrollbar-none',
-
-      // Box Model
-      'box-border',
-
-      // Position
-      'relative',
-
-      // Webkit Specific
-      '[&::-webkit-scrollbar]:hidden',
-    ],
-  },
-  barX: {
-    class: [
-      // Size & Position
-      'h-[6px] bottom-0',
-
-      // Appearance
-      'bg-surface-100 rounded',
-
-      // Interactivity
-      'cursor-pointer',
-
-      // Visibility & Layering
-      'invisible z-20',
-
-      // Transition
-      'transition duration-[250ms] ease-linear',
-
-      // Misc
-      'relative',
-    ],
-  },
-  barY: {
-    class: [
-      // Size & Position
-      'w-[6px] top-0',
-
-      // Appearance
-      'bg-surface-100 rounded',
-
-      // Interactivity
-      'cursor-pointer',
-
-      // Visibility & Layering
-      'z-20',
-
-      // Transition
-      'transition duration-[250ms] ease-linear',
-
-      // Misc
-      'relative',
-    ],
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    wrapper: {
+        class: [
+            // Size & Position
+            'h-full w-full',
+            // Layering
+            'z-[1]',
+            // Spacing
+            'overflow-hidden',
+            // Misc
+            'relative float-left',
+        ],
+    },
+    content: {
+        class: [
+            // Size & Spacing
+            'h-[calc(100%+12px)] w-[calc(100%+12px)] pr-[12px] pb-[12px] pl-0 pt-0',
+            // Overflow & Scrollbar
+            'overflow-scroll scrollbar-none',
+            // Box Model
+            'box-border',
+            // Position
+            'relative',
+            // Webkit Specific
+            '[&::-webkit-scrollbar]:hidden',
+        ],
+    },
+    barX: {
+        class: [
+            // Size & Position
+            'h-[6px] bottom-0',
+            // Appearance
+            'bg-surface-100 rounded',
+            // Interactivity
+            'cursor-pointer',
+            // Visibility & Layering
+            'invisible z-20',
+            // Transition
+            'transition duration-[250ms] ease-linear',
+            // Misc
+            'relative',
+        ],
+    },
+    barY: {
+        class: [
+            // Size & Position
+            'w-[6px] top-0',
+            // Appearance
+            'bg-surface-100 rounded',
+            // Interactivity
+            'cursor-pointer',
+            // Visibility & Layering
+            'z-20',
+            // Transition
+            'transition duration-[250ms] ease-linear',
+            // Misc
+            'relative',
+        ],
+    },
+};

package/wangsvue/scrolltop/index.d.ts

@@ -0,0 +1,50 @@
+declare namespace _default {
+    function root({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            sticky: boolean;
+            fixed: boolean;
+            'rounded-md h-8 w-8'?: undefined;
+            'h-12 w-12 rounded-full shadow-md'?: undefined;
+            'bg-primary-500 hover:bg-primary-600'?: undefined;
+            'bg-surface-500 hover:bg-surface-600'?: undefined;
+            'hover:bg-primary-600'?: undefined;
+            'hover:bg-surface-600'?: undefined;
+        } | {
+            'rounded-md h-8 w-8': boolean;
+            'h-12 w-12 rounded-full shadow-md': boolean;
+            sticky?: undefined;
+            fixed?: undefined;
+            'bg-primary-500 hover:bg-primary-600'?: undefined;
+            'bg-surface-500 hover:bg-surface-600'?: undefined;
+            'hover:bg-primary-600'?: undefined;
+            'hover:bg-surface-600'?: undefined;
+        } | {
+            'bg-primary-500 hover:bg-primary-600': boolean;
+            'bg-surface-500 hover:bg-surface-600': boolean;
+            sticky?: undefined;
+            fixed?: undefined;
+            'rounded-md h-8 w-8'?: undefined;
+            'h-12 w-12 rounded-full shadow-md'?: undefined;
+            'hover:bg-primary-600'?: undefined;
+            'hover:bg-surface-600'?: undefined;
+        } | {
+            'hover:bg-primary-600': boolean;
+            'hover:bg-surface-600': boolean;
+            sticky?: undefined;
+            fixed?: undefined;
+            'rounded-md h-8 w-8'?: undefined;
+            'h-12 w-12 rounded-full shadow-md'?: undefined;
+            'bg-primary-500 hover:bg-primary-600'?: undefined;
+            'bg-surface-500 hover:bg-surface-600'?: undefined;
+        })[];
+    };
+    namespace transition {
+        let enterFromClass: string;
+        let enterActiveClass: string;
+        let leaveActiveClass: string;
+        let leaveToClass: string;
+    }
+}
+export default _default;

package/wangsvue/scrolltop/index.js

@@ -1,45 +1,42 @@
-export default {
-  root: ({ props }) => ({
-    class: [
-      // Flex & Alignment
-      'flex items-center justify-center',
-
-      // Positioning
-      {
-        sticky: props.target === 'parent',
-        fixed: props.target === 'window',
-      },
-      'bottom-[20px] right-[20px]',
-      'ml-auto',
-
-      // Shape & Size
-      {
-        'rounded-md h-8 w-8': props.target === 'parent',
-        'h-12 w-12 rounded-full shadow-md': props.target === 'window',
-      },
-
-      // Color
-      'text-white',
-      {
-        'bg-primary-500 hover:bg-primary-600':
-          props.target === 'parent',
-        'bg-surface-500 hover:bg-surface-600':
-          props.target === 'window',
-      },
-
-      // States
-      {
-        'hover:bg-primary-600':
-          props.target === 'parent',
-        'hover:bg-surface-600':
-          props.target === 'window',
-      },
-    ],
-  }),
-  transition: {
-    enterFromClass: 'opacity-0',
-    enterActiveClass: 'transition-opacity duration-150',
-    leaveActiveClass: 'transition-opacity duration-150',
-    leaveToClass: 'opacity-0',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                // Flex & Alignment
+                'flex items-center justify-center',
+                // Positioning
+                {
+                    sticky: props.target === 'parent',
+                    fixed: props.target === 'window',
+                },
+                'bottom-[20px] right-[20px]',
+                'ml-auto',
+                // Shape & Size
+                {
+                    'rounded-md h-8 w-8': props.target === 'parent',
+                    'h-12 w-12 rounded-full shadow-md': props.target === 'window',
+                },
+                // Color
+                'text-white',
+                {
+                    'bg-primary-500 hover:bg-primary-600': props.target === 'parent',
+                    'bg-surface-500 hover:bg-surface-600': props.target === 'window',
+                },
+                // States
+                {
+                    'hover:bg-primary-600': props.target === 'parent',
+                    'hover:bg-surface-600': props.target === 'window',
+                },
+            ],
+        });
+    },
+    transition: {
+        enterFromClass: 'opacity-0',
+        enterActiveClass: 'transition-opacity duration-150',
+        leaveActiveClass: 'transition-opacity duration-150',
+        leaveToClass: 'opacity-0',
+    },
+};

package/wangsvue/selectbutton/index.d.ts

@@ -0,0 +1,35 @@
+declare namespace _default {
+    function root({ props }: {
+        props: any;
+    }): {
+        class: string[];
+    };
+    function button({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'bg-surface-0': boolean;
+            'text-primary-500': boolean;
+            'text-surface-0': any;
+            'bg-primary-500': any;
+            'focus:bg-primary-50 '?: undefined;
+            'hover:bg-primary-50 '?: undefined;
+            'focus:bg-primary-600'?: undefined;
+            'hover:bg-primary-600'?: undefined;
+        } | {
+            'focus:bg-primary-50 ': boolean;
+            'hover:bg-primary-50 ': boolean;
+            'focus:bg-primary-600': any;
+            'hover:bg-primary-600': any;
+            'bg-surface-0'?: undefined;
+            'text-primary-500'?: undefined;
+            'text-surface-0'?: undefined;
+            'bg-primary-500'?: undefined;
+        })[];
+    };
+    namespace label {
+        let _class: string;
+        export { _class as class };
+    }
+}
+export default _default;

package/wangsvue/selectbutton/index.js

@@ -1,59 +1,60 @@
-export default {
-  root: ({ props }) => ({
-    class: [
-      'shadow-sm flex flex-col min-w-[43px] w-max',
-      // {
-      //   'opacity-60 select-none pointer-events-none cursor-default':
-      //     props.disabled,
-      // },
-    ],
-  }),
-  button: ({ context }) => ({
-    class: [
-      'relative',
-      // Font
-      'text-body-medium',
-
-      // Flex Alignment
-      'inline-flex items-center align-bottom text-center',
-
-      // Spacing
-      'px-3 py-[5px]',
-
-      // Shape
-      'ring-1 ring-inset ring-primary-500',
-      'first:!rounded-t first:!rounded-b-none',
-      'last:!rounded-t-none last:!rounded-b ',
-
-      // Color
-      {
-        'bg-surface-0': !context.active,
-        'text-primary-500': !context.active,
-        'text-surface-0': context.active,
-        'bg-primary-500': context.active,
-      },
-
-      // States
-      'focus:outline-none focus:outline-offset-0 focus:z-10',
-      {
-        'focus:bg-primary-50 ': !context.active,
-        'hover:bg-primary-50 ': !context.active,
-        'focus:bg-primary-600': context.active,
-        'hover:bg-primary-600': context.active,
-      },
-      // {
-      //   'opacity-60 select-none pointer-events-none cursor-default':
-      //     context.disabled,
-      // },
-
-      // Transition
-      'transition duration-200',
-
-      // Misc
-      'cursor-pointer select-none overflow-hidden',
-    ],
-  }),
-  label: {
-    class: 'font-semibold',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                'shadow-sm flex flex-col min-w-[43px] w-max',
+                // {
+                //   'opacity-60 select-none pointer-events-none cursor-default':
+                //     props.disabled,
+                // },
+            ],
+        });
+    },
+    button: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                'relative',
+                // Font
+                'text-body-medium',
+                // Flex Alignment
+                'inline-flex items-center align-bottom text-center',
+                // Spacing
+                'px-3 py-[5px]',
+                // Shape
+                'ring-1 ring-inset ring-primary-500',
+                'first:!rounded-t first:!rounded-b-none',
+                'last:!rounded-t-none last:!rounded-b ',
+                // Color
+                {
+                    'bg-surface-0': !context.active,
+                    'text-primary-500': !context.active,
+                    'text-surface-0': context.active,
+                    'bg-primary-500': context.active,
+                },
+                // States
+                'focus:outline-none focus:outline-offset-0 focus:z-10',
+                {
+                    'focus:bg-primary-50 ': !context.active,
+                    'hover:bg-primary-50 ': !context.active,
+                    'focus:bg-primary-600': context.active,
+                    'hover:bg-primary-600': context.active,
+                },
+                // {
+                //   'opacity-60 select-none pointer-events-none cursor-default':
+                //     context.disabled,
+                // },
+                // Transition
+                'transition duration-200',
+                // Misc
+                'cursor-pointer select-none overflow-hidden',
+            ],
+        });
+    },
+    label: {
+        class: 'font-semibold',
+    },
+};

package/wangsvue/sidebar/index.d.ts

@@ -0,0 +1,66 @@
+declare namespace _default {
+    function root({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            '!transition-none !transform-none !w-screen !h-screen !max-h-full !top-0 !left-0': boolean;
+            'h-full w-full max-w-[28rem]'?: undefined;
+            'h-auto w-full'?: undefined;
+        } | {
+            'h-full w-full max-w-[28rem]': boolean;
+            'h-auto w-full': boolean;
+            '!transition-none !transform-none !w-screen !h-screen !max-h-full !top-0 !left-0'?: undefined;
+        })[];
+    };
+    namespace header {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace title {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace icons {
+        let _class_2: string[];
+        export { _class_2 as class };
+    }
+    namespace closeButton {
+        let _class_3: string[];
+        export { _class_3 as class };
+    }
+    namespace closeicon {
+        let _class_4: string[];
+        export { _class_4 as class };
+    }
+    namespace content {
+        let _class_5: string[];
+        export { _class_5 as class };
+    }
+    function mask({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'p-5': boolean;
+            'has-[.mask-active]:bg-transparent bg-surface-500/70/70'?: undefined;
+            'has-[.mask-active]:backdrop-blur-none backdrop-blur-sm'?: undefined;
+        } | {
+            'has-[.mask-active]:bg-transparent bg-surface-500/70/70': any;
+            'has-[.mask-active]:backdrop-blur-none backdrop-blur-sm': any;
+            'p-5'?: undefined;
+        })[];
+    };
+    function transition({ props }: {
+        props: any;
+    }): {
+        enterFromClass: string;
+        leaveToClass: string;
+        enterActiveClass?: undefined;
+        leaveActiveClass?: undefined;
+    } | {
+        enterFromClass: string;
+        enterActiveClass: string;
+        leaveActiveClass: string;
+        leaveToClass: string;
+    };
+}
+export default _default;