@bridge-ui/vue 0.0.10 → 0.1.0

package/dist/Components/Slider/composables/useSlider.js

@@ -2,11 +2,12 @@ import { useBridgeUI as e } from "../../../Provider/useBridgeUI.js";
 import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
 import { baseFieldBridgeKeys as i, useBaseField as a } from "../../BaseField/composables/useBaseField.js";
 import { computed as o, ref as s, toValue as ee, useAttrs as te, watch as ne } from "vue";
-import { cn as c, getSliderBarGeometry as re, getSliderPointerClientX as l, isSliderStopCovered as ie, mergeBridgeUILayeredClasses as u, normalizeSliderStops as ae, percentFromSliderPointer as d, percentToValue as f, pickClosestSliderThumb as oe, resolveSliderBounds as se, snapSliderValue as p, sortSliderRangeValue as ce, splitComponentProps as le, stepSliderValue as m, valueToPercent as h, writeSliderRangeThumb as g } from "@bridge-ui/core";
-import { get as _, omit as v, pick as y } from "es-toolkit/compat";
-import { colorProps as ue, invalidatedProps as de, roundedProps as fe, sizeProps as pe } from "@bridge-ui/core/Tokens/Slider";
+import { get as c, omit as l, pick as u } from "es-toolkit/compat";
+import { getSliderBarGeometry as re, getSliderPointerClientX as d, isSliderStopCovered as ie, normalizeSliderStops as ae, percentFromSliderPointer as f, percentToValue as p, pickClosestSliderThumb as oe, resolveSliderBounds as m, snapSliderValue as h, sortSliderRangeValue as se, stepSliderValue as g, valueToPercent as _, writeSliderRangeThumb as v } from "@bridge-ui/core/Domain";
+import { sliderColorProps as ce, sliderRoundedProps as le, sliderSizeProps as ue } from "@bridge-ui/core/Tokens";
+import { cn as y, getColorToken as de, mergeBridgeUILayeredClasses as b, splitComponentProps as fe } from "@bridge-ui/core/Utils";
 //#region src/Components/Slider/composables/useSlider.ts
