@bridge-ui/vue 0.0.4 → 0.0.6

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 { useI18nAdapter 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, resolveMessage as w } 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 T = { class: "w-full max-w-sm pointer-events-auto" }, E = ["src"], D = { class: "flex ml-4 shrink-0" }, O = ["aria-label"], k = ["src"], A = { class: "flex ml-4 shrink-0" }, j = ["aria-label"], M = /* @__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 M = S(), N = p, P = d, F = e(), { 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(P, {
 			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: P.stackId,
+			onClose: () => N("close"),
+			onLeaveComplete: () => N("leave-complete"),
+			onShowChange: (e) => N("show-change", e)
+		}), Y = i(() => !!(M.icon || K.value || I.value.img)), X = i(() => !!(M.title || I.value.title)), Z = i(() => !!(M.description || I.value.description)), Q = i(() => !!M.right), $ = i(() => I.value.teleportTo === !1), ee = i(() => I.value.teleportTo === !1 ? "body" : I.value.teleportTo);
+		return (e, n) => (_(), a(r, {
+			to: ee.value,
+			disabled: $.value
+		}, [b(L) && b(V) ? (_(), s("div", g(m({ key: 0 }, b(H))), [c("div", T, [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
 			}) }, [
-				G.value ? (g(), o("div", {
+				Y.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(K) || b(M).icon),
+						"pt-0.5": !!b(I).img
 					}])
 				}, [
-					_(t.$slots, "icon"),
-					!y(k).icon && y(M).img ? (g(), o("img", {
+					v(e.$slots, "icon"),
+					!b(M).icon && b(I).img ? (_(), s("img", {
 						key: 0,
 						alt: "",
-						src: y(M).img,
+						src: b(I).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, E)) : o("", !0),
+					!b(M).icon && !b(I).img && b(K) ? (_(), a(b(t), m({ key: 1 }, b(R), { icon: b(K) }), 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),
+					v(e.$slots, "default"),
+					b(M).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(I).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", D, [v(e.$slots, "trailing"), b(I).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(q) && b(q)(...e),
+					"aria-label": b(w)("Close", b(F)),
 					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, O))])
 			], 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(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
 			}) }, [
-				G.value ? (g(), o("div", {
+				Y.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(K) || b(M).icon),
+						"pt-0.5": !!b(I).img
 					}])
 				}, [
-					_(t.$slots, "icon"),
-					!y(k).icon && y(M).img ? (g(), o("img", {
+					v(e.$slots, "icon"),
+					!b(M).icon && b(I).img ? (_(), s("img", {
 						key: 0,
 						alt: "",
-						src: y(M).img,
+						src: b(I).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, k)) : o("", !0),
+					!b(M).icon && !b(I).img && b(K) ? (_(), a(b(t), m({ key: 1 }, b(R), { icon: b(K) }), 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),
+					v(e.$slots, "default"),
+					b(M).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(I).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", A, [v(e.$slots, "trailing"), b(I).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(q) && b(q)(...e),
+					"aria-label": b(w)("Close", b(F)),
 					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, j))])
 			], 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(W) ? (_(), s("div", g(m({ key: 0 }, b(G))), null, 16)) : o("", !0)
+		], 16)) : o("", !0)], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { k as default };
+export { M 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/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).
      */
@@ -199,7 +199,7 @@ export interface SnackbarSlots {
      */
     icon?: Slot<undefined>;
     /**
-     * Vertical action column on the right edge (WireUI `rightButtons` layout).
+     * Vertical action column on the right edge.
      */
     right?: Slot<undefined>;
     /**

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 };

package/dist/Components/Switch/composables/useSwitch.d.ts

@@ -237,13 +237,13 @@ export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDe
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "size" | "error" | "withoutErrorMessage"> & {
-            size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
+        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "withoutErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
             withoutErrorMessage: NonNullable<boolean | undefined>;
         }>;
         rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "size" | "classes" | "customProps" | "error" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;

package/dist/Components/Tab/Tab.vue_vue_type_script_setup_true_lang.js

@@ -10,8 +10,8 @@ var h = /* @__PURE__ */ s({
 		classes: {},
 		customProps: {},
 		disabled: { type: Boolean },
-		endIcon: { type: [Function, Object] },
-		startIcon: { type: [Function, Object] },
+		endIcon: {},
+		startIcon: {},
 		value: {}
 	},
 	setup(s) {

package/dist/Components/Tab/tab.types.d.ts

@@ -1,6 +1,6 @@
-import { LucideIcon } from '@lucide/vue';
 import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
 import { MergeHtmlProps } from '@bridge-ui/core';
+import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface TabClasses {
     /**
@@ -65,13 +65,13 @@ export interface TabOwnProps {
      *
      * @default undefined
      */
-    endIcon?: LucideIcon;
+    endIcon?: IconSource;
     /**
      * Icon at the **inline start** (physical left in `ltr`, physical right in `rtl`). Prefer over the `#start` slot.
      *
      * @default undefined
      */
-    startIcon?: LucideIcon;
+    startIcon?: IconSource;
     /**
      * Stable value matching a `TabPanel`.
      */

package/dist/Components/TabItem/TabItem.vue_vue_type_script_setup_true_lang.js

@@ -11,10 +11,10 @@ var a = {
 	props: {
 		classes: {},
 		disabled: { type: Boolean },
-		endIcon: { type: [Function, Object] },
+		endIcon: {},
 		keepMounted: { type: Boolean },
 		label: {},
-		startIcon: { type: [Function, Object] },
+		startIcon: {},
 		value: {}
 	},
 	setup(n) {

package/dist/Components/TabItem/tabItem.types.d.ts

@@ -1,5 +1,5 @@
-import { LucideIcon } from '@lucide/vue';
 import { Slot } from 'vue';
+import { IconSource } from '../../Adapters/Icon';
 export interface TabItemClasses {
     /**
      * Unused on the registration-only root; reserved for overrides.
@@ -27,7 +27,7 @@ export interface TabItemOwnProps {
      *
      * @default undefined
      */
-    endIcon?: LucideIcon;
+    endIcon?: IconSource;
     /**
      * When set, overrides `Tabs` `keepMounted` for this panel.
      *
@@ -45,7 +45,7 @@ export interface TabItemOwnProps {
      *
      * @default undefined
      */
-    startIcon?: LucideIcon;
+    startIcon?: IconSource;
     /**
      * Stable value for the tab / panel pair.
      */