@wizleap-inc/wiz-ui-next 0.6.3 → 0.7.0

package/dist/components/base/box/box.vue.d.ts

@@ -117,6 +117,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<"none" | "x" | "y" | "block" | "inline" | "both">;
         required: false;
     };
+    backdropBlur: {
+        type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+    };
 }, {
     props: any;
     computedStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
@@ -237,5 +241,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<"none" | "x" | "y" | "block" | "inline" | "both">;
         required: false;
     };
+    backdropBlur: {
+        type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+    };
 }>>, {}>;
 export default _sfc_main;

package/dist/components/base/buttons/tiny/tiny.vue.d.ts

@@ -11,6 +11,23 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    hover: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    p: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+    };
+    px: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+    };
+    py: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+    };
     icon: {
         type: PropType<TIcon>;
         required: false;
@@ -21,13 +38,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
 }, {
+    isHover: import("vue").Ref<boolean>;
     props: any;
     emit: (e: "click") => void;
     onClick: () => false | void;
     tinyButtonState: import("vue").ComputedRef<"clickable+active" | "clickable+inactive" | "unclickable+active" | "unclickable+inactive">;
     readonly tinyButtonBaseStyle: string;
+    readonly tinyButtonHoverStyle: string;
     readonly tinyButtonSizeStyle: string;
     readonly tinyButtonVaraiantStyle: Record<"clickable+active" | "clickable+inactive" | "unclickable+active" | "unclickable+inactive", string>;
+    readonly paddingStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
+    readonly paddingXStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
+    readonly paddingYStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
     readonly WizHStack: import("vue").DefineComponent<{
         align: {
             type: PropType<"stretch" | "center" | "end" | "start">;
@@ -545,6 +567,23 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    hover: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    p: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+    };
+    px: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+    };
+    py: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+    };
     icon: {
         type: PropType<TIcon>;
         required: false;
@@ -560,5 +599,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     iconPosition: "left" | "right";
     clickable: boolean;
     active: boolean;
+    hover: boolean;
 }>;
 export default _sfc_main;

package/dist/components/base/dropdown/dropdown.vue.d.ts

