@bridge-ui/vue 0.8.0 → 0.9.0

package/dist/Components/NumberField/composables/useNumberField.d.ts

@@ -435,7 +435,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -687,7 +687,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>, {
+    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>, {
         min: number | undefined;
         max: number | undefined;
         type: string;

package/dist/Components/Pagination/composables/usePagination.d.ts

@@ -17,7 +17,7 @@ export declare function usePagination(props: PaginationOwnProps, libDefaults: Pa
     rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         "aria-label": string;
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<PaginationProps, "color" | "mode" | "size" | "classes" | "customProps" | "rounded" | "variant" | "disabled" | "modelValue" | "boundaryCount" | "count" | "hasNext" | "hasPrevious" | "hideNextButton" | "hidePrevButton" | "siblingCount">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<PaginationProps, "color" | "mode" | "size" | "classes" | "customProps" | "disabled" | "rounded" | "variant" | "modelValue" | "boundaryCount" | "count" | "hasNext" | "hasPrevious" | "hideNextButton" | "hidePrevButton" | "siblingCount">>>;
     listBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, {}>>;

package/dist/Components/PasswordField/composables/usePasswordField.d.ts

@@ -433,7 +433,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -684,7 +684,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>, {
+    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>, {
         type: string;
     }>>;
     isVisible: import('vue').ComputedRef<boolean>;

package/dist/Components/Select/Select.vue.d.ts

@@ -8,9 +8,9 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: () => any;
     search: (query: string) => any;
-    select: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
     apply: () => any;
     cancel: () => any;
+    select: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
     change: (value: import('@bridge-ui/core/Domain').SelectModel) => any;
     close: () => any;
     deselect: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
@@ -19,9 +19,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: (() => any) | undefined;
     onSearch?: ((query: string) => any) | undefined;
-    onSelect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;
     onApply?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
+    onSelect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;
     onChange?: ((value: import('@bridge-ui/core/Domain').SelectModel) => any) | undefined;
     onClose?: (() => any) | undefined;
     onDeselect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;

package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,7 @@ var N = {
 		asyncData: {},
 		clearable: {
 			type: Boolean,
-			default: !0
+			default: !1
 		},
 		customProps: {},
 		defaultValue: {},

package/dist/Components/Select/composables/useSelect.d.ts

@@ -437,7 +437,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -723,7 +723,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>>;
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>>>;
     handleApply: () => void;
     selectOption: (option: SelectOption) => void;
     handleCancel: () => void;
@@ -750,7 +750,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         options: import('@bridge-ui/core/Domain').ListboxOption[];
         overlay: import('@bridge-ui/core/Domain').FieldOverlayMode;
         placement?: import('@floating-ui/utils').Placement;
-        rounded: "2xl" | "lg" | "md" | "sm" | "xl" | "xs" | "none" | "3xl" | "4xl" | "full";
+        rounded: "2xl" | "lg" | "md" | "sm" | "xl" | "xs" | "3xl" | "4xl" | "full" | "none";
         showCheckmark?: boolean;
         showFooter: boolean;
         size: "2xl" | "2xs" | "lg" | "md" | "sm" | "xl" | "xs";

package/dist/Components/Select/composables/useSelect.js

@@ -93,7 +93,7 @@ function p(p, m, h, g, Me) {
 			value: t,
 			label: String(t)
 		});
-	}), V = a(() => R.value.length > 0), Ge = a(() => A.value.clearable !== !1), H = a(() => !!A.value.asyncData), U = a(() => {
+	}), V = a(() => R.value.length > 0), Ge = a(() => A.value.clearable === !0), H = a(() => !!A.value.asyncData), U = a(() => {
 		if (H.value || A.value.searchable) return !0;
 		let e = A.value.minItemsForSearch ?? 11;
 		return Re.value.length >= e;

package/dist/Components/Select/select.types.d.ts

@@ -118,7 +118,7 @@ export interface SelectOwnProps extends Omit<FormFieldOwnProps, "field"> {
     /**
      * Whether the value can be cleared.
      *
-     * @default true
+     * @default false
      */
     clearable?: boolean;
     /**

package/dist/Components/Slider/composables/useSlider.d.ts

@@ -458,8 +458,8 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
         is?: string | undefined | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
-        form?: string | undefined | undefined;
         autofocus?: (boolean | "true" | "false") | undefined;
+        form?: string | undefined | undefined;
         formaction?: string | undefined | undefined;
         formenctype?: string | undefined | undefined;
         formmethod?: string | undefined | undefined;

package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js

@@ -49,7 +49,7 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 		"show-change"
 	], ["update:modelValue"]),
 	setup(d, { emit: p }) {
-		let j = S(), M = p, N = d, P = e(), F = x(d, "modelValue"), { merged: I, rendered: L, iconBind: R, panelBind: z, titleBind: B, isPortaled: V, portalBind: H, contentBind: U, showProgress: W, progressBind: G, resolvedIcon: K, requestClose: q, descriptionBind: J } = n(N, {
+		let j = S(), M = p, N = d, P = e(), F = x(d, "modelValue"), { merged: I, rendered: L, iconBind: R, panelBind: z, titleBind: B, isPortaled: V, portalBind: H, contentBind: U, setPanelRef: W, showProgress: G, progressBind: K, resolvedIcon: q, requestClose: J, descriptionBind: Y } = n(N, {
 			rounded: "lg",
 			duration: 5e3,
 			color: "primary",
@@ -65,20 +65,20 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 			onClose: () => M("close"),
 			onLeaveComplete: () => M("leave-complete"),
 			onShowChange: (e) => M("show-change", e)
-		}), Y = i(() => !!(j.icon || K.value || I.value.img)), X = i(() => !!(j.title || I.value.title)), Z = i(() => !!(j.description || I.value.description)), Q = i(() => !!j.right), $ = i(() => I.value.teleportTo === !1), ee = i(() => I.value.teleportTo === !1 ? "body" : I.value.teleportTo);
+		}), X = i(() => !!(j.icon || q.value || I.value.img)), Z = i(() => !!(j.title || I.value.title)), Q = i(() => !!(j.description || I.value.description)), $ = i(() => !!j.right), ee = i(() => I.value.teleportTo === !1), te = i(() => I.value.teleportTo === !1 ? "body" : I.value.teleportTo);
 		return (e, n) => b(L) ? (_(), a(r, {
 			key: 0,
-			to: ee.value,
-			disabled: $.value
-		}, [b(L) && b(V) ? (_(), s("div", g(m({ key: 0 }, b(H))), [c("div", w, [c("div", m(b(z), { class: b(C)(b(z).class, { flex: Q.value }) }), [
-			c("div", g(f(b(U)(Q.value))), [c("div", { class: h({
-				"flex items-start": !Q.value,
-				"w-full flex": Q.value
+			to: te.value,
+			disabled: ee.value
+		}, [b(L) && b(V) ? (_(), s("div", g(m({ key: 0 }, b(H))), [c("div", w, [c("div", m({ ref: b(W) }, b(z), { class: b(C)(b(z).class, { flex: $.value }) }), [
+			c("div", g(f(b(U)($.value))), [c("div", { class: h({
+				"flex items-start": !$.value,
+				"w-full flex": $.value
 			}) }, [
-				Y.value ? (_(), s("div", {
+				X.value ? (_(), s("div", {
 					key: 0,
 					class: h(["shrink-0", {
-						"w-6": !!(b(K) || b(j).icon),
+						"w-6": !!(b(q) || b(j).icon),
 						"pt-0.5": !!b(I).img
 					}])
 				}, [
@@ -89,11 +89,11 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 						src: b(I).img,
 						class: "w-10 h-10 rounded-full"
 					}, null, 8, T)) : o("", !0),
-					!b(j).icon && !b(I).img && b(K) ? (_(), a(b(t), m({ key: 1 }, b(R), { icon: b(K) }), null, 16, ["icon"])) : o("", !0)
+					!b(j).icon && !b(I).img && b(q) ? (_(), a(b(t), m({ key: 1 }, b(R), { icon: b(q) }), null, 16, ["icon"])) : o("", !0)
 				], 2)) : o("", !0),
-				c("div", { class: h(["w-0 flex-1 pt-0.5", { "ml-3": Y.value }]) }, [
-					X.value ? (_(), s("p", g(m({ key: 0 }, b(B))), [v(e.$slots, "title", {}, () => [l(y(b(I).title), 1)])], 16)) : o("", !0),
-					Z.value ? (_(), s("p", g(m({ key: 1 }, b(J))), [v(e.$slots, "description", {}, () => [l(y(b(I).description), 1)])], 16)) : o("", !0),
+				c("div", { class: h(["w-0 flex-1 pt-0.5", { "ml-3": X.value }]) }, [
+					Z.value ? (_(), s("p", g(m({ key: 0 }, b(B))), [v(e.$slots, "title", {}, () => [l(y(b(I).title), 1)])], 16)) : o("", !0),
+					Q.value ? (_(), s("p", g(m({ key: 1 }, b(Y))), [v(e.$slots, "description", {}, () => [l(y(b(I).description), 1)])], 16)) : o("", !0),
 					v(e.$slots, "default"),
 					b(j).actions ? (_(), s("div", {
 						key: 2,
@@ -103,7 +103,7 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 				c("div", E, [v(e.$slots, "trailing"), b(I).closeButton === !1 ? o("", !0) : (_(), s("button", {
 					key: 0,
 					type: "button",
-					onClick: n[0] ||= (...e) => b(q) && b(q)(...e),
+					onClick: n[0] ||= (...e) => b(J) && b(J)(...e),
 					"aria-label": b(P)("Close"),
 					class: "cursor-pointer inline-flex rounded-md text-dark-400 hover:text-dark-500 focus:outline-hidden"
 				}, [u(b(t), {
@@ -112,16 +112,19 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 				})], 8, D))])
 			], 2)], 16),
 			v(e.$slots, "right"),
-			b(W) ? (_(), s("div", g(m({ key: 0 }, b(G))), null, 16)) : o("", !0)
-		], 16)])], 16)) : b(L) ? (_(), s("div", m({ key: 1 }, b(z), { class: b(C)(b(z).class, { flex: Q.value }) }), [
-			c("div", g(f(b(U)(Q.value))), [c("div", { class: h({
-				"flex items-start": !Q.value,
-				"w-full flex": Q.value
+			b(G) ? (_(), s("div", g(m({ key: 0 }, b(K))), null, 16)) : o("", !0)
+		], 16)])], 16)) : b(L) ? (_(), s("div", m({
+			key: 1,
+			ref: b(W)
+		}, b(z), { class: b(C)(b(z).class, { flex: $.value }) }), [
+			c("div", g(f(b(U)($.value))), [c("div", { class: h({
+				"flex items-start": !$.value,
+				"w-full flex": $.value
 			}) }, [
-				Y.value ? (_(), s("div", {
+				X.value ? (_(), s("div", {
 					key: 0,
 					class: h(["shrink-0", {
-						"w-6": !!(b(K) || b(j).icon),
+						"w-6": !!(b(q) || b(j).icon),
 						"pt-0.5": !!b(I).img
 					}])
 				}, [
@@ -132,11 +135,11 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 						src: b(I).img,
 						class: "w-10 h-10 rounded-full"
 					}, null, 8, O)) : o("", !0),
-					!b(j).icon && !b(I).img && b(K) ? (_(), a(b(t), m({ key: 1 }, b(R), { icon: b(K) }), null, 16, ["icon"])) : o("", !0)
+					!b(j).icon && !b(I).img && b(q) ? (_(), a(b(t), m({ key: 1 }, b(R), { icon: b(q) }), null, 16, ["icon"])) : o("", !0)
 				], 2)) : o("", !0),
-				c("div", { class: h(["w-0 flex-1 pt-0.5", { "ml-3": Y.value }]) }, [
-					X.value ? (_(), s("p", g(m({ key: 0 }, b(B))), [v(e.$slots, "title", {}, () => [l(y(b(I).title), 1)])], 16)) : o("", !0),
-					Z.value ? (_(), s("p", g(m({ key: 1 }, b(J))), [v(e.$slots, "description", {}, () => [l(y(b(I).description), 1)])], 16)) : o("", !0),
+				c("div", { class: h(["w-0 flex-1 pt-0.5", { "ml-3": X.value }]) }, [
+					Z.value ? (_(), s("p", g(m({ key: 0 }, b(B))), [v(e.$slots, "title", {}, () => [l(y(b(I).title), 1)])], 16)) : o("", !0),
+					Q.value ? (_(), s("p", g(m({ key: 1 }, b(Y))), [v(e.$slots, "description", {}, () => [l(y(b(I).description), 1)])], 16)) : o("", !0),
 					v(e.$slots, "default"),
 					b(j).actions ? (_(), s("div", {
 						key: 2,
@@ -146,7 +149,7 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 				c("div", k, [v(e.$slots, "trailing"), b(I).closeButton === !1 ? o("", !0) : (_(), s("button", {
 					key: 0,
 					type: "button",
-					onClick: n[1] ||= (...e) => b(q) && b(q)(...e),
+					onClick: n[1] ||= (...e) => b(J) && b(J)(...e),
 					"aria-label": b(P)("Close"),
 					class: "cursor-pointer inline-flex rounded-md text-dark-400 hover:text-dark-500 focus:outline-hidden"
 				}, [u(b(t), {
@@ -155,7 +158,7 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 				})], 8, A))])
 			], 2)], 16),
 			v(e.$slots, "right"),
-			b(W) ? (_(), s("div", g(m({ key: 0 }, b(G))), null, 16)) : o("", !0)
+			b(G) ? (_(), s("div", g(m({ key: 0 }, b(K))), null, 16)) : o("", !0)
 		], 16)) : o("", !0)], 8, ["to", "disabled"])) : o("", !0);
 	}
 });

package/dist/Components/Snackbar/composables/useSnackbar.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { ComponentPublicInstance, Ref } from 'vue';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../../Adapters/Icon';
 import { SnackbarOwnProps, SnackbarProps } from '../snackbar.types';
@@ -232,6 +232,7 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
         };
     }>>;
     contentBind: (hasRight: boolean) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>;
+    setPanelRef: (element: null | Element | ComponentPublicInstance) => void;
     showProgress: import('vue').ComputedRef<boolean>;
     progressBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;