@bridge-ui/vue 0.0.10 → 0.1.0

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

@@ -1,4 +1,4 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { AvatarProps } from '../avatar.types';
 type AvatarLibDefaults = LibDefaultsShape<AvatarProps, "size" | "color" | "rounded">;
 type AvatarMerged = MergeLibDefaults<AvatarProps, AvatarLibDefaults>;
@@ -7,14 +7,14 @@ export declare function useAvatar(props: AvatarProps, libDefaults: AvatarLibDefa
         [name: string]: import('vue').Slot<any> | undefined;
     }>;
     merged: import('vue').ComputedRef<AvatarMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<AvatarProps, "color" | "icon" | "size" | "classes" | "customProps" | "rounded" | "alt" | "src" | "fallback">>>;
-    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/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<AvatarProps, "color" | "icon" | "size" | "classes" | "customProps" | "rounded" | "alt" | "src" | "fallback">>>;
+    iconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
     hasImage: import('vue').ComputedRef<boolean>;
-    imageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').ImgHTMLAttributes | undefined, {
+    imageBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ImgHTMLAttributes | undefined, {
         alt: string | undefined;
         src: string | undefined;
     }>>;
-    fallbackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    fallbackBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     resolvedIcon: import('vue').ComputedRef<import('../../..').IconSource>;
     hasFallbackText: import('vue').ComputedRef<boolean>;
     hasCustomContent: import('vue').ComputedRef<boolean>;

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

