@bridge-ui/vue 0.0.9 → 0.0.11

package/dist/Components/CalendarRange/composables/useCalendarRange.js

@@ -2,9 +2,10 @@ import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapte
 import { useResolveMessage as n } from "../../../Adapters/I18n/useI18nAdapter.js";
 import { mergePartBind as r, useBridgeUIComponent as i, useBridgeUIMergedRegistryClasses as ee } from "../../../Utils/index.js";
 import { computed as a, getCurrentInstance as te, ref as o, toValue as s, useAttrs as c } from "vue";
-import { cn as l, isDateRangeValue as u, mergeBridgeUILayeredClasses as ne, splitComponentProps as re } from "@bridge-ui/core";
-import { get as d, isFunction as f, isNil as p, omit as m } from "es-toolkit/compat";
-import { roundedProps as h } from "@bridge-ui/core/Tokens/Calendar";
+import { get as ne, isFunction as l, isNil as u, omit as re } from "es-toolkit/compat";
+import { isDateRangeValue as d } from "@bridge-ui/core/Domain";
+import { calendarRoundedProps 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/CalendarRange/composables/useCalendarRange.ts
 var ie = [
 	"color",
@@ -32,34 +33,34 @@ var ie = [
 	"hideOutsideDays"
 ];
 function ae(e, t, n) {
-	return p(e) ? t.now(n) : e[0];
+	return u(e) ? t.now(n) : e[0];
 }
 function oe(e) {
-	return u(e) ? e : null;
+	return d(e) ? e : null;
 }
-function g(u, g, _) {
-	let se = c(), v = e(), y = n(), ce = t(), b = a(() => re({
+function g(d, g, _) {
+	let se = c(), v = e(), y = n(), ce = t(), b = a(() => h({
 		bridgeKeys: ie,
 		props: {
 			...se,
-			...s(u)
+			...s(d)
 		}
 	})), { merged: x } = i({
 		libDefaults: g,
 		props: () => b.value.componentProps
-	}), S = a(() => x.value.customProps), C = a(() => m(b.value.inheritedAttrs, [
+	}), S = a(() => x.value.customProps), C = a(() => re(b.value.inheritedAttrs, [
 		"onChange",
 		"onViewDateChange",
 		"onPreviewDateChange"
 	])), w = ee({
 		props: () => b.value.componentProps,
 		entry: a(() => {})
-	}), T = a(() => ce(x.value.timeZone)), E = a(() => s(u)), D = a(() => !p(E.value.value)), O = a(() => {
-		let e = te()?.vnode.props ?? {}, t = f(e.onViewDateChange) || f(e["onUpdate:viewDate"]);
-		return !p(E.value.viewDate) && t;
-	}), k = a(() => !p(E.value.previewDate)), A = o(x.value.defaultValue ?? null), j = o("date"), M = o(v.value.startOfMonth(p(E.value.viewDate) ? ae(E.value.value ?? x.value.defaultValue ?? null, v.value, T.value) : E.value.viewDate, T.value)), N = o(null), P = o(null), F = o("start"), I = a(() => D.value ? E.value.value ?? null : A.value), L = a(() => j.value === "year" && x.value.hideYears || j.value === "month" && x.value.hideMonths ? "date" : j.value), R = a(() => O.value ? E.value.viewDate : M.value), z = a(() => v.value.addMonths(R.value, 1, T.value)), B = a(() => k.value ? E.value.previewDate ?? null : N.value), V = a(() => String(v.value.getYear(R.value, T.value))), H = a(() => v.value.getMonthNames(T.value)[v.value.getMonth(R.value, T.value)] ?? ""), U = a(() => v.value.getMonthNames(T.value)[v.value.getMonth(z.value, T.value)] ?? ""), W = a(() => v.value.getYear(R.value, T.value)), G = a(() => v.value.getMonth(R.value, T.value)), K = a(() => p(P.value) ? Math.max(1, W.value - 7) : P.value), q = a(() => {
-		let e = ne(h, x.value.tokens?.rounded);
-		return d(e, x.value.rounded);
+	}), T = a(() => ce(x.value.timeZone)), E = a(() => s(d)), D = a(() => !u(E.value.value)), O = a(() => {
+		let e = te()?.vnode.props ?? {}, t = l(e.onViewDateChange) || l(e["onUpdate:viewDate"]);
+		return !u(E.value.viewDate) && t;
+	}), k = a(() => !u(E.value.previewDate)), A = o(x.value.defaultValue ?? null), j = o("date"), M = o(v.value.startOfMonth(u(E.value.viewDate) ? ae(E.value.value ?? x.value.defaultValue ?? null, v.value, T.value) : E.value.viewDate, T.value)), N = o(null), P = o(null), F = o("start"), I = a(() => D.value ? E.value.value ?? null : A.value), L = a(() => j.value === "year" && x.value.hideYears || j.value === "month" && x.value.hideMonths ? "date" : j.value), R = a(() => O.value ? E.value.viewDate : M.value), z = a(() => v.value.addMonths(R.value, 1, T.value)), B = a(() => k.value ? E.value.previewDate ?? null : N.value), V = a(() => String(v.value.getYear(R.value, T.value))), H = a(() => v.value.getMonthNames(T.value)[v.value.getMonth(R.value, T.value)] ?? ""), U = a(() => v.value.getMonthNames(T.value)[v.value.getMonth(z.value, T.value)] ?? ""), W = a(() => v.value.getYear(R.value, T.value)), G = a(() => v.value.getMonth(R.value, T.value)), K = a(() => u(P.value) ? Math.max(1, W.value - 7) : P.value), q = a(() => {
+		let e = m(f, x.value.tokens?.rounded);
+		return ne(e, x.value.rounded);
 	}), J = (e) => {
 		j.value = e;
 	}, le = () => {
@@ -112,49 +113,49 @@ function g(u, g, _) {
 		disabled: x.value.disabled,
 		readOnly: x.value.readOnly,
 		timeZone: x.value.timeZone
-	})), X = a(() => x.value.orientation === "vertical"), we = a(() => r(S.value?.root, C.value, l({
+	})), X = a(() => x.value.orientation === "vertical"), we = a(() => r(S.value?.root, C.value, p({
 		"flex w-full flex-col overflow-hidden": !0,
 		"min-w-[38rem]": !X.value,
 		"min-w-72": X.value,
 		[w.value.root ?? ""]: !0
-	}))), Te = a(() => r(S.value?.header, {}, l({
+	}))), Te = a(() => r(S.value?.header, {}, p({
 		"flex items-center p-2.5": !0,
 		[w.value.header ?? ""]: !0
-	}))), Ee = a(() => r(S.value?.months, {}, l({
+	}))), Ee = a(() => r(S.value?.months, {}, p({
 		"flex shrink-0 items-center gap-x-10": !0,
 		[w.value.months ?? ""]: !0
-	}))), De = a(() => r(S.value?.endHeader, {}, l({
+	}))), De = a(() => r(S.value?.endHeader, {}, p({
 		"flex items-center justify-center px-2.5 pb-1 pt-2": !0,
 		[w.value.endHeader ?? ""]: !0
-	}))), Oe = a(() => r(S.value?.body, {}, l({
+	}))), Oe = a(() => r(S.value?.body, {}, p({
 		"flex min-h-64 flex-col p-2.5": !0,
 		[w.value.body ?? ""]: !0
-	}))), ke = a(() => r(S.value?.panels, {}, l({
+	}))), ke = a(() => r(S.value?.panels, {}, p({
 		"flex w-full gap-4": !0,
 		"flex-row": !X.value,
 		"flex-col": X.value,
 		[w.value.panels ?? ""]: !0
-	}))), Ae = a(() => r(S.value?.start, {}, l({
+	}))), Ae = a(() => r(S.value?.start, {}, p({
 		"flex flex-col": !0,
 		"min-w-0 flex-1": X.value,
 		"w-72 shrink-0": !X.value,
 		[w.value.start ?? ""]: !0
-	}))), je = a(() => r(S.value?.end, {}, l({
+	}))), je = a(() => r(S.value?.end, {}, p({
 		"flex flex-col": !0,
 		"min-w-0 flex-1": X.value,
 		"w-72 shrink-0": !X.value,
 		[w.value.end ?? ""]: !0
-	}))), Me = a(() => l({ "flex min-h-64 flex-1 flex-col": !0 })), Z = a(() => r(S.value?.selector, {
+	}))), Me = a(() => p({ "flex min-h-64 flex-1 flex-col": !0 })), Z = a(() => r(S.value?.selector, {
 		type: "button",
 		disabled: x.value.disabled
-	}, l({
+	}, p({
 		"inline-flex cursor-pointer items-center gap-x-2 px-1.5 py-1 text-sm font-medium text-dark-600 hover:bg-dark-100 focus:outline-none disabled:cursor-not-allowed dark:text-dark-300 dark:hover:bg-dark-800": !0,
 		[q.value ?? ""]: !0,
 		[w.value.selector ?? ""]: !0
 	}))), Q = a(() => r(S.value?.navButton, {
 		type: "button",
 		disabled: x.value.disabled
-	}, l({
+	}, p({
 		"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center text-dark-600 hover:bg-dark-100 disabled:cursor-not-allowed dark:text-dark-300 dark:hover:bg-dark-800": !0,
 		[q.value ?? ""]: !0,
 		[w.value.navButton ?? ""]: !0
@@ -164,18 +165,18 @@ function g(u, g, _) {
 		type: "button",
 		disabled: x.value.disabled,
 		"aria-label": Ne.value
-	}, l({ [w.value.navButton ?? ""]: !0 }))), Ie = a(() => r(S.value?.nextButton, {
+	}, p({ [w.value.navButton ?? ""]: !0 }))), Ie = a(() => r(S.value?.nextButton, {
 		...Q.value,
 		onClick: he,
 		type: "button",
 		disabled: x.value.disabled,
 		"aria-label": Pe.value
-	}, l({ [w.value.navButton ?? ""]: !0 }))), Le = a(() => r(S.value?.todayButton, {
+	}, p({ [w.value.navButton ?? ""]: !0 }))), Le = a(() => r(S.value?.todayButton, {
 		onClick: ge,
 		type: "button",
 		disabled: x.value.disabled,
 		"aria-label": y("Today")
-	}, l({
+	}, p({
 		"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center hover:bg-dark-100 disabled:cursor-not-allowed dark:hover:bg-dark-800": !0,
 		[q.value ?? ""]: !0,
 		[w.value.navButton ?? ""]: !0

package/dist/Components/CalendarYear/calendarYear.types.d.ts

@@ -1,5 +1,6 @@
 import { ButtonHTMLAttributes, HTMLAttributes } from 'vue';
-import { CalendarColor, CalendarColorItem, CalendarRounded, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { CalendarColor, CalendarColorItem, CalendarRounded } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface CalendarYearColorOverrides {}
 export interface CalendarYearRoundedOverrides {}
 export interface CalendarYearClasses {

package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts

@@ -1,5 +1,6 @@
 import { MaybeRefOrGetter } from 'vue';
-import { resolveCalendarDayInteractionState, LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { resolveCalendarDayInteractionState } from '@bridge-ui/core/Domain';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { CalendarYearOwnProps } from '../calendarYear.types';
 type CalendarYearLibDefaults = LibDefaultsShape<CalendarYearOwnProps, "color" | "rounded" | "pageSize">;
 type CalendarYearMerged = MergeLibDefaults<CalendarYearOwnProps, CalendarYearLibDefaults>;
@@ -13,14 +14,14 @@ export type CalendarYearCell = {
 export declare function useCalendarYear(props: MaybeRefOrGetter<CalendarYearOwnProps>, libDefaults: CalendarYearLibDefaults, emit: (event: "change", year: number) => void): {
     years: import('vue').ComputedRef<CalendarYearCell[]>;
     merged: import('vue').ComputedRef<CalendarYearMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarYearOwnProps, "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "readOnly" | "disableYears" | "maxDate" | "minDate" | "timeZone" | "pageSize" | "startYear">>>>;
-    gridBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarYearOwnProps, "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "readOnly" | "disableYears" | "maxDate" | "minDate" | "timeZone" | "pageSize" | "startYear">>>>;
+    gridBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
     }>>;
     pageSize: import('vue').ComputedRef<number>;
     startYear: import('vue').ComputedRef<number>;
     selectYear: (year: number) => void;
-    getYearBind: (cell: CalendarYearCell) => import('@bridge-ui/core').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
+    getYearBind: (cell: CalendarYearCell) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
         type: "button";
         disabled: boolean;
         "aria-pressed": boolean;

package/dist/Components/CalendarYear/composables/useCalendarYear.js

@@ -1,9 +1,10 @@
 import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
 import { mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
 import { computed as a, toValue as o, useAttrs as s } from "vue";
-import { cn as c, isYearDisabled as l, mergeBridgeUILayeredClasses as u, resolveCalendarDayInteractionState as d, splitComponentProps as f } from "@bridge-ui/core";
-import { get as p, isNil as m, omit as h } from "es-toolkit/compat";
-import { colorProps as g, roundedProps as _ } from "@bridge-ui/core/Tokens/Calendar";
+import { get as c, isNil as l, omit as u } from "es-toolkit/compat";
+import { isYearDisabled as d, resolveCalendarDayInteractionState as f } from "@bridge-ui/core/Domain";
+import { calendarColorProps as p, calendarRoundedProps as m } from "@bridge-ui/core/Tokens";
+import { cn as h, mergeBridgeUILayeredClasses as g, splitComponentProps as _ } from "@bridge-ui/core/Utils";
 //#region src/Components/CalendarYear/composables/useCalendarYear.ts
 var v = 15, y = [
 	"color",
@@ -22,7 +23,7 @@ var v = 15, y = [
 	"disableYears"
 ];
 function b(b, x, S) {
-	let C = s(), w = e(), T = t(), E = a(() => f({
+	let C = s(), w = e(), T = t(), E = a(() => _({
 		bridgeKeys: y,
 		props: {
 			...C,
@@ -31,28 +32,28 @@ function b(b, x, S) {
 	})), { merged: D } = r({
 		libDefaults: x,
 		props: () => E.value.componentProps
-	}), O = a(() => D.value.customProps), k = a(() => h(E.value.inheritedAttrs, ["onChange"])), A = i({
+	}), O = a(() => D.value.customProps), k = a(() => u(E.value.inheritedAttrs, ["onChange"])), A = i({
 		props: () => E.value.componentProps,
 		entry: a(() => {})
 	}), j = a(() => T(D.value.timeZone)), M = a(() => D.value.pageSize ?? v), N = a(() => {
-		if (!m(D.value.startYear)) return D.value.startYear;
+		if (!l(D.value.startYear)) return D.value.startYear;
 		let e = D.value.value ?? w.value.getYear(w.value.now(j.value), j.value), t = Math.floor(M.value / 2);
 		return Math.max(1, e - t);
-	}), P = a(() => u(g, D.value.tokens?.color)), F = a(() => {
-		let e = u(_, D.value.tokens?.rounded);
-		return p(e, D.value.rounded);
-	}), I = a(() => p(P.value, D.value.color)), L = a(() => Array.from({ length: M.value }, (e, t) => {
-		let n = N.value + t, r = !!D.value.disabled || l({
+	}), P = a(() => g(p, D.value.tokens?.color)), F = a(() => {
+		let e = g(m, D.value.tokens?.rounded);
+		return c(e, D.value.rounded);
+	}), I = a(() => c(P.value, D.value.color)), L = a(() => Array.from({ length: M.value }, (e, t) => {
+		let n = N.value + t, r = !!D.value.disabled || d({
 			year: n,
 			adapter: w.value,
 			context: j.value,
 			maxDate: D.value.maxDate,
 			minDate: D.value.minDate,
 			disableYears: D.value.disableYears
-		}), i = !m(D.value.value) && D.value.value === n;
+		}), i = !l(D.value.value) && D.value.value === n;
 		return {
 			year: n,
-			state: d({
+			state: f({
 				disabled: r,
 				selected: i,
 				readOnly: D.value.readOnly
@@ -62,7 +63,7 @@ function b(b, x, S) {
 			disabled: r || !!D.value.readOnly
 		};
 	})), R = (e) => {
-		D.value.disabled || D.value.readOnly || l({
+		D.value.disabled || D.value.readOnly || d({
 			year: e,
 			adapter: w.value,
 			context: j.value,
@@ -74,11 +75,11 @@ function b(b, x, S) {
 	return {
 		years: L,
 		merged: D,
-		rootBind: a(() => n(O.value?.root, k.value, c({
+		rootBind: a(() => n(O.value?.root, k.value, h({
 			"flex flex-col": !0,
 			[A.value.root ?? ""]: !0
 		}))),
-		gridBind: a(() => n(O.value?.grid, { role: "grid" }, c({
+		gridBind: a(() => n(O.value?.grid, { role: "grid" }, h({
 			"grid grid-cols-3 gap-2": !0,
 			[A.value.grid ?? ""]: !0
 		}))),
@@ -92,7 +93,7 @@ function b(b, x, S) {
 				disabled: e.disabled,
 				"aria-pressed": e.selected,
 				onClick: () => R(e.year)
-			}, c({
+			}, h({
 				"cursor-pointer p-2.5 text-xs uppercase transition-all duration-150 ease-in-out outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed": !0,
 				[F.value ?? ""]: !0,
 				[t?.soft ?? ""]: e.state === "base",

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/card.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { CardPadding, CardRounded, CardShadow, CardVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { CardPadding, CardRounded, CardShadow, CardVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface CardShadowOverrides {}
 export interface CardPaddingOverrides {}
 export interface CardRoundedOverrides {}

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

@@ -1,4 +1,4 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { CardOwnProps, CardProps } from '../card.types';
 type CardLibDefaults = LibDefaultsShape<CardOwnProps, "shadow" | "padding" | "rounded" | "variant">;
 type CardMerged = MergeLibDefaults<CardOwnProps, CardLibDefaults>;
@@ -7,12 +7,11 @@ export declare function useCard(props: CardOwnProps, libDefaults: CardLibDefault
         [name: string]: import('vue').Slot<any> | undefined;
     }>;
     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, {}>>;
+    bodyBind: 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<object, "class", import('vue').HTMLAttributes | undefined, Omit<CardProps, "classes" | "customProps" | "title" | "padding" | "rounded" | "shadow" | "variant" | "borderless">>>;
+    titleBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     hasDefaultBody: import('vue').ComputedRef<boolean>;
 };
 export {};

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 { get as o } from "es-toolkit/compat";
+import { cardPaddingProps as s, cardRoundedProps as c, cardShadowProps as l, cardVariantProps 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/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(() => p({
+		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 = f(u, x.value?.tokens?.variant);
+		return o(e, b.value.variant);
+	}), E = r(() => !b.value.borderless && !!o(T.value, "border")), D = r(() => {
+		if (b.value.variant !== "elevated") return;
+		let e = f(l, x.value?.tokens?.shadow);
+		return o(e, b.value.shadow);
+	}), O = r(() => {
+		let e = f(s, x.value?.tokens?.padding);
+		return o(e, b.value.padding);
+	}), k = r(() => {
+		let e = f(c, x.value?.tokens?.rounded);
+		return o(e, b.value.rounded);
+	}), A = r(() => e(S.value?.body, {}, d({
 		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({
+		[o(O.value, "body") ?? ""]: !0,
+		[o(T.value, "text") ?? ""]: !0,
+		[o(C.value, "body") ?? ""]: !0
+	}))), j = r(() => e(S.value?.footer, {}, d({
+		"border-t": E.value,
+		[o(O.value, "footer") ?? ""]: !0,
+		[o(T.value, "border") ?? ""]: E.value,
+		[o(T.value, "footer") ?? ""]: !0,
+		[o(k.value, "footer") ?? ""]: !0,
+		[o(C.value, "footer") ?? ""]: !0
+	}))), M = r(() => e(S.value?.header, {}, d({
 		"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,
+		[o(O.value, "header") ?? ""]: !0,
+		[o(T.value, "border") ?? ""]: E.value,
+		[o(k.value, "header") ?? ""]: !0,
+		[o(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, d({
 			"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,
+			[o(k.value, "root") ?? ""]: !0,
+			[o(T.value, "root") ?? ""]: !0,
+			[o(C.value, "root") ?? ""]: !0
 		}))),
-		hasFooter: E,
-		titleBind: i(() => t(C.value?.title, {}, s({
+		titleBind: r(() => e(S.value?.title, {}, d({
 			"text-base font-medium whitespace-normal": !0,
-			[u(D.value, "text") ?? ""]: !0,
-			[u(w.value, "title") ?? ""]: !0
+			[o(T.value, "text") ?? ""]: !0,
+			[o(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,19 @@
 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 { resolveIconSource as E } from "@bridge-ui/core/Adapters";
+import { cn as D } from "@bridge-ui/core/Utils";
 //#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 +40,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(() => E("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(D)("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/Checkbox/checkbox.types.d.ts

@@ -1,5 +1,6 @@
 import { InputHTMLAttributes } from 'vue';
-import { CheckboxColor, CheckboxRounded, CheckboxSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { CheckboxColor, CheckboxRounded, CheckboxSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { FormControlClasses, FormControlCustomProps, FormControlOwnProps, FormControlSlots } from '../FormControl/formControl.types';
 export interface CheckboxSizeOverrides {}
 export interface CheckboxColorOverrides {}