@bridge-ui/vue 0.7.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" | "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, {}>>;
@@ -460,6 +460,8 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -685,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" | "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/OtpField/OtpField.vue.d.ts

@@ -13,14 +13,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
-}>, {
-    color: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').OtpFieldColor, import('./otpField.types').OtpFieldColorOverrides>;
-    type: import('@bridge-ui/core/Domain').OtpInputType;
-    size: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').BaseFieldSize, import('../BaseField').BaseFieldSizeOverrides>;
-    length: number;
-    rounded: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').OtpFieldRounded, import('./otpField.types').OtpFieldRoundedOverrides>;
-    variant: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').OtpFieldVariant, import('./otpField.types').OtpFieldVariantOverrides>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/OtpField/OtpField.vue_vue_type_script_setup_true_lang.js

@@ -16,15 +16,15 @@ var b = [
 	props: /*@__PURE__*/ d({
 		autoFocus: { type: Boolean },
 		classes: {},
-		color: { default: "primary" },
+		color: {},
 		customProps: {},
 		defaultValue: {},
-		length: { default: 6 },
+		length: {},
 		mask: { type: Boolean },
 		placeholder: {},
-		rounded: { default: "md" },
-		type: { default: "numeric" },
-		variant: { default: "outline" },
+		rounded: {},
+		type: {},
+		variant: {},
 		controlId: {},
 		corner: {},
 		description: {},
@@ -35,7 +35,8 @@ var b = [
 		label: {},
 		readonly: { type: Boolean },
 		required: { type: Boolean },
-		size: { default: "md" }
+		showDescriptionOnError: { type: Boolean },
+		size: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}

package/dist/Components/OtpField/composables/useOtpField.d.ts

@@ -6,7 +6,7 @@ export type UseOtpFieldOptions = {
     onChange?: (value: string) => void;
     onComplete?: (value: string) => void;
 };
-export declare const otpFieldBridgeKeys: readonly ["mask", "type", "color", "length", "rounded", "variant", "autoFocus", "placeholder", "defaultValue", "size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage"];
+export declare const otpFieldBridgeKeys: readonly ["mask", "type", "color", "length", "rounded", "variant", "autoFocus", "placeholder", "defaultValue", "size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage", "showDescriptionOnError"];
 type OtpFieldLibDefaults = LibDefaultsShape<OtpFieldOwnProps, "size" | "type" | "color" | "length" | "rounded" | "variant">;
 type OtpFieldMerged = MergeLibDefaults<OtpFieldOwnProps, OtpFieldLibDefaults>;
 /**
@@ -52,6 +52,8 @@ export declare function useOtpField(props: MaybeRefOrGetter<OtpFieldOwnProps>, m
         fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
     };
     inputBind: (index: number) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", {

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/PasswordField.vue_vue_type_script_setup_true_lang.js

@@ -35,6 +35,7 @@ var A = /*@__PURE__*/ m({
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: { type: Boolean },
 		size: {},
 		slots: {},

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" | "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, {}>>;
@@ -458,6 +458,8 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -682,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" | "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: {},
@@ -72,6 +72,7 @@ var N = {
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0

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" | "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, {}>>;
@@ -462,6 +462,8 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -721,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" | "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;
@@ -748,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/Sidebar/composables/useSidebarList.js

@@ -16,7 +16,7 @@ function c(c) {
 	return a(t, n(() => ({ iconOnly: f.value }))), {
 		iconOnly: f,
 		rootClassName: n(() => s({
-			"flex flex-col gap-1": !0,
+			"flex min-w-0 flex-col gap-1 p-0": !0,
 			"px-2": c.nested !== !0,
 			"ml-3.5 translate-x-px border-l border-dark-200 py-0.5 pl-2.5 dark:border-dark-700": c.nested === !0,
 			hidden: c.nested === !0 && f.value

package/dist/Components/Sidebar/composables/useSidebarShell.js

@@ -82,7 +82,7 @@ function C(C, w) {
 		"flex shrink-0 flex-col gap-2 px-2 py-2.5": !0,
 		[l(P.value, "header") ?? ""]: !0
 	}))), K = i(() => e(N.value?.content, {}, v({
-		"bridge-scroll-fade-y flex min-h-0 flex-1 flex-col overflow-y-auto": !0,
+		"bridge-scroll-fade-y flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto": !0,
 		[l(P.value, "content") ?? ""]: !0
 	}))), q = i(() => e(N.value?.footer, {}, v({
 		"flex shrink-0 flex-col gap-2 px-2 py-2.5": !0,

package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js

@@ -36,6 +36,7 @@ var D = /*@__PURE__*/ f({
 		label: {},
 		readonly: { type: Boolean },
 		required: { type: Boolean },
+		showDescriptionOnError: { type: Boolean },
 		size: {}
 	}, {
 		modelValue: { default: void 0 },

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

@@ -2,7 +2,7 @@ import { MaybeRefOrGetter, Ref } from 'vue';
 import { SliderRangeValue, SliderStop } from '@bridge-ui/core/Domain';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { SliderOwnProps } from '../slider.types';
-export declare const sliderBridgeKeys: readonly ["size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage", "max", "min", "step", "color", "range", "stops", "rounded", "showStops", "showTooltip", "defaultValue"];
+export declare const sliderBridgeKeys: readonly ["size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage", "showDescriptionOnError", "max", "min", "step", "color", "range", "stops", "rounded", "showStops", "showTooltip", "defaultValue"];
 type SliderLibDefaults = LibDefaultsShape<SliderOwnProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip">;
 type SliderMerged = MergeLibDefaults<SliderOwnProps, SliderLibDefaults>;
 export type UseSliderOptions = {
@@ -60,6 +60,8 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
         fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
     };
     trackBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
@@ -456,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;
@@ -479,7 +481,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
     getThumbKnobBind: (thumbIndex: 0 | 1) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         "aria-hidden": boolean;
     }>;
-    tooltipProps: import('vue').ComputedRef<Partial<Omit<import('../../Tooltip').TooltipOwnProps, "slots" | "modelValue" | "anchorEl" | "content">> | undefined>;
+    tooltipProps: import('vue').ComputedRef<Partial<Omit<import('../../Tooltip').TooltipOwnProps, "slots" | "modelValue" | "content" | "anchorEl">> | undefined>;
     readThumbValue: (thumbIndex: 0 | 1) => number;
 };
 export type UseSliderReturn = ReturnType<typeof useSlider>;

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;