@bridge-ui/vue 0.0.5 → 0.0.7

package/dist/Components/TextField/composables/useTextField.d.ts

@@ -4,13 +4,13 @@ export declare function useTextField(props: TextFieldOwnProps): {
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormField').FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "withErrorIcon"> & {
+        merged: import('vue').ComputedRef<Omit<import('../../FormField').FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "showErrorIcon"> & {
             color: NonNullable<keyof import('@bridge-ui/core').FormFieldColor | undefined>;
             size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
             rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
             variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
-            errorIcon: import('@lucide/vue').LucideIcon;
-            withErrorIcon: NonNullable<boolean | undefined>;
+            errorIcon: NonNullable<import('../../..').IconSource | undefined>;
+            showErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
         endBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -165,13 +165,13 @@ export declare function useTextField(props: TextFieldOwnProps): {
             'aria-valuenow'?: (string | number) | undefined;
             'aria-valuetext'?: string | undefined | undefined;
             accesskey?: string | undefined | undefined;
-            contenteditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+            contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
             contextmenu?: string | undefined | undefined;
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
             enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
-            hidden?: "" | "until-found" | (boolean | "true" | "false") | "hidden" | undefined;
+            hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
             spellcheck?: (boolean | "true" | "false") | undefined;
@@ -205,7 +205,7 @@ export declare function useTextField(props: TextFieldOwnProps): {
         }>>;
         controlId: import('vue').ComputedRef<string>;
         errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        errorIcon: import('vue').ComputedRef<import('@lucide/vue').LucideIcon>;
+        errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
         inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
             id: string;
             disabled: boolean;
@@ -427,7 +427,7 @@ export declare function useTextField(props: TextFieldOwnProps): {
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -675,5 +675,5 @@ export declare function useTextField(props: TextFieldOwnProps): {
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>>;
 };

package/dist/Components/TextField/composables/useTextField.js

@@ -13,7 +13,7 @@ function n(n) {
 		rounded: "md",
 		color: "primary",
 		variant: "outline",
-		withErrorIcon: !0
+		showErrorIcon: !0
 	});
 	return {
 		formField: i,

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

@@ -10,7 +10,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
-    withErrorIcon: boolean;
+    showErrorIcon: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -23,20 +23,20 @@ var v = /* @__PURE__ */ a({
 		error: { type: Boolean },
 		errorIcon: {},
 		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
 		label: {},
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showErrorIcon: {
+			type: Boolean,
+			default: !0
+		},
 		size: {},
 		slots: {},
 		start: {},
 		startIcon: {},
-		variant: {},
-		withErrorIcon: {
-			type: Boolean,
-			default: !0
-		},
-		withoutErrorMessage: { type: Boolean }
+		variant: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}

package/dist/Components/Textarea/composables/useTextarea.d.ts

@@ -5,13 +5,13 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormField').FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "withErrorIcon"> & {
+        merged: import('vue').ComputedRef<Omit<import('../../FormField').FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "showErrorIcon"> & {
             color: NonNullable<keyof import('@bridge-ui/core').FormFieldColor | undefined>;
             size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
             rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
             variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
-            errorIcon: import('@lucide/vue').LucideIcon;
-            withErrorIcon: NonNullable<boolean | undefined>;
+            errorIcon: NonNullable<import('../../..').IconSource | undefined>;
+            showErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
         endBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -166,13 +166,13 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
             'aria-valuenow'?: (string | number) | undefined;
             'aria-valuetext'?: string | undefined | undefined;
             accesskey?: string | undefined | undefined;
-            contenteditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+            contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
             contextmenu?: string | undefined | undefined;
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
             enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
-            hidden?: "" | "until-found" | (boolean | "true" | "false") | "hidden" | undefined;
+            hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
             spellcheck?: (boolean | "true" | "false") | undefined;
@@ -206,7 +206,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         }>>;
         controlId: import('vue').ComputedRef<string>;
         errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        errorIcon: import('vue').ComputedRef<import('@lucide/vue').LucideIcon>;
+        errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
         inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
             id: string;
             disabled: boolean;
@@ -428,7 +428,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -677,7 +677,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>, {
+    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>, {
         rows?: string | number | undefined;
         onInput?: ((event: Event) => void) | undefined;
     }>>;

package/dist/Components/Textarea/composables/useTextarea.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormField as r } from "../../FormField/composables/useFormField.js";
 import { computed as i, onMounted as a, useAttrs as o, watch as s } from "vue";
-import { get as c, isNil as l, omit as u } from "es-toolkit/compat";
-import { adjustAutosizeTextareaHeight as d, cn as f, mergeBridgeUILayeredClasses as p } from "@bridge-ui/core";
+import { adjustAutosizeTextareaHeight as c, cn as l, mergeBridgeUILayeredClasses as u } from "@bridge-ui/core";
+import { get as d, isNil as f, omit as p } from "es-toolkit/compat";
 import { resizeProps as m } from "@bridge-ui/core/Tokens/Textarea";
 //#region src/Components/Textarea/composables/useTextarea.ts
 function h(h, g) {
@@ -24,8 +24,8 @@ function h(h, g) {
 		let e = _.rows;
 		return S.value ? e ?? 1 : e;
 	}), T = r(() => ({
-		...u(_, ["rows"]),
-		...u(h, [
+		...p(_, ["rows"]),
+		...p(h, [
 			"autosize",
 			"resize",
 			"likeInput",
@@ -37,18 +37,18 @@ function h(h, g) {
 		rounded: "md",
 		color: "primary",
 		variant: "outline",
-		withErrorIcon: !0
+		showErrorIcon: !0
 	}, {
 		control: () => "textarea",
 		likeInput: () => S.value
-	}), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => c(p(m, y.value?.tokens?.resize), E.value ?? "none")), O = i(() => _.onInput), k = (e) => {
-		!e || !C.value || d(e);
+	}), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => d(u(m, y.value?.tokens?.resize), E.value ?? "none")), O = i(() => _.onInput), k = (e) => {
+		!e || !C.value || c(e);
 	}, A = (e) => {
 		k(e.target), O.value?.(e);
 	}, j = i(() => e(T.inputBind.value, {
 		...C.value ? { onInput: A } : {},
-		...l(w.value) ? {} : { rows: w.value }
-	}, f({
+		...f(w.value) ? {} : { rows: w.value }
+	}, l({
 		"flex-1 min-w-0": S.value,
 		"overflow-hidden": C.value,
 		"min-w-0 flex-none": !S.value,

package/dist/Components/Tooltip/Tooltip.js

@@ -0,0 +1,5 @@
+import e from "./Tooltip.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Tooltip/Tooltip.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,35 @@
+import { TooltipOwnProps, TooltipSlots } from './tooltip.types';
+type __VLS_Slots = TooltipSlots;
+type __VLS_Props = TooltipOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    "show-change": (show: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onShow-change"?: ((show: boolean) => any) | undefined;
+}>, {
+    color: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').TooltipColor, import('./tooltip.types').TooltipColorOverrides>;
+    offset: number;
+    size: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').TooltipSize, import('./tooltip.types').TooltipSizeOverrides>;
+    rounded: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').TooltipRounded, import('./tooltip.types').TooltipRoundedOverrides>;
+    disabled: boolean;
+    anchorEl: null | HTMLElement;
+    placement: import('@floating-ui/utils').Placement;
+    strategy: import('@bridge-ui/core').PositionStrategy;
+    teleportTo: false | string;
+    arrow: boolean;
+    closeDelay: number;
+    openDelay: number;
+}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/Tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import { hasNamedSlot as e, resolveNamedSlot as t, resolveSlotOrProp as n } from "../../Utils/slotOrProp.js";
+import { useTooltip as r } from "./composables/useTooltip.js";
+import { Fragment as i, Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeProps as m, openBlock as h, resolveDynamicComponent as g, unref as _, useModel as v, useSlots as y } from "vue";
+//#region src/Components/Tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
+var b = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "Tooltip",
+	props: /* @__PURE__ */ f({
+		anchorEl: { default: null },
+		arrow: {
+			type: Boolean,
+			default: !0
+		},
+		classes: {},
+		closeDelay: { default: 0 },
+		color: { default: "dark" },
+		content: {},
+		customProps: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		offset: { default: 8 },
+		onShowChange: {},
+		openDelay: { default: 200 },
+		placement: { default: "top" },
+		rounded: { default: "md" },
+		size: { default: "md" },
+		strategy: { default: "fixed" },
+		teleportTo: {
+			type: [Boolean, String],
+			default: "body"
+		}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ f(["show-change"], ["update:modelValue"]),
+	setup(d, { emit: f }) {
+		let b = y(), x = f, S = d, { merged: C, mounted: w, rootBind: T, arrowBind: E, triggerBind: D, contentBind: O, setArrowRef: k, setTriggerRef: A, setContentRef: j } = r(S, {
+			offset: 8,
+			size: "md",
+			arrow: !0,
+			color: "dark",
+			rounded: "md",
+			closeDelay: 0,
+			openDelay: 200,
+			placement: "top",
+			strategy: "fixed",
+			teleportTo: "body"
+		}, {
+			show: v(d, "modelValue"),
+			onShowChange: (e) => {
+				S.onShowChange?.(e), x("show-change", e);
+			}
+		}), M = o(() => e(b, "trigger")), N = o(() => n(b, "default", C.value.content)), P = o(() => C.value.teleportTo === !1), F = o(() => C.value.teleportTo === !1 ? "body" : C.value.teleportTo);
+		return (e, n) => (h(), l(i, null, [M.value ? (h(), l("div", m(p({ key: 0 }, _(T))), [u("div", p({ ref: _(A) }, _(D)), [(h(), s(g(_(t)(_(b), "trigger"))))], 16)], 16)) : c("", !0), (h(), s(a, {
+			to: F.value,
+			disabled: P.value
+		}, [_(w) ? (h(), l("div", p({
+			key: 0,
+			ref: _(j)
+		}, _(O)), [(h(), s(g(N.value))), _(E) ? (h(), l("div", p({
+			key: 0,
+			ref: _(k)
+		}, _(E)), null, 16)) : c("", !0)], 16)) : c("", !0)], 8, ["to", "disabled"]))], 64));
+	}
+});
+//#endregion
+export { b as default };

package/dist/Components/Tooltip/composables/useTooltip.d.ts

@@ -0,0 +1,50 @@
+import { ComponentPublicInstance, Ref } from 'vue';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { TooltipOwnProps, TooltipProps } from '../tooltip.types';
+type TooltipLibDefaults = LibDefaultsShape<TooltipOwnProps, "size" | "arrow" | "color" | "offset" | "rounded" | "strategy" | "openDelay" | "placement" | "closeDelay" | "teleportTo">;
+type TooltipMerged = MergeLibDefaults<TooltipOwnProps, TooltipLibDefaults>;
+export type TooltipOptions = {
+    /**
+     * Called when `show` should change (controlled state).
+     */
+    onShowChange?: (show: boolean) => void;
+    /**
+     * Whether the tooltip is visible (`defineModel()` / `v-model`).
+     *
+     * @default false
+     */
+    show?: Ref<boolean>;
+};
+export declare function useTooltip(props: TooltipOwnProps, libDefaults: TooltipLibDefaults, options?: TooltipOptions): {
+    show: import('vue').ComputedRef<boolean>;
+    merged: import('vue').ComputedRef<TooltipMerged>;
+    mounted: Ref<boolean, boolean>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<TooltipProps, "color" | "offset" | "size" | "classes" | "customProps" | "rounded" | "disabled" | "placement" | "strategy" | "teleportTo" | "content" | "arrow" | "closeDelay" | "openDelay">, "anchorEl" | "onShowChange">>>;
+    tooltipId: string;
+    arrowBind: import('vue').ComputedRef<({
+        "aria-hidden": boolean;
+        class: string;
+    } & object & Record<"class", string>) | null>;
+    isPortaled: import('vue').ComputedRef<boolean>;
+    triggerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+        onBlur: () => void;
+        onFocus: () => void;
+        onKeydown: (event: KeyboardEvent) => void;
+        onPointerenter: () => void;
+        onPointerleave: () => void;
+        "aria-describedby": string | undefined;
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    contentBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+        id: string;
+        role: string;
+        style: {
+            zIndex: number;
+        };
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    setArrowRef: (element: null | Element | ComponentPublicInstance) => void;
+    setTriggerRef: (element: null | Element | ComponentPublicInstance) => void;
+    setContentRef: (element: null | Element | ComponentPublicInstance) => void;
+};
+export {};

package/dist/Components/Tooltip/composables/useTooltip.js

@@ -0,0 +1,208 @@
+import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as ee, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { computed as r, nextTick as i, onBeforeUnmount as a, ref as o, toValue as s, useAttrs as c, useId as l, watch as u } from "vue";
+import { LAYER_STACK_BASE_Z_INDEX as d, acquireLayerStackOrder as f, cn as p, createPositionable as m, mergeBridgeUILayeredClasses as h, pushLayerStack as te, splitComponentProps as ne } from "@bridge-ui/core";
+import { get as g, omit as _ } from "es-toolkit/compat";
+import { colorProps as v, roundedProps as y, sizeProps as re } from "@bridge-ui/core/Tokens/Tooltip";
+//#region src/Components/Tooltip/composables/useTooltip.ts
+var b = [
+	"size",
+	"arrow",
+	"color",
+	"offset",
+	"classes",
+	"content",
+	"rounded",
+	"disabled",
+	"strategy",
+	"openDelay",
+	"placement",
+	"closeDelay",
+	"teleportTo",
+	"customProps"
+];
+function x(x, ie, S = {}) {
+	let C = c(), w = l(), T = o(!1), E = o(""), D = o(null), O = o(null), k = o(null), A = null, j = !1, M = null, N = null, P = null, F = null, I = o(d), L = r(() => s(S.show ?? !1));
+	function R(e) {
+		S.show && (S.show.value = e), S.onShowChange?.(e);
+	}
+	let z = r(() => ne({
+		bridgeKeys: b,
+		props: {
+			...C,
+			...x
+		}
+	})), { merged: B, entry: V } = ee({
+		libDefaults: ie,
+		componentName: "Tooltip",
+		props: () => z.value.componentProps
+	}), H = r(() => B.value.customProps), U = n({
+		entry: V,
+		props: () => z.value.componentProps
+	}), W = r(() => B.value.teleportTo !== !1), G = r(() => g(h(v, V.value?.tokens?.color), B.value.color)), K = r(() => g(h(re, V.value?.tokens?.size), B.value.size)), q = r(() => g(h(y, V.value?.tokens?.rounded), B.value.rounded)), J = r(() => _(z.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
+	function Y() {
+		P !== null && (clearTimeout(P), P = null), F !== null && (clearTimeout(F), F = null);
+	}
+	function ae() {
+		return x.anchorEl ?? k.value;
+	}
+	function X() {
+		if (B.value.disabled) return;
+		Y();
+		let e = B.value.openDelay;
+		if (e <= 0) {
+			R(!0);
+			return;
+		}
+		P = setTimeout(() => {
+			P = null, R(!0);
+		}, e);
+	}
+	function Z() {
+		Y();
+		let e = B.value.closeDelay;
+		if (e <= 0) {
+			R(!1);
+			return;
+		}
+		F = setTimeout(() => {
+			F = null, R(!1);
+		}, e);
+	}
+	function oe() {
+		X();
+	}
+	function se() {
+		Z();
+	}
+	function ce() {
+		X();
+	}
+	function le() {
+		Z();
+	}
+	function ue(e) {
+		e.key !== "Escape" || !L.value || (e.preventDefault(), Y(), R(!1));
+	}
+	function Q() {
+		j = !1, N?.destroy(), N = null;
+	}
+	function de() {
+		Q();
+		let e = ae(), t = O.value;
+		!L.value || !e || !t || (N = m({
+			floating: t,
+			reference: e,
+			shiftCrossAxis: !1,
+			offset: B.value.offset,
+			strategy: B.value.strategy,
+			placement: B.value.placement,
+			arrow: B.value.arrow ? () => D.value : void 0,
+			onReferenceHidden: () => {
+				!j || !L.value || (Y(), R(!1));
+			}
+		}), N.start(), i(() => {
+			j = !0;
+		}));
+	}
+	function $() {
+		M?.release(), M = null, E.value = "", I.value = d;
+	}
+	function fe() {
+		if ($(), !L.value) {
+			A = null;
+			return;
+		}
+		A === null && (A = f());
+		function e() {
+			L.value && (Y(), R(!1));
+		}
+		M = te({
+			order: A,
+			lockScroll: !1,
+			onEscape: e
+		}), E.value = M.id, I.value = M.zIndex;
+	}
+	function pe(e) {
+		k.value = t(e);
+	}
+	function me(e) {
+		O.value = t(e);
+	}
+	function he(e) {
+		D.value = t(e);
+	}
+	u(L, (e) => {
+		if (e) {
+			T.value = !0;
+			return;
+		}
+		T.value = !1;
+	}, { immediate: !0 }), u([
+		L,
+		T,
+		() => x.anchorEl,
+		() => B.value.arrow,
+		() => B.value.offset,
+		() => B.value.strategy,
+		() => B.value.placement
+	], async () => {
+		if (!L.value || !T.value) {
+			Q();
+			return;
+		}
+		await i(), de();
+	}, { flush: "post" }), u(L, () => {
+		fe();
+	}, { immediate: !0 }), a(() => {
+		Y(), Q(), $();
+	});
+	let ge = r(() => e(H.value?.root, J.value, p({
+		"relative inline-flex": !0,
+		[g(U.value, "root") ?? ""]: !0
+	}))), _e = r(() => e(H.value?.trigger, {}, {
+		onBlur: le,
+		onFocus: ce,
+		onKeydown: ue,
+		onPointerenter: oe,
+		onPointerleave: se,
+		"aria-describedby": L.value ? w : void 0,
+		class: p({
+			"inline-flex w-fit max-w-full outline-hidden": !0,
+			[g(U.value, "trigger") ?? ""]: !0
+		})
+	})), ve = r(() => e(H.value?.content, {}, {
+		id: w,
+		role: "tooltip",
+		style: { zIndex: I.value },
+		class: p({
+			"pointer-events-none absolute w-max max-w-xs font-medium shadow-md": !0,
+			[G.value?.content ?? ""]: !0,
+			[K.value?.content ?? ""]: !0,
+			[q.value ?? ""]: !0,
+			[g(U.value, "content") ?? ""]: !0
+		})
+	}));
+	return {
+		show: L,
+		merged: B,
+		mounted: T,
+		rootBind: ge,
+		tooltipId: w,
+		arrowBind: r(() => B.value.arrow ? e(H.value?.arrow, {}, {
+			"aria-hidden": !0,
+			class: p({
+				"pointer-events-none absolute size-2 rotate-45": !0,
+				[G.value?.arrow ?? ""]: !0,
+				[g(U.value, "arrow") ?? ""]: !0
+			})
+		}) : null),
+		isPortaled: W,
+		triggerBind: _e,
+		contentBind: ve,
+		setArrowRef: he,
+		setTriggerRef: pe,
+		setContentRef: me
+	};
+}
+//#endregion
+export { x as useTooltip };

package/dist/Components/Tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export { useTooltip } from './composables/useTooltip';
+export type { TooltipOptions } from './composables/useTooltip';
+export type { TooltipClasses, TooltipColorOverrides, TooltipCustomProps, TooltipEmits, TooltipOwnProps, TooltipProps, TooltipRoundedOverrides, TooltipSizeOverrides, TooltipSlots, } from './tooltip.types';
+export { default as Tooltip } from './Tooltip.vue';

package/dist/Components/Tooltip/index.js

@@ -0,0 +1,3 @@
+import { useTooltip as e } from "./composables/useTooltip.js";
+import t from "./Tooltip.js";
+export { t as Tooltip, e as useTooltip };