@bridge-ui/vue 0.0.9 → 0.0.11

package/dist/Components/Label/Label.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,7 @@
-import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
-import { useLabel as t } from "./composables/useLabel.js";
-import { createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, resolveDynamicComponent as u, unref as d, useSlots as f } from "vue";
+import { useLabel as e } from "./composables/useLabel.js";
+import { createCommentVNode as t, createElementBlock as n, defineComponent as r, guardReactiveProps as i, mergeProps as a, normalizeProps as o, openBlock as s, renderSlot as c, unref as l } from "vue";
 //#region src/Components/Label/Label.vue?vue&type=script&setup=true&lang.ts
-var p = /*@__PURE__*/ a({
+var u = /*@__PURE__*/ r({
 	inheritAttrs: !1,
 	__name: "Label",
 	props: {
@@ -12,10 +11,10 @@ var p = /*@__PURE__*/ a({
 		required: { type: Boolean },
 		size: {}
 	},
-	setup(a) {
-		let p = f(), { merged: m, rootBind: h, requiredBind: g } = t(a, { size: "md" });
-		return (t, a) => (l(), i("label", c(o(d(h))), [(l(), n(u(d(e)(d(p), "default")))), d(m).required ? (l(), i("span", c(s({ key: 0 }, d(g))), "*", 16)) : r("", !0)], 16));
+	setup(r) {
+		let { merged: u, rootBind: d, requiredBind: f } = e(r, { size: "md" });
+		return (e, r) => (s(), n("label", o(i(l(d))), [c(e.$slots, "default"), l(u).required ? (s(), n("span", o(a({ key: 0 }, l(f))), "*", 16)) : t("", !0)], 16));
 	}
 });
 //#endregion
-export { p as default };
+export { u as default };

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,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 { invalidatedProps as l, sizeProps as u } from "@bridge-ui/core/Tokens/Label";
+import { get as a } from "es-toolkit/compat";
+import { labelInvalidatedProps as o, labelSizeProps 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/Label/composables/useLabel.ts
 var d = [
 	"size",
@@ -11,7 +11,7 @@ var d = [
 	"required"
 ];
 function f(f, p) {
-	let m = i(), h = r(() => s({
+	let m = i(), h = r(() => u({
 		bridgeKeys: d,
 		props: {
 			...m,
@@ -25,15 +25,15 @@ function f(f, p) {
 		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({
+		let e = l(s, _.value?.tokens?.size);
+		return a(e, g.value.size);
+	}), b = r(() => l(o, _.value?.tokens?.invalidated)), x = r(() => e({}, {}, c({
 		[b.value.required ?? ""]: !0,
 		[v.value.required ?? ""]: !0
 	})));
 	return {
 		merged: g,
-		rootBind: r(() => e({}, h.value.inheritedAttrs, a({
+		rootBind: r(() => e({}, h.value.inheritedAttrs, c({
 			"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,

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/Link.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,14 @@
-import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
-import n from "../Icon/Icon.js";
-import { useLink as r } from "./composables/useLink.js";
-import { createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, mergeProps as c, openBlock as l, resolveDynamicComponent as u, unref as d } from "vue";
+import { hasNamedSlot as e } from "../../Utils/slotOrProp.js";
+import t from "../Icon/Icon.js";
+import { useLink as n } from "./composables/useLink.js";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, unref as u } from "vue";
 //#region src/Components/Link/Link.vue?vue&type=script&setup=true&lang.ts
-var f = [
+var d = [
 	"rel",
 	"href",
 	"target",
 	"aria-disabled"
-], p = /*@__PURE__*/ s({
+], f = /*@__PURE__*/ o({
 	inheritAttrs: !1,
 	__name: "Link",
 	props: {
@@ -23,30 +23,30 @@ var f = [
 		size: {},
 		underline: {}
 	},
-	setup(s) {
-		let { slots: p, merged: m, rootRel: h, rootBind: g, rootHref: _, rootTarget: v, leftIconBind: y, rightIconBind: b, rootAriaDisabled: x } = r(s, {
+	setup(o) {
+		let { slots: f, merged: p, rootRel: m, rootBind: h, rootHref: g, rootTarget: _, leftIconBind: v, rightIconBind: y, rootAriaDisabled: b } = n(o, {
 			size: "md",
 			color: "primary",
 			underline: "hover"
 		});
-		return (r, s) => (l(), o("a", c({
-			rel: d(h),
-			href: d(_)
-		}, d(g), {
-			target: d(v),
-			"aria-disabled": d(x)
+		return (n, o) => (c(), a("a", s({
+			rel: u(m),
+			href: u(g)
+		}, u(h), {
+			target: u(_),
+			"aria-disabled": u(b)
 		}), [
-			d(e)(d(p), "prepend") ? (l(), i(u(d(t)(d(p), "prepend")), { key: 0 })) : d(m).leftIcon ? (l(), i(d(n), c({
+			u(e)(u(f), "prepend") ? l(n.$slots, "prepend", {}, void 0, void 0, 0) : u(p).leftIcon ? (c(), r(u(t), s({
 				key: 1,
-				size: d(m).size
-			}, d(y), { icon: d(m).leftIcon }), null, 16, ["size", "icon"])) : a("", !0),
-			(l(), i(u(d(t)(d(p), "default")))),
-			d(e)(d(p), "append") ? (l(), i(u(d(t)(d(p), "append")), { key: 2 })) : d(m).rightIcon ? (l(), i(d(n), c({
+				size: u(p).size
+			}, u(v), { icon: u(p).leftIcon }), null, 16, ["size", "icon"])) : i("", !0),
+			l(n.$slots, "default"),
+			u(e)(u(f), "append") ? l(n.$slots, "append", {}, void 0, void 0, 2) : u(p).rightIcon ? (c(), r(u(t), s({
 				key: 3,
-				size: d(m).size
-			}, d(b), { icon: d(m).rightIcon }), null, 16, ["size", "icon"])) : a("", !0)
-		], 16, f));
+				size: u(p).size
+			}, u(y), { icon: u(p).rightIcon }), null, 16, ["size", "icon"])) : i("", !0)
+		], 16, d));
 	}
 });
 //#endregion
-export { p as default };
+export { f as default };

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/List.vue.d.ts

@@ -1,8 +1,18 @@
 import { ListOwnProps } from './list.types';
-declare const __VLS_export: import('vue').DefineComponent<ListOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ListOwnProps> & Readonly<{}>, {
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<ListOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ListOwnProps> & Readonly<{}>, {
     as: "ol" | "ul" | "nav";
     dense: boolean;
     nested: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/List/List.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,7 @@
-import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
-import { useList as t } from "./composables/useList.js";
-import { computed as n, createBlock as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, resolveDynamicComponent as c, unref as l, useSlots as u, withCtx as d } from "vue";
+import { useList as e } from "./composables/useList.js";
+import { computed as t, createBlock as n, defineComponent as r, guardReactiveProps as i, normalizeProps as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, unref as l, withCtx as u } from "vue";
 //#region src/Components/List/List.vue?vue&type=script&setup=true&lang.ts
-var f = /*@__PURE__*/ i({
+var d = /*@__PURE__*/ r({
 	inheritAttrs: !1,
 	__name: "List",
 	props: {
@@ -18,13 +17,13 @@ var f = /*@__PURE__*/ i({
 			default: !1
 		}
 	},
-	setup(i) {
-		let f = u(), { merged: p, rootBind: m } = t(i), h = n(() => p.value.as ?? "ul");
-		return (t, n) => (s(), r(c(h.value), o(a(l(m))), {
-			default: d(() => [(s(), r(c(l(e)(l(f), "default"))))]),
-			_: 1
+	setup(r) {
+		let { merged: d, rootBind: f } = e(r), p = t(() => d.value.as ?? "ul");
+		return (e, t) => (o(), n(c(p.value), a(i(l(f))), {
+			default: u(() => [s(e.$slots, "default")]),
+			_: 3
 		}, 16));
 	}
 });
 //#endregion
-export { f as default };
+export { d as default };

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/ListItem.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import { hasNamedSlot as e, resolveNamedSlot as t, resolveSlotOrProp as n } from "../../Utils/slotOrProp.js";
-import r from "../Icon/Icon.js";
-import { resolveListItemPrimary as i, useListItem as a } from "./composables/useListItem.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, resolveDynamicComponent as _, unref as v, useSlots as y, withCtx as b } from "vue";
+import { hasNamedSlot as e, isPropPresent as t } from "../../Utils/slotOrProp.js";
+import n from "../Icon/Icon.js";
+import { useListItem as r } from "./composables/useListItem.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useSlots as x, withCtx as S } from "vue";
 //#region src/Components/ListItem/ListItem.vue?vue&type=script&setup=true&lang.ts
-var x = /*@__PURE__*/ d({
+var C = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "ListItem",
 	props: {
@@ -34,23 +34,23 @@ var x = /*@__PURE__*/ d({
 		value: {}
 	},
 	setup(d) {
-		let x = y(), S = d, { merged: C, hasEnd: w, endBind: T, rootBind: E, rowClass: D, hasStart: O, startBind: k, hasPrimary: A, contentBind: j, primaryBind: M, hasSecondary: N, secondaryBind: P, interactiveBind: F, selectedIconBind: I, resolvedSelectedIcon: L } = a(S, { role: "button" }, x), R = o(() => C.value.as ?? "li"), z = o(() => i(x, S.primary)), B = o(() => n(x, "secondary", S.secondary)), V = o(() => e(x, "end"));
-		return (e, n) => (g(), s(_(R.value), h(f(v(E))), {
-			default: b(() => [v(F) ? (g(), l("div", h(p({ key: 0 }, v(F))), [u("div", { class: m(v(D)) }, [
-				v(O) ? (g(), l("div", h(p({ key: 0 }, v(k))), [(g(), s(_(v(t)(v(x), "start"))))], 16)) : c("", !0),
-				u("div", h(f(v(j))), [v(A) ? (g(), l("span", h(p({ key: 0 }, v(M))), [(g(), s(_(z.value)))], 16)) : c("", !0), v(N) ? (g(), l("span", h(p({ key: 1 }, v(P))), [(g(), s(_(B.value)))], 16)) : c("", !0)], 16),
-				v(w) ? (g(), l("div", h(p({ key: 1 }, v(T))), [V.value ? (g(), s(_(v(t)(v(x), "end")), { key: 0 })) : v(L) ? (g(), s(r, p({ key: 1 }, v(I), { icon: v(L) }), null, 16, ["icon"])) : c("", !0)], 16)) : c("", !0)
-			], 2)], 16)) : (g(), l("div", {
+		let C = x(), { merged: w, hasEnd: T, endBind: E, rootBind: D, rowClass: O, startBind: k, hasPrimary: A, contentBind: j, primaryBind: M, hasSecondary: N, secondaryBind: P, interactiveBind: F, selectedIconBind: I, resolvedSelectedIcon: L } = r(d, { role: "button" }, C), R = a(() => w.value.as ?? "li");
+		return (r, a) => (g(), o(v(R.value), h(f(b(D))), {
+			default: S(() => [b(F) ? (g(), c("div", h(p({ key: 0 }, b(F))), [l("div", { class: m(b(O)) }, [
+				b(e)(b(C), "start") ? (g(), c("div", h(p({ key: 0 }, b(k))), [_(r.$slots, "start")], 16)) : s("", !0),
+				l("div", h(f(b(j))), [b(A) ? (g(), c("span", h(p({ key: 0 }, b(M))), [b(e)(b(C), "primary") ? _(r.$slots, "primary", {}, void 0, void 0, 0) : b(e)(b(C), "default") ? _(r.$slots, "default", {}, void 0, void 0, 1) : b(t)(b(w).primary) ? (g(), c(i, { key: 2 }, [u(y(b(w).primary), 1)], 64)) : s("", !0)], 16)) : s("", !0), b(N) ? (g(), c("span", h(p({ key: 1 }, b(P))), [b(e)(b(C), "secondary") ? _(r.$slots, "secondary", {}, void 0, void 0, 0) : b(t)(b(w).secondary) ? (g(), c(i, { key: 1 }, [u(y(b(w).secondary), 1)], 64)) : s("", !0)], 16)) : s("", !0)], 16),
+				b(T) ? (g(), c("div", h(p({ key: 1 }, b(E))), [b(e)(b(C), "end") ? _(r.$slots, "end", {}, void 0, void 0, 0) : b(L) ? (g(), o(n, p({ key: 1 }, b(I), { icon: b(L) }), null, 16, ["icon"])) : s("", !0)], 16)) : s("", !0)
+			], 2)], 16)) : (g(), c("div", {
 				key: 1,
-				class: m(v(D))
+				class: m(b(O))
 			}, [
-				v(O) ? (g(), l("div", h(p({ key: 0 }, v(k))), [(g(), s(_(v(t)(v(x), "start"))))], 16)) : c("", !0),
-				u("div", h(f(v(j))), [v(A) ? (g(), l("span", h(p({ key: 0 }, v(M))), [(g(), s(_(z.value)))], 16)) : c("", !0), v(N) ? (g(), l("span", h(p({ key: 1 }, v(P))), [(g(), s(_(B.value)))], 16)) : c("", !0)], 16),
-				v(w) ? (g(), l("div", h(p({ key: 1 }, v(T))), [V.value ? (g(), s(_(v(t)(v(x), "end")), { key: 0 })) : v(L) ? (g(), s(r, p({ key: 1 }, v(I), { icon: v(L) }), null, 16, ["icon"])) : c("", !0)], 16)) : c("", !0)
+				b(e)(b(C), "start") ? (g(), c("div", h(p({ key: 0 }, b(k))), [_(r.$slots, "start")], 16)) : s("", !0),
+				l("div", h(f(b(j))), [b(A) ? (g(), c("span", h(p({ key: 0 }, b(M))), [b(e)(b(C), "primary") ? _(r.$slots, "primary", {}, void 0, void 0, 0) : b(e)(b(C), "default") ? _(r.$slots, "default", {}, void 0, void 0, 1) : b(t)(b(w).primary) ? (g(), c(i, { key: 2 }, [u(y(b(w).primary), 1)], 64)) : s("", !0)], 16)) : s("", !0), b(N) ? (g(), c("span", h(p({ key: 1 }, b(P))), [b(e)(b(C), "secondary") ? _(r.$slots, "secondary", {}, void 0, void 0, 0) : b(t)(b(w).secondary) ? (g(), c(i, { key: 1 }, [u(y(b(w).secondary), 1)], 64)) : s("", !0)], 16)) : s("", !0)], 16),
+				b(T) ? (g(), c("div", h(p({ key: 1 }, b(E))), [b(e)(b(C), "end") ? _(r.$slots, "end", {}, void 0, void 0, 0) : b(L) ? (g(), o(n, p({ key: 1 }, b(I), { icon: b(L) }), null, 16, ["icon"])) : s("", !0)], 16)) : s("", !0)
 			], 2))]),
-			_: 1
+			_: 3
 		}, 16));
 	}
 });
 //#endregion
-export { x as default };
+export { C as default };

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

@@ -1,5 +1,5 @@
-import { useSlots, Slot } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { useSlots } from 'vue';
+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,19 +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>;
-    hasStart: import('vue').ComputedRef<boolean>;
-    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>;
@@ -30,11 +29,10 @@ 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, {}>>;
     resolvedSelectedIcon: import('vue').ComputedRef<IconSource | null>;
 };
-export declare function resolveListItemPrimary(slots: ReturnType<typeof useSlots>, primary?: string): Slot | (() => null | string);
 export {};