@bridge-ui/vue 0.0.5 → 0.0.6

package/dist/Adapters/I18n/index.d.ts

@@ -0,0 +1 @@
+export { setI18nAdapterForTests, useI18nAdapter, } from './useI18nAdapter';

package/dist/Adapters/I18n/index.js

@@ -0,0 +1,2 @@
+import { setI18nAdapterForTests as e, useI18nAdapter as t } from "./useI18nAdapter.js";
+export { e as setI18nAdapterForTests, t as useI18nAdapter };

package/dist/Adapters/I18n/useI18nAdapter.d.ts

@@ -0,0 +1,12 @@
+import { ComputedRef } from 'vue';
+import { I18nAdapter } from '@bridge-ui/core';
+/**
+ * Sets a process-wide i18n adapter fallback. For tests only.
+ */
+export declare function setI18nAdapterForTests(adapter: undefined | I18nAdapter): void;
+/**
+ * Returns the active i18n adapter from {@link BridgeUIProvider}.
+ * When unset, `resolveMessage` returns the English source string
+ * (see `examples/adapters/vue`).
+ */
+export declare function useI18nAdapter(): ComputedRef<undefined | I18nAdapter>;

package/dist/Adapters/I18n/useI18nAdapter.js

@@ -0,0 +1,13 @@
+import { useBridgeUI as e } from "../../Provider/useBridgeUI.js";
+import { computed as t } from "vue";
+//#region src/Adapters/I18n/useI18nAdapter.ts
+var n;
+function r(e) {
+	n = e;
+}
+function i() {
+	let r = e();
+	return t(() => r?.global.value.i18n ?? n);
+}
+//#endregion
+export { r as setI18nAdapterForTests, i as useI18nAdapter };

package/dist/Adapters/Icon/iconSource.types.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'vue';
+import { IconSource as CoreIconSource, IconSourceValueOverrides, SemanticIconName } from '@bridge-ui/core';
+/**
+ * Renderable icon component accepted by Bridge Icon props.
+ */
+export type IconElement = Component;
+/**
+ * Semantic icon name, concrete icon component, or an augmented native value.
+ */
+export type IconSource = CoreIconSource<IconElement>;
+export type { IconSourceValueOverrides, SemanticIconName };

package/dist/Adapters/Icon/index.d.ts

@@ -0,0 +1,2 @@
+export type { IconElement, IconSource, IconSourceValueOverrides, SemanticIconName, } from './iconSource.types';
+export { setIconAdapterForTests, useIconAdapter, } from './useIconAdapter';

package/dist/Adapters/Icon/index.js

@@ -0,0 +1,2 @@
+import { setIconAdapterForTests as e, useIconAdapter as t } from "./useIconAdapter.js";
+export { e as setIconAdapterForTests, t as useIconAdapter };

package/dist/Adapters/Icon/useIconAdapter.d.ts

@@ -0,0 +1,11 @@
+import { ComputedRef } from 'vue';
+import { IconAdapter } from '@bridge-ui/core';
+/**
+ * Sets a process-wide icon adapter fallback. For tests only.
+ */
+export declare function setIconAdapterForTests(adapter: undefined | IconAdapter): void;
+/**
+ * Returns the active icon adapter from {@link BridgeUIProvider}.
+ * Semantic icon names require `global.icons` (see `examples/adapters/vue`).
+ */
+export declare function useIconAdapter(): ComputedRef<undefined | IconAdapter>;

package/dist/Adapters/Icon/useIconAdapter.js

@@ -0,0 +1,13 @@
+import { useBridgeUI as e } from "../../Provider/useBridgeUI.js";
+import { computed as t } from "vue";
+//#region src/Adapters/Icon/useIconAdapter.ts
+var n;
+function r(e) {
+	n = e;
+}
+function i() {
+	let r = e();
+	return t(() => r?.global.value.icons ?? n);
+}
+//#endregion
+export { r as setIconAdapterForTests, i as useIconAdapter };

package/dist/Adapters/index.d.ts

@@ -0,0 +1,3 @@
+export { setI18nAdapterForTests, useI18nAdapter } from './I18n';
+export { setIconAdapterForTests, useIconAdapter } from './Icon';
+export type { IconElement, IconSource, IconSourceValueOverrides, SemanticIconName, } from './Icon';

