@bridge-ui/vue 0.0.5 → 0.0.7

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/Button/composables/useButton.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { get as a, includes as o, isNil as s } from "es-toolkit/compat";
-import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core";
+import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
+import { get as c, includes as l, isNil as u } from "es-toolkit/compat";
 import { densityProps as d, roundedProps as f, variantProps as p } from "@bridge-ui/core/Tokens/Button";
 //#region src/Components/Button/composables/useButton.ts
 var m = [
@@ -23,7 +23,7 @@ var m = [
 	"customProps"
 ];
 function h(h, g) {
-	let _ = i(), v = r(() => u({
+	let _ = i(), v = r(() => s({
 		bridgeKeys: m,
 		props: {
 			..._,
@@ -40,22 +40,22 @@ function h(h, g) {
 		if (!(!w.value || D.value || !y.value.href)) return y.value.href;
 	}), M = r(() => {
 		if (!T.value) return;
-		let e = a(v.value.inheritedAttrs, "type");
-		return o([
+		let e = c(v.value.inheritedAttrs, "type");
+		return l([
 			"submit",
 			"reset",
 			"button"
 		], e) ? e : "button";
-	}), N = r(() => a(l(d, b.value?.tokens?.density), [y.value.density, y.value.size])), P = r(() => s(v.value.componentProps.variant) ? E.value ? "flat" : y.value.variant : v.value.componentProps.variant), F = r(() => a(l(p, b.value?.tokens?.variant), [P.value, y.value.color])), I = r(() => a(l(f, b.value?.tokens?.rounded), y.value.rounded));
+	}), N = r(() => c(o(d, b.value?.tokens?.density), [y.value.density, y.value.size])), P = r(() => u(v.value.componentProps.variant) ? E.value ? "flat" : y.value.variant : v.value.componentProps.variant), F = r(() => c(o(p, b.value?.tokens?.variant), [P.value, y.value.color])), I = r(() => c(o(f, b.value?.tokens?.rounded), y.value.rounded));
 	return {
 		tag: C,
 		merged: y,
 		isMini: E,
-		iconBind: r(() => e(x.value?.icon, {}, c({
+		iconBind: r(() => e(x.value?.icon, {}, a({
 			"shrink-0": !0,
 			[S.value.icon ?? ""]: !0
 		}))),
-		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, c({
+		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, a({
 			"inline-flex items-center justify-center": !0,
 			"cursor-pointer outline-none outline-hidden": !0,
 			"shrink-0": E.value,
@@ -64,9 +64,9 @@ function h(h, g) {
 			"w-full": !E.value && y.value.full,
 			"w-fit": !E.value && !y.value.full,
 			"group hover:shadow-xs": !E.value,
-			[a(F.value, "base") ?? ""]: !0,
-			[a(F.value, "hover") ?? ""]: !0,
-			[a(F.value, "focus") ?? ""]: !0,
+			[c(F.value, "base") ?? ""]: !0,
+			[c(F.value, "hover") ?? ""]: !0,
+			[c(F.value, "focus") ?? ""]: !0,
 			"transition-all ease-in-out duration-200": !0,
 			"focus:ring-2": !0,
 			"focus:ring-offset-background-white dark:focus:ring-offset-background-dark": !0,
@@ -76,19 +76,19 @@ function h(h, g) {
 		}))),
 		rootHref: j,
 		rootType: M,
-		endIconBind: r(() => e(x.value?.endIcon, {}, c({
+		endIconBind: r(() => e(x.value?.endIcon, {}, a({
 			"shrink-0": !0,
 			[S.value.endIcon ?? ""]: !0
 		}))),
 		endSlotBind: r(() => e(x.value?.end, {}, "inline-flex shrink-0 items-center")),
 		rootAriaBusy: k,
 		rootDisabled: O,
-		startIconBind: r(() => e(x.value?.startIcon, {}, c({
+		startIconBind: r(() => e(x.value?.startIcon, {}, a({
 			"shrink-0": !0,
 			[S.value.startIcon ?? ""]: !0
 		}))),
 		startSlotBind: r(() => e(x.value?.start, {}, "inline-flex shrink-0 items-center")),
-		loadingIconBind: r(() => e(x.value?.loading, {}, c({
+		loadingIconBind: r(() => e(x.value?.loading, {}, a({
 			"shrink-0 animate-spin": !0,
 			[S.value.loading ?? ""]: !0
 		}))),

package/dist/Components/Card/composables/useCard.js

@@ -1,8 +1,8 @@
 import { hasNamedSlot as e } from "../../../Utils/slotOrProp.js";
 import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
 import { computed as i, useAttrs as a, useSlots as o } from "vue";
-import { get as s } from "es-toolkit/compat";
-import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core";
+import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
+import { get as u } from "es-toolkit/compat";
 import { paddingProps as d, roundedProps as f, shadowProps as p, variantProps as m } from "@bridge-ui/core/Tokens/Card";
 //#region src/Components/Card/composables/useCard.ts
 var h = [
@@ -16,7 +16,7 @@ var h = [
 	"customProps"
 ];
 function g(g, _) {
-	let v = a(), y = o(), b = i(() => u({
+	let v = a(), y = o(), b = i(() => l({
 		bridgeKeys: h,
 		props: {
 			...v,
@@ -32,44 +32,44 @@ function g(g, _) {
 	}), T = i(() => {
 		let e = y.default?.();
 		return !!(e && e.length > 0);
-	}), E = i(() => e(y, "footer")), D = i(() => s(l(m, S.value?.tokens?.variant), x.value.variant)), O = i(() => x.value.borderless ? !1 : !!s(D.value, "border")), k = i(() => {
-		if (x.value.variant === "elevated") return s(l(p, S.value?.tokens?.shadow), x.value.shadow);
-	}), A = i(() => s(l(d, S.value?.tokens?.padding), x.value.padding)), j = i(() => s(l(f, S.value?.tokens?.rounded), x.value.rounded)), M = i(() => t(C.value?.body, {}, c({
+	}), E = i(() => e(y, "footer")), D = i(() => u(c(m, S.value?.tokens?.variant), x.value.variant)), O = i(() => x.value.borderless ? !1 : !!u(D.value, "border")), k = i(() => {
+		if (x.value.variant === "elevated") return u(c(p, S.value?.tokens?.shadow), x.value.shadow);
+	}), A = i(() => u(c(d, S.value?.tokens?.padding), x.value.padding)), j = i(() => u(c(f, S.value?.tokens?.rounded), x.value.rounded)), M = i(() => t(C.value?.body, {}, s({
 		grow: !0,
-		[s(A.value, "body") ?? ""]: !0,
-		[s(D.value, "text") ?? ""]: !0,
-		[s(w.value, "body") ?? ""]: !0
-	}))), N = i(() => t(C.value?.footer, {}, c({
+		[u(A.value, "body") ?? ""]: !0,
+		[u(D.value, "text") ?? ""]: !0,
+		[u(w.value, "body") ?? ""]: !0
+	}))), N = i(() => t(C.value?.footer, {}, s({
 		"border-t": O.value,
-		[s(A.value, "footer") ?? ""]: !0,
-		[s(D.value, "border") ?? ""]: O.value,
-		[s(D.value, "footer") ?? ""]: !0,
-		[s(j.value, "footer") ?? ""]: !0,
-		[s(w.value, "footer") ?? ""]: !0
-	}))), P = i(() => t(C.value?.header, {}, c({
+		[u(A.value, "footer") ?? ""]: !0,
+		[u(D.value, "border") ?? ""]: O.value,
+		[u(D.value, "footer") ?? ""]: !0,
+		[u(j.value, "footer") ?? ""]: !0,
+		[u(w.value, "footer") ?? ""]: !0
+	}))), P = i(() => t(C.value?.header, {}, s({
 		"flex items-center justify-between": !0,
 		"border-b": O.value,
-		[s(A.value, "header") ?? ""]: !0,
-		[s(D.value, "border") ?? ""]: O.value,
-		[s(j.value, "header") ?? ""]: !0,
-		[s(w.value, "header") ?? ""]: !0
+		[u(A.value, "header") ?? ""]: !0,
+		[u(D.value, "border") ?? ""]: O.value,
+		[u(j.value, "header") ?? ""]: !0,
+		[u(w.value, "header") ?? ""]: !0
 	})));
 	return {
 		slots: y,
 		merged: x,
 		bodyBind: M,
-		rootBind: i(() => t(C.value?.root, b.value.inheritedAttrs, c({
+		rootBind: i(() => t(C.value?.root, b.value.inheritedAttrs, s({
 			"flex w-full flex-col": !0,
 			[k.value ?? ""]: !0,
-			[s(j.value, "root") ?? ""]: !0,
-			[s(D.value, "root") ?? ""]: !0,
-			[s(w.value, "root") ?? ""]: !0
+			[u(j.value, "root") ?? ""]: !0,
+			[u(D.value, "root") ?? ""]: !0,
+			[u(w.value, "root") ?? ""]: !0
 		}))),
 		hasFooter: E,
-		titleBind: i(() => t(C.value?.title, {}, c({
+		titleBind: i(() => t(C.value?.title, {}, s({
 			"text-base font-medium whitespace-normal": !0,
-			[s(D.value, "text") ?? ""]: !0,
-			[s(w.value, "title") ?? ""]: !0
+			[u(D.value, "text") ?? ""]: !0,
+			[u(w.value, "title") ?? ""]: !0
 		}))),
 		footerBind: N,
 		headerBind: P,

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: {},
@@ -25,10 +25,10 @@ var x = ["for"], S = ["checked"], C = {
 		endLabel: {},
 		error: { type: Boolean },
 		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
 		readonly: { type: Boolean },
 		required: { type: Boolean },
-		startLabel: {},
-		withoutErrorMessage: { type: Boolean }
+		startLabel: {}
 	}, {
 		modelValue: {
 			type: Boolean,
@@ -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" | "hideErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
-            withoutErrorMessage: NonNullable<boolean | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
+            hideErrorMessage: 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" | "hideErrorMessage" | "readonly" | "startLabel">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;

package/dist/Components/Checkbox/composables/useCheckbox.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormControl as r } from "../../FormControl/composables/useFormControl.js";
 import { computed as i, ref as a, toValue as o, useAttrs as s, watchEffect as c } from "vue";
-import { get as l, omit as u } from "es-toolkit/compat";
-import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core";
+import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
+import { get as f, omit as p } from "es-toolkit/compat";
 import { colorProps as m, invalidatedProps as h, roundedProps as g, sizeProps as _ } from "@bridge-ui/core/Tokens/Checkbox";
 //#region src/Components/Checkbox/composables/useCheckbox.ts
 var v = [
@@ -20,9 +20,9 @@ function y(y, b, x) {
 		...o(y)
 	}), {
 		error: !1,
-		withoutErrorMessage: !1,
+		hideErrorMessage: !1,
 		size: b.size ?? "sm"
-	}), T = i(() => p({
+	}), T = i(() => d({
 		bridgeKeys: v,
 		props: {
 			...S,
@@ -35,7 +35,7 @@ function y(y, b, x) {
 	}), O = i(() => E.value.customProps), k = n({
 		entry: D,
 		props: () => T.value.componentProps
-	}), A = i(() => !!o(x)), j = i(() => l(f(m, D.value?.tokens?.color), E.value.color ?? "primary")), M = i(() => f(h, D.value?.tokens?.invalidated)), N = i(() => w.invalidated.value ? M.value : j.value), P = i(() => l(f(_, D.value?.tokens?.size), E.value.size ?? "sm")), F = i(() => l(f(g, D.value?.tokens?.rounded), E.value.rounded ?? "sm"));
+	}), A = i(() => !!o(x)), j = i(() => f(u(m, D.value?.tokens?.color), E.value.color ?? "primary")), M = i(() => u(h, D.value?.tokens?.invalidated)), N = i(() => w.invalidated.value ? M.value : j.value), P = i(() => f(u(_, D.value?.tokens?.size), E.value.size ?? "sm")), F = i(() => f(u(g, D.value?.tokens?.rounded), E.value.rounded ?? "sm"));
 	c(() => {
 		C.value && (C.value.indeterminate = !!E.value.indeterminate);
 	});
@@ -43,10 +43,10 @@ function y(y, b, x) {
 		...O.value?.input,
 		...w.controlBind.value,
 		type: "checkbox"
-	}, u(T.value.inheritedAttrs, ["class"]), d({
+	}, p(T.value.inheritedAttrs, ["class"]), l({
 		"sr-only": !0,
 		[k.value.input ?? ""]: !0
-	}))), L = i(() => e(O.value?.control, { "aria-hidden": !0 }, d({
+	}))), L = i(() => e(O.value?.control, { "aria-hidden": !0 }, l({
 		"inline-flex shrink-0 items-center justify-center border shadow-sm transition ease-in-out duration-100": !0,
 		"pointer-events-none": !0,
 		[P.value ?? ""]: !0,
@@ -57,12 +57,12 @@ function y(y, b, x) {
 	})));
 	return {
 		merged: E,
-		iconBind: i(() => e(O.value?.icon, {}, d({
+		iconBind: i(() => e(O.value?.icon, {}, l({
 			"text-white": !0,
 			[k.value.icon ?? ""]: !0
 		}))),
 		inputRef: C,
-		fieldBind: i(() => e({}, {}, d({
+		fieldBind: i(() => e({}, {}, l({
 			"relative inline-flex shrink-0 cursor-pointer items-center": !0,
 			"has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2": !0,
 			[N.value?.focus ?? ""]: !0

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/Chip/composables/useChip.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { get as a } from "es-toolkit/compat";
-import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
+import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
+import { get as c } from "es-toolkit/compat";
 import { sizeProps as l } from "@bridge-ui/core/Tokens/Chip";
 //#region src/Components/Chip/composables/useChip.ts
 var u = [
@@ -14,7 +14,7 @@ var u = [
 	"dismissible"
 ];
 function d(d, f, p) {
-	let m = i(), h = r(() => c({
+	let m = i(), h = r(() => s({
 		bridgeKeys: u,
 		props: {
 			...m,
@@ -27,12 +27,12 @@ function d(d, f, p) {
 	}), v = n({
 		entry: _,
 		props: () => h.value.componentProps
-	}), y = r(() => g.value.customProps), b = r(() => a(s(l, _.value?.tokens?.size), g.value.size ?? "md")), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, o({
+	}), y = r(() => g.value.customProps), b = r(() => c(o(l, _.value?.tokens?.size), g.value.size ?? "md")), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, a({
 		"inline-flex max-w-full items-center bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-100": !0,
 		"opacity-50 pointer-events-none": g.value.disabled === !0,
 		[b.value?.root ?? ""]: !0,
 		[v.value.root ?? ""]: !0
-	}))), C = r(() => e(y.value?.label, {}, o({
+	}))), C = r(() => e(y.value?.label, {}, a({
 		truncate: !0,
 		[b.value?.label ?? ""]: !0,
 		[v.value.label ?? ""]: !0
@@ -41,7 +41,7 @@ function d(d, f, p) {
 		tabindex: g.value.disabled ? -1 : 0,
 		"aria-label": g.value.clearLabel ?? "Remove",
 		"aria-disabled": g.value.disabled ? !0 : void 0
-	}, o({
+	}, a({
 		"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm text-gray-400 transition-colors duration-150 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200": !0,
 		[v.value.clear ?? ""]: !0
 	})));

package/dist/Components/Divider/composables/useDivider.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { get as a } from "es-toolkit/compat";
-import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
+import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
+import { get as c } from "es-toolkit/compat";
 import { colorProps as l, orientationProps as u } from "@bridge-ui/core/Tokens/Divider";
 //#region src/Components/Divider/composables/useDivider.ts
 var d = [
@@ -10,7 +10,7 @@ var d = [
 	"orientation"
 ];
 function f(f, p) {
-	let m = i(), h = r(() => c({
+	let m = i(), h = r(() => s({
 		props: {
 			...m,
 			...f
@@ -23,13 +23,13 @@ function f(f, p) {
 	}), v = n({
 		entry: _,
 		props: () => h.value.componentProps
-	}), y = r(() => a(s(l, _.value?.tokens?.color), g.value.color)), b = r(() => a(s(u, _.value?.tokens?.orientation), g.value.orientation));
+	}), y = r(() => c(o(l, _.value?.tokens?.color), g.value.color)), b = r(() => c(o(u, _.value?.tokens?.orientation), g.value.orientation));
 	return {
 		merged: g,
 		rootBind: r(() => e({}, h.value.inheritedAttrs, {
 			role: "separator",
 			"aria-orientation": g.value.orientation,
-			class: o({
+			class: a({
 				"m-0 shrink-0 border-0": !0,
 				[y.value ?? ""]: !0,
 				[b.value ?? ""]: !0,