@wizleap-inc/wiz-ui-next 0.0.1

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

@@ -0,0 +1,641 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    skeleton: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    gap: {
+        type: null;
+        required: false;
+    };
+}, {
+    props: any;
+    emit: (event: "update:modelValue", value: boolean) => void;
+    modelValue: import("vue").WritableComputedRef<boolean>;
+    readonly dropdownStyle: string;
+    readonly dropdownSkeletonStyle: string;
+    readonly WizPopup: import("vue").DefineComponent<{
+        layer: {
+            type: null;
+            required: true;
+        };
+        gap: {
+            type: null;
+            required: false;
+            default: string;
+        };
+        direction: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+    }, {
+        props: any;
+        popupRef: import("vue").Ref<HTMLElement | undefined>;
+        injected: {
+            initialPxInfo: {
+                top: number;
+                left: number;
+                right: number;
+                bottom: number;
+                width: number;
+                height: number;
+            };
+            bodyPxInfo: {
+                readonly top: number;
+                readonly left: number;
+                readonly right: number;
+                readonly bottom: number;
+                readonly width: number;
+                readonly height: number;
+            };
+            updateBodyPxInfo: () => void;
+            isPopupOpen: Readonly<import("vue").Ref<boolean>>;
+            setPopupOpen: (isOpen: boolean) => void;
+        };
+        isPopupOpen: Readonly<import("vue").Ref<boolean>>;
+        bodyPxInfo: {
+            readonly top: number;
+            readonly left: number;
+            readonly right: number;
+            readonly bottom: number;
+            readonly width: number;
+            readonly height: number;
+        };
+        popupRect: import("vue").ComputedRef<{
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+            right: number;
+            bottom: number;
+        }>;
+        spaceBetweenPopupAndWindow: import("vue").ComputedRef<{
+            x: number;
+            y: number;
+        }>;
+        computedDirection: import("vue").ComputedRef<"bl" | "tr" | "br" | "tl" | "lb" | "lt" | "rb" | "rt">;
+        readonly popupStyle: string;
+        readonly popupDirectionStyle: Record<"bl" | "tr" | "br" | "tl" | "lb" | "lt" | "rb" | "rt", string>;
+        readonly zIndexStyle: Record<"base" | "floating" | "dialog" | "popover", string>;
+        readonly marginXStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+        readonly marginYStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "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: null;
+            required: true;
+        };
+        gap: {
+            type: null;
+            required: false;
+            default: string;
+        };
+        direction: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+    }>>, {
+        direction: string;
+        gap: any;
+    }>;
+    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: {
+                top: number;
+                left: number;
+                right: number;
+                bottom: number;
+                width: number;
+                height: number;
+            };
+            bodyPxInfo: {
+                readonly top: number;
+                readonly left: number;
+                readonly right: number;
+                readonly bottom: number;
+                readonly width: number;
+                readonly height: number;
+            };
+            updateBodyPxInfo: () => void;
+            isPopupOpen: Readonly<import("vue").Ref<boolean>>;
+            setPopupOpen: (isOpen: boolean) => void;
+        };
+        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;
+        };
+        expand: {
+            type: BooleanConstructor;
+            required: false;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {
+        expand: boolean;
+    }>;
+    readonly WizVStack: import("vue").DefineComponent<{
+        align: {
+            type: StringConstructor;
+            required: false;
+        };
+        justify: {
+            type: StringConstructor;
+            required: false;
+        };
+        wrap: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        gap: {
+            type: null;
+            required: false;
+        };
+        gx: {
+            type: null;
+            required: false;
+        };
+        gy: {
+            type: null;
+            required: false;
+        };
+        p: {
+            type: null;
+            required: false;
+        };
+        pt: {
+            type: null;
+            required: false;
+        };
+        pr: {
+            type: null;
+            required: false;
+        };
+        pb: {
+            type: null;
+            required: false;
+        };
+        pl: {
+            type: null;
+            required: false;
+        };
+        px: {
+            type: null;
+            required: false;
+        };
+        py: {
+            type: null;
+            required: false;
+        };
+        m: {
+            type: null;
+            required: false;
+        };
+        mt: {
+            type: null;
+            required: false;
+        };
+        mr: {
+            type: null;
+            required: false;
+        };
+        mb: {
+            type: null;
+            required: false;
+        };
+        ml: {
+            type: null;
+            required: false;
+        };
+        mx: {
+            type: null;
+            required: false;
+        };
+        my: {
+            type: null;
+            required: false;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+        };
+        height: {
+            type: StringConstructor;
+            required: false;
+        };
+        overflow: {
+            type: StringConstructor;
+            required: false;
+        };
+        reverse: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        position: {
+            type: StringConstructor;
+            required: false;
+        };
+    }, {
+        readonly WizStack: import("vue").DefineComponent<{
+            direction: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            wrap: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            gap: {
+                type: null;
+                required: false;
+            };
+            gx: {
+                type: null;
+                required: false;
+            };
+            gy: {
+                type: null;
+                required: false;
+            };
+            p: {
+                type: null;
+                required: false;
+            };
+            pt: {
+                type: null;
+                required: false;
+            };
+            pr: {
+                type: null;
+                required: false;
+            };
+            pb: {
+                type: null;
+                required: false;
+            };
+            pl: {
+                type: null;
+                required: false;
+            };
+            px: {
+                type: null;
+                required: false;
+            };
+            py: {
+                type: null;
+                required: false;
+            };
+            m: {
+                type: null;
+                required: false;
+            };
+            mt: {
+                type: null;
+                required: false;
+            };
+            mr: {
+                type: null;
+                required: false;
+            };
+            mb: {
+                type: null;
+                required: false;
+            };
+            ml: {
+                type: null;
+                required: false;
+            };
+            mx: {
+                type: null;
+                required: false;
+            };
+            my: {
+                type: null;
+                required: false;
+            };
+            width: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            height: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            overflow: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            reverse: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            position: {
+                type: StringConstructor;
+                required: false;
+            };
+        }, {
+            props: any;
+            computedDirection: import("vue").ComputedRef<"horizontal" | "vertical" | "horizontalReverse" | "verticalReverse">;
+            readonly stackStyle: string;
+            readonly stackDirectionStyle: Record<"horizontal" | "vertical" | "horizontalReverse" | "verticalReverse", string>;
+            readonly stackJustifyStyle: Record<"center" | "end" | "start" | "between" | "around" | "evenly", string>;
+            readonly stackAlignStyle: Record<"stretch" | "center" | "end" | "start", string>;
+            readonly stackWrapStyle: string;
+            readonly stackPositionStyle: Record<"fixed" | "absolute" | "relative" | "static" | "sticky", string>;
+            readonly gapStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly gapXStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly gapYStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly marginStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly marginXStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly marginYStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly marginTopStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly marginRightStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly marginBottomStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly marginLeftStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly paddingStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly paddingXStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly paddingYStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly paddingTopStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly paddingRightStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly paddingBottomStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+            readonly paddingLeftStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            wrap: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            gap: {
+                type: null;
+                required: false;
+            };
+            gx: {
+                type: null;
+                required: false;
+            };
+            gy: {
+                type: null;
+                required: false;
+            };
+            p: {
+                type: null;
+                required: false;
+            };
+            pt: {
+                type: null;
+                required: false;
+            };
+            pr: {
+                type: null;
+                required: false;
+            };
+            pb: {
+                type: null;
+                required: false;
+            };
+            pl: {
+                type: null;
+                required: false;
+            };
+            px: {
+                type: null;
+                required: false;
+            };
+            py: {
+                type: null;
+                required: false;
+            };
+            m: {
+                type: null;
+                required: false;
+            };
+            mt: {
+                type: null;
+                required: false;
+            };
+            mr: {
+                type: null;
+                required: false;
+            };
+            mb: {
+                type: null;
+                required: false;
+            };
+            ml: {
+                type: null;
+                required: false;
+            };
+            mx: {
+                type: null;
+                required: false;
+            };
+            my: {
+                type: null;
+                required: false;
+            };
+            width: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            height: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            overflow: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            reverse: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            position: {
+                type: StringConstructor;
+                required: false;
+            };
+        }>>, {
+            reverse: boolean;
+            width: string;
+            height: string;
+            overflow: string;
+            direction: string;
+            wrap: boolean;
+            justify: string;
+            align: string;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        align: {
+            type: StringConstructor;
+            required: false;
+        };
+        justify: {
+            type: StringConstructor;
+            required: false;
+        };
+        wrap: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        gap: {
+            type: null;
+            required: false;
+        };
+        gx: {
+            type: null;
+            required: false;
+        };
+        gy: {
+            type: null;
+            required: false;
+        };
+        p: {
+            type: null;
+            required: false;
+        };
+        pt: {
+            type: null;
+            required: false;
+        };
+        pr: {
+            type: null;
+            required: false;
+        };
+        pb: {
+            type: null;
+            required: false;
+        };
+        pl: {
+            type: null;
+            required: false;
+        };
+        px: {
+            type: null;
+            required: false;
+        };
+        py: {
+            type: null;
+            required: false;
+        };
+        m: {
+            type: null;
+            required: false;
+        };
+        mt: {
+            type: null;
+            required: false;
+        };
+        mr: {
+            type: null;
+            required: false;
+        };
+        mb: {
+            type: null;
+            required: false;
+        };
+        ml: {
+            type: null;
+            required: false;
+        };
+        mx: {
+            type: null;
+            required: false;
+        };
+        my: {
+            type: null;
+            required: false;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+        };
+        height: {
+            type: StringConstructor;
+            required: false;
+        };
+        overflow: {
+            type: StringConstructor;
+            required: false;
+        };
+        reverse: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        position: {
+            type: StringConstructor;
+            required: false;
+        };
+    }>>, {
+        reverse: boolean;
+        wrap: boolean;
+    }>;
+}, 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;
+    };
+    skeleton: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    gap: {
+        type: null;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    skeleton: boolean;
+}>;
+export default _sfc_main;

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

@@ -0,0 +1,2 @@
+export { default as WizDropdown } from "./dropdown.vue";
+export { default as WizDropdownItem } from "./dropdown-item.vue";