@bridge-ui/vue 0.0.9 → 0.0.10

package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.js

@@ -0,0 +1,87 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { BREADCRUMB_INJECTION_KEY as r } from "../../Breadcrumb/breadcrumbInjectionKey.js";
+import { computed as i, inject as a, useAttrs as o, useSlots as s } from "vue";
+import { cn as c, splitComponentProps as l } from "@bridge-ui/core";
+import { get as u, omit as d, pick as f } from "es-toolkit/compat";
+//#region src/Components/BreadcrumbItem/composables/useBreadcrumbItem.ts
+var p = [
+	"as",
+	"href",
+	"classes",
+	"current",
+	"endIcon",
+	"disabled",
+	"startIcon",
+	"customProps"
+];
+function m(m) {
+	let h = o(), g = s(), _ = a(r, null);
+	if (!_) throw Error("BreadcrumbItem must be used within a Breadcrumb provider");
+	let v = _, y = i(() => l({
+		props: {
+			...h,
+			...m
+		},
+		bridgeKeys: p
+	})), { merged: b, entry: x } = t({
+		componentName: "BreadcrumbItem",
+		props: () => y.value.componentProps
+	}), S = i(() => b.value.customProps), C = i(() => b.value.current === !0), w = i(() => b.value.disabled === !0), T = i(() => v.value.tokenClasses.iconSize ?? "md"), E = i(() => C.value || w.value ? "span" : b.value.as ? b.value.as : b.value.href == null ? "span" : "a"), D = n({
+		entry: x,
+		props: () => y.value.componentProps
+	}), O = i(() => f(y.value.inheritedAttrs, ["aria-label", "aria-labelledby"])), k = i(() => d(y.value.inheritedAttrs, ["aria-label", "aria-labelledby"])), A = i(() => e(S.value?.root, k.value, { class: c({
+		[v.value.tokenClasses.item ?? ""]: !0,
+		[u(D.value, "root") ?? ""]: !0
+	}) })), j = i(() => e({}, {}, {
+		"aria-hidden": !0,
+		"data-slot": "separator",
+		class: c({
+			[v.value.tokenClasses.separator ?? ""]: !0,
+			[v.value.separatorClass ?? ""]: !0,
+			[u(D.value, "separator") ?? ""]: !0
+		})
+	})), M = i(() => e(S.value?.separator ?? v.value.separatorIconProps, {}, {
+		size: T.value,
+		class: c({ "shrink-0": !0 })
+	})), N = i(() => {
+		let t = C.value, n = t ? S.value?.current : S.value?.link;
+		return e(n, O.value, {
+			"aria-disabled": w.value || void 0,
+			"aria-current": t ? "page" : void 0,
+			href: !t && !w.value ? b.value.href : void 0,
+			class: c({
+				[t ? v.value.tokenClasses.current ?? "" : v.value.tokenClasses.link ?? ""]: !0,
+				[u(D.value, t ? "current" : "link") ?? ""]: !0,
+				"pointer-events-none opacity-50": w.value && !t
+			})
+		});
+	}), P = i(() => e(S.value?.startIcon, {}, {
+		size: T.value,
+		class: c({
+			"shrink-0": !0,
+			[u(D.value, "startIcon") ?? ""]: !0
+		})
+	})), F = i(() => e(S.value?.endIcon, {}, {
+		size: T.value,
+		class: c({
+			"shrink-0": !0,
+			[u(D.value, "endIcon") ?? ""]: !0
+		})
+	})), I = i(() => g.separator ? g.separator : v.value.separatorSlot);
+	return {
+		slots: g,
+		merged: b,
+		crumbAs: E,
+		rootBind: A,
+		linkBind: N,
+		iconSize: T,
+		endIconBind: F,
+		startIconBind: P,
+		separatorBind: j,
+		separatorIcon: i(() => v.value.separator),
+		separatorContent: I,
+		separatorIconBind: M
+	};
+}
+//#endregion
+export { m as useBreadcrumbItem };

package/dist/Components/BreadcrumbItem/index.d.ts

@@ -0,0 +1,3 @@
+export type { BreadcrumbItemClasses, BreadcrumbItemCustomProps, BreadcrumbItemOwnProps, BreadcrumbItemProps, BreadcrumbItemSlots, } from './breadcrumbItem.types';
+export { default as BreadcrumbItem } from './BreadcrumbItem.vue';
+export { useBreadcrumbItem } from './composables/useBreadcrumbItem';

