@bridge-ui/vue 0.0.10 → 0.1.0

package/dist/Components/Icon/composables/useIcon.d.ts

@@ -1,11 +1,11 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { IconElement } from '../../../Adapters/Icon';
 import { IconOwnProps, IconProps } from '../icon.types';
 type IconLibDefaults = LibDefaultsShape<IconOwnProps, "size">;
 type IconMerged = MergeLibDefaults<IconOwnProps, IconLibDefaults>;
 export declare function useIcon(props: IconOwnProps, libDefaults: IconLibDefaults): {
     merged: import('vue').ComputedRef<IconMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<IconProps, "icon" | "size">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, Omit<IconProps, "icon" | "size">>>;
     resolvedIcon: import('vue').ComputedRef<IconElement | null | undefined>;
 };
 export {};

package/dist/Components/Icon/composables/useIcon.js

@@ -1,13 +1,14 @@
 import { useIconAdapter as e } from "../../../Adapters/Icon/useIconAdapter.js";
 import { mergePartBind as t, useBridgeUIComponent as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { cn as a, mergeBridgeUILayeredClasses as o, resolveIconSource as s, splitComponentProps as c } from "@bridge-ui/core";
-import { get as l } from "es-toolkit/compat";
-import { sizeProps as u } from "@bridge-ui/core/Tokens/Icon";
+import { resolveIconSource as a } from "@bridge-ui/core/Adapters";
+import { get as o } from "es-toolkit/compat";
+import { iconSizeProps as s } from "@bridge-ui/core/Tokens";
+import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core/Utils";
 //#region src/Components/Icon/composables/useIcon.ts
 var d = ["icon", "size"];
 function f(f, p) {
-	let m = i(), h = r(() => c({
+	let m = i(), h = r(() => u({
 		bridgeKeys: d,
 		props: {
 			...m,
@@ -17,13 +18,13 @@ function f(f, p) {
 		libDefaults: p,
 		componentName: "Icon",
 		props: () => h.value.componentProps
-	}), v = e(), y = r(() => s(g.value.icon, v.value)), b = r(() => {
-		let e = o(u, _.value?.tokens?.size);
-		return l(e, g.value.size);
+	}), v = e(), y = r(() => a(g.value.icon, v.value)), b = r(() => {
+		let e = l(s, _.value?.tokens?.size);
+		return o(e, g.value.size);
 	});
 	return {
 		merged: g,
-		rootBind: r(() => t({}, h.value.inheritedAttrs, a({ [b.value ?? ""]: !0 }))),
+		rootBind: r(() => t({}, h.value.inheritedAttrs, c({ [b.value ?? ""]: !0 }))),
 		resolvedIcon: y
 	};
 }

package/dist/Components/Icon/icon.types.d.ts

@@ -1,5 +1,6 @@
 import { SVGAttributes } from 'vue';
-import { IconSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 export interface IconSizeOverrides {}
 export interface IconOwnProps {

package/dist/Components/Label/composables/useLabel.d.ts

@@ -1,10 +1,10 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { LabelOwnProps, LabelProps } from '../label.types';
 type LabelLibDefaults = LibDefaultsShape<LabelOwnProps, "size">;
 type LabelMerged = MergeLibDefaults<LabelOwnProps, LabelLibDefaults>;
 export declare function useLabel(props: LabelOwnProps, libDefaults: LabelLibDefaults): {
     merged: import('vue').ComputedRef<LabelMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<LabelProps, "error" | "size" | "classes" | "required">>>;
-    requiredBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, Omit<LabelProps, "error" | "size" | "classes" | "required">>>;
+    requiredBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
 };
 export {};

package/dist/Components/Label/composables/useLabel.js

@@ -1,47 +1,47 @@
 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 { invalidatedProps as l, sizeProps as u } from "@bridge-ui/core/Tokens/Label";
+import { get as a } from "es-toolkit/compat";
+import { labelSizeProps as o } from "@bridge-ui/core/Tokens";
+import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core/Utils";
 //#region src/Components/Label/composables/useLabel.ts
-var d = [
+var u = [
 	"size",
 	"error",
 	"classes",
 	"required"
 ];
-function f(f, p) {
-	let m = i(), h = r(() => s({
-		bridgeKeys: d,
+function d(d, f) {
+	let p = i(), m = r(() => l({
+		bridgeKeys: u,
 		props: {
-			...m,
-			...f
+			...p,
+			...d
 		}
-	})), { merged: g, entry: _ } = t({
-		libDefaults: p,
+	})), { merged: h, entry: g } = t({
+		libDefaults: f,
 		componentName: "Label",
-		props: () => h.value.componentProps
-	}), v = n({
-		entry: _,
-		props: () => h.value.componentProps
-	}), y = r(() => {
-		let e = o(u, _.value?.tokens?.size);
-		return c(e, g.value.size);
-	}), b = r(() => o(l, _.value?.tokens?.invalidated)), x = r(() => e({}, {}, a({
-		[b.value.required ?? ""]: !0,
-		[v.value.required ?? ""]: !0
+		props: () => m.value.componentProps
+	}), _ = n({
+		entry: g,
+		props: () => m.value.componentProps
+	}), v = r(() => {
+		let e = c(o, g.value?.tokens?.size);
+		return a(e, h.value.size);
+	}), y = r(() => e({}, {}, s({
+		"text-error-500 dark:text-error-500 select-none": !0,
+		[_.value.required ?? ""]: !0
 	})));
 	return {
-		merged: g,
-		rootBind: r(() => e({}, h.value.inheritedAttrs, a({
+		merged: h,
+		rootBind: r(() => e({}, m.value.inheritedAttrs, s({
 			"inline-flex items-center gap-x-0.5 font-medium leading-none": !0,
-			"text-dark-700 dark:text-dark-300": !g.value.error,
-			[b.value.label ?? ""]: g.value.error,
-			[y.value ?? ""]: !0,
-			[v.value.root ?? ""]: !0
+			"text-dark-700 dark:text-dark-300": !h.value.error,
+			"text-error-600 dark:text-error-400": h.value.error,
+			[v.value ?? ""]: !0,
+			[_.value.root ?? ""]: !0
 		}))),
-		requiredBind: x
+		requiredBind: y
 	};
 }
 //#endregion
-export { f as useLabel };
+export { d as useLabel };

package/dist/Components/Label/label.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { LabelSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { LabelSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface LabelSizeOverrides {}
 export interface LabelClasses {
     /**

package/dist/Components/Link/composables/useLink.d.ts

@@ -1,4 +1,4 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { LinkOwnProps, LinkProps } from '../link.types';
 type LinkLibDefaults = LibDefaultsShape<LinkOwnProps, "size" | "color" | "underline">;
 type LinkMerged = MergeLibDefaults<LinkOwnProps, LinkLibDefaults>;
@@ -8,11 +8,11 @@ export declare function useLink(props: LinkOwnProps, libDefaults: LinkLibDefault
     }>;
     merged: import('vue').ComputedRef<LinkMerged>;
     rootRel: import('vue').ComputedRef<"noopener noreferrer" | undefined>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<LinkProps, "color" | "href" | "size" | "classes" | "customProps" | "disabled" | "external" | "leftIcon" | "rightIcon" | "underline">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<LinkProps, "color" | "href" | "size" | "classes" | "customProps" | "disabled" | "external" | "leftIcon" | "rightIcon" | "underline">>>;
     rootHref: import('vue').ComputedRef<string | undefined>;
     rootTarget: import('vue').ComputedRef<"_blank" | undefined>;
-    leftIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    rightIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    leftIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    rightIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
     rootAriaDisabled: import('vue').ComputedRef<true | undefined>;
 };
 export {};

package/dist/Components/Link/composables/useLink.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, useSlots as a } from "vue";
-import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
-import { get as l } from "es-toolkit/compat";
-import { colorProps as u, sizeProps as d, underlineProps as f } from "@bridge-ui/core/Tokens/Link";
+import { get as o } from "es-toolkit/compat";
+import { linkColorProps as s, linkSizeProps as c, linkUnderlineProps as l } from "@bridge-ui/core/Tokens";
+import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core/Utils";
 //#region src/Components/Link/composables/useLink.ts
 var p = [
 	"href",
@@ -17,7 +17,7 @@ var p = [
 	"customProps"
 ];
 function m(m, h) {
-	let g = i(), _ = a(), v = r(() => c({
+	let g = i(), _ = a(), v = r(() => f({
 		bridgeKeys: p,
 		props: {
 			...g,
@@ -35,36 +35,36 @@ function m(m, h) {
 	}), D = r(() => {
 		if (y.value.external && !C.value) return "noopener noreferrer";
 	}), O = r(() => {
-		let e = s(d, b.value?.tokens?.size);
-		return l(e, y.value.size);
+		let e = d(c, b.value?.tokens?.size);
+		return o(e, y.value.size);
 	}), k = r(() => {
-		let e = s(u, b.value?.tokens?.color);
-		return l(e, y.value.color);
+		let e = d(s, b.value?.tokens?.color);
+		return o(e, y.value.color);
 	}), A = r(() => {
-		let e = s(f, b.value?.tokens?.underline);
-		return l(e, y.value.underline);
+		let e = d(l, b.value?.tokens?.underline);
+		return o(e, y.value.underline);
 	});
 	return {
 		slots: _,
 		merged: y,
 		rootRel: D,
-		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, o({
+		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, u({
 			"inline-flex items-center gap-x-1 font-medium": !0,
 			"transition-colors duration-200": !0,
 			[O.value ?? ""]: !0,
 			[A.value ?? ""]: !0,
-			[l(k.value, "base") ?? ""]: !0,
-			[l(k.value, "hover") ?? ""]: !0,
+			[o(k.value, "base") ?? ""]: !0,
+			[o(k.value, "hover") ?? ""]: !0,
 			"aria-disabled:opacity-80 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none": !0,
 			[S.value.root ?? ""]: !0
 		}))),
 		rootHref: T,
 		rootTarget: E,
-		leftIconBind: r(() => e(x.value?.leftIcon, {}, o({
+		leftIconBind: r(() => e(x.value?.leftIcon, {}, u({
 			"shrink-0": !0,
 			[S.value.leftIcon ?? ""]: !0
 		}))),
-		rightIconBind: r(() => e(x.value?.rightIcon, {}, o({
+		rightIconBind: r(() => e(x.value?.rightIcon, {}, u({
 			"shrink-0": !0,
 			[S.value.rightIcon ?? ""]: !0
 		}))),

package/dist/Components/Link/link.types.d.ts

@@ -1,5 +1,6 @@
 import { AnchorHTMLAttributes, HTMLAttributes, Slot } from 'vue';
-import { LinkColor, LinkSize, LinkUnderline, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { LinkColor, LinkSize, LinkUnderline } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface LinkSizeOverrides {}

package/dist/Components/List/composables/useList.d.ts

@@ -1,5 +1,5 @@
 import { ListOwnProps, ListProps } from '../list.types';
 export declare function useList(props: ListOwnProps): {
     merged: import('vue').ComputedRef<ListOwnProps>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListProps, "classes" | "customProps" | "as" | "dense" | "nested">, never>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListProps, "classes" | "customProps" | "as" | "dense" | "nested">, never>>>;
 };

package/dist/Components/List/composables/useList.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { LIST_INJECTION_KEY as r } from "../listInjectionKey.js";
 import { computed as i, provide as a, useAttrs as o } from "vue";
-import { cn as s, splitComponentProps as c } from "@bridge-ui/core";
-import { get as l, omit as u } from "es-toolkit/compat";
+import { get as s, omit as c } from "es-toolkit/compat";
+import { cn as l, splitComponentProps as u } from "@bridge-ui/core/Utils";
 //#region src/Components/List/composables/useList.ts
 var d = [
 	"as",
@@ -12,7 +12,7 @@ var d = [
 	"customProps"
 ];
 function f(f) {
-	let p = o(), m = i(() => c({
+	let p = o(), m = i(() => u({
 		bridgeKeys: d,
 		props: {
 			...p,
@@ -26,13 +26,13 @@ function f(f) {
 		props: () => m.value.componentProps
 	}), y = i(() => ({ dense: h.value.dense === !0 }));
 	a(r, y);
-	let b = i(() => u(m.value.inheritedAttrs, []));
+	let b = i(() => c(m.value.inheritedAttrs, []));
 	return {
 		merged: h,
-		rootBind: i(() => e(_.value?.root, b.value, s({
+		rootBind: i(() => e(_.value?.root, b.value, l({
 			"m-0 list-none py-2 text-dark-900 dark:text-dark-100": !0,
 			"pl-4": h.value.nested,
-			[l(v.value, "root") ?? ""]: !0
+			[s(v.value, "root") ?? ""]: !0
 		})))
 	};
 }

package/dist/Components/List/list.types.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'vue';
-import { MergeHtmlProps } from '@bridge-ui/core';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 export interface ListClasses {
     /**
      * The classes to apply to the root.

package/dist/Components/ListItem/composables/useListItem.d.ts

@@ -1,5 +1,5 @@
 import { useSlots } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../../Adapters/Icon';
 import { ListItemOwnProps, ListItemProps } from '../listItem.types';
 type ListItemLibDefaults = LibDefaultsShape<ListItemOwnProps, "role">;
@@ -7,18 +7,18 @@ type ListItemMerged = MergeLibDefaults<ListItemOwnProps, ListItemLibDefaults>;
 export declare function useListItem(props: ListItemOwnProps, libDefaults: ListItemLibDefaults, slots: ReturnType<typeof useSlots>): {
     merged: import('vue').ComputedRef<ListItemMerged>;
     hasEnd: import('vue').ComputedRef<boolean>;
-    endBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
         id: string | undefined;
     }, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListItemProps, "role" | "value" | "classes" | "customProps" | "primary" | "secondary" | "disabled" | "as" | "dense" | "divider" | "interactive" | "selected" | "selectedIcon">, never>>>;
     rowClass: import('vue').ComputedRef<string>;
-    startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     hasPrimary: import('vue').ComputedRef<boolean>;
-    contentBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    primaryBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    contentBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    primaryBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     hasSecondary: import('vue').ComputedRef<boolean>;
-    secondaryBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    secondaryBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     interactiveBind: import('vue').ComputedRef<({
         "aria-disabled": boolean | undefined;
         role: NonNullable<"button" | "option" | "menuitem" | undefined>;
@@ -29,7 +29,7 @@ export declare function useListItem(props: ListItemOwnProps, libDefaults: ListIt
         onClick: (() => void) | undefined;
         class: string;
     } & object & Record<"class", string>) | null>;
-    selectedIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    selectedIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         size: "sm";
         class: string;
     }, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;

package/dist/Components/ListItem/composables/useListItem.js

@@ -4,8 +4,8 @@ import { getListboxOptionId as i } from "../../Listbox/composables/useListboxNav
 import { LIST_INJECTION_KEY as a } from "../../List/listInjectionKey.js";
 import { LISTBOX_INJECTION_KEY as o } from "../../Listbox/listboxInjectionKey.js";
 import { computed as s, getCurrentInstance as c, inject as l, onBeforeUnmount as u, toValue as d, useAttrs as f, watch as p } from "vue";
-import { cn as m, splitComponentProps as h } from "@bridge-ui/core";
-import { get as g, isNull as _, omit as v } from "es-toolkit/compat";
+import { get as m, isNull as h, omit as g } from "es-toolkit/compat";
+import { cn as _, splitComponentProps as v } from "@bridge-ui/core/Utils";
 //#region src/Components/ListItem/composables/useListItem.ts
 var y = [
 	"as",
@@ -23,7 +23,7 @@ var y = [
 	"selectedIcon"
 ];
 function b(b, x, S) {
-	let C = f(), w = l(a, null), T = l(o, null), E = T != null, D = s(() => h({
+	let C = f(), w = l(a, null), T = l(o, null), E = T != null, D = s(() => v({
 		props: {
 			...C,
 			...b
@@ -52,11 +52,11 @@ function b(b, x, S) {
 	let N = s(() => j.value != null), P = s(() => !j.value || !A.value ? !1 : A.value.isSelected(j.value.value)), F = s(() => !j.value || !A.value ? -1 : A.value.getOptionIndex(j.value.value)), I = s(() => !A.value || F.value < 0 ? !1 : A.value.highlightedIndex === F.value), L = s(() => O.value.customProps), R = r({
 		entry: k,
 		props: () => D.value.componentProps
-	}), z = s(() => "dense" in (c()?.vnode.props ?? {}) ? b.dense === !0 : b.dense === !0 ? !0 : w ? d(w).dense : !1), B = s(() => e(S, "primary") || e(S, "default") || !!O.value.primary), V = s(() => e(S, "secondary") || !!O.value.secondary), H = s(() => N.value ? !P.value || !A.value?.showCheckmark ? null : "check" : !O.value.selected || _(O.value.selectedIcon) ? null : O.value.selectedIcon ?? "check"), U = s(() => e(S, "end") || H.value != null), W = s(() => v(D.value.inheritedAttrs, [])), G = s(() => t(L.value?.root, W.value, {
-		class: m({
+	}), z = s(() => "dense" in (c()?.vnode.props ?? {}) ? b.dense === !0 : b.dense === !0 ? !0 : w ? d(w).dense : !1), B = s(() => e(S, "primary") || e(S, "default") || !!O.value.primary), V = s(() => e(S, "secondary") || !!O.value.secondary), H = s(() => N.value ? !P.value || !A.value?.showCheckmark ? null : "check" : !O.value.selected || h(O.value.selectedIcon) ? null : O.value.selectedIcon ?? "check"), U = s(() => e(S, "end") || H.value != null), W = s(() => g(D.value.inheritedAttrs, [])), G = s(() => t(L.value?.root, W.value, {
+		class: _({
 			"list-none": !0,
 			"border-b border-black/10 last:border-b-0 dark:border-white/10": O.value.divider,
-			[g(R.value, "root") ?? ""]: !0
+			[m(R.value, "root") ?? ""]: !0
 		}),
 		id: N.value && A.value?.listboxId && F.value >= 0 ? i(A.value.listboxId, F.value) : void 0
 	})), K = s(() => O.value.interactive || N.value ? t(L.value?.interactive, {}, {
@@ -71,7 +71,7 @@ function b(b, x, S) {
 		onClick: N.value ? () => {
 			j.value && A.value?.onSelect(j.value);
 		} : void 0,
-		class: m({
+		class: _({
 			"flex w-full min-w-0 items-center gap-x-3 text-left text-dark-900 outline-hidden transition-colors dark:text-dark-100": !0,
 			"cursor-pointer select-none": !O.value.disabled,
 			"px-4": !0,
@@ -79,33 +79,35 @@ function b(b, x, S) {
 			"py-1.5": z.value,
 			"hover:bg-black/5 focus-visible:bg-black/5 dark:hover:bg-white/10 dark:focus-visible:bg-white/10": !O.value.disabled && !N.value,
 			"bg-dark-100 font-medium text-dark-900 dark:bg-white/15 dark:text-white": O.value.selected && !N.value,
+			[A.value?.optionHoverClass ?? ""]: N.value && !O.value.disabled && !P.value,
+			[A.value?.mergedClasses.optionHover ?? ""]: N.value && !O.value.disabled && !P.value,
 			[A.value?.optionSelectedClass ?? ""]: N.value && P.value,
 			[A.value?.mergedClasses.optionSelected ?? ""]: N.value && P.value,
 			[A.value?.optionHighlightedClass ?? ""]: N.value && I.value && !P.value,
 			[A.value?.mergedClasses.optionHighlighted ?? ""]: N.value && I.value && !P.value,
 			"opacity-50 pointer-events-none": O.value.disabled,
-			[g(R.value, "interactive") ?? ""]: !0,
+			[m(R.value, "interactive") ?? ""]: !0,
 			[A.value?.sizeClasses?.option ?? ""]: !0
 		})
-	}) : null), q = s(() => m({
+	}) : null), q = s(() => _({
 		"flex w-full min-w-0 gap-x-3": !0,
 		"items-center text-dark-900 dark:text-dark-100": !O.value.interactive,
 		"px-4": !O.value.interactive,
 		"py-2": !O.value.interactive && !z.value,
 		"py-1.5": !O.value.interactive && z.value
-	})), J = s(() => t(L.value?.start, {}, m({
+	})), J = s(() => t(L.value?.start, {}, _({
 		"flex shrink-0 text-dark-600 dark:text-dark-300": !0,
-		[g(R.value, "start") ?? ""]: !0
-	}))), Y = s(() => t(L.value?.content, {}, m({
+		[m(R.value, "start") ?? ""]: !0
+	}))), Y = s(() => t(L.value?.content, {}, _({
 		"min-w-0 flex-1": !0,
-		[g(R.value, "content") ?? ""]: !0
-	}))), X = s(() => t(L.value?.primary, {}, m("block truncate text-sm font-medium", A.value?.sizeClasses?.primary, g(R.value, "primary")))), Z = s(() => t(L.value?.secondary, {}, m("mt-0.5 block truncate text-xs text-dark-500 dark:text-dark-400", A.value?.sizeClasses?.secondary, g(R.value, "secondary"))));
+		[m(R.value, "content") ?? ""]: !0
+	}))), X = s(() => t(L.value?.primary, {}, _("block truncate text-sm font-medium", A.value?.sizeClasses?.primary, m(R.value, "primary")))), Z = s(() => t(L.value?.secondary, {}, _("mt-0.5 block truncate text-xs text-dark-500 dark:text-dark-400", A.value?.sizeClasses?.secondary, m(R.value, "secondary"))));
 	return {
 		merged: O,
 		hasEnd: U,
-		endBind: s(() => t(L.value?.end, {}, m({
+		endBind: s(() => t(L.value?.end, {}, _({
 			"ml-auto flex shrink-0 items-center": !0,
-			[g(R.value, "end") ?? ""]: !0
+			[m(R.value, "end") ?? ""]: !0
 		}))),
 		rootBind: G,
 		rowClass: q,
@@ -118,7 +120,7 @@ function b(b, x, S) {
 		interactiveBind: K,
 		selectedIconBind: s(() => t(L.value?.selectedIcon, {}, {
 			size: "sm",
-			class: m("shrink-0", A.value?.checkClass, g(R.value, "selectedIcon"))
+			class: _("shrink-0", A.value?.checkClass, m(R.value, "selectedIcon"))
 		})),
 		resolvedSelectedIcon: H
 	};

package/dist/Components/ListItem/listItem.types.d.ts

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

package/dist/Components/ListSection/composables/useListSection.d.ts

@@ -1,8 +1,8 @@
 import { ListSectionOwnProps, ListSectionProps } from '../listSection.types';
 export declare function useListSection(props: ListSectionOwnProps): {
     merged: import('vue').ComputedRef<ListSectionOwnProps>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListSectionProps, "classes" | "customProps" | "title" | "as" | "inset" | "sticky">, never>>>;
-    titleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListSectionProps, "classes" | "customProps" | "title" | "as" | "inset" | "sticky">, never>>>;
+    titleBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         role: string;
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, {}>>;

package/dist/Components/ListSection/composables/useListSection.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { LIST_INJECTION_KEY as r } from "../../List/listInjectionKey.js";
 import { computed as i, inject as a, toValue as o, useAttrs as s } from "vue";
-import { cn as c, splitComponentProps as l } from "@bridge-ui/core";
-import { get as u, omit as d } from "es-toolkit/compat";
+import { get as c, omit as l } from "es-toolkit/compat";
+import { cn as u, splitComponentProps as d } from "@bridge-ui/core/Utils";
 //#region src/Components/ListSection/composables/useListSection.ts
 var f = [
 	"as",
@@ -13,7 +13,7 @@ var f = [
 	"customProps"
 ];
 function p(p) {
-	let m = s(), h = a(r, null), g = i(() => l({
+	let m = s(), h = a(r, null), g = i(() => d({
 		props: {
 			...m,
 			...p
@@ -25,23 +25,23 @@ function p(p) {
 	}), y = i(() => _.value.customProps), b = n({
 		entry: v,
 		props: () => g.value.componentProps
-	}), x = i(() => h ? o(h).dense : !1), S = i(() => d(g.value.inheritedAttrs, [])), C = i(() => _.value.as === "div");
+	}), x = i(() => h ? o(h).dense : !1), S = i(() => l(g.value.inheritedAttrs, [])), C = i(() => _.value.as === "div");
 	return {
 		merged: _,
-		rootBind: i(() => e(y.value?.root, S.value, c({
+		rootBind: i(() => e(y.value?.root, S.value, u({
 			"list-none": !0,
 			"sticky top-0 z-10 bg-white dark:bg-dark-800": _.value.sticky && !C.value,
-			[u(b.value, "root") ?? ""]: !0
+			[c(b.value, "root") ?? ""]: !0
 		}))),
 		titleBind: i(() => e(y.value?.title, {}, {
 			role: "presentation",
-			class: c({
+			class: u({
 				"bg-white px-4 text-xs font-semibold tracking-wide text-dark-500 uppercase dark:bg-dark-800 dark:text-dark-300": !0,
 				"sticky top-0 z-10": _.value.sticky && C.value,
 				"py-2": !x.value,
 				"py-1.5": x.value,
 				"pl-14": _.value.inset,
-				[u(b.value, "title") ?? ""]: !0
+				[c(b.value, "title") ?? ""]: !0
 			})
 		}))
 	};

package/dist/Components/ListSection/listSection.types.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, Slot, VNode } from 'vue';
-import { MergeHtmlProps } from '@bridge-ui/core';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 export interface ListSectionClasses {
     /**
      * The classes to apply to the root.

package/dist/Components/Listbox/Listbox.vue.d.ts

@@ -1,4 +1,4 @@
-import { ListboxOption } from '@bridge-ui/core';
+import { ListboxOption } from '@bridge-ui/core/Domain';
 import { ListboxOwnProps, ListboxSlots } from './listbox.types';
 type __VLS_Slots = ListboxSlots;
 type __VLS_Props = ListboxOwnProps;
@@ -8,28 +8,29 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (option: ListboxOption) => any;
+    apply: () => any;
     cancel: () => any;
     "update:modelValue": (value: boolean) => any;
     "show-change": (show: boolean) => any;
-    apply: () => any;
     "registered-options-change": (options: ListboxOption[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((option: ListboxOption) => any) | undefined;
+    onApply?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onShow-change"?: ((show: boolean) => any) | undefined;
-    onApply?: (() => any) | undefined;
     "onRegistered-options-change"?: ((options: ListboxOption[]) => any) | undefined;
 }>, {
-    color: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ListboxColor, import('./listbox.types').ListboxColorOverrides>;
-    size: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ListboxSize, import('./listbox.types').ListboxSizeOverrides>;
+    color: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').ListboxColor, import('./listbox.types').ListboxColorOverrides>;
+    size: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').ListboxSize, import('./listbox.types').ListboxSizeOverrides>;
+    overlay: import('@bridge-ui/core/Domain').FieldOverlayMode;
+    showFooter: boolean;
     multiple: boolean;
     loading: boolean;
     placement: import('@floating-ui/utils').Placement;
     disableAutoFocus: boolean;
     hideEmptyMessage: boolean;
     highlightedIndex: number;
-    overlay: import('@bridge-ui/core').FieldOverlayMode;
     showCheckmark: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;