@bridge-ui/vue 0.0.10 → 0.0.11

package/dist/Components/CalendarDate/composables/useCalendarDate.js

@@ -1,11 +1,12 @@
 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, getCurrentInstance as o, ref as s, toValue as c, useAttrs as l } from "vue";
-import { applyDateSelection as ee, cn as u, isDateDisabled as d, isDateInRangePreview as f, isDateRangeValue as p, isDateSelected as te, mergeBridgeUILayeredClasses as m, resolveCalendarDayInteractionState as h, resolveDatePickerMode as g, resolveStartOfWeek as _, splitComponentProps as v } from "@bridge-ui/core";
-import { get as y, isFunction as b, isNil as x, omit as S } from "es-toolkit/compat";
-import { colorProps as C, dayProps as ne, roundedProps as w } from "@bridge-ui/core/Tokens/Calendar";
+import { get as u, isFunction as d, isNil as f, omit as ee } from "es-toolkit/compat";
+import { applyDateSelection as p, isDateDisabled as m, isDateInRangePreview as te, isDateRangeValue as h, isDateSelected as g, resolveCalendarDayInteractionState as _, resolveDatePickerMode as v, resolveStartOfWeek as y } from "@bridge-ui/core/Domain";
+import { calendarColorProps as ne, calendarDayProps as re, calendarRoundedProps as b } from "@bridge-ui/core/Tokens";
+import { cn as x, mergeBridgeUILayeredClasses as S, splitComponentProps as C } from "@bridge-ui/core/Utils";
 //#region src/Components/CalendarDate/composables/useCalendarDate.ts
