@bridge-ui/vue 0.0.10 → 0.1.0

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, "error" | "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,13 +1,15 @@
 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, getColorToken as g, mergeBridgeUILayeredClasses as _, splitComponentProps as v } from "@bridge-ui/core/Utils";
 //#region src/Components/CalendarMonth/composables/useCalendarMonth.ts
-var v = [
+var y = [
 	"year",
 	"color",
+	"error",
 	"value",
 	"tokens",
 	"classes",
@@ -20,85 +22,92 @@ var v = [
 	"customProps",
 	"disableMonths"
 ];
-function y(y, b, x) {
-	let S = s(), C = e(), w = t(), T = a(() => f({
-		bridgeKeys: v,
+function b(b, x, S) {
+	let C = s(), w = e(), T = t(), E = a(() => v({
+		bridgeKeys: y,
 		props: {
-			...S,
-			...o(y)
+			...C,
+			...o(b)
 		}
-	})), { merged: E } = r({
-		libDefaults: b,
-		props: () => T.value.componentProps
-	}), D = a(() => E.value.customProps), O = a(() => h(T.value.inheritedAttrs, ["onChange"])), k = i({
-		props: () => T.value.componentProps,
+	})), { merged: D } = r({
+		libDefaults: x,
+		props: () => E.value.componentProps
+	}), O = a(() => D.value.customProps), k = a(() => u(E.value.inheritedAttrs, ["onChange"])), A = i({
+		props: () => E.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({
+	}), j = a(() => T(D.value.timeZone)), M = a(() => D.value.year ?? w.value.getYear(w.value.now(j.value), j.value)), N = a(() => {
+		let e = _(m, D.value.tokens?.rounded);
+		return c(e, D.value.rounded);
+	}), P = a(() => {
+		let e = _(p, D.value.tokens?.color);
+		return g({
+			tokens: e,
+			color: D.value.color,
+			invalid: D.value.error
+		});
+	}), F = a(() => w.value.getMonthNames(j.value).map((e, t) => {
+		let n = !!D.value.disabled || d({
 			month: t,
-			year: j.value,
-			adapter: C.value,
-			context: A.value,
-			maxDate: E.value.maxDate,
-			minDate: E.value.minDate,
-			disableMonths: E.value.disableMonths
-		}), r = !m(E.value.value) && E.value.value === t;
+			year: M.value,
+			adapter: w.value,
+			context: j.value,
+			maxDate: D.value.maxDate,
+			minDate: D.value.minDate,
+			disableMonths: D.value.disableMonths
+		}), r = !l(D.value.value) && D.value.value === t;
 		return {
 			label: e,
 			month: t,
-			state: d({
+			state: f({
 				disabled: n,
 				selected: r,
-				readOnly: E.value.readOnly
+				readOnly: D.value.readOnly
 			}),
 			selected: r,
-			disabled: n || !!E.value.readOnly
+			disabled: n || !!D.value.readOnly
 		};
 	})), I = (e) => {
-		E.value.disabled || E.value.readOnly || l({
+		D.value.disabled || D.value.readOnly || d({
 			month: e,
-			year: j.value,
-			adapter: C.value,
-			context: A.value,
-			maxDate: E.value.maxDate,
-			minDate: E.value.minDate,
-			disableMonths: E.value.disableMonths
-		}) || x("change", e);
+			year: M.value,
+			adapter: w.value,
+			context: j.value,
+			maxDate: D.value.maxDate,
+			minDate: D.value.minDate,
+			disableMonths: D.value.disableMonths
+		}) || S("change", e);
 	};
 	return {
-		year: j,
-		merged: E,
+		year: M,
+		merged: D,
 		months: F,
-		rootBind: a(() => n(D.value?.root, O.value, c({
+		rootBind: a(() => n(O.value?.root, k.value, h({
 			"flex flex-col": !0,
-			[k.value.root ?? ""]: !0
+			[A.value.root ?? ""]: !0
 		}))),
-		gridBind: a(() => n(D.value?.grid, { role: "grid" }, c({
+		gridBind: a(() => n(O.value?.grid, { role: "grid" }, h({
 			"grid grid-cols-3 gap-2": !0,
-			[k.value.grid ?? ""]: !0
+			[A.value.grid ?? ""]: !0
 		}))),
 		selectMonth: I,
 		getMonthBind: (e) => {
 			let t = P.value;
-			return n(D.value?.month, {
+			return n(O.value?.month, {
 				type: "button",
 				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",
 				[t?.hover ?? ""]: e.state === "base",
 				[t?.selected ?? ""]: e.state === "selected",
 				[t?.disabled ?? ""]: e.state === "disabled",
-				[k.value.month ?? ""]: !0
+				[A.value.month ?? ""]: !0
 			}));
 		}
 	};
 }
 //#endregion
-export { y as useCalendarMonth };
+export { b as useCalendarMonth };

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,10 +4,10 @@ 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({
+var y = { class: "flex shrink-0 items-center justify-start" }, b = { class: "flex shrink-0 items-center justify-end" }, x = { class: "flex shrink-0 items-center" }, S = { class: "flex min-w-max flex-1 items-stretch" }, C = { class: "flex min-w-max flex-1 items-stretch" }, w = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "CalendarRange",
 	props: {
@@ -19,6 +19,8 @@ var y = { class: "flex min-w-0 flex-1 items-center justify-start" }, b = { class
 		disableDates: {},
 		disableMonths: {},
 		disableYears: {},
+		error: { type: Boolean },
+		fill: { type: Boolean },
 		hideMonths: { type: Boolean },
 		hideOutsideDays: { type: Boolean },
 		hideWeekdays: { type: Boolean },
@@ -41,7 +43,7 @@ var y = { class: "flex min-w-0 flex-1 items-center justify-start" }, b = { class
 		"viewDateChange"
 	],
 	setup(c, { emit: w }) {
-		let { view: T, value: E, shared: D, merged: O, endBind: ae, rootBind: k, bodyBind: A, viewDate: j, viewYear: M, startBind: N, yearLabel: P, monthLabel: F, headerBind: I, monthsBind: L, panelsBind: R, isVertical: z, endViewDate: B, previewDate: V, navIconBind: H, monthTarget: U, handleChange: W, yearPageSize: oe, endMonthLabel: G, yearPageStart: K, endHeaderBind: q, nextButtonBind: se, pickerFillBind: J, monthPanelYear: ce, todayButtonBind: le, monthPanelValue: ue, yearSelectorBind: de, handleYearSelect: fe, showYearSelector: pe, monthSelectorBind: me, handleMonthSelect: he, showMonthSelector: Y, previousButtonBind: ge, endMonthSelectorBind: X, handleEndViewDateChange: _e, handlePreviewDateChange: Z, handleStartViewDateChange: Q } = n(c, {
+		let { view: T, value: E, shared: D, merged: O, endBind: ae, rootBind: k, bodyBind: A, viewDate: j, viewYear: M, startBind: N, yearLabel: P, monthLabel: F, headerBind: I, monthsBind: L, panelsBind: R, isVertical: z, endViewDate: B, previewDate: V, navIconBind: H, monthTarget: U, handleChange: W, yearPageSize: oe, endMonthLabel: G, yearPageStart: K, endHeaderBind: q, monthYearBind: J, nextButtonBind: se, monthPanelYear: ce, todayButtonBind: le, monthPanelValue: ue, yearSelectorBind: de, handleYearSelect: fe, showYearSelector: pe, monthSelectorBind: me, handleMonthSelect: he, showMonthSelector: Y, previousButtonBind: ge, endMonthSelectorBind: X, handleEndViewDateChange: _e, handlePreviewDateChange: Z, handleStartViewDateChange: Q } = n(c, {
 			rounded: "md",
 			startOfWeek: 0,
 			color: "primary",
@@ -49,9 +51,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 {}
@@ -214,6 +216,19 @@ export interface CalendarRangeOwnProps {
      * @default undefined
      */
     disableYears?: number[];
+    /**
+     * When `true`, applies the error color palette to tiles.
+     *
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * When `true`, fills the container width.
+     * When `false` or unset, stays at the minimum width.
+     *
+     * @default false
+     */
+    fill?: boolean;
     /**
      * Hides the shared month selector and month panel.
      *

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,10 @@ 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>;
+        error: boolean | 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 +24,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, "error" | "color" | "fill" | "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 +45,9 @@ 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, {}>>;
+    monthYearBind: import('vue').ComputedRef<string>;
+    nextButtonBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
         onClick: () => void;
         type: "button";
         disabled: boolean | undefined;
@@ -250,16 +253,15 @@ export declare function useCalendarRange(props: MaybeRefOrGetter<CalendarRangeOw
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
     }>>;
-    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 +1075,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,12 +2,15 @@ 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 = [
+	"fill",
 	"color",
+	"error",
 	"value",
 	"tokens",
 	"classes",
@@ -32,34 +35,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 = () => {
@@ -105,6 +108,7 @@ function g(u, g, _) {
 		J("date");
 	}, xe = a(() => F.value === "end" ? v.value.getYear(z.value, T.value) : W.value), Se = a(() => F.value === "end" ? v.value.getMonth(z.value, T.value) : G.value), Ce = a(() => ({
 		color: x.value.color,
+		error: x.value.error,
 		tokens: x.value.tokens,
 		rounded: x.value.rounded,
 		maxDate: x.value.maxDate,
@@ -112,49 +116,48 @@ 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({
-		"flex w-full flex-col overflow-hidden": !0,
-		"min-w-[38rem]": !X.value,
-		"min-w-72": X.value,
+	})), X = a(() => x.value.orientation === "vertical"), we = a(() => r(S.value?.root, C.value, p({
+		"flex flex-col overflow-hidden": !0,
+		"w-full": x.value.fill,
+		"min-w-max": !0,
+		"w-fit": !x.value.fill && X.value,
 		[w.value.root ?? ""]: !0
-	}))), Te = a(() => r(S.value?.header, {}, l({
-		"flex items-center p-2.5": !0,
+	}))), Te = a(() => r(S.value?.header, {}, p({
+		"flex w-full items-center p-2.5": !0,
 		[w.value.header ?? ""]: !0
-	}))), Ee = a(() => r(S.value?.months, {}, l({
-		"flex shrink-0 items-center gap-x-10": !0,
+	}))), Ee = a(() => r(S.value?.months, {}, p({
+		"flex min-w-0 flex-1 items-center": !0,
+		"justify-between": !X.value,
+		"justify-start": X.value,
 		[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({
-		"flex flex-col": !0,
-		"min-w-0 flex-1": X.value,
-		"w-72 shrink-0": !X.value,
+	}))), Ae = a(() => r(S.value?.start, {}, p({
+		"flex min-w-72 flex-1 flex-col": !0,
 		[w.value.start ?? ""]: !0
-	}))), je = a(() => r(S.value?.end, {}, l({
-		"flex flex-col": !0,
-		"min-w-0 flex-1": X.value,
-		"w-72 shrink-0": !X.value,
+	}))), je = a(() => r(S.value?.end, {}, p({
+		"flex min-w-72 flex-1 flex-col": !0,
 		[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 +167,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
@@ -230,8 +233,8 @@ function g(u, g, _) {
 		yearPageSize: 15,
 		endMonthLabel: U,
 		endHeaderBind: De,
+		monthYearBind: Me,
 		nextButtonBind: Ie,
-		pickerFillBind: Me,
 		monthPanelYear: xe,
 		todayButtonBind: Le,
 		monthPanelValue: Se,

package/dist/Components/CalendarYear/CalendarYear.vue_vue_type_script_setup_true_lang.js

@@ -10,6 +10,7 @@ var f = /*@__PURE__*/ i({
 		customProps: {},
 		disabled: { type: Boolean },
 		disableYears: {},
+		error: { type: Boolean },
 		maxDate: {},
 		minDate: {},
 		pageSize: {},

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 {
@@ -83,6 +84,12 @@ export interface CalendarYearOwnProps {
      * @default undefined
      */
     disableYears?: number[];
+    /**
+     * When `true`, applies the error color palette to tiles.
+     *
+     * @default false
+     */
+    error?: boolean;
     /**
      * Latest selectable date (bounds year availability).
      *

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, "error" | "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;