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

package/wangsvue/dock/index.js

@@ -1,97 +1,92 @@
-export default {
-  root: ({ props }) => ({
-    class: [
-      // Positioning
-      'absolute z-1',
-      {
-        'left-0 bottom-0 w-full': props.position == 'bottom',
-        'left-0 top-0 w-full': props.position == 'top',
-        'left-0 top-0 h-full': props.position == 'left',
-        'right-0 top-0 h-full': props.position == 'right',
-      },
-
-      // Flexbox & Alignment
-      'flex justify-center items-center',
-
-      // Interactivity
-      'pointer-events-none',
-    ],
-  }),
-  container: {
-    class: [
-      // Flexbox
-      'flex',
-
-      // Shape & Border
-      'rounded-md',
-
-      // Color
-      'bg-surface-0/10 border border-surface-0/20',
-      'backdrop-blur-sm',
-
-      // Spacing
-      'p-2',
-
-      // Misc
-      'pointer-events-auto',
-    ],
-  },
-  menu: ({ props }) => ({
-    class: [
-      // Flexbox & Alignment
-      'flex items-center justify-center',
-      {
-        'flex-col': props.position == 'left' || props.position == 'right',
-      },
-
-      // List Style
-      'm-0 p-0 list-none',
-
-      // Shape
-      'outline-none',
-    ],
-  }),
-  menuitem: ({ props, context, instance }) => ({
-    class: [
-      // Spacing & Shape
-      'p-2 rounded-md',
-
-      // Conditional Scaling
-      {
-        'hover:scale-150': instance.currentIndex === context.index,
-        'scale-125':
-          instance.currentIndex - 1 === context.index ||
-          instance.currentIndex + 1 === context.index,
-        'scale-110':
-          instance.currentIndex - 2 === context.index ||
-          instance.currentIndex + 2 === context.index,
-      },
-
-      // Positioning & Hover States
-      {
-        'origin-bottom hover:mx-6': props.position == 'bottom',
-        'origin-top hover:mx-6': props.position == 'top',
-        'origin-left hover:my-6': props.position == 'left',
-        'origin-right hover:my-6': props.position == 'right',
-      },
-
-      // Transitions & Transform
-      'transition-all duration-200 ease-cubic-bezier-will-change-transform transform',
-    ],
-  }),
-  action: {
-    class: [
-      // Flexbox & Alignment
-      'flex flex-col items-center justify-center',
-
-      // Position
-      'relative',
-
-      // Size
-      'w-16 h-16',
-
-      // Misc
-      'cursor-default overflow-hidden',
-    ],
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                // Positioning
+                'absolute z-1',
+                {
+                    'left-0 bottom-0 w-full': props.position == 'bottom',
+                    'left-0 top-0 w-full': props.position == 'top',
+                    'left-0 top-0 h-full': props.position == 'left',
+                    'right-0 top-0 h-full': props.position == 'right',
+                },
+                // Flexbox & Alignment
+                'flex justify-center items-center',
+                // Interactivity
+                'pointer-events-none',
+            ],
+        });
+    },
+    container: {
+        class: [
+            // Flexbox
+            'flex',
+            // Shape & Border
+            'rounded-md',
+            // Color
+            'bg-surface-0/10 border border-surface-0/20',
+            'backdrop-blur-sm',
+            // Spacing
+            'p-2',
+            // Misc
+            'pointer-events-auto',
+        ],
+    },
+    menu: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                // Flexbox & Alignment
+                'flex items-center justify-center',
+                {
+                    'flex-col': props.position == 'left' || props.position == 'right',
+                },
+                // List Style
+                'm-0 p-0 list-none',
+                // Shape
+                'outline-none',
+            ],
+        });
+    },
+    menuitem: function (_a) {
+        var props = _a.props, context = _a.context, instance = _a.instance;
+        return ({
+            class: [
+                // Spacing & Shape
+                'p-2 rounded-md',
+                // Conditional Scaling
+                {
+                    'hover:scale-150': instance.currentIndex === context.index,
+                    'scale-125': instance.currentIndex - 1 === context.index ||
+                        instance.currentIndex + 1 === context.index,
+                    'scale-110': instance.currentIndex - 2 === context.index ||
+                        instance.currentIndex + 2 === context.index,
+                },
+                // Positioning & Hover States
+                {
+                    'origin-bottom hover:mx-6': props.position == 'bottom',
+                    'origin-top hover:mx-6': props.position == 'top',
+                    'origin-left hover:my-6': props.position == 'left',
+                    'origin-right hover:my-6': props.position == 'right',
+                },
+                // Transitions & Transform
+                'transition-all duration-200 ease-cubic-bezier-will-change-transform transform',
+            ],
+        });
+    },
+    action: {
+        class: [
+            // Flexbox & Alignment
+            'flex flex-col items-center justify-center',
+            // Position
+            'relative',
+            // Size
+            'w-16 h-16',
+            // Misc
+            'cursor-default overflow-hidden',
+        ],
+    },
+};

package/wangsvue/dropdown/index.d.ts

@@ -0,0 +1,136 @@
+declare namespace _default {
+    function root({ props, state }: {
+        props: any;
+        state: any;
+    }): {
+        class: (string | {
+            'opacity-60': any;
+            'pointer-events-none': any;
+        })[];
+    };
+    function input({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            '!text-general-200': boolean;
+            'text-grayscale-900': boolean;
+            'pr-7'?: undefined;
+        } | {
+            'pr-7': any;
+            '!text-general-200'?: undefined;
+            'text-grayscale-900'?: undefined;
+        })[];
+    };
+    namespace trigger {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace panel {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    function wrapper({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'rounded-lg': boolean;
+            'rounded-br-lg rounded-bl-lg': any;
+        })[];
+    };
+    namespace list {
+        let _class_2: string;
+        export { _class_2 as class };
+    }
+    function item({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            '!font-medium': any;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'text-surface-700'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'text-surface-600': any;
+            '!font-medium'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'text-surface-700'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'bg-primary-50 text-surface-700': boolean;
+            '!font-medium'?: undefined;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'text-surface-700'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'bg-primary-50 text-primary-500': any;
+            '!font-medium'?: undefined;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'text-surface-700'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'text-surface-700': any;
+            '!font-medium'?: undefined;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'pointer-events-none cursor-default': any;
+            '!font-medium'?: undefined;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'text-surface-700'?: undefined;
+            'cursor-pointer'?: undefined;
+        } | {
+            'cursor-pointer': boolean;
+            '!font-medium'?: undefined;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'text-surface-700'?: undefined;
+            'pointer-events-none cursor-default'?: undefined;
+        })[];
+    };
+    namespace itemgroup {
+        let _class_3: string[];
+        export { _class_3 as class };
+    }
+    namespace emptymessage {
+        let _class_4: string[];
+        export { _class_4 as class };
+    }
+    let header: {
+        class: string[];
+    };
+    let filtercontainer: {
+        class: string[];
+    };
+    let filterinput: {
+        class: string[];
+    };
+    let filtericon: {
+        class: string[];
+    };
+    namespace clearicon {
+        let _class_5: string[];
+        export { _class_5 as class };
+    }
+    namespace transition {
+        let enterFromClass: string;
+        let enterActiveClass: string;
+        let leaveActiveClass: string;
+        let leaveToClass: string;
+    }
+}
+export default _default;