-var T = [
+var w = [
 	"color",
 	"range",
 	"value",
@@ -29,62 +30,62 @@ var T = [
 	"disableMonths",
 	"hideOutsideDays"
 ];
-function E(E, D, O) {
-	let k = l(), A = e(), re = t(), j = a(() => v({
-		bridgeKeys: T,
+function T(T, E, D) {
+	let O = l(), k = e(), A = t(), j = a(() => C({
+		bridgeKeys: w,
 		props: {
-			...k,
-			...c(E)
+			...O,
+			...c(T)
 		}
 	})), { merged: M } = r({
-		libDefaults: D,
+		libDefaults: E,
 		props: () => j.value.componentProps
-	}), N = a(() => M.value.customProps), P = a(() => S(j.value.inheritedAttrs, [
+	}), N = a(() => M.value.customProps), P = a(() => ee(j.value.inheritedAttrs, [
 		"onChange",
 		"onViewDateChange",
 		"onPreviewDateChange"
 	])), F = i({
 		props: () => j.value.componentProps,
 		entry: a(() => {})
-	}), I = a(() => re(M.value.timeZone)), L = a(() => g({
+	}), I = a(() => A(M.value.timeZone)), L = a(() => v({
 		range: M.value.range,
 		multiple: M.value.multiple
-	})), R = a(() => c(E)), z = a(() => !x(R.value.value)), B = a(() => !x(R.value.previewDate)), V = a(() => {
-		let e = o()?.vnode.props ?? {}, t = b(e.onViewDateChange) || b(e["onUpdate:viewDate"]);
-		return !x(R.value.viewDate) && t;
-	}), H = s(M.value.defaultValue ?? null), U = s(null), W = s(R.value.viewDate ?? M.value.viewDate ?? A.value.startOfMonth(A.value.now(I.value), I.value)), G = a(() => z.value ? R.value.value ?? null : H.value), K = a(() => B.value ? R.value.previewDate : U.value), q = a(() => V.value ? R.value.viewDate : W.value), J = a(() => _(M.value.startOfWeek)), Y = a(() => m(C, M.value.tokens?.color)), X = a(() => m(ne, M.value.tokens?.day)), ie = a(() => {
-		let e = m(w, M.value.tokens?.rounded);
-		return y(e, M.value.rounded);
-	}), ae = a(() => y(Y.value, M.value.color)), oe = a(() => {
-		let e = A.value.getWeekdayNames(I.value), t = J.value;
+	})), R = a(() => c(T)), z = a(() => !f(R.value.value)), B = a(() => !f(R.value.previewDate)), V = a(() => {
+		let e = o()?.vnode.props ?? {}, t = d(e.onViewDateChange) || d(e["onUpdate:viewDate"]);
+		return !f(R.value.viewDate) && t;
+	}), H = s(M.value.defaultValue ?? null), U = s(null), W = s(R.value.viewDate ?? M.value.viewDate ?? k.value.startOfMonth(k.value.now(I.value), I.value)), G = a(() => z.value ? R.value.value ?? null : H.value), K = a(() => B.value ? R.value.previewDate : U.value), q = a(() => V.value ? R.value.viewDate : W.value), J = a(() => y(M.value.startOfWeek)), Y = a(() => S(ne, M.value.tokens?.color)), X = a(() => S(re, M.value.tokens?.day)), ie = a(() => {
+		let e = S(b, M.value.tokens?.rounded);
+		return u(e, M.value.rounded);
+	}), ae = a(() => u(Y.value, M.value.color)), oe = a(() => {
+		let e = k.value.getWeekdayNames(I.value), t = J.value;
 		return Array.from({ length: 7 }, (n, r) => e[(t + r) % 7] ?? "");
 	}), se = a(() => {
-		let e = A.value.getCalendarDays(q.value, J.value, I.value), t = A.value.now(I.value);
+		let e = k.value.getCalendarDays(q.value, J.value, I.value), t = k.value.now(I.value);
 		return e.map((e) => {
-			let n = !!M.value.disabled || d(e, {
-				adapter: A.value,
+			let n = !!M.value.disabled || m(e, {
+				adapter: k.value,
 				context: I.value,
 				maxDate: M.value.maxDate,
 				minDate: M.value.minDate,
 				disableDates: M.value.disableDates,
 				disableYears: M.value.disableYears,
 				disableMonths: M.value.disableMonths
-			}), r = te({
+			}), r = g({
 				date: e,
 				mode: L.value,
 				value: G.value,
-				adapter: A.value,
+				adapter: k.value,
 				context: I.value
-			}), i = L.value === "range" && f({
+			}), i = L.value === "range" && te({
 				date: e,
 				value: G.value,
-				adapter: A.value,
+				adapter: k.value,
 				context: I.value,
 				previewDate: K.value
 			});
 			return {
 				date: e,
-				state: h({
+				state: _({
 					disabled: n,
 					selected: r,
 					readOnly: M.value.readOnly
@@ -92,14 +93,14 @@ function E(E, D, O) {
 				preview: i,
 				selected: r,
 				disabled: n || !!M.value.readOnly,
-				label: String(A.value.getDate(e, I.value)),
-				today: A.value.isSameDay(e, t, I.value),
-				outside: !A.value.isSameMonth(e, q.value, I.value)
+				label: String(k.value.getDate(e, I.value)),
+				today: k.value.isSameDay(e, t, I.value),
+				outside: !k.value.isSameMonth(e, q.value, I.value)
 			};
 		});
 	}), Z = (e) => {
-		if (M.value.disabled || M.value.readOnly || d(e, {
-			adapter: A.value,
+		if (M.value.disabled || M.value.readOnly || m(e, {
+			adapter: k.value,
 			context: I.value,
 			maxDate: M.value.maxDate,
 			minDate: M.value.minDate,
@@ -107,20 +108,20 @@ function E(E, D, O) {
 			disableYears: M.value.disableYears,
 			disableMonths: M.value.disableMonths
 		})) return;
-		let t = ee({
+		let t = p({
 			next: e,
 			mode: L.value,
 			value: G.value,
-			adapter: A.value,
+			adapter: k.value,
 			context: I.value
 		});
-		z.value || (H.value = t), O("change", t), L.value === "range" && Q(null);
+		z.value || (H.value = t), D("change", t), L.value === "range" && Q(null);
 	}, Q = (e) => {
-		B.value || (U.value = e), O("previewDateChange", e);
+		B.value || (U.value = e), D("previewDateChange", e);
 	}, $ = a(() => {
-		if (L.value !== "range" || !p(G.value)) return !1;
+		if (L.value !== "range" || !h(G.value)) return !1;
 		let [e, t] = G.value;
-		return A.value.isSameDay(e, t, I.value);
+		return k.value.isSameDay(e, t, I.value);
 	});
 	return {
 		days: se,
@@ -128,7 +129,7 @@ function E(E, D, O) {
 		value: G,
 		merged: M,
 		context: I,
-		rootBind: a(() => n(N.value?.root, P.value, u({
+		rootBind: a(() => n(N.value?.root, P.value, x({
 			"flex flex-col": !0,
 			[F.value.root ?? ""]: !0
 		}))),
@@ -137,7 +138,7 @@ function E(E, D, O) {
 			onMouseleave: () => {
 				$.value && Q(null);
 			}
-		}, u({
+		}, x({
 			"grid grid-cols-7 gap-1": !0,
 			[F.value.grid ?? ""]: !0
 		}))),
@@ -156,7 +157,7 @@ function E(E, D, O) {
 				onMouseenter: () => {
 					$.value && !e.disabled && Q(e.date);
 				}
-			}, u({
+			}, x({
 				"relative flex h-8 w-full cursor-pointer items-center justify-center text-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50": !0,
 				[ie.value ?? ""]: !0,
 				[t?.base ?? ""]: e.state === "base",
@@ -170,7 +171,7 @@ function E(E, D, O) {
 		},
 		previewDate: K,
 		hideWeekdays: a(() => !!M.value.hideWeekdays),
-		getWeekdayBind: (e) => n(N.value?.weekday, {}, u({
+		getWeekdayBind: (e) => n(N.value?.weekday, {}, x({
 			[X.value.weekday ?? ""]: !0,
 			[F.value.weekday ?? ""]: !0
 		})),
@@ -178,4 +179,4 @@ function E(E, D, O) {
 	};
 }
 //#endregion
-export { E as useCalendarDate };
+export { T as useCalendarDate };

package/dist/Components/CalendarMonth/calendarMonth.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 CalendarMonthColorOverrides {}
 export interface CalendarMonthRoundedOverrides {}
 export interface CalendarMonthClasses {

package/dist/Components/CalendarMonth/composables/useCalendarMonth.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 { CalendarMonthOwnProps } from '../calendarMonth.types';
 type CalendarMonthLibDefaults = LibDefaultsShape<CalendarMonthOwnProps, "color" | "rounded">;
 type CalendarMonthMerged = MergeLibDefaults<CalendarMonthOwnProps, CalendarMonthLibDefaults>;
@@ -14,12 +15,12 @@ export declare function useCalendarMonth(props: MaybeRefOrGetter<CalendarMonthOw
     year: import('vue').ComputedRef<number>;
     merged: import('vue').ComputedRef<CalendarMonthMerged>;
     months: import('vue').ComputedRef<CalendarMonthCell[]>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarMonthOwnProps, "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "readOnly" | "disableMonths" | "maxDate" | "minDate" | "timeZone" | "year">>>>;
-    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<CalendarMonthOwnProps, "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "readOnly" | "disableMonths" | "maxDate" | "minDate" | "timeZone" | "year">>>>;
+    gridBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
     }>>;
     selectMonth: (month: number) => void;
-    getMonthBind: (cell: CalendarMonthCell) => import('@bridge-ui/core').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
+    getMonthBind: (cell: CalendarMonthCell) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
         type: "button";
         disabled: boolean;
         "aria-pressed": boolean;

package/dist/Components/CalendarMonth/composables/useCalendarMonth.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, isMonthDisabled 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 { isMonthDisabled 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/CalendarMonth/composables/useCalendarMonth.ts
 var v = [
 	"year",
@@ -21,7 +22,7 @@ var v = [
 	"disableMonths"
 ];
 function y(y, b, x) {
-	let S = s(), C = e(), w = t(), T = a(() => f({
+	let S = s(), C = e(), w = t(), T = a(() => _({
 		bridgeKeys: v,
 		props: {
 			...S,
@@ -30,14 +31,14 @@ function y(y, b, x) {
 	})), { merged: E } = r({
 		libDefaults: b,
 		props: () => T.value.componentProps
-	}), D = a(() => E.value.customProps), O = a(() => h(T.value.inheritedAttrs, ["onChange"])), k = i({
+	}), D = a(() => E.value.customProps), O = a(() => u(T.value.inheritedAttrs, ["onChange"])), k = i({
 		props: () => T.value.componentProps,
 		entry: a(() => {})
-	}), A = a(() => w(E.value.timeZone)), j = a(() => E.value.year ?? C.value.getYear(C.value.now(A.value), A.value)), M = a(() => u(g, E.value.tokens?.color)), N = a(() => {
-		let e = u(_, E.value.tokens?.rounded);
-		return p(e, E.value.rounded);
-	}), P = a(() => p(M.value, E.value.color)), F = a(() => C.value.getMonthNames(A.value).map((e, t) => {
-		let n = !!E.value.disabled || l({
+	}), A = a(() => w(E.value.timeZone)), j = a(() => E.value.year ?? C.value.getYear(C.value.now(A.value), A.value)), M = a(() => g(p, E.value.tokens?.color)), N = a(() => {
+		let e = g(m, E.value.tokens?.rounded);
+		return c(e, E.value.rounded);
+	}), P = a(() => c(M.value, E.value.color)), F = a(() => C.value.getMonthNames(A.value).map((e, t) => {
+		let n = !!E.value.disabled || d({
 			month: t,
 			year: j.value,
 			adapter: C.value,
@@ -45,11 +46,11 @@ function y(y, b, x) {
 			maxDate: E.value.maxDate,
 			minDate: E.value.minDate,
 			disableMonths: E.value.disableMonths
-		}), r = !m(E.value.value) && E.value.value === t;
+		}), r = !l(E.value.value) && E.value.value === t;
 		return {
 			label: e,
 			month: t,
-			state: d({
+			state: f({
 				disabled: n,
 				selected: r,
 				readOnly: E.value.readOnly
@@ -58,7 +59,7 @@ function y(y, b, x) {
 			disabled: n || !!E.value.readOnly
 		};
 	})), I = (e) => {
-		E.value.disabled || E.value.readOnly || l({
+		E.value.disabled || E.value.readOnly || d({
 			month: e,
 			year: j.value,
 			adapter: C.value,
@@ -72,11 +73,11 @@ function y(y, b, x) {
 		year: j,
 		merged: E,
 		months: F,
-		rootBind: a(() => n(D.value?.root, O.value, c({
+		rootBind: a(() => n(D.value?.root, O.value, h({
 			"flex flex-col": !0,
 			[k.value.root ?? ""]: !0
 		}))),
-		gridBind: a(() => n(D.value?.grid, { role: "grid" }, c({
+		gridBind: a(() => n(D.value?.grid, { role: "grid" }, h({
 			"grid grid-cols-3 gap-2": !0,
 			[k.value.grid ?? ""]: !0
 		}))),
@@ -88,7 +89,7 @@ function y(y, b, x) {
 				disabled: e.disabled,
 				"aria-pressed": e.selected,
 				onClick: () => I(e.month)
-			}, c({
+			}, h({
 				"cursor-pointer px-2 py-4 text-xs uppercase transition-all duration-150 ease-in-out outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed": !0,
 				[N.value ?? ""]: !0,
 				[t?.soft ?? ""]: e.state === "base",

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

@@ -1,11 +1,11 @@
 import { CalendarRangeOwnProps, CalendarRangeSlots } from './calendarRange.types';
 type __VLS_Slots = CalendarRangeSlots;
 declare const __VLS_base: import('vue').DefineComponent<CalendarRangeOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: import('@bridge-ui/core').DateRangeValue | null) => any;
+    change: (value: import('@bridge-ui/core/Domain').DateRangeValue | null) => any;
     viewDateChange: (date: Date) => any;
     previewDateChange: (date: Date | null) => any;
 }, string, import('vue').PublicProps, Readonly<CalendarRangeOwnProps> & Readonly<{
-    onChange?: ((value: import('@bridge-ui/core').DateRangeValue | null) => any) | undefined;
+    onChange?: ((value: import('@bridge-ui/core/Domain').DateRangeValue | null) => any) | undefined;
     onViewDateChange?: ((date: Date) => any) | undefined;
     onPreviewDateChange?: ((date: Date | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/Components/CalendarRange/CalendarRange.vue_vue_type_script_setup_true_lang.js

@@ -4,8 +4,8 @@ import ee from "../CalendarMonth/CalendarMonth.js";
 import te from "../CalendarYear/CalendarYear.js";
 import { useCalendarRange as n } from "./composables/useCalendarRange.js";
 import { createBlock as ne, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, toValue as re, unref as g, withCtx as _ } from "vue";
-import { cn as ie } from "@bridge-ui/core";
-import { isString as v } from "es-toolkit/compat";
+import { isString as ie } from "es-toolkit/compat";
+import { cn as v } from "@bridge-ui/core/Utils";
 //#region src/Components/CalendarRange/CalendarRange.vue?vue&type=script&setup=true&lang.ts
 var y = { class: "flex min-w-0 flex-1 items-center justify-start" }, b = { class: "flex min-w-0 flex-1 items-center justify-end" }, x = { class: "flex shrink-0 items-center" }, S = { class: "flex w-full min-w-0 items-stretch" }, C = { class: "flex w-full min-w-0 items-stretch" }, w = /*@__PURE__*/ c({
 	inheritAttrs: !1,
@@ -49,9 +49,9 @@ var y = { class: "flex min-w-0 flex-1 items-center justify-start" }, b = { class
 		}, w);
 		function $(e) {
 			let t = re(H)?.class;
-			return ie({
+			return v({
 				"size-3 transition-all duration-200 ease-in-out": !0,
-				[v(t) ? t : ""]: !0,
+				[ie(t) ? t : ""]: !0,
 				"rotate-180": e
 			});
 		}

package/dist/Components/CalendarRange/calendarRange.types.d.ts

@@ -1,5 +1,7 @@
 import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
-import { CalendarColor, CalendarColorItem, CalendarDay, CalendarRounded, DateRangeValue, DisableDatesInput, MergeHtmlProps, MergeProps, StartOfWeek } from '@bridge-ui/core';
+import { DateRangeValue, DisableDatesInput, StartOfWeek } from '@bridge-ui/core/Domain';
+import { CalendarColor, CalendarColorItem, CalendarDay, CalendarRounded } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { CalendarDateDayCell } from '../CalendarDate/calendarDate.types';
 import { IconProps } from '../Icon/icon.types';
 export interface CalendarRangeColorOverrides {}

package/dist/Components/CalendarRange/composables/useCalendarRange.d.ts

@@ -1,5 +1,6 @@
 import { MaybeRefOrGetter } from 'vue';
-import { DatePickerModel, DateRangeValue, LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { DatePickerModel, DateRangeValue } from '@bridge-ui/core/Domain';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { CalendarRangeOwnProps, CalendarRangeView } from '../calendarRange.types';
 type CalendarRangeLibDefaults = LibDefaultsShape<CalendarRangeOwnProps, "color" | "rounded" | "orientation" | "startOfWeek">;
 type CalendarRangeMerged = MergeLibDefaults<CalendarRangeOwnProps, CalendarRangeLibDefaults>;
@@ -11,9 +12,9 @@ export declare function useCalendarRange(props: MaybeRefOrGetter<CalendarRangeOw
     view: import('vue').ComputedRef<CalendarRangeView>;
     value: import('vue').ComputedRef<DateRangeValue | null>;
     shared: import('vue').ComputedRef<{
-        color: NonNullable<keyof import('@bridge-ui/core').CalendarColor | undefined>;
+        color: NonNullable<keyof import('@bridge-ui/core/Tokens').CalendarColor | undefined>;
         tokens: import('../calendarRange.types').CalendarRangeTokens | undefined;
-        rounded: NonNullable<keyof import('@bridge-ui/core').CalendarRounded | undefined>;
+        rounded: NonNullable<keyof import('@bridge-ui/core/Tokens').CalendarRounded | undefined>;
         maxDate: Date | undefined;
         minDate: Date | undefined;
         disabled: boolean | undefined;
@@ -22,18 +23,18 @@ export declare function useCalendarRange(props: MaybeRefOrGetter<CalendarRangeOw
     }>;
     merged: import('vue').ComputedRef<CalendarRangeMerged>;
     showNav: 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<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarRangeOwnProps, "color" | "orientation" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate" | "hideMonths" | "hideYears">>>>;
-    bodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    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<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarRangeOwnProps, "color" | "orientation" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate" | "hideMonths" | "hideYears">>>>;
+    bodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     viewDate: import('vue').ComputedRef<Date>;
     viewYear: import('vue').ComputedRef<number>;
-    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, {}>>;
     viewMonth: import('vue').ComputedRef<number>;
     yearLabel: import('vue').ComputedRef<string>;
     monthLabel: import('vue').ComputedRef<string>;
-    headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    monthsBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    panelsBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    monthsBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    panelsBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     isVertical: import('vue').ComputedRef<boolean>;
     endViewDate: import('vue').ComputedRef<Date>;
     previewDate: import('vue').ComputedRef<Date | null>;
@@ -43,8 +44,8 @@ export declare function useCalendarRange(props: MaybeRefOrGetter<CalendarRangeOw
     handleChange: (next: DatePickerModel) => void;
     yearPageSize: number;
     endMonthLabel: import('vue').ComputedRef<string>;
-    endHeaderBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    nextButtonBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
+    endHeaderBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    nextButtonBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
         onClick: () => void;
         type: "button";
         disabled: boolean | undefined;
@@ -252,14 +253,14 @@ export declare function useCalendarRange(props: MaybeRefOrGetter<CalendarRangeOw
     }>>;
     pickerFillBind: import('vue').ComputedRef<string>;
     monthPanelYear: import('vue').ComputedRef<number>;
-    todayButtonBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
+    todayButtonBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
         onClick: () => void;
         type: "button";
         disabled: boolean | undefined;
         "aria-label": string;
     }>>;
     monthPanelValue: import('vue').ComputedRef<number>;
-    yearSelectorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    yearSelectorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         onClick: () => void;
         type: "button";
         "aria-label": string;
@@ -1073,7 +1074,7 @@ export declare function useCalendarRange(props: MaybeRefOrGetter<CalendarRangeOw
     }>;
     handleMonthSelect: (month: number) => void;
     showMonthSelector: import('vue').ComputedRef<boolean>;
-    previousButtonBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
+    previousButtonBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
         onClick: () => void;
         type: "button";
         disabled: boolean | undefined;

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 {