package/dist/Adapters/index.js

@@ -0,0 +1,3 @@
+import { setI18nAdapterForTests as e, useI18nAdapter as t } from "./I18n/useI18nAdapter.js";
+import { setIconAdapterForTests as n, useIconAdapter as r } from "./Icon/useIconAdapter.js";
+export { e as setI18nAdapterForTests, n as setIconAdapterForTests, t as useI18nAdapter, r as useIconAdapter };

package/dist/Components/Alert/Alert.vue_vue_type_script_setup_true_lang.js

@@ -13,11 +13,7 @@ var v = {
 		classes: {},
 		color: {},
 		customProps: {},
-		icon: { type: [
-			null,
-			Function,
-			Object
-		] },
+		icon: {},
 		padding: {},
 		rounded: {},
 		shadow: {},

package/dist/Components/Alert/alert.types.d.ts

@@ -1,6 +1,6 @@
-import { LucideIcon } from '@lucide/vue';
 import { HTMLAttributes, Slot } from 'vue';
 import { AlertColor, AlertPadding, AlertRounded, AlertShadow, AlertVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface AlertColorOverrides {}
 export interface AlertShadowOverrides {}
@@ -73,7 +73,7 @@ export interface AlertOwnProps {
      *
      * @default undefined
      */
-    icon?: null | LucideIcon;
+    icon?: null | IconSource;
     /**
      * The padding to apply to the alert.
      *

package/dist/Components/Alert/alertDefaultIcons.d.ts

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

package/dist/Components/Alert/alertDefaultIcons.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/Alert/alertDefaultIcons.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 alertDefaultIcons };
+export { e as alertDefaultIcons };

package/dist/Components/Alert/composables/useAlert.d.ts

@@ -1,5 +1,5 @@
-import { LucideIcon } from '@lucide/vue';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { IconSource } from '../../../Adapters/Icon';
 import { AlertOwnProps, AlertProps } from '..';
 type AlertLibDefaults = LibDefaultsShape<AlertOwnProps, "color" | "shadow" | "padding" | "rounded" | "variant">;
 type AlertMerged = MergeLibDefaults<AlertOwnProps, AlertLibDefaults>;
@@ -12,7 +12,7 @@ export declare function useAlert(props: AlertOwnProps, libDefaults: AlertLibDefa
     iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
     rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<AlertProps, "color" | "icon" | "classes" | "customProps" | "title" | "padding" | "rounded" | "shadow" | "variant">>>;
     titleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    resolvedIcon: import('vue').ComputedRef<LucideIcon | null>;
+    resolvedIcon: import('vue').ComputedRef<IconSource | null>;
     hasDefaultBody: import('vue').ComputedRef<boolean>;
 };
 export {};

package/dist/Components/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,7 @@ var p = /* @__PURE__ */ a({
 		color: {},
 		customProps: {},
 		fallback: {},
-		icon: { type: [Function, Object] },
+		icon: {},
 		rounded: {},
 		size: {},
 		src: {}

package/dist/Components/Avatar/avatar.types.d.ts

@@ -1,6 +1,6 @@
-import { LucideIcon } from '@lucide/vue';
 import { HTMLAttributes, ImgHTMLAttributes, Slot } from 'vue';
 import { AvatarColor, AvatarRounded, AvatarSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface AvatarSizeOverrides {}
 export interface AvatarColorOverrides {}
@@ -81,7 +81,7 @@ export interface AvatarOwnProps {
      *
      * @default undefined
      */
-    icon?: LucideIcon;
+    icon?: IconSource;
     /**
      * The roundedness of the avatar.
      *

package/dist/Components/Avatar/composables/useAvatar.d.ts

@@ -15,7 +15,7 @@ export declare function useAvatar(props: AvatarProps, libDefaults: AvatarLibDefa
         src: string | undefined;
     }>>;
     fallbackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    resolvedIcon: import('vue').ComputedRef<import('@lucide/vue').LucideIcon>;
+    resolvedIcon: import('vue').ComputedRef<import('../../..').IconSource>;
     hasFallbackSlot: import('vue').ComputedRef<boolean>;
     hasFallbackText: import('vue').ComputedRef<boolean>;
     hasCustomContent: import('vue').ComputedRef<boolean>;

package/dist/Components/Avatar/composables/useAvatar.js

@@ -3,10 +3,9 @@ import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistr
 import { computed as i, useAttrs as a, useSlots as o } from "vue";
 import { get as s, isEmpty as c, isNil as l } from "es-toolkit/compat";
 import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
-import { User as p } from "@lucide/vue";
-import { colorProps as m, iconSizeProps as h, roundedProps as g, sizeProps as _ } from "@bridge-ui/core/Tokens/Avatar";
+import { colorProps as p, iconSizeProps as m, roundedProps as h, sizeProps as g } from "@bridge-ui/core/Tokens/Avatar";
 //#region src/Components/Avatar/composables/useAvatar.ts
-var v = [
+var _ = [
 	"alt",
 	"src",
 	"icon",
@@ -17,58 +16,58 @@ var v = [
 	"fallback",
 	"customProps"
 ];
-function y(y, b) {
-	let x = a(), S = o(), C = i(() => f({
-		bridgeKeys: v,
+function v(v, y) {
+	let b = a(), x = o(), S = i(() => f({
+		bridgeKeys: _,
 		props: {
-			...x,
-			...y
+			...b,
+			...v
 		}
-	})), { merged: w, entry: T } = n({
-		libDefaults: b,
+	})), { merged: C, entry: w } = n({
+		libDefaults: y,
 		componentName: "Avatar",
-		props: () => C.value.componentProps
-	}), E = r({
-		entry: T,
-		props: () => C.value.componentProps
-	}), D = i(() => e(S, "default")), O = i(() => !l(w.value.src) && !c(w.value.src)), k = i(() => e(S, "fallback")), A = i(() => !l(w.value.fallback) && !c(w.value.fallback)), j = i(() => w.value.icon ?? p), M = i(() => !O.value && !D.value), N = i(() => s(d(_, T.value?.tokens?.size), w.value.size)), P = i(() => s(d(m, T.value?.tokens?.color), w.value.color)), F = i(() => s(d(g, T.value?.tokens?.rounded), w.value.rounded)), I = i(() => s(d(h, T.value?.tokens?.iconSize), w.value.size)), L = i(() => w.value.customProps), R = i(() => t(L.value?.root, C.value.inheritedAttrs, u({
+		props: () => S.value.componentProps
+	}), T = r({
+		entry: w,
+		props: () => S.value.componentProps
+	}), E = i(() => e(x, "default")), D = i(() => !l(C.value.src) && !c(C.value.src)), O = i(() => e(x, "fallback")), k = i(() => !l(C.value.fallback) && !c(C.value.fallback)), A = i(() => C.value.icon ?? "user"), j = i(() => !D.value && !E.value), M = i(() => s(d(g, w.value?.tokens?.size), C.value.size)), N = i(() => s(d(p, w.value?.tokens?.color), C.value.color)), P = i(() => s(d(h, w.value?.tokens?.rounded), C.value.rounded)), F = i(() => s(d(m, w.value?.tokens?.iconSize), C.value.size)), I = i(() => C.value.customProps), L = i(() => t(I.value?.root, S.value.inheritedAttrs, u({
 		"inline-flex shrink-0 items-center justify-center overflow-hidden": !0,
-		[E.value.root ?? ""]: !0,
-		[F.value ?? ""]: !0,
-		[N.value ?? ""]: M.value || D.value || O.value,
-		[s(P.value, "background") ?? ""]: M.value,
-		[s(P.value, "text") ?? ""]: M.value
-	}))), z = i(() => t(L.value?.image, {
-		alt: w.value.alt,
-		src: w.value.src
+		[T.value.root ?? ""]: !0,
+		[P.value ?? ""]: !0,
+		[M.value ?? ""]: j.value || E.value || D.value,
+		[s(N.value, "background") ?? ""]: j.value,
+		[s(N.value, "text") ?? ""]: j.value
+	}))), R = i(() => t(I.value?.image, {
+		alt: C.value.alt,
+		src: C.value.src
 	}, u({
 		"shrink-0 object-cover object-center": !0,
-		[N.value ?? ""]: !0,
-		[F.value ?? ""]: !0,
-		[E.value.image ?? ""]: !0
-	}))), B = i(() => t(L.value?.fallback, {}, u({
+		[M.value ?? ""]: !0,
+		[P.value ?? ""]: !0,
+		[T.value.image ?? ""]: !0
+	}))), z = i(() => t(I.value?.fallback, {}, u({
 		"font-medium": !0,
-		[s(I.value, "label") ?? ""]: !0,
-		[s(P.value, "text") ?? ""]: !0,
-		[E.value.fallback ?? ""]: !0
+		[s(F.value, "label") ?? ""]: !0,
+		[s(N.value, "text") ?? ""]: !0,
+		[T.value.fallback ?? ""]: !0
 	})));
 	return {
-		slots: S,
-		merged: w,
-		rootBind: R,
-		iconBind: i(() => t(L.value?.icon, {}, u({
+		slots: x,
+		merged: C,
+		rootBind: L,
+		iconBind: i(() => t(I.value?.icon, {}, u({
 			"shrink-0": !0,
-			[s(I.value, "icon") ?? ""]: !0,
-			[s(P.value, "text") ?? ""]: !0
+			[s(F.value, "icon") ?? ""]: !0,
+			[s(N.value, "text") ?? ""]: !0
 		}))),
-		hasImage: O,
-		imageBind: z,
-		fallbackBind: B,
-		resolvedIcon: j,
-		hasFallbackSlot: k,
-		hasFallbackText: A,
-		hasCustomContent: D
+		hasImage: D,
+		imageBind: R,
+		fallbackBind: z,
+		resolvedIcon: A,
+		hasFallbackSlot: O,
+		hasFallbackText: k,
+		hasCustomContent: E
 	};
 }
 //#endregion
-export { y as useAvatar };
+export { v as useAvatar };

package/dist/Components/Button/Button.vue_vue_type_script_setup_true_lang.js

@@ -2,9 +2,8 @@ import { hasNamedSlot as e, isPropPresent as t, resolveNamedSlot as n } from "..
 import r from "../Icon/Icon.js";
 import { useButton as i } from "./composables/useButton.js";
 import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, useSlots as _, withCtx as v } from "vue";
-import { Loader2 as y } from "@lucide/vue";
 //#region src/Components/Button/Button.vue?vue&type=script&setup=true&lang.ts
-var b = /* @__PURE__ */ u({
+var y = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "Button",
 	props: {
@@ -14,19 +13,19 @@ var b = /* @__PURE__ */ u({
 		customProps: {},
 		density: {},
 		disabled: { type: Boolean },
-		endIcon: { type: [Function, Object] },
+		endIcon: {},
 		full: { type: Boolean },
 		href: {},
-		icon: { type: [Function, Object] },
+		icon: {},
 		loading: { type: Boolean },
 		rounded: {},
 		size: {},
-		startIcon: { type: [Function, Object] },
+		startIcon: {},
 		text: {},
 		variant: {}
 	},
 	setup(u) {
-		let b = u, x = _(), { tag: S, merged: C, isMini: w, iconBind: T, rootBind: E, rootHref: D, rootType: O, endIconBind: k, endSlotBind: A, rootAriaBusy: j, rootDisabled: M, startIconBind: N, startSlotBind: P, loadingIconBind: F, rootAriaDisabled: I } = i(b, {
+		let y = u, b = _(), { tag: x, merged: S, isMini: C, iconBind: w, rootBind: T, rootHref: E, rootType: D, endIconBind: O, endSlotBind: k, rootAriaBusy: A, rootDisabled: j, startIconBind: M, startSlotBind: N, loadingIconBind: P, rootAriaDisabled: F } = i(y, {
 			size: "md",
 			as: "button",
 			rounded: "md",
@@ -34,29 +33,29 @@ var b = /* @__PURE__ */ u({
 			variant: "solid",
 			density: "default"
 		});
-		return (i, u) => (p(), o(m(g(S)), d({ href: g(D) }, g(E), {
-			type: g(O),
-			disabled: g(M),
-			"aria-busy": g(j),
-			"aria-disabled": g(I)
+		return (i, u) => (p(), o(m(g(x)), d({ href: g(E) }, g(T), {
+			type: g(D),
+			disabled: g(j),
+			"aria-busy": g(A),
+			"aria-disabled": g(F)
 		}), {
-			default: v(() => [g(C).loading ? (p(), o(g(r), d({
+			default: v(() => [g(S).loading ? (p(), o(g(r), d({
 				key: 0,
-				icon: g(y),
-				size: g(C).size
-			}, g(F)), null, 16, ["icon", "size"])) : g(w) ? (p(), c(a, { key: 1 }, [g(e)(g(x), "default") ? (p(), o(m(g(n)(g(x), "default")), { key: 0 })) : g(C).icon ? (p(), o(g(r), d({ key: 1 }, g(T), {
-				icon: g(C).icon,
-				size: g(C).size
+				icon: "loader",
+				size: g(S).size
+			}, g(P)), null, 16, ["size"])) : g(C) ? (p(), c(a, { key: 1 }, [g(e)(g(b), "default") ? (p(), o(m(g(n)(g(b), "default")), { key: 0 })) : g(S).icon ? (p(), o(g(r), d({ key: 1 }, g(w), {
+				icon: g(S).icon,
+				size: g(S).size
 			}), null, 16, ["icon", "size"])) : s("", !0)], 64)) : (p(), c(a, { key: 2 }, [
-				g(C).startIcon ? (p(), o(g(r), d({
+				g(S).startIcon ? (p(), o(g(r), d({
 					key: 0,
-					size: g(C).size
-				}, g(N), { icon: g(C).startIcon }), null, 16, ["size", "icon"])) : g(e)(g(x), "start") ? (p(), c("div", f(d({ key: 1 }, g(P))), [(p(), o(m(g(n)(g(x), "start"))))], 16)) : s("", !0),
-				g(t)(g(C).text) ? (p(), c(a, { key: 2 }, [l(h(g(C).text), 1)], 64)) : g(e)(g(x), "default") ? (p(), o(m(g(n)(g(x), "default")), { key: 3 })) : s("", !0),
-				g(C).endIcon ? (p(), o(g(r), d({
+					size: g(S).size
+				}, g(M), { icon: g(S).startIcon }), null, 16, ["size", "icon"])) : g(e)(g(b), "start") ? (p(), c("div", f(d({ key: 1 }, g(N))), [(p(), o(m(g(n)(g(b), "start"))))], 16)) : s("", !0),
+				g(t)(g(S).text) ? (p(), c(a, { key: 2 }, [l(h(g(S).text), 1)], 64)) : g(e)(g(b), "default") ? (p(), o(m(g(n)(g(b), "default")), { key: 3 })) : s("", !0),
+				g(S).endIcon ? (p(), o(g(r), d({
 					key: 4,
-					size: g(C).size
-				}, g(k), { icon: g(C).endIcon }), null, 16, ["size", "icon"])) : g(e)(g(x), "end") ? (p(), c("div", f(d({ key: 5 }, g(A))), [(p(), o(m(g(n)(g(x), "end"))))], 16)) : s("", !0)
+					size: g(S).size
+				}, g(O), { icon: g(S).endIcon }), null, 16, ["size", "icon"])) : g(e)(g(b), "end") ? (p(), c("div", f(d({ key: 5 }, g(k))), [(p(), o(m(g(n)(g(b), "end"))))], 16)) : s("", !0)
 			], 64))]),
 			_: 1
 		}, 16, [
@@ -69,4 +68,4 @@ var b = /* @__PURE__ */ u({
 	}
 });
 //#endregion
-export { b as default };
+export { y as default };

package/dist/Components/Button/button.types.d.ts

@@ -1,6 +1,6 @@
-import { LucideIcon } from '@lucide/vue';
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
 import { ButtonColor, ButtonDensity, ButtonRounded, ButtonSize, ButtonVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface ButtonSizeOverrides {}
 export interface ButtonColorOverrides {}
@@ -102,7 +102,7 @@ export interface ButtonOwnProps {
      *
      * @default undefined
      */
-    endIcon?: LucideIcon;
+    endIcon?: IconSource;
     /**
      * Whether the button is full width.
      *
@@ -120,7 +120,7 @@ export interface ButtonOwnProps {
      *
      * @default undefined
      */
-    icon?: LucideIcon;
+    icon?: IconSource;
     /**
      * Whether the button is loading.
      *
@@ -144,7 +144,7 @@ export interface ButtonOwnProps {
      *
      * @default undefined
      */
-    startIcon?: LucideIcon;
+    startIcon?: IconSource;
     /**
      * Label text when the default slot is not used.
      *

package/dist/Components/Button/composables/useButton.d.ts

@@ -7,7 +7,7 @@ export declare function useButton(props: ButtonOwnProps, libDefaults: ButtonLibD
     merged: import('vue').ComputedRef<ButtonMerged>;
     isMini: import('vue').ComputedRef<boolean>;
     iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "text" | "full" | "rounded" | "variant" | "loading" | "density" | "as" | "disabled" | "endIcon" | "startIcon">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "text" | "loading" | "density" | "as" | "disabled" | "endIcon" | "startIcon">>>;
     rootHref: import('vue').ComputedRef<string | undefined>;
     rootType: import('vue').ComputedRef<"button" | undefined>;
     endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;

package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,16 @@
-import e from "../FormControl/FormControl.js";
-import { useCheckbox as t } from "./composables/useCheckbox.js";
-import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, guardReactiveProps as c, mergeModels as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, ref as m, unref as h, useAttrs as g, useModel as _, withCtx as v } from "vue";
-import { cn as y } from "@bridge-ui/core";
-import { Check as b } from "@lucide/vue";
+import { useIconAdapter as e } from "../../Adapters/Icon/useIconAdapter.js";
+import t from "../FormControl/FormControl.js";
+import { useCheckbox as n } from "./composables/useCheckbox.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, ref as h, resolveDynamicComponent as g, unref as _, useAttrs as v, useModel as y, withCtx as b } from "vue";
+import { cn as x, resolveIconSource as S } from "@bridge-ui/core";
 //#region src/Components/Checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var x = ["for"], S = ["checked"], C = {
+var C = ["for"], w = ["checked"], T = {
 	key: 1,
 	class: "block h-0.5 w-[55%] rounded-full bg-white"
-}, w = /* @__PURE__ */ s({
+}, E = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "Checkbox",
-	props: /* @__PURE__ */ l({
+	props: /* @__PURE__ */ u({
 		classes: {},
 		color: {},
 		customProps: {},
@@ -37,34 +37,34 @@ var x = ["for"], S = ["checked"], C = {
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(s) {
-		let l = g(), w = s, T = m(!!w.defaultChecked), E = _(s, "modelValue"), { merged: D, iconBind: O, inputRef: k, fieldBind: A, inputBind: j, isChecked: M, formControl: N, controlBind: P } = t(() => ({
-			...l,
-			...w
+	setup(c) {
+		let u = v(), E = c, D = h(!!E.defaultChecked), O = y(c, "modelValue"), k = r(() => O.value ?? D.value), A = e(), j = r(() => S("check", A.value)), { merged: M, iconBind: N, inputRef: P, fieldBind: F, inputBind: I, isChecked: L, formControl: R, controlBind: z } = n(() => ({
+			...u,
+			...E
 		}), {
 			size: "md",
 			rounded: "sm",
 			color: "primary"
-		}, n(() => E.value ?? T.value));
-		function F(e) {
+		}, k);
+		function B(e) {
 			let t = e.target;
-			E.value = t.checked, T.value = t.checked;
+			O.value = t.checked, D.value = t.checked;
 		}
-		return (t, n) => (p(), r(h(e), { field: h(N) }, {
-			default: v(() => [o("label", u(h(A), { for: h(N).controlId.value }), [o("input", u({
+		return (e, n) => (m(), i(_(t), { field: _(R) }, {
+			default: b(() => [s("label", d(_(F), { for: _(R).controlId.value }), [s("input", d({
 				ref_key: "inputRef",
-				ref: k
-			}, h(j), {
-				checked: h(M),
-				onChange: F
-			}), null, 16, S), o("span", f(c(h(P))), [h(M) && !h(D).indeterminate ? (p(), r(h(b), {
+				ref: P
+			}, _(I), {
+				checked: _(L),
+				onChange: B
+			}), null, 16, w), s("span", p(l(_(z))), [_(L) && !_(M).indeterminate ? (m(), i(g(j.value), {
 				key: 0,
 				"stroke-width": 3,
-				class: d(h(y)("h-[65%] w-[65%]", h(O).class))
-			}, null, 8, ["class"])) : h(D).indeterminate ? (p(), a("span", C)) : i("", !0)], 16)], 16, x)]),
+				class: f(_(x)("h-[65%] w-[65%]", _(N).class))
+			}, null, 8, ["class"])) : _(M).indeterminate ? (m(), o("span", T)) : a("", !0)], 16)], 16, C)]),
 			_: 1
 		}, 8, ["field"]));
 	}
 });
 //#endregion
-export { w as default };
+export { E as default };

package/dist/Components/Checkbox/composables/useCheckbox.d.ts

@@ -235,13 +235,13 @@ export declare function useCheckbox(props: MaybeRefOrGetter<CheckboxOwnProps>, l
         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/Chip/Chip.vue_vue_type_script_setup_true_lang.js

@@ -2,9 +2,8 @@ import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp
 import n from "../Icon/Icon.js";
 import { useChip as r } from "./composables/useChip.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y } from "vue";
-import { X as b } from "@lucide/vue";
 //#region src/Components/Chip/Chip.vue?vue&type=script&setup=true&lang.ts
-var x = /* @__PURE__ */ d({
+var b = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "Chip",
 	props: {
@@ -23,13 +22,13 @@ var x = /* @__PURE__ */ d({
 		size: { default: "md" }
 	},
 	emits: ["dismiss"],
-	setup(d, { emit: x }) {
-		let S = y(), { merged: C, rootBind: w, labelBind: T, clearBind: E, clearIconSize: D, handleDismiss: O, handleClearKeyDown: k } = r(d, { size: "md" }, x), A = a(() => C.value.customProps?.clearIcon), j = a(() => D.value), M = a(() => e(S, "default") || !!C.value.label);
-		return (r, a) => (h(), c("span", m(f(v(w))), [M.value ? (h(), c("span", m(p({ key: 0 }, v(T))), [v(e)(v(S), "default") ? (h(), o(g(v(t)(v(S), "default")), { key: 0 })) : (h(), c(i, { key: 1 }, [l(_(d.label), 1)], 64))], 16)) : s("", !0), d.dismissible ? (h(), c("span", p({ key: 1 }, v(E), {
-			onClick: a[0] ||= (...e) => v(O) && v(O)(...e),
-			onKeydown: a[1] ||= (...e) => v(k) && v(k)(...e)
-		}), [u(v(n), p({ icon: v(b) }, A.value, { size: j.value }), null, 16, ["icon", "size"])], 16)) : s("", !0)], 16));
+	setup(d, { emit: b }) {
+		let x = y(), { merged: S, rootBind: C, labelBind: w, clearBind: T, clearIconSize: E, handleDismiss: D, handleClearKeyDown: O } = r(d, { size: "md" }, b), k = a(() => S.value.customProps?.clearIcon), A = a(() => E.value), j = a(() => e(x, "default") || !!S.value.label);
+		return (r, a) => (h(), c("span", m(f(v(C))), [j.value ? (h(), c("span", m(p({ key: 0 }, v(w))), [v(e)(v(x), "default") ? (h(), o(g(v(t)(v(x), "default")), { key: 0 })) : (h(), c(i, { key: 1 }, [l(_(d.label), 1)], 64))], 16)) : s("", !0), d.dismissible ? (h(), c("span", p({ key: 1 }, v(T), {
+			onClick: a[0] ||= (...e) => v(D) && v(D)(...e),
+			onKeydown: a[1] ||= (...e) => v(O) && v(O)(...e)
+		}), [u(v(n), p({ icon: "clear" }, k.value, { size: A.value }), null, 16, ["size"])], 16)) : s("", !0)], 16));
 	}
 });
 //#endregion
-export { x as default };
+export { b as default };

package/dist/Components/FormControl/composables/useFormControl.d.ts

@@ -11,7 +11,7 @@ export declare function useFormControl(props: MaybeRefOrGetter<Omit<FormControlO
     }>;
     merged: import('vue').ComputedRef<FormControlMerged>;
     rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, Partial<Omit<Omit<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", HTMLAttributes | undefined, Partial<Omit<Omit<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>;