@@ -1,9 +1,9 @@
 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 { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
-import { get as u, isEmpty as d, isNil as f } from "es-toolkit/compat";
-import { colorProps as p, iconSizeProps as m, roundedProps as h, sizeProps as g } from "@bridge-ui/core/Tokens/Avatar";
+import { get as s, isEmpty as c, isNil as l } from "es-toolkit/compat";
+import { avatarColorProps as u, avatarIconSizeProps as d, avatarRoundedProps as f, avatarSizeProps as p } from "@bridge-ui/core/Tokens";
+import { cn as m, mergeBridgeUILayeredClasses as h, splitComponentProps as g } from "@bridge-ui/core/Utils";
 //#region src/Components/Avatar/composables/useAvatar.ts
 var _ = [
 	"alt",
@@ -17,7 +17,7 @@ var _ = [
 	"customProps"
 ];
 function v(v, y) {
-	let b = a(), x = o(), S = i(() => l({
+	let b = a(), x = o(), S = i(() => g({
 		bridgeKeys: _,
 		props: {
 			...b,
@@ -30,47 +30,47 @@ function v(v, y) {
 	}), T = r({
 		entry: w,
 		props: () => S.value.componentProps
-	}), E = i(() => e(x, "default")), D = i(() => !f(C.value.src) && !d(C.value.src)), O = i(() => !f(C.value.fallback) && !d(C.value.fallback)), k = i(() => C.value.icon ?? "user"), A = i(() => !D.value && !E.value), j = i(() => {
-		let e = c(g, w.value?.tokens?.size);
-		return u(e, C.value.size);
+	}), E = i(() => e(x, "default")), D = i(() => !l(C.value.src) && !c(C.value.src)), O = i(() => !l(C.value.fallback) && !c(C.value.fallback)), k = i(() => C.value.icon ?? "user"), A = i(() => !D.value && !E.value), j = i(() => {
+		let e = h(p, w.value?.tokens?.size);
+		return s(e, C.value.size);
 	}), M = i(() => {
-		let e = c(p, w.value?.tokens?.color);
-		return u(e, C.value.color);
+		let e = h(u, w.value?.tokens?.color);
+		return s(e, C.value.color);
 	}), N = i(() => {
-		let e = c(h, w.value?.tokens?.rounded);
-		return u(e, C.value.rounded);
+		let e = h(f, w.value?.tokens?.rounded);
+		return s(e, C.value.rounded);
 	}), P = i(() => {
-		let e = c(m, w.value?.tokens?.iconSize);
-		return u(e, C.value.size);
-	}), F = i(() => C.value.customProps), I = i(() => t(F.value?.root, S.value.inheritedAttrs, s({
+		let e = h(d, w.value?.tokens?.iconSize);
+		return s(e, C.value.size);
+	}), F = i(() => C.value.customProps), I = i(() => t(F.value?.root, S.value.inheritedAttrs, m({
 		"inline-flex shrink-0 items-center justify-center overflow-hidden": !0,
 		[T.value.root ?? ""]: !0,
 		[N.value ?? ""]: !0,
 		[j.value ?? ""]: A.value || E.value || D.value,
-		[u(M.value, "background") ?? ""]: A.value,
-		[u(M.value, "text") ?? ""]: A.value
+		[s(M.value, "background") ?? ""]: A.value,
+		[s(M.value, "text") ?? ""]: A.value
 	}))), L = i(() => t(F.value?.image, {
 		alt: C.value.alt,
 		src: C.value.src
-	}, s({
+	}, m({
 		"shrink-0 object-cover object-center": !0,
 		[j.value ?? ""]: !0,
 		[N.value ?? ""]: !0,
 		[T.value.image ?? ""]: !0
-	}))), R = i(() => t(F.value?.fallback, {}, s({
+	}))), R = i(() => t(F.value?.fallback, {}, m({
 		"font-medium": !0,
-		[u(P.value, "label") ?? ""]: !0,
-		[u(M.value, "text") ?? ""]: !0,
+		[s(P.value, "label") ?? ""]: !0,
+		[s(M.value, "text") ?? ""]: !0,
 		[T.value.fallback ?? ""]: !0
 	})));
 	return {
 		slots: x,
 		merged: C,
 		rootBind: I,
-		iconBind: i(() => t(F.value?.icon, {}, s({
+		iconBind: i(() => t(F.value?.icon, {}, m({
 			"shrink-0": !0,
-			[u(P.value, "icon") ?? ""]: !0,
-			[u(M.value, "text") ?? ""]: !0
+			[s(P.value, "icon") ?? ""]: !0,
+			[s(M.value, "text") ?? ""]: !0
 		}))),
 		hasImage: D,
 		imageBind: L,

package/dist/Components/Badge/badge.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { BadgeColor, BadgeDensity, BadgeRounded, BadgeSize, BadgeVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { BadgeColor, BadgeDensity, BadgeRounded, BadgeSize, BadgeVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface BadgeSizeOverrides {}
 export interface BadgeColorOverrides {}
 export interface BadgeDensityOverrides {}

package/dist/Components/Badge/composables/useBadge.d.ts

@@ -1,9 +1,9 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { BadgeOwnProps, BadgeProps } from '../badge.types';
 type BadgeLibDefaults = LibDefaultsShape<BadgeOwnProps, "size" | "color" | "density" | "rounded" | "variant">;
 type BadgeMerged = MergeLibDefaults<BadgeOwnProps, BadgeLibDefaults>;
 export declare function useBadge(props: BadgeOwnProps, libDefaults: BadgeLibDefaults): {
     merged: import('vue').ComputedRef<BadgeMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<BadgeProps, "color" | "size" | "classes" | "full" | "rounded" | "variant" | "density">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, Omit<BadgeProps, "color" | "size" | "classes" | "full" | "rounded" | "variant" | "density">>>;
 };
 export {};

package/dist/Components/Badge/composables/useBadge.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
-import { get as c } from "es-toolkit/compat";
-import { densityProps as l, roundedProps as u, variantProps as d } from "@bridge-ui/core/Tokens/Badge";
+import { get as a } from "es-toolkit/compat";
+import { badgeDensityProps as o, badgeRoundedProps as s, badgeVariantProps as c } from "@bridge-ui/core/Tokens";
+import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core/Utils";
 //#region src/Components/Badge/composables/useBadge.ts
 var f = [
 	"full",
@@ -14,7 +14,7 @@ var f = [
 	"variant"
 ];
 function p(p, m) {
-	let h = i(), g = r(() => s({
+	let h = i(), g = r(() => d({
 		bridgeKeys: f,
 		props: {
 			...h,
@@ -28,26 +28,26 @@ function p(p, m) {
 		entry: v,
 		props: () => g.value.componentProps
 	}), b = r(() => _.value.density === "mini"), x = r(() => {
-		let e = o(l, v.value?.tokens?.density);
-		return c(e, [_.value.density, _.value.size]);
+		let e = u(o, v.value?.tokens?.density);
+		return a(e, [_.value.density, _.value.size]);
 	}), S = r(() => {
-		let e = o(d, v.value?.tokens?.variant);
-		return c(e, [_.value.variant, _.value.color]);
+		let e = u(c, v.value?.tokens?.variant);
+		return a(e, [_.value.variant, _.value.color]);
 	}), C = r(() => {
-		let e = o(u, v.value?.tokens?.rounded);
-		return c(e, _.value.rounded);
+		let e = u(s, v.value?.tokens?.rounded);
+		return a(e, _.value.rounded);
 	});
 	return {
 		merged: _,
-		rootBind: r(() => e({}, g.value.inheritedAttrs, a({
+		rootBind: r(() => e({}, g.value.inheritedAttrs, l({
 			"inline-flex items-center justify-center font-medium whitespace-nowrap": !0,
 			"w-full": !b.value && _.value.full,
 			"w-fit": !b.value && !_.value.full,
 			[x.value ?? ""]: !0,
 			[C.value ?? ""]: !0,
-			[c(S.value, "background") ?? ""]: !0,
-			[c(S.value, "border") ?? ""]: !0,
-			[c(S.value, "text") ?? ""]: !0,
+			[a(S.value, "background") ?? ""]: !0,
+			[a(S.value, "border") ?? ""]: !0,
+			[a(S.value, "text") ?? ""]: !0,
 			[y.value.root ?? ""]: !0
 		})))
 	};

package/dist/Components/BaseField/baseField.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { BaseFieldInvalidated, BaseFieldSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { BaseFieldSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { UseBaseFieldReturn } from './composables/useBaseField';
 import { LabelProps } from '../Label/label.types';
 export interface BaseFieldSizeOverrides {}
@@ -70,13 +71,6 @@ export interface BaseFieldCustomProps {
      * Props forwarded to the label + corner header row.
      */
     header?: HTMLAttributes;
-    /**
-     * Error-state message colors (`errorMessage`). Label colors come from `Label`
-     * when `error` is set.
-     *
-     * @default undefined
-     */
-    invalidated?: Partial<BaseFieldInvalidated>;
     /**
      * Props forwarded to the primary `Label` (content stays owned by `BaseField`).
      *

package/dist/Components/BaseField/composables/useBaseField.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, MaybeRefOrGetter } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { BaseFieldClasses, BaseFieldOwnProps } from '../baseField.types';
 import { LabelProps } from '../../Label/label.types';
 export type BaseFieldOptions = {
@@ -24,12 +24,12 @@ export declare function useBaseField(props: MaybeRefOrGetter<Omit<BaseFieldOwnPr
         [name: string]: import('vue').Slot<any> | undefined;
     }>;
     merged: import('vue').ComputedRef<BaseFieldMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
         slots?: import('../baseField.types').BaseFieldSlots | undefined;
         class: string;
     }>>;
-    errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    groupBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
+    errorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    groupBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
         role: string;
         id: string;
         "aria-describedby": string | undefined;
@@ -37,18 +37,18 @@ export declare function useBaseField(props: MaybeRefOrGetter<Omit<BaseFieldOwnPr
         "aria-invalid": true | undefined;
     }>>;
     controlId: import('vue').ComputedRef<string>;
-    headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     isDisabled: import('vue').ComputedRef<boolean>;
     isReadonly: import('vue').ComputedRef<boolean>;
-    sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core').BaseFieldSizeItem | undefined>;
-    endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core/Tokens').BaseFieldSizeItem | undefined>;
+    endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     invalidated: import('vue').ComputedRef<boolean>;
-    startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     mergedClasses: import('vue').ComputedRef<Partial<BaseFieldClasses>>;
     ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
     fieldLabelProps: import('vue').ComputedRef<LabelProps>;
-    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     showErrorMessageContent: import('vue').ComputedRef<boolean>;
 };
 export type UseBaseFieldReturn = ReturnType<typeof useBaseField>;

package/dist/Components/BaseField/composables/useBaseField.js

@@ -1,11 +1,11 @@
 import { hasSlotOrProp as e } from "../../../Utils/slotOrProp.js";
 import { mergeNestedComponentProps as t, mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
 import { computed as a, toValue as o, useAttrs as s, useId as c, useSlots as l } from "vue";
-import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
-import { get as p, omit as m } from "es-toolkit/compat";
-import { invalidatedProps as h, sizeProps as g } from "@bridge-ui/core/Tokens/BaseField";
+import { get as u, omit as d } from "es-toolkit/compat";
+import { baseFieldSizeProps as f } from "@bridge-ui/core/Tokens";
+import { cn as p, mergeBridgeUILayeredClasses as m, splitComponentProps as h } from "@bridge-ui/core/Utils";
 //#region src/Components/BaseField/composables/useBaseField.ts
-var _ = [
+var g = [
 	"size",
 	"error",
 	"label",
@@ -20,115 +20,111 @@ var _ = [
 	"errorMessage",
 	"hideErrorMessage"
 ];
-function v(v, y = {
+function _(_, v = {
 	size: "md",
 	error: !1,
 	hideErrorMessage: !1
-}, b = {}) {
-	let x = s(), S = l(), C = c(), w = a(() => f({
-		bridgeKeys: _,
+}, y = {}) {
+	let b = s(), x = l(), S = c(), C = a(() => h({
+		bridgeKeys: g,
 		props: {
-			...x,
-			...o(v)
+			...b,
+			...o(_)
 		}
-	})), { merged: T, entry: E } = r({
-		libDefaults: y,
-		componentName: b.componentName,
-		props: () => w.value.componentProps
-	}), D = i({
-		entry: E,
-		props: () => w.value.componentProps
-	}), O = a(() => T.value.customProps), k = a(() => T.value.error === !0), A = a(() => !!T.value.disabled), j = a(() => !!T.value.readonly), M = a(() => T.value.controlId ?? w.value.inheritedAttrs.id ?? C), N = a(() => {
-		let e = d(g, p(E.value, [
+	})), { merged: w, entry: T } = r({
+		libDefaults: v,
+		componentName: y.componentName,
+		props: () => C.value.componentProps
+	}), E = i({
+		entry: T,
+		props: () => C.value.componentProps
+	}), D = a(() => w.value.customProps), O = a(() => w.value.error === !0), k = a(() => !!w.value.disabled), A = a(() => !!w.value.readonly), j = a(() => w.value.controlId ?? C.value.inheritedAttrs.id ?? S), M = a(() => {
+		let e = m(f, u(T.value, [
 			"tokens",
 			"baseField",
 			"size"
 		]));
-		return p(e, T.value.size ?? "md");
-	}), P = a(() => d(h, p(E.value, [
-		"tokens",
-		"baseField",
-		"invalidated"
-	]), T.value.customProps?.invalidated)), F = a(() => k.value ? P.value : void 0), I = a(() => !T.value.hideErrorMessage), L = a(() => k.value && e(S, "errorMessage", T.value.errorMessage)), R = a(() => {
+		return u(e, w.value.size ?? "md");
+	}), N = a(() => !w.value.hideErrorMessage), P = a(() => O.value && e(x, "errorMessage", w.value.errorMessage)), F = a(() => {
 		let t = [];
-		return !k.value && e(S, "description", T.value.description) && t.push(`${M.value}-description`), k.value && !T.value.hideErrorMessage && e(S, "errorMessage", T.value.errorMessage) && t.push(`${M.value}-error`), t.length > 0 ? t.join(" ") : void 0;
-	}), z = a(() => n(O.value?.root, {
-		class: u(w.value.inheritedAttrs.class),
-		...m(w.value.inheritedAttrs, ["class", "id"])
-	}, u({
+		return !O.value && e(x, "description", w.value.description) && t.push(`${j.value}-description`), O.value && !w.value.hideErrorMessage && e(x, "errorMessage", w.value.errorMessage) && t.push(`${j.value}-error`), t.length > 0 ? t.join(" ") : void 0;
+	}), I = a(() => n(D.value?.root, {
+		class: p(C.value.inheritedAttrs.class),
+		...d(C.value.inheritedAttrs, ["class", "id"])
+	}, p({
 		"group w-full relative": !0,
 		"aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-60": !0,
 		"aria-readonly:pointer-events-none aria-readonly:select-none": !0,
-		[D.value.root ?? ""]: !0
-	}))), B = a(() => n(O.value?.header, {}, u({
+		[E.value.root ?? ""]: !0
+	}))), L = a(() => n(D.value?.header, {}, p({
 		"flex w-full gap-x-2 mb-1.5": !0,
-		"justify-between items-end": e(S, "label", T.value.label),
-		"justify-end": !e(S, "label", T.value.label),
-		[D.value.header ?? ""]: !0
-	}))), V = a(() => n(O.value?.corner, {}, u({
+		"justify-between items-end": e(x, "label", w.value.label),
+		"justify-end": !e(x, "label", w.value.label),
+		[E.value.header ?? ""]: !0
+	}))), R = a(() => n(D.value?.corner, {}, p({
 		"text-dark-500 dark:text-dark-400": !0,
-		[N.value?.text ?? ""]: !0,
-		[D.value.corner ?? ""]: !0
-	}))), H = a(() => n(O.value?.group, {
+		[M.value?.text ?? ""]: !0,
+		[E.value.corner ?? ""]: !0
+	}))), z = a(() => n(D.value?.group, {
 		role: "group",
-		id: M.value,
-		"aria-describedby": R.value,
-		"aria-disabled": A.value || void 0,
-		"aria-invalid": k.value || void 0
-	}, u({
+		id: j.value,
+		"aria-describedby": F.value,
+		"aria-disabled": k.value || void 0,
+		"aria-invalid": O.value || void 0
+	}, p({
 		"flex flex-wrap items-center": !0,
-		[N.value?.group ?? ""]: !0,
-		[D.value.group ?? ""]: !0
-	}))), U = a(() => n(O.value?.start, {}, u({
+		[M.value?.group ?? ""]: !0,
+		[E.value.group ?? ""]: !0
+	}))), B = a(() => n(D.value?.start, {}, p({
 		"group/start wrapper-start-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
-		[D.value.start ?? ""]: !0
-	}))), W = a(() => n(O.value?.end, {}, u({
+		[E.value.start ?? ""]: !0
+	}))), V = a(() => n(D.value?.end, {}, p({
 		"group/end wrapper-end-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
-		[D.value.end ?? ""]: !0
-	}))), G = a(() => n(O.value?.description, {}, u({
+		[E.value.end ?? ""]: !0
+	}))), H = a(() => n(D.value?.description, {}, p({
 		"mt-2 text-dark-500 dark:text-dark-400": !0,
-		[N.value?.text ?? ""]: !0,
-		[D.value.description ?? ""]: !0
+		[M.value?.text ?? ""]: !0,
+		[E.value.description ?? ""]: !0
 	})));
 	return {
-		slots: S,
-		merged: T,
-		rootBind: z,
-		errorBind: a(() => n(O.value?.errorMessage, {}, u({
+		slots: x,
+		merged: w,
+		rootBind: I,
+		errorBind: a(() => n(D.value?.errorMessage, {}, p({
 			"mt-2": !0,
-			"min-h-[1lh]": I.value,
-			[F.value?.errorMessage ?? ""]: !0,
-			[N.value?.text ?? ""]: !0,
-			[D.value.errorMessage ?? ""]: !0
+			"min-h-[1lh]": N.value,
+			"text-error-600 dark:text-error-400": !0,
+			[M.value?.text ?? ""]: !0,
+			[E.value.errorMessage ?? ""]: !0
 		}))),
-		groupBind: H,
-		controlId: M,
-		headerBind: B,
-		cornerBind: V,
-		isDisabled: A,
-		isReadonly: j,
-		sizeClasses: N,
-		endSlotBind: W,
-		invalidated: k,
-		startSlotBind: U,
-		mergedClasses: D,
-		ariaDescribedBy: R,
+		groupBind: z,
+		controlId: j,
+		headerBind: L,
+		cornerBind: R,
+		isDisabled: k,
+		isReadonly: A,
+		sizeClasses: M,
+		endSlotBind: V,
+		invalidated: O,
+		startSlotBind: B,
+		mergedClasses: E,
+		ariaDescribedBy: F,
 		fieldLabelProps: a(() => {
-			let e = b.labelHtmlFor ?? ((e) => e);
-			return t(O.value?.label, {
-				size: T.value.size,
-				error: k.value,
-				required: T.value.required,
-				for: e(M.value),
+			let e = y.labelHtmlFor ?? ((e) => e);
+			return t(D.value?.label, {
+				size: w.value.size,
+				error: O.value,
+				required: w.value.required,
+				for: e(j.value),
 				classes: {
-					required: D.value.required,
-					root: u({ [D.value.label ?? ""]: !0 })
+					required: E.value.required,
+					root: p({ [E.value.label ?? ""]: !0 })
 				}
 			});
 		}),
-		descriptionBind: G,
-		showErrorMessageContent: L
+		descriptionBind: H,
+		showErrorMessageContent: P
 	};
 }
 //#endregion
-export { _ as baseFieldBridgeKeys, v as useBaseField };
+export { g as baseFieldBridgeKeys, _ as useBaseField };

package/dist/Components/Breadcrumb/breadcrumb.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, OlHTMLAttributes, Slot } from 'vue';
-import { BreadcrumbSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { BreadcrumbSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 import { BreadcrumbItemOwnProps } from '../BreadcrumbItem/breadcrumbItem.types';
 import { IconProps } from '../Icon';

package/dist/Components/Breadcrumb/composables/useBreadcrumb.d.ts

@@ -1,20 +1,20 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { BreadcrumbOwnProps, BreadcrumbProps } from '../breadcrumb.types';
 import { BreadcrumbContextValue } from '../breadcrumbInjectionKey';
 type BreadcrumbLibDefaults = LibDefaultsShape<BreadcrumbOwnProps, "size" | "separator">;
 type BreadcrumbMerged = MergeLibDefaults<BreadcrumbOwnProps, BreadcrumbLibDefaults>;
 export declare function useBreadcrumb(props: BreadcrumbOwnProps, libDefaults: BreadcrumbLibDefaults): {
     merged: import('vue').ComputedRef<BreadcrumbMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         "aria-label": string;
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, Omit<BreadcrumbProps, "size" | "classes" | "customProps" | "separator" | "items" | "maxItems">>>;
-    listBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    listBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         role: string;
         class: string;
     }, "class", import('vue').OlHTMLAttributes | undefined, {}>>;
     contextValue: import('vue').ComputedRef<BreadcrumbContextValue>;
-    collapsedItems: import('vue').ComputedRef<import('@bridge-ui/core').CollapsedBreadcrumbEntry<import('../breadcrumb.types').BreadcrumbItemData>[]>;
+    collapsedItems: import('vue').ComputedRef<import('@bridge-ui/core/Domain').CollapsedBreadcrumbEntry<import('../breadcrumb.types').BreadcrumbItemData>[]>;
     hasDefaultSlot: import('vue').ComputedRef<boolean>;
 };
 export {};

package/dist/Components/Breadcrumb/composables/useBreadcrumb.js

@@ -1,9 +1,10 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { BREADCRUMB_INJECTION_KEY as r } from "../breadcrumbInjectionKey.js";
 import { computed as i, provide as a, useAttrs as o, useSlots as s } from "vue";
-import { cn as c, collapseBreadcrumbItems as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
-import { get as f } from "es-toolkit/compat";
-import { sizeProps as p } from "@bridge-ui/core/Tokens/Breadcrumb";
+import { get as c } from "es-toolkit/compat";
+import { collapseBreadcrumbItems as l } from "@bridge-ui/core/Domain";
+import { breadcrumbSizeProps as u } from "@bridge-ui/core/Tokens";
+import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core/Utils";
 //#region src/Components/Breadcrumb/composables/useBreadcrumb.ts
 var m = [
 	"size",
@@ -14,7 +15,7 @@ var m = [
 	"customProps"
 ];
 function h(h, g) {
-	let _ = o(), v = s(), y = i(() => d({
+	let _ = o(), v = s(), y = i(() => p({
 		props: {
 			..._,
 			...h
@@ -27,17 +28,17 @@ function h(h, g) {
 	}), S = i(() => b.value.customProps), C = i(() => l(b.value.items ?? [], b.value.maxItems)), w = n({
 		entry: x,
 		props: () => y.value.componentProps
-	}), T = i(() => u(p, x.value?.tokens?.size)), E = i(() => f(T.value, b.value.size)), D = i(() => ({
+	}), T = i(() => f(u, x.value?.tokens?.size)), E = i(() => c(T.value, b.value.size)), D = i(() => ({
 		separator: b.value.separator,
 		separatorIconProps: S.value?.separator,
-		separatorClass: f(w.value, "separator"),
+		separatorClass: c(w.value, "separator"),
 		separatorSlot: v.separator ? () => v.separator?.() : void 0,
 		tokenClasses: {
-			item: f(E.value, "item"),
-			link: f(E.value, "link"),
-			iconSize: f(E.value, "icon"),
-			current: f(E.value, "current"),
-			separator: f(E.value, "separator")
+			item: c(E.value, "item"),
+			link: c(E.value, "link"),
+			iconSize: c(E.value, "icon"),
+			current: c(E.value, "current"),
+			separator: c(E.value, "separator")
 		}
 	}));
 	return a(r, D), {
@@ -46,17 +47,17 @@ function h(h, g) {
 			let t = y.value.inheritedAttrs;
 			return e(S.value?.root, t, {
 				"aria-label": t["aria-label"] ?? "Breadcrumb",
-				class: c({
-					[f(E.value, "root") ?? ""]: !0,
-					[f(w.value, "root") ?? ""]: !0
+				class: d({
+					[c(E.value, "root") ?? ""]: !0,
+					[c(w.value, "root") ?? ""]: !0
 				})
 			});
 		}),
 		listBind: i(() => e(S.value?.list, {}, {
 			role: "list",
-			class: c({
-				[f(E.value, "list") ?? ""]: !0,
-				[f(w.value, "list") ?? ""]: !0,
+			class: d({
+				[c(E.value, "list") ?? ""]: !0,
+				[c(w.value, "list") ?? ""]: !0,
 				"[&>li:first-child_[data-slot=separator]]:hidden": !0
 			})
 		})),

package/dist/Components/BreadcrumbItem/breadcrumbItem.types.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { MergeHtmlProps } from '@bridge-ui/core';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface BreadcrumbItemClasses {