@bridge-ui/vue 0.0.5 → 0.0.7

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

@@ -1,13 +1,13 @@
-import e from "../Icon/Icon.js";
-import { useSnackbar as t } from "./composables/useSnackbar.js";
-import { Teleport as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeModels as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useModel as b, useSlots as x } from "vue";
-import { cn as S } from "@bridge-ui/core";
-import { X as C } from "@lucide/vue";
+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";
 //#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 = ["src"], O = { class: "flex ml-4 shrink-0" }, k = /* @__PURE__ */ u({
+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,
 	__name: "Snackbar",
-	props: /* @__PURE__ */ f({
+	props: /* @__PURE__ */ p({
 		classes: {},
 		closeButton: {
 			type: Boolean,
@@ -43,13 +43,13 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ f([
+	emits: /* @__PURE__ */ p([
 		"close",
 		"leave-complete",
 		"show-change"
 	], ["update:modelValue"]),
-	setup(u, { emit: f }) {
-		let k = x(), A = f, j = u, { merged: M, rendered: N, iconBind: P, panelBind: F, titleBind: I, isPortaled: L, portalBind: R, contentBind: z, showProgress: B, progressBind: V, resolvedIcon: H, requestClose: U, descriptionBind: W } = t(j, {
+	setup(d, { emit: p }) {
+		let j = S(), M = p, N = d, P = e(), { merged: F, rendered: I, iconBind: L, panelBind: R, titleBind: z, isPortaled: B, portalBind: V, contentBind: H, showProgress: U, progressBind: W, resolvedIcon: G, requestClose: K, descriptionBind: q } = n(N, {
 			rounded: "lg",
 			duration: 5e3,
 			color: "primary",
@@ -60,97 +60,103 @@ var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { cla
 			transition: "slide",
 			position: "bottom-center"
 		}, {
-			show: b(u, "modelValue"),
-			stackId: j.stackId,
-			onClose: () => A("close"),
-			onLeaveComplete: () => A("leave-complete"),
-			onShowChange: (e) => A("show-change", e)
-		}), G = r(() => !!(k.icon || H.value || M.value.img)), K = r(() => !!(k.title || M.value.title)), q = r(() => !!(k.description || M.value.description)), J = r(() => !!k.right), Y = r(() => M.value.teleportTo === !1), X = r(() => M.value.teleportTo === !1 ? "body" : M.value.teleportTo);
-		return (t, r) => (g(), i(n, {
-			to: X.value,
-			disabled: Y.value
-		}, [y(N) && y(L) ? (g(), o("div", h(p({ key: 0 }, y(R))), [s("div", w, [s("div", p(y(F), { class: y(S)(y(F).class, { flex: J.value }) }), [
-			s("div", h(d(y(z)(J.value))), [s("div", { class: m({
-				"flex items-start": !J.value,
-				"w-full flex": J.value
+			show: x(d, "modelValue"),
+			stackId: N.stackId,
+			onClose: () => M("close"),
+			onLeaveComplete: () => M("leave-complete"),
+			onShowChange: (e) => M("show-change", e)
+		}), J = i(() => !!(j.icon || G.value || F.value.img)), Y = i(() => !!(j.title || F.value.title)), X = i(() => !!(j.description || F.value.description)), Z = i(() => !!j.right), Q = i(() => F.value.teleportTo === !1), $ = i(() => F.value.teleportTo === !1 ? "body" : F.value.teleportTo);
+		return (e, n) => (_(), a(r, {
+			to: $.value,
+			disabled: Q.value
+		}, [b(I) && b(B) ? (_(), s("div", g(m({ key: 0 }, b(V))), [c("div", w, [c("div", m(b(R), { class: b(C)(b(R).class, { flex: Z.value }) }), [
+			c("div", g(f(b(H)(Z.value))), [c("div", { class: h({
+				"flex items-start": !Z.value,
+				"w-full flex": Z.value
 			}) }, [
-				G.value ? (g(), o("div", {
+				J.value ? (_(), s("div", {
 					key: 0,
-					class: m(["shrink-0", {
-						"w-6": !!(y(H) || y(k).icon),
-						"pt-0.5": !!y(M).img
+					class: h(["shrink-0", {
+						"w-6": !!(b(G) || b(j).icon),
+						"pt-0.5": !!b(F).img
 					}])
 				}, [
-					_(t.$slots, "icon"),
-					!y(k).icon && y(M).img ? (g(), o("img", {
+					v(e.$slots, "icon"),
+					!b(j).icon && b(F).img ? (_(), s("img", {
 						key: 0,
 						alt: "",
-						src: y(M).img,
+						src: b(F).img,
 						class: "w-10 h-10 rounded-full"
-					}, null, 8, T)) : a("", !0),
-					!y(k).icon && !y(M).img && y(H) ? (g(), i(y(e), p({ key: 1 }, y(P), { icon: y(H) }), null, 16, ["icon"])) : a("", !0)
-				], 2)) : a("", !0),
-				s("div", { class: m(["w-0 flex-1 pt-0.5", { "ml-3": G.value }]) }, [
-					K.value ? (g(), o("p", h(p({ key: 0 }, y(I))), [_(t.$slots, "title", {}, () => [c(v(y(M).title), 1)])], 16)) : a("", !0),
-					q.value ? (g(), o("p", h(p({ key: 1 }, y(W))), [_(t.$slots, "description", {}, () => [c(v(y(M).description), 1)])], 16)) : a("", !0),
-					_(t.$slots, "default"),
-					y(k).actions ? (g(), o("div", {
+					}, null, 8, T)) : o("", !0),
+					!b(j).icon && !b(F).img && b(G) ? (_(), a(b(t), m({ key: 1 }, b(L), { icon: b(G) }), null, 16, ["icon"])) : o("", !0)
+				], 2)) : o("", !0),
+				c("div", { class: h(["w-0 flex-1 pt-0.5", { "ml-3": J.value }]) }, [
+					Y.value ? (_(), s("p", g(m({ key: 0 }, b(z))), [v(e.$slots, "title", {}, () => [l(y(b(F).title), 1)])], 16)) : o("", !0),
+					X.value ? (_(), s("p", g(m({ key: 1 }, b(q))), [v(e.$slots, "description", {}, () => [l(y(b(F).description), 1)])], 16)) : o("", !0),
+					v(e.$slots, "default"),
+					b(j).actions ? (_(), s("div", {
 						key: 2,
-						class: m(["flex mt-3 gap-x-3", y(M).classes?.actions])
-					}, [_(t.$slots, "actions")], 2)) : a("", !0)
+						class: h(["flex mt-3 gap-x-3", b(F).classes?.actions])
+					}, [v(e.$slots, "actions")], 2)) : o("", !0)
 				], 2),
-				s("div", E, [_(t.$slots, "trailing"), y(M).closeButton === !1 ? a("", !0) : (g(), o("button", {
+				c("div", E, [v(e.$slots, "trailing"), b(F).closeButton === !1 ? o("", !0) : (_(), s("button", {
 					key: 0,
 					type: "button",
-					"aria-label": "Close",
-					onClick: r[0] ||= (...e) => y(U) && y(U)(...e),
+					onClick: n[0] ||= (...e) => b(K) && b(K)(...e),
+					"aria-label": b(P)("Close"),
 					class: "cursor-pointer inline-flex rounded-md text-dark-400 hover:text-dark-500 focus:outline-hidden"
-				}, [l(y(C), { class: "w-5 h-5" })]))])
+				}, [u(b(t), {
+					size: "lg",
+					icon: "clear"
+				})], 8, D))])
 			], 2)], 16),
-			_(t.$slots, "right"),
-			y(B) ? (g(), o("div", h(p({ key: 0 }, y(V))), null, 16)) : a("", !0)
-		], 16)])], 16)) : y(N) ? (g(), o("div", p({ key: 1 }, y(F), { class: y(S)(y(F).class, { flex: J.value }) }), [
-			s("div", h(d(y(z)(J.value))), [s("div", { class: m({
-				"flex items-start": !J.value,
-				"w-full flex": J.value
+			v(e.$slots, "right"),
+			b(U) ? (_(), s("div", g(m({ key: 0 }, b(W))), null, 16)) : o("", !0)
+		], 16)])], 16)) : b(I) ? (_(), s("div", m({ key: 1 }, b(R), { class: b(C)(b(R).class, { flex: Z.value }) }), [
+			c("div", g(f(b(H)(Z.value))), [c("div", { class: h({
+				"flex items-start": !Z.value,
+				"w-full flex": Z.value
 			}) }, [
-				G.value ? (g(), o("div", {
+				J.value ? (_(), s("div", {
 					key: 0,
-					class: m(["shrink-0", {
-						"w-6": !!(y(H) || y(k).icon),
-						"pt-0.5": !!y(M).img
+					class: h(["shrink-0", {
+						"w-6": !!(b(G) || b(j).icon),
+						"pt-0.5": !!b(F).img
 					}])
 				}, [
-					_(t.$slots, "icon"),
-					!y(k).icon && y(M).img ? (g(), o("img", {
+					v(e.$slots, "icon"),
+					!b(j).icon && b(F).img ? (_(), s("img", {
 						key: 0,
 						alt: "",
-						src: y(M).img,
+						src: b(F).img,
 						class: "w-10 h-10 rounded-full"
-					}, null, 8, D)) : a("", !0),
-					!y(k).icon && !y(M).img && y(H) ? (g(), i(y(e), p({ key: 1 }, y(P), { icon: y(H) }), null, 16, ["icon"])) : a("", !0)
-				], 2)) : a("", !0),
-				s("div", { class: m(["w-0 flex-1 pt-0.5", { "ml-3": G.value }]) }, [
-					K.value ? (g(), o("p", h(p({ key: 0 }, y(I))), [_(t.$slots, "title", {}, () => [c(v(y(M).title), 1)])], 16)) : a("", !0),
-					q.value ? (g(), o("p", h(p({ key: 1 }, y(W))), [_(t.$slots, "description", {}, () => [c(v(y(M).description), 1)])], 16)) : a("", !0),
-					_(t.$slots, "default"),
-					y(k).actions ? (g(), o("div", {
+					}, null, 8, O)) : o("", !0),
+					!b(j).icon && !b(F).img && b(G) ? (_(), a(b(t), m({ key: 1 }, b(L), { icon: b(G) }), null, 16, ["icon"])) : o("", !0)
+				], 2)) : o("", !0),
+				c("div", { class: h(["w-0 flex-1 pt-0.5", { "ml-3": J.value }]) }, [
+					Y.value ? (_(), s("p", g(m({ key: 0 }, b(z))), [v(e.$slots, "title", {}, () => [l(y(b(F).title), 1)])], 16)) : o("", !0),
+					X.value ? (_(), s("p", g(m({ key: 1 }, b(q))), [v(e.$slots, "description", {}, () => [l(y(b(F).description), 1)])], 16)) : o("", !0),
+					v(e.$slots, "default"),
+					b(j).actions ? (_(), s("div", {
 						key: 2,
-						class: m(["flex mt-3 gap-x-3", y(M).classes?.actions])
-					}, [_(t.$slots, "actions")], 2)) : a("", !0)
+						class: h(["flex mt-3 gap-x-3", b(F).classes?.actions])
+					}, [v(e.$slots, "actions")], 2)) : o("", !0)
 				], 2),
-				s("div", O, [_(t.$slots, "trailing"), y(M).closeButton === !1 ? a("", !0) : (g(), o("button", {
+				c("div", k, [v(e.$slots, "trailing"), b(F).closeButton === !1 ? o("", !0) : (_(), s("button", {
 					key: 0,
 					type: "button",
-					"aria-label": "Close",
-					onClick: r[1] ||= (...e) => y(U) && y(U)(...e),
+					onClick: n[1] ||= (...e) => b(K) && b(K)(...e),
+					"aria-label": b(P)("Close"),
 					class: "cursor-pointer inline-flex rounded-md text-dark-400 hover:text-dark-500 focus:outline-hidden"
-				}, [l(y(C), { class: "w-5 h-5" })]))])
+				}, [u(b(t), {
+					size: "lg",
+					icon: "clear"
+				})], 8, A))])
 			], 2)], 16),
-			_(t.$slots, "right"),
-			y(B) ? (g(), o("div", h(p({ key: 0 }, y(V))), null, 16)) : a("", !0)
-		], 16)) : a("", !0)], 8, ["to", "disabled"]));
+			v(e.$slots, "right"),
+			b(U) ? (_(), s("div", g(m({ key: 0 }, b(W))), null, 16)) : o("", !0)
+		], 16)) : o("", !0)], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { k as default };
+export { j as default };

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

@@ -1,6 +1,6 @@
-import { LucideIcon } from '@lucide/vue';
 import { Ref } from 'vue';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { IconSource } from '../../../Adapters/Icon';
 import { SnackbarOwnProps, SnackbarProps } from '../snackbar.types';
 type SnackbarLibDefaults = LibDefaultsShape<SnackbarOwnProps, "color" | "padding" | "rounded" | "duration" | "position" | "teleportTo" | "transition" | "closeButton" | "progressbar">;
 type SnackbarMerged = MergeLibDefaults<SnackbarOwnProps, SnackbarLibDefaults>;
@@ -187,13 +187,13 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
         '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;
@@ -242,7 +242,7 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
         } | undefined;
     }, "class", import('vue').HTMLAttributes | undefined, {}>>;
     requestClose: () => void;
-    resolvedIcon: import('vue').ComputedRef<LucideIcon | null>;
+    resolvedIcon: import('vue').ComputedRef<IconSource | null>;
     descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
 };
 export {};

package/dist/Components/Snackbar/composables/useSnackbar.js

@@ -1,10 +1,10 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { snackbarDefaultIcons as ee } from "../snackbarDefaultIcons.js";
 import { computed as r, nextTick as te, onBeforeUnmount as i, ref as a, toValue as ne, useAttrs as re, watch as o } from "vue";
-import { get as s, isNil as ie, isNull as c, isObject as l, omit as u } from "es-toolkit/compat";
-import { LAYER_STACK_BASE_Z_INDEX as d, acquireLayerStackOrder as f, cn as p, getLayerStackEntry as ae, getSnackbarTransitionClass as oe, hasSnackbarTransition as se, mergeBridgeUILayeredClasses as m, pushLayerStack as ce, snackbarColorProps as le, snackbarPaddingProps as ue, snackbarPositionProps as de, snackbarRoundedProps as fe, snackbarTransitionProps as pe, splitComponentProps as me, subscribeLayerStack as he } from "@bridge-ui/core";
+import { LAYER_STACK_BASE_Z_INDEX as s, acquireLayerStackOrder as ie, cn as c, getLayerStackEntry as l, getSnackbarTransitionClass as u, hasSnackbarTransition as d, mergeBridgeUILayeredClasses as f, pushLayerStack as ae, snackbarColorProps as oe, snackbarPaddingProps as se, snackbarPositionProps as ce, snackbarRoundedProps as le, snackbarTransitionProps as ue, splitComponentProps as de, subscribeLayerStack as fe } from "@bridge-ui/core";
+import { get as p, isNil as pe, isNull as me, isObject as he, omit as ge } from "es-toolkit/compat";
 //#region src/Components/Snackbar/composables/useSnackbar.ts
-var ge = [
+var _e = [
 	"img",
 	"icon",
 	"color",
@@ -22,189 +22,189 @@ var ge = [
 	"description",
 	"progressbar"
 ];
-function h(h, _e, g = {}) {
-	let _ = re(), v = a(!1), y = a(""), b = a(1), x = a(0), S = a(!1), C = a(!1), w = a(0), T = a(!1), E = a(0), D = a(d), O = a("closed"), k = a(null), A = null, j = null, M = null, N = r(() => me({
+function m(m, h, g = {}) {
+	let ve = re(), _ = a(!1), v = a(""), y = a(1), b = a(0), x = a(!1), S = a(!1), C = a(0), w = a(!1), T = a(0), E = a(s), D = a("closed"), O = a(null), k = null, A = null, j = null, M = r(() => de({
 		props: {
-			..._,
-			...h
+			...ve,
+			...m
 		},
-		bridgeKeys: ge
-	})), { merged: P, entry: F } = t({
-		libDefaults: _e,
+		bridgeKeys: _e
+	})), { merged: N, entry: P } = t({
+		libDefaults: h,
 		componentName: "Snackbar",
-		props: () => N.value.componentProps
-	}), I = r(() => P.value.customProps), L = r(() => u(N.value.inheritedAttrs, ["onShowChange"])), R = n({
-		entry: F,
-		props: () => N.value.componentProps
-	}), z = r(() => ie(g.show) ? !1 : ne(g.show)), B = r(() => {
-		let e = P.value.transition ?? "none";
-		return e in pe ? e : "none";
-	}), V = r(() => se(B.value)), ve = r(() => oe(B.value)), H = r(() => s(m(le, F.value?.tokens?.color), P.value.color)), U = r(() => s(m(ue, F.value?.tokens?.padding), P.value.padding)), ye = r(() => s(m(fe, F.value?.tokens?.rounded), P.value.rounded)), be = r(() => c(P.value.icon) ? null : P.value.icon ? P.value.icon : s(H.value, "icon") ?? s(ee, P.value.color)), W = r(() => P.value.duration === !1 ? 0 : P.value.duration ?? 0), G = r(() => z.value && v.value && W.value > 0 && P.value.progressbar !== !1), K = r(() => P.value.teleportTo !== !1), xe = r(() => K.value ? s(m(de, F.value?.tokens?.position), P.value.position ?? "bottom-center") : "");
-	function q() {
-		k.value &&= (clearTimeout(k.value), null);
+		props: () => M.value.componentProps
+	}), F = r(() => N.value.customProps), I = r(() => ge(M.value.inheritedAttrs, ["onShowChange"])), L = n({
+		entry: P,
+		props: () => M.value.componentProps
+	}), R = r(() => pe(g.show) ? !1 : ne(g.show)), z = r(() => {
+		let e = N.value.transition ?? "none";
+		return e in ue ? e : "none";
+	}), B = r(() => d(z.value)), ye = r(() => u(z.value)), V = r(() => p(f(oe, P.value?.tokens?.color), N.value.color)), H = r(() => p(f(se, P.value?.tokens?.padding), N.value.padding)), be = r(() => p(f(le, P.value?.tokens?.rounded), N.value.rounded)), xe = r(() => me(N.value.icon) ? null : N.value.icon ? N.value.icon : p(V.value, "icon") ?? p(ee, N.value.color)), U = r(() => N.value.duration === !1 ? 0 : N.value.duration ?? 0), W = r(() => R.value && _.value && U.value > 0 && N.value.progressbar !== !1), G = r(() => N.value.teleportTo !== !1), Se = r(() => G.value ? p(f(ce, P.value?.tokens?.position), N.value.position ?? "bottom-center") : "");
+	function K() {
+		O.value &&= (clearTimeout(O.value), null);
 	}
-	function J(e) {
-		e || g.onClose?.(), l(g.show) && "value" in g.show && (g.show.value = e), g.onShowChange?.(e);
+	function q(e) {
+		e || g.onClose?.(), he(g.show) && "value" in g.show && (g.show.value = e), g.onShowChange?.(e);
 	}
-	function Y() {
-		C.value && (C.value = !1, O.value = "closed", q(), z.value ? J(!1) : g.onLeaveComplete?.(), v.value = !1);
+	function J() {
+		S.value && (S.value = !1, D.value = "closed", K(), R.value ? q(!1) : g.onLeaveComplete?.(), _.value = !1);
 	}
-	function X() {
-		if (q(), C.value = !0, !V.value) {
-			Y();
+	function Y() {
+		if (K(), S.value = !0, !B.value) {
+			J();
 			return;
 		}
-		O.value = "closed";
+		D.value = "closed";
 	}
-	function Se() {
-		if (C.value = !1, !V.value) {
-			O.value = "open";
+	function Ce() {
+		if (S.value = !1, !B.value) {
+			D.value = "open";
 			return;
 		}
-		O.value = "closed", te(() => {
+		D.value = "closed", te(() => {
 			requestAnimationFrame(() => {
-				O.value = "open";
+				D.value = "open";
 			});
 		});
 	}
-	function Z() {
-		if (!V.value) {
-			J(!1);
+	function X() {
+		if (!B.value) {
+			q(!1);
 			return;
 		}
-		v.value && X();
+		_.value && Y();
 	}
-	function Q(e) {
-		q(), x.value = e, w.value = Date.now(), E.value = e, k.value = setTimeout(() => {
-			Z();
+	function Z(e) {
+		K(), b.value = e, C.value = Date.now(), T.value = e, O.value = setTimeout(() => {
+			X();
 		}, e);
 	}
-	function Ce() {
-		!k.value || W.value <= 0 || (q(), x.value -= Date.now() - w.value, b.value = Math.max(x.value / W.value, 0), T.value = !1, S.value = !0);
-	}
 	function we() {
-		if (W.value <= 0 || !S.value) return;
-		let e = Math.max(x.value, 0);
-		S.value = !1, T.value = !1, requestAnimationFrame(() => {
-			T.value = !0;
-		}), Q(e);
+		!O.value || U.value <= 0 || (K(), b.value -= Date.now() - C.value, y.value = Math.max(b.value / U.value, 0), w.value = !1, x.value = !0);
+	}
+	function Te() {
+		if (U.value <= 0 || !x.value) return;
+		let e = Math.max(b.value, 0);
+		x.value = !1, w.value = !1, requestAnimationFrame(() => {
+			w.value = !0;
+		}), Z(e);
 	}
-	function Te(e) {
-		!v.value || O.value !== "closed" || e.target === e.currentTarget && (e.propertyName === "none" || e.elapsedTime === 0 || Y());
+	function Ee(e) {
+		!_.value || D.value !== "closed" || e.target === e.currentTarget && (e.propertyName === "none" || e.elapsedTime === 0 || J());
 	}
-	o(z, (e) => {
+	o(R, (e) => {
 		if (e) {
-			v.value = !0, Se();
+			_.value = !0, Ce();
 			return;
 		}
-		v.value && X();
+		_.value && Y();
 	}, { immediate: !0 }), o([
-		z,
-		v,
-		W
+		R,
+		_,
+		U
 	], ([e, t, n]) => {
 		if (!e || !t || n <= 0) {
-			q();
+			K();
 			return;
 		}
-		S.value = !1, Q(n);
-	}, { immediate: !0 }), o([W, G], ([e]) => {
+		x.value = !1, Z(n);
+	}, { immediate: !0 }), o([U, W], ([e]) => {
 		if (!e) {
-			T.value = !1, b.value = 1;
+			w.value = !1, y.value = 1;
 			return;
 		}
-		T.value = !1, b.value = 1;
+		w.value = !1, y.value = 1;
 		let t = requestAnimationFrame(() => {
-			T.value = !0;
+			w.value = !0;
 		});
 		return () => {
 			cancelAnimationFrame(t);
 		};
 	}, { immediate: !0 });
-	function $() {
-		let e = ae(y.value);
-		e && (D.value = e.zIndex);
+	function Q() {
+		let e = l(v.value);
+		e && (E.value = e.zIndex);
 	}
-	o([v, K], ([e, t]) => {
-		t && (e ? (A = f(), j = ce({
-			order: A,
+	o([_, G], ([e, t]) => {
+		t && (e ? (k = ie(), A = ae({
+			order: k,
 			lockScroll: !1,
 			id: g.stackId,
 			onEscape: () => {
-				Z();
+				X();
 			}
-		}), y.value = j.id, D.value = j.zIndex, $(), M = he($)) : (M?.(), M = null, j?.release(), j = null, A = null, y.value = "", D.value = d));
+		}), v.value = A.id, E.value = A.zIndex, Q(), j = fe(Q)) : (j?.(), j = null, A?.release(), A = null, k = null, v.value = "", E.value = s));
 	}, { immediate: !0 }), i(() => {
-		q(), M?.(), M = null, j?.release(), j = null;
+		K(), j?.(), j = null, A?.release(), A = null;
 	});
-	let Ee = r(() => e(I.value?.portal, {
+	let $ = r(() => e(F.value?.portal, {
 		"data-snackbar-layer": !0,
-		style: { zIndex: D.value }
-	}, p({
+		style: { zIndex: E.value }
+	}, c({
 		"fixed inset-0 flex pointer-events-none px-4 py-6 sm:p-5 sm:pt-4": !0,
-		[xe.value ?? ""]: !0,
-		[s(R.value, "portal") ?? ""]: !0
-	}))), De = r(() => e(I.value?.root, {
-		...L.value,
+		[Se.value ?? ""]: !0,
+		[p(L.value, "portal") ?? ""]: !0
+	}))), De = r(() => e(F.value?.root, {
+		...I.value,
 		"data-snackbar-part": "panel",
-		onMouseenter: Ce,
-		onMouseleave: we,
-		"data-state": O.value,
-		onTransitionend: Te,
-		role: L.value.role ?? "status",
-		"aria-live": L.value["aria-live"] ?? "polite"
-	}, p({
+		onMouseenter: we,
+		onMouseleave: Te,
+		"data-state": D.value,
+		onTransitionend: Ee,
+		role: I.value.role ?? "status",
+		"aria-live": I.value["aria-live"] ?? "polite"
+	}, c({
 		"relative w-full max-w-sm overflow-hidden pointer-events-auto": !0,
 		"bg-white shadow-lg ring-1 ring-black/5": !0,
 		"dark:bg-dark-800 dark:border dark:border-dark-700": !0,
-		[s(ye.value, "base") ?? ""]: !0,
-		[ve.value]: V.value,
-		[s(R.value, "root") ?? ""]: !0
-	}))), Oe = r(() => e(I.value?.icon, {}, p({
+		[p(be.value, "base") ?? ""]: !0,
+		[ye.value]: B.value,
+		[p(L.value, "root") ?? ""]: !0
+	}))), Oe = r(() => e(F.value?.icon, {}, c({
 		"w-6 h-6 shrink-0": !0,
-		[s(H.value, "iconColor") ?? ""]: !0,
-		[s(R.value, "icon") ?? ""]: !0
-	}))), ke = r(() => e(I.value?.title, {}, p({
+		[p(V.value, "iconColor") ?? ""]: !0,
+		[p(L.value, "icon") ?? ""]: !0
+	}))), ke = r(() => e(F.value?.title, {}, c({
 		"text-sm font-medium": !0,
-		[s(H.value, "titleColor") ?? ""]: !0,
-		[s(R.value, "title") ?? ""]: !0
-	}))), Ae = r(() => e(I.value?.description, {}, p({
+		[p(V.value, "titleColor") ?? ""]: !0,
+		[p(L.value, "title") ?? ""]: !0
+	}))), Ae = r(() => e(F.value?.description, {}, c({
 		"mt-1 text-sm text-dark-500 dark:text-dark-500": !0,
-		[s(R.value, "description") ?? ""]: !0
-	}))), je = r(() => e(I.value?.progress, {}, {
-		class: p({
+		[p(L.value, "description") ?? ""]: !0
+	}))), je = r(() => e(F.value?.progress, {}, {
+		class: c({
 			"absolute bottom-0 left-0 h-0.5 w-full rounded-full": !0,
-			[s(H.value, "progressColor") ?? ""]: !0,
-			[s(R.value, "progress") ?? ""]: !0
+			[p(V.value, "progressColor") ?? ""]: !0,
+			[p(L.value, "progress") ?? ""]: !0
 		}),
-		style: G.value ? {
+		style: W.value ? {
 			transformOrigin: "left center",
-			transform: `scaleX(${T.value && !S.value ? 0 : b.value})`,
-			transition: T.value && !S.value ? `transform ${E.value}ms linear` : "none"
+			transform: `scaleX(${w.value && !x.value ? 0 : y.value})`,
+			transition: w.value && !x.value ? `transform ${T.value}ms linear` : "none"
 		} : void 0
 	}));
 	function Me(t) {
-		return e(I.value?.content, {}, p({
-			[s(U.value, "contentRight") ?? ""]: t,
-			[s(U.value, "content") ?? ""]: !t,
-			[s(R.value, "content") ?? ""]: !0
+		return e(F.value?.content, {}, c({
+			[p(H.value, "contentRight") ?? ""]: t,
+			[p(H.value, "content") ?? ""]: !t,
+			[p(L.value, "content") ?? ""]: !0
 		}));
 	}
 	return {
-		merged: P,
+		merged: N,
 		iconBind: Oe,
-		rendered: v,
+		rendered: _,
 		panelBind: De,
 		titleBind: ke,
-		isPortaled: K,
-		portalBind: Ee,
+		isPortaled: G,
+		portalBind: $,
 		contentBind: Me,
-		showProgress: G,
+		showProgress: W,
 		progressBind: je,
-		requestClose: Z,
-		resolvedIcon: be,
+		requestClose: X,
+		resolvedIcon: xe,
 		descriptionBind: Ae
 	};
 }
 //#endregion
-export { h as useSnackbar };
+export { m as useSnackbar };

package/dist/Components/Snackbar/snackbar.types.d.ts

@@ -1,6 +1,6 @@
-import { LucideIcon } from '@lucide/vue';
 import { HTMLAttributes, Slot } from 'vue';
 import { MergeHtmlProps, MergeProps, SnackbarColor, SnackbarPadding, SnackbarPosition, SnackbarRounded, SnackbarTransition } from '@bridge-ui/core';
+import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface SnackbarColorOverrides {}
 export interface SnackbarPaddingOverrides {}
@@ -131,7 +131,7 @@ export interface SnackbarOwnProps {
     /**
      * The icon to display. Use `null` to hide the icon.
      */
-    icon?: null | LucideIcon;
+    icon?: null | IconSource;
     /**
      * Avatar image URL (shown instead of icon when set).
      */

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

@@ -1,4 +1,4 @@
-import { LucideIcon } from '@lucide/vue';
-import { SnackbarColor } from '@bridge-ui/core';
+import { SnackbarColor } from '@bridge-ui/core/Tokens/Snackbar';
+import { IconSource } from '../../Adapters/Icon';
 /** Library fallbacks when neither the `icon` prop nor theme `icon` is set. */
-export declare const snackbarDefaultIcons: Record<keyof SnackbarColor, LucideIcon>;
+export declare const snackbarDefaultIcons: Record<keyof SnackbarColor, IconSource>;

package/dist/Components/Snackbar/snackbarDefaultIcons.js

@@ -1,13 +1,12 @@
-import { Bell as e, CircleAlert as t, CircleCheck as n, CircleX as r, Info as i, TriangleAlert as a } from "@lucide/vue";
 //#region src/Components/Snackbar/snackbarDefaultIcons.ts
-var o = {
-	dark: i,
-	primary: e,
-	error: r,
-	secondary: i,
-	info: t,
-	success: n,
-	warning: a
+var e = {
+	dark: "info",
+	info: "alert",
+	error: "error",
+	primary: "bell",
+	secondary: "info",
+	success: "success",
+	warning: "warning"
 };
 //#endregion
-export { o as snackbarDefaultIcons };
+export { e as snackbarDefaultIcons };