@@ -19,10 +19,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
     readonly dropdownStyle: string;
     readonly dropdownSkeletonStyle: string;
     readonly WizPopup: import("vue").DefineComponent<{
-        layer: {
-            type: PropType<"base" | "floating" | "dialog" | "popover">;
+        isOpen: {
+            type: BooleanConstructor;
             required: true;
         };
+        closeOnBlur: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        layer: {
+            type: PropType<"floating" | "popover">;
+            required: false;
+            default: string;
+        };
         gap: {
             type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
             required: false;
@@ -35,6 +45,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
     }, {
         props: any;
+        emit: (event: "onClose", isOpen: boolean) => void;
         popupRef: import("vue").Ref<HTMLElement | undefined>;
         injected: {
             initialPxInfo: {
@@ -54,10 +65,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 readonly height: number;
             };
             updateBodyPxInfo: () => void;
-            isPopupOpen: Readonly<import("vue").Ref<boolean>>;
-            setPopupOpen: (isOpen: boolean) => void;
+            containerRef: import("vue").Ref<HTMLElement | undefined>;
         };
-        isPopupOpen: Readonly<import("vue").Ref<boolean>>;
         bodyPxInfo: {
             readonly top: number;
             readonly left: number;
@@ -66,6 +75,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
             readonly width: number;
             readonly height: number;
         };
+        updateBodyPxInfo: () => void;
+        containerRef: import("vue").Ref<HTMLElement | undefined>;
         popupRect: import("vue").ComputedRef<{
             width: number;
             height: number;
@@ -78,17 +89,29 @@ declare const _sfc_main: import("vue").DefineComponent<{
             x: number;
             y: number;
         }>;
+        isDirectionChar: (char: string) => char is "t" | "l" | "r" | "b";
+        directionToTuple: (direction: "tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb") => ["t" | "l" | "r" | "b", "t" | "l" | "r" | "b"];
+        convertDirection: (char: "t" | "l" | "r" | "b") => "t" | "b" | "r" | "l";
         computedDirection: import("vue").ComputedRef<"tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb">;
+        inset: import("vue").ComputedRef<string>;
+        popupTranslate: import("vue").ComputedRef<string>;
         readonly popupStyle: string;
-        readonly popupDirectionStyle: Record<"tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb", string>;
         readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
-        readonly marginXStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
-        readonly marginYStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        layer: {
-            type: PropType<"base" | "floating" | "dialog" | "popover">;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClose"[], "onClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
             required: true;
         };
+        closeOnBlur: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        layer: {
+            type: PropType<"floating" | "popover">;
+            required: false;
+            default: string;
+        };
         gap: {
             type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
             required: false;
@@ -99,22 +122,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
             default: string;
         };
-    }>>, {
+    }>> & {
+        onOnClose?: ((...args: any[]) => any) | undefined;
+    }, {
         direction: "tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb";
         gap: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
+        closeOnBlur: boolean;
+        layer: "floating" | "popover";
     }>;
     readonly WizPopupContainer: import("vue").DefineComponent<{
-        modelValue: {
-            type: BooleanConstructor;
-            required: true;
-        };
         expand: {
             type: BooleanConstructor;
             required: false;
         };
     }, {
-        props: any;
-        emit: (event: "update:modelValue", value: boolean) => void;
         popupContainerRef: import("vue").Ref<HTMLElement | undefined>;
         provider: {
             initialPxInfo: {
@@ -134,24 +155,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 readonly height: number;
             };
             updateBodyPxInfo: () => void;
-            isPopupOpen: Readonly<import("vue").Ref<boolean>>;
-            setPopupOpen: (isOpen: boolean) => void;
+            containerRef: import("vue").Ref<HTMLElement | undefined>;
         };
-        setPopupOpen: (isOpen: boolean) => void;
-        updateBodyPxInfo: () => void;
         readonly popupContainerStyle: Record<"default" | "expanded", string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: BooleanConstructor;
-            required: true;
-        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         expand: {
             type: BooleanConstructor;
             required: false;
         };
-    }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>>, {
         expand: boolean;
     }>;
     readonly WizVStack: import("vue").DefineComponent<{

package/dist/components/base/inputs/datepicker/date-picker.vue.d.ts

@@ -789,10 +789,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
         breakAll: boolean;
     }>;
     readonly WizPopup: import("vue").DefineComponent<{
-        layer: {
-            type: import("vue").PropType<"base" | "floating" | "dialog" | "popover">;
+        isOpen: {
+            type: BooleanConstructor;
             required: true;
         };
+        closeOnBlur: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        layer: {
+            type: import("vue").PropType<"floating" | "popover">;
+            required: false;
+            default: string;
+        };
         gap: {
             type: import("vue").PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
             required: false;
@@ -805,6 +815,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
     }, {
         props: any;
+        emit: (event: "onClose", isOpen: boolean) => void;
         popupRef: import("vue").Ref<HTMLElement | undefined>;
         injected: {
             initialPxInfo: {
@@ -824,10 +835,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 readonly height: number;
             };
             updateBodyPxInfo: () => void;
-            isPopupOpen: Readonly<import("vue").Ref<boolean>>;
-            setPopupOpen: (isOpen: boolean) => void;
+            containerRef: import("vue").Ref<HTMLElement | undefined>;
         };
-        isPopupOpen: Readonly<import("vue").Ref<boolean>>;
         bodyPxInfo: {
             readonly top: number;
             readonly left: number;
@@ -836,6 +845,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
             readonly width: number;
             readonly height: number;
         };
+        updateBodyPxInfo: () => void;
+        containerRef: import("vue").Ref<HTMLElement | undefined>;
         popupRect: import("vue").ComputedRef<{
             width: number;
             height: number;
@@ -848,17 +859,29 @@ declare const _sfc_main: import("vue").DefineComponent<{
             x: number;
             y: number;
         }>;
+        isDirectionChar: (char: string) => char is "t" | "l" | "r" | "b";
+        directionToTuple: (direction: "tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb") => ["t" | "l" | "r" | "b", "t" | "l" | "r" | "b"];
+        convertDirection: (char: "t" | "l" | "r" | "b") => "t" | "b" | "r" | "l";
         computedDirection: import("vue").ComputedRef<"tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb">;
+        inset: import("vue").ComputedRef<string>;
+        popupTranslate: import("vue").ComputedRef<string>;
         readonly popupStyle: string;
-        readonly popupDirectionStyle: Record<"tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb", string>;
         readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
-        readonly marginXStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
-        readonly marginYStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        layer: {
-            type: import("vue").PropType<"base" | "floating" | "dialog" | "popover">;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClose"[], "onClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
             required: true;
         };
+        closeOnBlur: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        layer: {
+            type: import("vue").PropType<"floating" | "popover">;
+            required: false;
+            default: string;
+        };
         gap: {
             type: import("vue").PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
             required: false;
@@ -869,22 +892,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
             default: string;
         };
-    }>>, {
+    }>> & {
+        onOnClose?: ((...args: any[]) => any) | undefined;
+    }, {
         direction: "tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb";
         gap: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
+        closeOnBlur: boolean;
+        layer: "floating" | "popover";
     }>;
     readonly WizPopupContainer: import("vue").DefineComponent<{
-        modelValue: {
-            type: BooleanConstructor;
-            required: true;
-        };
         expand: {
             type: BooleanConstructor;
             required: false;
         };
     }, {
-        props: any;
-        emit: (event: "update:modelValue", value: boolean) => void;
         popupContainerRef: import("vue").Ref<HTMLElement | undefined>;
         provider: {
             initialPxInfo: {
@@ -904,24 +925,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 readonly height: number;
             };
             updateBodyPxInfo: () => void;
-            isPopupOpen: Readonly<import("vue").Ref<boolean>>;
-            setPopupOpen: (isOpen: boolean) => void;
+            containerRef: import("vue").Ref<HTMLElement | undefined>;
         };
-        setPopupOpen: (isOpen: boolean) => void;
-        updateBodyPxInfo: () => void;
         readonly popupContainerStyle: Record<"default" | "expanded", string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: BooleanConstructor;
-            required: true;
-        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         expand: {
             type: BooleanConstructor;
             required: false;
         };
-    }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>>, {
         expand: boolean;
     }>;
     readonly WizICalendar: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/dist/components/base/inputs/index.d.ts

@@ -8,3 +8,4 @@ export * from "./panel-switch";
 export * from "./timepicker";
 export * from "./datepicker";
 export * from "./upload";
+export * from "./search";

package/dist/components/base/inputs/search/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WizSearch } from "./search.vue";
+export { default as WizSearchPopup } from "./search-popup.vue";