-var b = [
+var x = [
 	"max",
 	"min",
 	"step",
@@ -17,113 +18,117 @@ var b = [
 	"showStops",
 	"showTooltip",
 	"defaultValue"
-], x = [...i, ...b];
-function S(e, t, n) {
+], S = [...i, ...x];
+function C(e, t, n) {
 	return n && Array.isArray(e) ? e[t] : Array.isArray(e) ? e[0] : e;
 }
-function C(e, t, n, r) {
+function w(e, t, n, r) {
 	return !r || !Array.isArray(e) ? {
 		thumbIndex: t,
 		value: n
-	} : g(e, t, n);
+	} : v(e, t, n);
 }
-function w(g, w, T, me = {}) {
-	let he = te(), ge = e(), E = s(null), D = s(null), O = s(null), k = s(null), A = o(() => le({
-		bridgeKeys: x,
+function T(v, T, E, pe = {}) {
+	let me = te(), he = e(), D = s(null), O = s(null), k = s(null), A = s(null), j = o(() => fe({
+		bridgeKeys: S,
 		props: {
-			...he,
-			...ee(g)
+			...me,
+			...ee(v)
 		}
-	})), _e = o(() => y(A.value.componentProps, i)), j = a(_e, {
+	})), ge = o(() => u(j.value.componentProps, i)), M = a(ge, {
 		error: !1,
 		hideErrorMessage: !1,
-		size: w.size ?? "md"
+		size: T.size ?? "md"
 	}, {
 		componentName: "Slider",
 		labelHtmlFor: (e) => `${e}-thumb-0`
-	}), { merged: M, entry: N } = n({
-		libDefaults: w,
+	}), { merged: N, entry: P } = n({
+		libDefaults: T,
 		componentName: "Slider",
 		props: () => ({
-			...y(A.value.componentProps, b),
-			size: j.merged.value.size,
-			classes: A.value.componentProps.classes,
-			customProps: A.value.componentProps.customProps
+			...u(j.value.componentProps, x),
+			size: M.merged.value.size,
+			classes: j.value.componentProps.classes,
+			customProps: j.value.componentProps.customProps
 		})
-	}), P = o(() => M.value.customProps), F = r({
-		entry: N,
-		props: () => A.value.componentProps
-	}), I = o(() => se({
-		min: M.value.min,
-		max: M.value.max,
-		step: M.value.step
-	})), L = o(() => !!M.value.range), R = o(() => M.value.showTooltip !== !1), z = o(() => ge?.global.value.direction === "rtl"), { controlId: B, isDisabled: V, isReadonly: H, invalidated: U, ariaDescribedBy: ve } = j, W = o(() => {
-		let e = T.value, t = I.value;
-		if (L.value) {
-			if (Array.isArray(e)) return ce(p(e[0], t.min, t.max, t.step), p(e[1], t.min, t.max, t.step));
-			let n = p(typeof e == "number" ? e : t.min, t.min, t.max, t.step);
+	}), F = o(() => N.value.customProps), I = r({
+		entry: P,
+		props: () => j.value.componentProps
+	}), L = o(() => m({
+		min: N.value.min,
+		max: N.value.max,
+		step: N.value.step
+	})), R = o(() => !!N.value.range), z = o(() => N.value.showTooltip !== !1), B = o(() => he?.global.value.direction === "rtl"), { controlId: V, isDisabled: H, isReadonly: U, invalidated: W, ariaDescribedBy: _e } = M, G = o(() => {
+		let e = E.value, t = L.value;
+		if (R.value) {
+			if (Array.isArray(e)) return se(h(e[0], t.min, t.max, t.step), h(e[1], t.min, t.max, t.step));
+			let n = h(typeof e == "number" ? e : t.min, t.min, t.max, t.step);
 			return [n, n];
 		}
-		return p(Array.isArray(e) ? e[0] : typeof e == "number" ? e : t.min, t.min, t.max, t.step);
-	}), G = o(() => ae({
-		min: I.value.min,
-		max: I.value.max,
-		step: I.value.step,
-		stops: M.value.stops,
-		showStops: M.value.showStops
-	})), K = o(() => re({
-		range: L.value,
-		min: I.value.min,
-		max: I.value.max,
-		value: W.value
-	})), ye = o(() => {
-		let e = u(ue, N.value?.tokens?.color);
-		return _(e, M.value.color ?? "primary");
-	}), q = o(() => u(de, N.value?.tokens?.invalidated, M.value.customProps?.invalidated)), J = o(() => U.value ? q.value : ye.value), Y = o(() => {
-		let e = u(pe, N.value?.tokens?.size);
-		return _(e, M.value.size ?? "md");
+		return h(Array.isArray(e) ? e[0] : typeof e == "number" ? e : t.min, t.min, t.max, t.step);
+	}), K = o(() => ae({
+		min: L.value.min,
+		max: L.value.max,
+		step: L.value.step,
+		stops: N.value.stops,
+		showStops: N.value.showStops
+	})), q = o(() => re({
+		range: R.value,
+		min: L.value.min,
+		max: L.value.max,
+		value: G.value
+	})), J = o(() => {
+		let e = b(ce, P.value?.tokens?.color);
+		return de({
+			tokens: e,
+			color: N.value.color,
+			invalid: W.value
+		});
+	}), Y = o(() => {
+		let e = b(ue, P.value?.tokens?.size);
+		return c(e, N.value.size ?? "md");
 	}), X = o(() => {
-		let e = u(fe, N.value?.tokens?.rounded);
-		return _(e, M.value.rounded ?? "full");
-	}), be = o(() => G.value.some((e) => !!e.label)), Z = (e) => {
-		T.value = e, me.onChange?.(e);
-	}, xe = (e) => {
-		E.value &&= { thumbIndex: e }, D.value !== null && (D.value = e);
-	}, Se = (e, t) => {
-		if (V.value || H.value) return;
-		let n = I.value, r = f(t, n.min, n.max, n.step), i = C(W.value, e, r, L.value);
-		i.thumbIndex !== e && xe(i.thumbIndex), Z(i.value);
+		let e = b(le, P.value?.tokens?.rounded);
+		return c(e, N.value.rounded ?? "full");
+	}), ve = o(() => K.value.some((e) => !!e.label)), Z = (e) => {
+		E.value = e, pe.onChange?.(e);
+	}, ye = (e) => {
+		D.value &&= { thumbIndex: e }, O.value !== null && (O.value = e);
+	}, be = (e, t) => {
+		if (H.value || U.value) return;
+		let n = L.value, r = p(t, n.min, n.max, n.step), i = w(G.value, e, r, R.value);
+		i.thumbIndex !== e && ye(i.thumbIndex), Z(i.value);
 	}, Q = (e, t) => {
-		V.value || H.value || (e.preventDefault(), E.value = { thumbIndex: t }, D.value = t);
-	}, Ce = (e) => {
-		if (V.value || H.value || e.target.closest("[data-bridge-slider-thumb]")) return;
-		let t = k.value?.getBoundingClientRect();
+		H.value || U.value || (e.preventDefault(), D.value = { thumbIndex: t }, O.value = t);
+	}, xe = (e) => {
+		if (H.value || U.value || e.target.closest("[data-bridge-slider-thumb]")) return;
+		let t = A.value?.getBoundingClientRect();
 		if (!t) return;
-		let n = d({
+		let n = f({
 			rect: t,
-			isRtl: z.value,
-			clientX: l(e)
-		}), r = I.value, i = f(n, r.min, r.max, r.step), a = 0, o = W.value;
-		L.value && Array.isArray(o) && (a = oe(i, o[0], o[1]));
-		let s = C(o, a, i, L.value);
+			isRtl: B.value,
+			clientX: d(e)
+		}), r = L.value, i = p(n, r.min, r.max, r.step), a = 0, o = G.value;
+		R.value && Array.isArray(o) && (a = oe(i, o[0], o[1]));
+		let s = w(o, a, i, R.value);
 		Z(s.value), Q(e, s.thumbIndex);
-	}, we = (e) => (t) => {
+	}, Se = (e) => (t) => {
 		Q(t, e);
-	}, Te = (e) => (t) => {
-		if (V.value || H.value) return;
-		let n = I.value, r = S(W.value, e, L.value), i = null, a = z.value;
+	}, Ce = (e) => (t) => {
+		if (H.value || U.value) return;
+		let n = L.value, r = C(G.value, e, R.value), i = null, a = B.value;
 		switch (t.key) {
 			case "ArrowRight":
-				i = m(r, a ? -1 : 1, n.min, n.max, n.step);
+				i = g(r, a ? -1 : 1, n.min, n.max, n.step);
 				break;
 			case "ArrowLeft":
-				i = m(r, a ? 1 : -1, n.min, n.max, n.step);
+				i = g(r, a ? 1 : -1, n.min, n.max, n.step);
 				break;
 			case "ArrowUp":
-				i = m(r, 1, n.min, n.max, n.step);
+				i = g(r, 1, n.min, n.max, n.step);
 				break;
 			case "ArrowDown":
-				i = m(r, -1, n.min, n.max, n.step);
+				i = g(r, -1, n.min, n.max, n.step);
 				break;
 			case "Home":
 				i = n.min;
@@ -132,161 +137,161 @@ function w(g, w, T, me = {}) {
 				i = n.max;
 				break;
 			case "PageUp":
-				i = m(r, 1, n.min, n.max, n.step * 10);
+				i = g(r, 1, n.min, n.max, n.step * 10);
 				break;
-			case "PageDown": i = m(r, -1, n.min, n.max, n.step * 10);
+			case "PageDown": i = g(r, -1, n.min, n.max, n.step * 10);
 		}
 		if (i === null) return;
 		t.preventDefault();
-		let o = C(W.value, e, i, L.value);
-		Z(o.value), o.thumbIndex !== e && document.getElementById(`${B.value}-thumb-${o.thumbIndex}`)?.focus();
+		let o = w(G.value, e, i, R.value);
+		Z(o.value), o.thumbIndex !== e && document.getElementById(`${V.value}-thumb-${o.thumbIndex}`)?.focus();
 	};
-	ne(D, (e, t, n) => {
+	ne(O, (e, t, n) => {
 		if (e === null) return;
 		let r = (e) => {
-			let t = k.value?.getBoundingClientRect();
-			if (!t || E.value === null) return;
-			let n = d({
+			let t = A.value?.getBoundingClientRect();
+			if (!t || D.value === null) return;
+			let n = f({
 				rect: t,
-				isRtl: z.value,
-				clientX: l(e)
+				isRtl: B.value,
+				clientX: d(e)
 			});
-			Se(E.value.thumbIndex, n);
+			be(D.value.thumbIndex, n);
 		}, i = () => {
-			E.value = null, D.value = null;
+			D.value = null, O.value = null;
 		};
 		window.addEventListener("pointermove", r), window.addEventListener("pointerup", i), window.addEventListener("pointercancel", i), n(() => {
 			window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", i), window.removeEventListener("pointercancel", i);
 		});
 	});
-	let Ee = o(() => t({}, {}, c("relative w-full min-w-0 flex-1"))), $ = o(() => t({
-		...v(P.value?.track ?? {}, ["style"]),
-		onPointerdown: Ce
-	}, {}, c({
+	let we = o(() => t({}, {}, y("relative w-full min-w-0 flex-1"))), Te = o(() => t({
+		...l(F.value?.track ?? {}, ["style"]),
+		onPointerdown: xe
+	}, {}, y({
 		"relative w-full select-none touch-none": !0,
-		"cursor-pointer": !V.value && !H.value,
-		"cursor-not-allowed": V.value,
+		"cursor-pointer": !H.value && !U.value,
+		"cursor-not-allowed": H.value,
 		[Y.value?.track ?? ""]: !0,
 		[X.value ?? ""]: !0,
 		[J.value?.track ?? ""]: !0,
-		[F.value.track ?? ""]: !0
-	}))), De = o(() => t(v(P.value?.bar ?? {}, ["style"]), {
+		[I.value.track ?? ""]: !0
+	}))), Ee = o(() => t(l(F.value?.bar ?? {}, ["style"]), {
 		"aria-hidden": !0,
 		style: {
-			width: K.value.width,
-			insetInlineStart: K.value.start
+			width: q.value.width,
+			insetInlineStart: q.value.start
 		}
-	}, c({
+	}, y({
 		"absolute top-0 h-full": !0,
 		[X.value ?? ""]: !0,
 		[J.value?.bar ?? ""]: !0,
-		[F.value.bar ?? ""]: !0
-	}))), Oe = (e) => {
-		let n = S(W.value, e, L.value), r = h(n, I.value.min, I.value.max), i = D.value === e;
+		[I.value.bar ?? ""]: !0
+	}))), $ = (e) => {
+		let n = C(G.value, e, R.value), r = _(n, L.value.min, L.value.max), i = O.value === e;
 		return t({
-			...v(P.value?.thumb ?? {}, ["style"]),
+			...l(F.value?.thumb ?? {}, ["style"]),
 			role: "slider",
 			type: "button",
 			"aria-valuenow": n,
-			"aria-valuemin": I.value.min,
-			"aria-valuemax": I.value.max,
-			tabIndex: V.value ? -1 : 0,
+			"aria-valuemin": L.value.min,
+			"aria-valuemax": L.value.max,
+			tabIndex: H.value ? -1 : 0,
 			"data-bridge-slider-thumb": e,
-			disabled: V.value || void 0,
+			disabled: H.value || void 0,
 			"aria-orientation": "horizontal",
-			"aria-describedby": ve.value,
-			onKeydown: Te(e),
-			id: `${B.value}-thumb-${e}`,
-			"aria-disabled": V.value || void 0,
-			"aria-readonly": H.value || void 0,
-			"aria-invalid": U.value || void 0,
-			onPointerdown: we(e),
+			"aria-describedby": _e.value,
+			onKeydown: Ce(e),
+			id: `${V.value}-thumb-${e}`,
+			"aria-disabled": H.value || void 0,
+			"aria-readonly": U.value || void 0,
+			"aria-invalid": W.value || void 0,
+			onPointerdown: Se(e),
 			style: { insetInlineStart: `${r}%` },
 			onFocus: () => {
-				O.value = e;
+				k.value = e;
 			},
 			onPointerenter: () => {
-				O.value = e;
+				k.value = e;
 			},
 			onBlur: () => {
-				D.value !== e && (O.value = O.value === e ? null : O.value);
+				O.value !== e && (k.value = k.value === e ? null : k.value);
 			},
 			onPointerleave: () => {
-				D.value !== e && (O.value = O.value === e ? null : O.value);
+				O.value !== e && (k.value = k.value === e ? null : k.value);
 			},
-			"aria-label": P.value?.thumb?.["aria-label"] ?? (L.value ? e === 0 ? "Minimum" : "Maximum" : j.merged.value.label || "Slider")
-		}, {}, c({
+			"aria-label": F.value?.thumb?.["aria-label"] ?? (R.value ? e === 0 ? "Minimum" : "Maximum" : M.merged.value.label || "Slider")
+		}, {}, y({
 			"group/thumb absolute z-10 flex -translate-x-1/2 items-center justify-center bg-transparent leading-none outline-none": !0,
-			"cursor-grab": !V.value && !H.value,
+			"cursor-grab": !H.value && !U.value,
 			"cursor-grabbing": i,
-			"cursor-not-allowed": V.value,
+			"cursor-not-allowed": H.value,
 			[Y.value?.thumb ?? ""]: !0,
-			[F.value.thumb ?? ""]: !0
+			[I.value.thumb ?? ""]: !0
 		}));
-	}, ke = (e) => {
-		let n = D.value === e;
-		return t(P.value?.thumbKnob, { "aria-hidden": !0 }, c({
+	}, De = (e) => {
+		let n = O.value === e;
+		return t(F.value?.thumbKnob, { "aria-hidden": !0 }, y({
 			"block rounded-full border-2 shadow-sm transition-transform duration-100": !0,
 			"group-focus-visible/thumb:ring-2 group-focus-visible/thumb:ring-offset-2": !0,
 			"scale-120": n,
 			[J.value?.focus ?? ""]: !0,
 			[Y.value?.thumbKnob ?? ""]: !0,
 			[J.value?.thumb ?? ""]: !0,
-			[F.value.thumbKnob ?? ""]: !0
+			[I.value.thumbKnob ?? ""]: !0
 		}));
-	}, Ae = (e) => {
-		let n = h(e.value, I.value.min, I.value.max), r = ie({
-			range: L.value,
-			min: I.value.min,
-			max: I.value.max,
+	}, Oe = (e) => {
+		let n = _(e.value, L.value.min, L.value.max), r = ie({
+			range: R.value,
+			min: L.value.min,
+			max: L.value.max,
 			stopValue: e.value,
-			value: W.value
+			value: G.value
 		});
-		return t(v(P.value?.stop ?? {}, ["style"]), {
+		return t(l(F.value?.stop ?? {}, ["style"]), {
 			"aria-hidden": !0,
 			style: {
 				insetInlineStart: `${n}%`,
 				display: r ? "none" : void 0
 			}
-		}, c({
+		}, y({
 			"absolute top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white dark:bg-dark-400": !0,
-			[F.value.stop ?? ""]: !0
+			[I.value.stop ?? ""]: !0
 		}));
-	}, je = o(() => t(P.value?.stopLabels, { "aria-hidden": !0 }, c({
+	}, ke = o(() => t(F.value?.stopLabels, { "aria-hidden": !0 }, y({
 		"relative h-[1lh] w-full text-xs": !0,
-		[F.value.stopLabels ?? ""]: !0
+		[I.value.stopLabels ?? ""]: !0
 	})));
 	return {
-		bounds: I,
-		merged: M,
-		barBind: De,
-		isRange: L,
-		trackRef: k,
-		baseField: j,
-		trackBind: $,
-		controlBind: Ee,
-		showTooltip: R,
-		getStopBind: Ae,
-		thumbIndexes: o(() => L.value ? [0, 1] : [0]),
-		getThumbBind: Oe,
-		resolvedStops: G,
-		resolvedValue: W,
-		isTooltipOpen: (e) => R.value && (D.value === e || O.value === e),
-		hasStopLabels: be,
-		stopLabelsBind: je,
+		bounds: L,
+		merged: N,
+		barBind: Ee,
+		isRange: R,
+		trackRef: A,
+		baseField: M,
+		trackBind: Te,
+		controlBind: we,
+		showTooltip: z,
+		getStopBind: Oe,
+		thumbIndexes: o(() => R.value ? [0, 1] : [0]),
+		getThumbBind: $,
+		resolvedStops: K,
+		resolvedValue: G,
+		isTooltipOpen: (e) => z.value && (O.value === e || k.value === e),
+		hasStopLabels: ve,
+		stopLabelsBind: ke,
 		getStopLabelBind: (e) => {
-			let n = h(e.value, I.value.min, I.value.max);
-			return t(v(P.value?.stopLabel ?? {}, ["style"]), { style: { insetInlineStart: `${n}%` } }, c({
+			let n = _(e.value, L.value.min, L.value.max);
+			return t(l(F.value?.stopLabel ?? {}, ["style"]), { style: { insetInlineStart: `${n}%` } }, y({
 				"absolute top-0 -translate-x-1/2 whitespace-nowrap": !0,
-				"text-dark-700 dark:text-dark-400": !U.value,
-				[q.value.stopLabel ?? ""]: U.value,
-				[F.value.stopLabel ?? ""]: !0
+				"text-dark-700 dark:text-dark-400": !W.value,
+				"text-error-600 dark:text-error-400": W.value,
+				[I.value.stopLabel ?? ""]: !0
 			}));
 		},
-		getThumbKnobBind: ke,
-		tooltipProps: o(() => P.value?.tooltip),
-		readThumbValue: (e) => S(W.value, e, L.value)
+		getThumbKnobBind: De,
+		tooltipProps: o(() => F.value?.tooltip),
+		readThumbValue: (e) => C(G.value, e, R.value)
 	};
 }
 //#endregion
-export { x as sliderBridgeKeys, w as useSlider };
+export { S as sliderBridgeKeys, T as useSlider };

package/dist/Components/Slider/slider.types.d.ts

@@ -1,8 +1,10 @@
 import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
-import { BaseFieldInvalidated, MergeHtmlProps, MergeProps, SliderColor, SliderInvalidated, SliderRangeValue, SliderRounded, SliderStopInput } from '@bridge-ui/core';
+import { SliderRangeValue, SliderStopInput } from '@bridge-ui/core/Domain';
+import { SliderColor, SliderRounded } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { BaseFieldClasses, BaseFieldCustomProps, BaseFieldOwnProps, BaseFieldSlots } from '../BaseField/baseField.types';
 import { TooltipOwnProps } from '../Tooltip/tooltip.types';
-export type { SliderRangeValue, SliderStop, SliderStopInput, } from '@bridge-ui/core';
+export type { SliderRangeValue, SliderStop, SliderStopInput, } from '@bridge-ui/core/Domain';
 export interface SliderSizeOverrides {}
 export interface SliderColorOverrides {}
 export interface SliderRoundedOverrides {}
@@ -36,18 +38,11 @@ export interface SliderClasses extends BaseFieldClasses {
      */
     track?: string;
 }
-export interface SliderCustomProps extends Omit<BaseFieldCustomProps, "invalidated"> {
+export interface SliderCustomProps extends BaseFieldCustomProps {
     /**
      * Props forwarded to the filled bar.
      */
     bar?: HTMLAttributes;
-    /**
-     * Control error chrome (`bar`, `thumb`, `track`, …). Error message color comes
-     * from {@link BaseField}; pass `errorMessage` here to override.
-     *
-     * @default undefined
-     */
-    invalidated?: Partial<SliderInvalidated & BaseFieldInvalidated>;
     /**
      * Props forwarded to stop markers.
      */

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

@@ -20,7 +20,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     progressbar: boolean;
     closeButton: boolean;
     duration: false | number;
-    position: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').SnackbarPosition, import('./snackbar.types').SnackbarPositionOverrides>;
+    position: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').SnackbarPosition, import('./snackbar.types').SnackbarPositionOverrides>;
 }, {}, {}, {}, 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/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
 import t from "../Icon/Icon.js";
 import { useSnackbar as n } from "./composables/useSnackbar.js";
 import { Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeModels as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, useModel as x, useSlots as S } from "vue";
-import { cn as C } from "@bridge-ui/core";
+import { cn as C } from "@bridge-ui/core/Utils";
 //#region src/Components/Snackbar/Snackbar.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { class: "flex ml-4 shrink-0" }, D = ["aria-label"], O = ["src"], k = { class: "flex ml-4 shrink-0" }, A = ["aria-label"], j = /*@__PURE__*/ d({
 	inheritAttrs: !1,
@@ -66,7 +66,8 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 			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);
-		return (e, n) => (_(), a(r, {
+		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 }) }), [
@@ -155,7 +156,7 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 			], 2)], 16),
 			v(e.$slots, "right"),
 			b(W) ? (_(), s("div", g(m({ key: 0 }, b(G))), null, 16)) : o("", !0)
-		], 16)) : o("", !0)], 8, ["to", "disabled"]));
+		], 16)) : o("", !0)], 8, ["to", "disabled"])) : o("", !0);
 	}
 });
 //#endregion

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

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../../Adapters/Icon';
 import { SnackbarOwnProps, SnackbarProps } from '../snackbar.types';
 type SnackbarLibDefaults = LibDefaultsShape<SnackbarOwnProps, "color" | "padding" | "rounded" | "duration" | "position" | "teleportTo" | "transition" | "closeButton" | "progressbar">;
@@ -32,9 +32,9 @@ export type SnackbarOptions = {
 };
 export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarLibDefaults, options?: SnackbarOptions): {
     merged: import('vue').ComputedRef<SnackbarMerged>;
-    iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    iconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
     rendered: Ref<boolean, boolean>;
-    panelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+    panelBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         "data-snackbar-part": string;
         onMouseenter: () => void;
         onMouseleave: () => void;
@@ -157,7 +157,7 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        'aria-haspopup'?: "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | "dialog" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined | undefined;
@@ -192,7 +192,7 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
         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;
+        enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         placeholder?: string | undefined | undefined;
@@ -223,17 +223,17 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
         exportparts?: string | undefined;
         part?: string | undefined;
     }>>;
-    titleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    titleBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     isPortaled: import('vue').ComputedRef<boolean>;
-    portalBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+    portalBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         "data-snackbar-layer": boolean;
         style: {
             zIndex: number;
         };
     }>>;
-    contentBind: (hasRight: boolean) => import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>;
+    contentBind: (hasRight: boolean) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>;
     showProgress: import('vue').ComputedRef<boolean>;
-    progressBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    progressBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
         style: {
             transformOrigin: string;
@@ -243,6 +243,6 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
     }, "class", import('vue').HTMLAttributes | undefined, {}>>;
     requestClose: () => void;
     resolvedIcon: import('vue').ComputedRef<IconSource | null>;
-    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
 };
 export {};