package/dist/Components/BreadcrumbItem/index.js

@@ -0,0 +1,3 @@
+import { useBreadcrumbItem as e } from "./composables/useBreadcrumbItem.js";
+import t from "./BreadcrumbItem.js";
+export { t as BreadcrumbItem, e as useBreadcrumbItem };

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

@@ -1,9 +1,9 @@
-import { hasNamedSlot as e, isPropPresent as t, resolveNamedSlot as n } from "../../Utils/slotOrProp.js";
-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 { hasNamedSlot as e, isPropPresent as t } from "../../Utils/slotOrProp.js";
+import n from "../Icon/Icon.js";
+import { useButton as r } from "./composables/useButton.js";
+import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, defineComponent as l, mergeProps as u, normalizeProps as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, useSlots as _, withCtx as v } from "vue";
 //#region src/Components/Button/Button.vue?vue&type=script&setup=true&lang.ts
-var y = /*@__PURE__*/ u({
+var y = /*@__PURE__*/ l({
 	inheritAttrs: !1,
 	__name: "Button",
 	props: {
@@ -24,8 +24,8 @@ var y = /*@__PURE__*/ u({
 		text: {},
 		variant: {}
 	},
-	setup(u) {
-		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, {
+	setup(l) {
+		let y = l, 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 } = r(y, {
 			size: "md",
 			as: "button",
 			rounded: "md",
@@ -33,31 +33,31 @@ var y = /*@__PURE__*/ u({
 			variant: "solid",
 			density: "default"
 		});
-		return (i, u) => (p(), o(m(g(x)), d({ href: g(E) }, g(T), {
+		return (r, l) => (f(), a(m(g(x)), u({ href: g(E) }, g(T), {
 			type: g(D),
 			disabled: g(j),
 			"aria-busy": g(A),
 			"aria-disabled": g(F)
 		}), {
-			default: v(() => [g(S).loading ? (p(), o(g(r), d({
+			default: v(() => [g(S).loading ? (f(), a(g(n), u({
 				key: 0,
 				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), {
+			}, g(P)), null, 16, ["size"])) : g(C) ? (f(), s(i, { key: 1 }, [g(e)(g(b), "default") ? p(r.$slots, "default", {}, void 0, void 0, 0) : g(S).icon ? (f(), a(g(n), u({ 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(S).startIcon ? (p(), o(g(r), d({
+			}), null, 16, ["icon", "size"])) : o("", !0)], 64)) : (f(), s(i, { key: 2 }, [
+				g(S).startIcon ? (f(), a(g(n), u({
 					key: 0,
 					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({
+				}, g(M), { icon: g(S).startIcon }), null, 16, ["size", "icon"])) : g(e)(g(b), "start") ? (f(), s("div", d(u({ key: 1 }, g(N))), [p(r.$slots, "start")], 16)) : o("", !0),
+				g(t)(g(S).text) ? (f(), s(i, { key: 2 }, [c(h(g(S).text), 1)], 64)) : g(e)(g(b), "default") ? p(r.$slots, "default", {}, void 0, void 0, 3) : o("", !0),
+				g(S).endIcon ? (f(), a(g(n), u({
 					key: 4,
 					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)
+				}, g(O), { icon: g(S).endIcon }), null, 16, ["size", "icon"])) : g(e)(g(b), "end") ? (f(), s("div", d(u({ key: 5 }, g(k))), [p(r.$slots, "end")], 16)) : o("", !0)
 			], 64))]),
-			_: 1
+			_: 3
 		}, 16, [
 			"href",
 			"type",

package/dist/Components/Card/Card.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, resolveNamedSlot as n, resolveSlotOrProp as r } from "../../Utils/slotOrProp.js";
-import { useCard as i } from "./composables/useCard.js";
-import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, unref as h } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
+import { useCard as r } from "./composables/useCard.js";
+import { Fragment as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g } from "vue";
 //#region src/Components/Card/Card.vue?vue&type=script&setup=true&lang.ts
-var g = /*@__PURE__*/ l({
+var _ = /*@__PURE__*/ l({
 	inheritAttrs: !1,
 	__name: "Card",
 	props: {
@@ -16,18 +16,18 @@ var g = /*@__PURE__*/ l({
 		variant: {}
 	},
 	setup(l) {
-		let { slots: g, merged: _, bodyBind: v, rootBind: y, hasFooter: b, titleBind: x, footerBind: S, headerBind: C, hasDefaultBody: w } = i(l, {
+		let { slots: _, merged: v, bodyBind: y, rootBind: b, titleBind: x, footerBind: S, headerBind: C, hasDefaultBody: w } = r(l, {
 			shadow: "sm",
 			rounded: "sm",
 			padding: "medium",
 			variant: "elevated"
 		});
-		return (i, l) => (p(), s("div", f(u(h(y))), [
-			h(e)(h(g), "header") ? (p(), a(m(h(n)(h(g), "header")), { key: 0 })) : h(t)(h(g), "title", h(_).title) ? (p(), s("div", f(d({ key: 1 }, h(C))), [c("div", f(u(h(x))), [(p(), a(m(h(r)(h(g), "title", h(_).title))))], 16), (p(), a(m(h(n)(h(g), "action"))))], 16)) : o("", !0),
-			h(w) ? (p(), s("div", f(d({ key: 2 }, h(v))), [(p(), a(m(h(n)(h(g), "default"))))], 16)) : o("", !0),
-			h(b) ? (p(), s("div", f(d({ key: 3 }, h(S))), [(p(), a(m(h(n)(h(g), "footer"))))], 16)) : o("", !0)
+		return (r, l) => (p(), o("div", f(u(g(b))), [
+			g(e)(g(_), "header") ? m(r.$slots, "header", {}, void 0, void 0, 0) : g(t)(g(_), "title", g(v).title) ? (p(), o("div", f(d({ key: 1 }, g(C))), [s("div", f(u(g(x))), [g(e)(g(_), "title") ? m(r.$slots, "title", {}, void 0, void 0, 0) : g(n)(g(v).title) ? (p(), o(i, { key: 1 }, [c(h(g(v).title), 1)], 64)) : a("", !0)], 16), m(r.$slots, "action")], 16)) : a("", !0),
+			g(w) ? (p(), o("div", f(d({ key: 2 }, g(y))), [m(r.$slots, "default")], 16)) : a("", !0),
+			g(e)(g(_), "footer") ? (p(), o("div", f(d({ key: 3 }, g(S))), [m(r.$slots, "footer")], 16)) : a("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/Components/Card/composables/useCard.d.ts

@@ -9,7 +9,6 @@ export declare function useCard(props: CardOwnProps, libDefaults: CardLibDefault
     merged: import('vue').ComputedRef<CardMerged>;
     bodyBind: 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, Omit<CardProps, "classes" | "customProps" | "title" | "padding" | "rounded" | "shadow" | "variant" | "borderless">>>;
-    hasFooter: import('vue').ComputedRef<boolean>;
     titleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;

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

@@ -1,11 +1,10 @@
-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 } from "es-toolkit/compat";
-import { paddingProps as d, roundedProps as f, shadowProps as p, variantProps as m } from "@bridge-ui/core/Tokens/Card";
+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 { paddingProps as u, roundedProps as d, shadowProps as f, variantProps as p } from "@bridge-ui/core/Tokens/Card";
 //#region src/Components/Card/composables/useCard.ts
-var h = [
+var m = [
 	"title",
 	"shadow",
 	"classes",
@@ -15,77 +14,76 @@ var h = [
 	"borderless",
 	"customProps"
 ];
-function g(g, _) {
-	let v = a(), y = o(), b = i(() => l({
-		bridgeKeys: h,
+function h(h, g) {
+	let _ = i(), v = a(), y = r(() => c({
+		bridgeKeys: m,
 		props: {
-			...v,
-			...g
+			..._,
+			...h
 		}
-	})), { merged: x, entry: S } = n({
-		libDefaults: _,
+	})), { merged: b, entry: x } = t({
+		libDefaults: g,
 		componentName: "Card",
-		props: () => b.value.componentProps
-	}), C = i(() => x.value.customProps), w = r({
-		entry: S,
-		props: () => b.value.componentProps
-	}), T = i(() => {
-		let e = y.default?.();
+		props: () => y.value.componentProps
+	}), S = r(() => b.value.customProps), C = n({
+		entry: x,
+		props: () => y.value.componentProps
+	}), w = r(() => {
+		let e = v.default?.();
 		return !!(e && e.length > 0);
-	}), E = i(() => e(y, "footer")), D = i(() => {
-		let e = c(m, S.value?.tokens?.variant);
-		return u(e, x.value.variant);
-	}), O = i(() => !x.value.borderless && !!u(D.value, "border")), k = i(() => {
-		if (x.value.variant !== "elevated") return;
-		let e = c(p, S.value?.tokens?.shadow);
-		return u(e, x.value.shadow);
-	}), A = i(() => {
-		let e = c(d, S.value?.tokens?.padding);
-		return u(e, x.value.padding);
-	}), j = i(() => {
-		let e = c(f, S.value?.tokens?.rounded);
-		return u(e, x.value.rounded);
-	}), M = i(() => t(C.value?.body, {}, s({
+	}), T = r(() => {
+		let e = s(p, x.value?.tokens?.variant);
+		return l(e, b.value.variant);
+	}), E = r(() => !b.value.borderless && !!l(T.value, "border")), D = r(() => {
+		if (b.value.variant !== "elevated") return;
+		let e = s(f, x.value?.tokens?.shadow);
+		return l(e, b.value.shadow);
+	}), O = r(() => {
+		let e = s(u, x.value?.tokens?.padding);
+		return l(e, b.value.padding);
+	}), k = r(() => {
+		let e = s(d, x.value?.tokens?.rounded);
+		return l(e, b.value.rounded);
+	}), A = r(() => e(S.value?.body, {}, o({
 		grow: !0,
-		[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,
-		[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({
+		[l(O.value, "body") ?? ""]: !0,
+		[l(T.value, "text") ?? ""]: !0,
+		[l(C.value, "body") ?? ""]: !0
+	}))), j = r(() => e(S.value?.footer, {}, o({
+		"border-t": E.value,
+		[l(O.value, "footer") ?? ""]: !0,
+		[l(T.value, "border") ?? ""]: E.value,
+		[l(T.value, "footer") ?? ""]: !0,
+		[l(k.value, "footer") ?? ""]: !0,
+		[l(C.value, "footer") ?? ""]: !0
+	}))), M = r(() => e(S.value?.header, {}, o({
 		"flex items-center justify-between": !0,
-		"border-b": O.value,
-		[u(A.value, "header") ?? ""]: !0,
-		[u(D.value, "border") ?? ""]: O.value,
-		[u(j.value, "header") ?? ""]: !0,
-		[u(w.value, "header") ?? ""]: !0
+		"border-b": E.value,
+		[l(O.value, "header") ?? ""]: !0,
+		[l(T.value, "border") ?? ""]: E.value,
+		[l(k.value, "header") ?? ""]: !0,
+		[l(C.value, "header") ?? ""]: !0
 	})));
 	return {
-		slots: y,
-		merged: x,
-		bodyBind: M,
-		rootBind: i(() => t(C.value?.root, b.value.inheritedAttrs, s({
+		slots: v,
+		merged: b,
+		bodyBind: A,
+		rootBind: r(() => e(S.value?.root, y.value.inheritedAttrs, o({
 			"flex w-full flex-col": !0,
-			[k.value ?? ""]: !0,
-			[u(j.value, "root") ?? ""]: !0,
-			[u(D.value, "root") ?? ""]: !0,
-			[u(w.value, "root") ?? ""]: !0
+			[D.value ?? ""]: !0,
+			[l(k.value, "root") ?? ""]: !0,
+			[l(T.value, "root") ?? ""]: !0,
+			[l(C.value, "root") ?? ""]: !0
 		}))),
-		hasFooter: E,
-		titleBind: i(() => t(C.value?.title, {}, s({
+		titleBind: r(() => e(S.value?.title, {}, o({
 			"text-base font-medium whitespace-normal": !0,
-			[u(D.value, "text") ?? ""]: !0,
-			[u(w.value, "title") ?? ""]: !0
+			[l(T.value, "text") ?? ""]: !0,
+			[l(C.value, "title") ?? ""]: !0
 		}))),
-		footerBind: N,
-		headerBind: P,
-		hasDefaultBody: T
+		footerBind: j,
+		headerBind: M,
+		hasDefaultBody: w
 	};
 }
 //#endregion
-export { g as useCard };
+export { h as useCard };

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

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

package/dist/Components/Chip/Chip.vue_vue_type_script_setup_true_lang.js

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