@bridge-ui/vue 0.0.10 → 0.1.0

package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.d.ts

@@ -1,4 +1,4 @@
-import { IconSize } from '@bridge-ui/core';
+import { IconSize } from '@bridge-ui/core/Tokens';
 import { BreadcrumbItemOwnProps, BreadcrumbItemProps } from '../breadcrumbItem.types';
 export declare function useBreadcrumbItem(props: BreadcrumbItemOwnProps): {
     slots: Readonly<{
@@ -6,32 +6,32 @@ export declare function useBreadcrumbItem(props: BreadcrumbItemOwnProps): {
     }>;
     merged: import('vue').ComputedRef<BreadcrumbItemOwnProps>;
     crumbAs: import('vue').ComputedRef<"a" | "button" | "span">;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<BreadcrumbItemProps, "href" | "classes" | "customProps" | "disabled" | "endIcon" | "startIcon" | "as" | "current">, "aria-label" | "aria-labelledby">>>;
-    linkBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    linkBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         "aria-disabled": true | undefined;
         "aria-current": "page" | undefined;
         href: string | undefined;
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, Pick<Omit<BreadcrumbItemProps, "href" | "classes" | "customProps" | "disabled" | "endIcon" | "startIcon" | "as" | "current">, "aria-label" | "aria-labelledby">>>;
     iconSize: import('vue').ComputedRef<keyof IconSize>;
-    endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    endIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         size: keyof IconSize;
         class: string;
     }, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    startIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         size: keyof IconSize;
         class: string;
     }, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    separatorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    separatorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         "aria-hidden": boolean;
         "data-slot": string;
         class: string;
     }, "class", {}, {}>>;
     separatorIcon: import('vue').ComputedRef<import('../../..').IconSource>;
     separatorContent: import('vue').ComputedRef<import('vue').Slot<any> | (() => import('vue').VNodeChild) | undefined>;
-    separatorIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    separatorIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         size: keyof IconSize;
         class: string;
     }, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;

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

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

package/dist/Components/Button/button.types.d.ts

@@ -1,5 +1,6 @@
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
-import { ButtonColor, ButtonDensity, ButtonRounded, ButtonSize, ButtonVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { ButtonColor, ButtonDensity, ButtonRounded, ButtonSize, ButtonVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface ButtonSizeOverrides {}

package/dist/Components/Button/composables/useButton.d.ts

@@ -1,4 +1,4 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { ButtonOwnProps, ButtonProps } from '../button.types';
 type ButtonLibDefaults = LibDefaultsShape<ButtonOwnProps, "as" | "size" | "color" | "density" | "rounded" | "variant">;
 type ButtonMerged = MergeLibDefaults<ButtonOwnProps, ButtonLibDefaults>;
@@ -6,17 +6,17 @@ export declare function useButton(props: ButtonOwnProps, libDefaults: ButtonLibD
     tag: import('vue').ComputedRef<NonNullable<"a" | "button" | "span" | undefined>>;
     merged: import('vue').ComputedRef<ButtonMerged>;
     isMini: import('vue').ComputedRef<boolean>;
-    iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "text" | "disabled" | "endIcon" | "startIcon" | "as" | "density" | "loading">>>;
+    iconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "text" | "disabled" | "endIcon" | "startIcon" | "as" | "density" | "loading">>>;
     rootHref: import('vue').ComputedRef<string | undefined>;
     rootType: import('vue').ComputedRef<"button" | undefined>;
-    endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    endIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     rootAriaBusy: import('vue').ComputedRef<true | undefined>;
     rootDisabled: import('vue').ComputedRef<boolean | undefined>;
-    startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    loadingIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    startIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    loadingIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
     rootAriaDisabled: import('vue').ComputedRef<true | undefined>;
 };
 export {};

package/dist/Components/Button/composables/useButton.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
-import { get as c, includes as l, isNil as u } from "es-toolkit/compat";
-import { densityProps as d, roundedProps as f, variantProps as p } from "@bridge-ui/core/Tokens/Button";
+import { get as a, includes as o, isNil as s } from "es-toolkit/compat";
+import { buttonDensityProps as c, buttonRoundedProps as l, buttonVariantProps 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/Button/composables/useButton.ts
 var m = [
 	"as",
@@ -23,7 +23,7 @@ var m = [
 	"customProps"
 ];
 function h(h, g) {
-	let _ = i(), v = r(() => s({
+	let _ = i(), v = r(() => p({
 		bridgeKeys: m,
 		props: {
 			..._,
@@ -40,31 +40,31 @@ function h(h, g) {
 		if (!(!w.value || D.value || !y.value.href)) return y.value.href;
 	}), M = r(() => {
 		if (!T.value) return;
-		let e = c(v.value.inheritedAttrs, "type");
-		return l([
+		let e = a(v.value.inheritedAttrs, "type");
+		return o([
 			"submit",
 			"reset",
 			"button"
 		], e) ? e : "button";
 	}), N = r(() => {
-		let e = o(d, b.value?.tokens?.density);
-		return c(e, [y.value.density, y.value.size]);
-	}), P = r(() => u(v.value.componentProps.variant) ? E.value ? "flat" : y.value.variant : v.value.componentProps.variant), F = r(() => {
-		let e = o(p, b.value?.tokens?.variant);
-		return c(e, [P.value, y.value.color]);
+		let e = f(c, b.value?.tokens?.density);
+		return a(e, [y.value.density, y.value.size]);
+	}), P = r(() => s(v.value.componentProps.variant) ? E.value ? "flat" : y.value.variant : v.value.componentProps.variant), F = r(() => {
+		let e = f(u, b.value?.tokens?.variant);
+		return a(e, [P.value, y.value.color]);
 	}), I = r(() => {
-		let e = o(f, b.value?.tokens?.rounded);
-		return c(e, y.value.rounded);
+		let e = f(l, b.value?.tokens?.rounded);
+		return a(e, y.value.rounded);
 	});
 	return {
 		tag: C,
 		merged: y,
 		isMini: E,
-		iconBind: r(() => e(x.value?.icon, {}, a({
+		iconBind: r(() => e(x.value?.icon, {}, d({
 			"shrink-0": !0,
 			[S.value.icon ?? ""]: !0
 		}))),
-		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, a({
+		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, d({
 			"inline-flex items-center justify-center": !0,
 			"cursor-pointer outline-none outline-hidden": !0,
 			"shrink-0": E.value,
@@ -73,9 +73,9 @@ function h(h, g) {
 			"w-full": !E.value && y.value.full,
 			"w-fit": !E.value && !y.value.full,
 			"group hover:shadow-xs": !E.value,
-			[c(F.value, "base") ?? ""]: !0,
-			[c(F.value, "hover") ?? ""]: !0,
-			[c(F.value, "focus") ?? ""]: !0,
+			[a(F.value, "base") ?? ""]: !0,
+			[a(F.value, "hover") ?? ""]: !0,
+			[a(F.value, "focus") ?? ""]: !0,
 			"transition-all ease-in-out duration-200": !0,
 			"focus:ring-2": !0,
 			"focus:ring-offset-background-white dark:focus:ring-offset-background-dark": !0,
@@ -85,19 +85,19 @@ function h(h, g) {
 		}))),
 		rootHref: j,
 		rootType: M,
-		endIconBind: r(() => e(x.value?.endIcon, {}, a({
+		endIconBind: r(() => e(x.value?.endIcon, {}, d({
 			"shrink-0": !0,
 			[S.value.endIcon ?? ""]: !0
 		}))),
 		endSlotBind: r(() => e(x.value?.end, {}, "inline-flex shrink-0 items-center")),
 		rootAriaBusy: k,
 		rootDisabled: O,
-		startIconBind: r(() => e(x.value?.startIcon, {}, a({
+		startIconBind: r(() => e(x.value?.startIcon, {}, d({
 			"shrink-0": !0,
 			[S.value.startIcon ?? ""]: !0
 		}))),
 		startSlotBind: r(() => e(x.value?.start, {}, "inline-flex shrink-0 items-center")),
-		loadingIconBind: r(() => e(x.value?.loading, {}, a({
+		loadingIconBind: r(() => e(x.value?.loading, {}, d({
 			"shrink-0 animate-spin": !0,
 			[S.value.loading ?? ""]: !0
 		}))),

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

@@ -1,12 +1,12 @@
 import { CalendarOwnProps, CalendarSlots } from './calendar.types';
 type __VLS_Slots = CalendarSlots;
 declare const __VLS_base: import('vue').DefineComponent<CalendarOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: import('@bridge-ui/core').DatePickerModel) => any;
+    change: (value: import('@bridge-ui/core/Domain').DatePickerModel) => any;
     viewChange: (view: import('./calendar.types').CalendarView) => any;
     viewDateChange: (date: Date) => any;
     previewDateChange: (date: Date | null) => any;
 }, string, import('vue').PublicProps, Readonly<CalendarOwnProps> & Readonly<{
-    onChange?: ((value: import('@bridge-ui/core').DatePickerModel) => any) | undefined;
+    onChange?: ((value: import('@bridge-ui/core/Domain').DatePickerModel) => any) | undefined;
     onViewChange?: ((view: import('./calendar.types').CalendarView) => any) | undefined;
     onViewDateChange?: ((date: Date) => any) | undefined;
     onPreviewDateChange?: ((date: Date | null) => any) | undefined;

package/dist/Components/Calendar/Calendar.vue_vue_type_script_setup_true_lang.js

@@ -4,8 +4,8 @@ import n from "../CalendarDate/CalendarDate.js";
 import r from "../CalendarMonth/CalendarMonth.js";
 import i from "../CalendarYear/CalendarYear.js";
 import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, toValue as v, unref as y, withCtx as b } from "vue";
-import { cn as x } from "@bridge-ui/core";
-import { isString as S } from "es-toolkit/compat";
+import { isString as x } from "es-toolkit/compat";
+import { cn as S } from "@bridge-ui/core/Utils";
 //#region src/Components/Calendar/Calendar.vue?vue&type=script&setup=true&lang.ts
 var ee = { class: "flex w-full min-w-0 items-center gap-x-2" }, C = {
 	key: 0,
@@ -23,6 +23,8 @@ var ee = { class: "flex w-full min-w-0 items-center gap-x-2" }, C = {
 		disableDates: {},
 		disableMonths: {},
 		disableYears: {},
+		error: { type: Boolean },
+		fill: { type: Boolean },
 		hideMonths: { type: Boolean },
 		hideOutsideDays: { type: Boolean },
 		hideWeekdays: { type: Boolean },
@@ -56,9 +58,9 @@ var ee = { class: "flex w-full min-w-0 items-center gap-x-2" }, C = {
 		}, E);
 		function $(e) {
 			let t = v(B)?.class;
-			return x({
+			return S({
 				"size-3 transition-all duration-200 ease-in-out": !0,
-				[S(t) ? t : ""]: !0,
+				[x(t) ? t : ""]: !0,
 				"rotate-180": e
 			});
 		}

package/dist/Components/Calendar/calendar.types.d.ts

@@ -1,5 +1,7 @@
 import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
-import { CalendarColor, CalendarColorItem, CalendarDay, CalendarRounded, DatePickerModel, DisableDatesInput, MergeHtmlProps, MergeProps, StartOfWeek } from '@bridge-ui/core';
+import { DatePickerModel, 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 CalendarColorOverrides {}
@@ -178,6 +180,19 @@ export interface CalendarOwnProps {
      * @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 month selector and month panel.
      *

package/dist/Components/Calendar/composables/useCalendar.d.ts

@@ -1,5 +1,7 @@
 import { MaybeRefOrGetter } from 'vue';
-import { DateAdapterContext, DatePickerModel, LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { DateAdapterContext } from '@bridge-ui/core/Adapters';
+import { DatePickerModel } from '@bridge-ui/core/Domain';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { CalendarOwnProps, CalendarView } from '../calendar.types';
 type CalendarLibDefaults = LibDefaultsShape<CalendarOwnProps, "color" | "rounded" | "defaultView" | "startOfWeek">;
 type CalendarMerged = MergeLibDefaults<CalendarOwnProps, CalendarLibDefaults>;
@@ -9,13 +11,14 @@ export declare function useCalendar(props: MaybeRefOrGetter<CalendarOwnProps>, l
     (event: "viewDateChange", date: Date): void;
 }): {
     view: import('vue').ComputedRef<CalendarView>;
-    mode: import('vue').ComputedRef<import('@bridge-ui/core').DatePickerMode>;
+    mode: import('vue').ComputedRef<import('@bridge-ui/core/Domain').DatePickerMode>;
     value: import('vue').ComputedRef<DatePickerModel>;
     merged: import('vue').ComputedRef<CalendarMerged>;
     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('../calendar.types').CalendarTokens | 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;
@@ -24,19 +27,19 @@ export declare function useCalendar(props: MaybeRefOrGetter<CalendarOwnProps>, l
     }>;
     context: import('vue').ComputedRef<DateAdapterContext>;
     showNav: import('vue').ComputedRef<boolean>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarOwnProps, "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "view" | "disabled" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate" | "defaultView" | "hideMonths" | "hideYears">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarOwnProps, "error" | "color" | "fill" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "view" | "disabled" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate" | "defaultView" | "hideMonths" | "hideYears">>>>;
     viewDate: import('vue').ComputedRef<Date>;
     viewYear: import('vue').ComputedRef<number>;
-    bodyBind: 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, {}>>;
     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, {}>>;
+    headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     setViewDate: (next: Date) => void;
     navIconBind: import('vue').ComputedRef<Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined>;
     handleChange: (next: DatePickerModel) => void;
     yearPageSize: number;
-    nextButtonBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
+    nextButtonBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
         onClick: () => void;
         type: "button";
         disabled: boolean | undefined;
@@ -242,13 +245,13 @@ export declare function useCalendar(props: MaybeRefOrGetter<CalendarOwnProps>, l
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
     }>>;
-    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;
     }>>;
-    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;
@@ -456,7 +459,7 @@ export declare function useCalendar(props: MaybeRefOrGetter<CalendarOwnProps>, l
     }, "class", import('vue').ButtonHTMLAttributes | undefined, undefined>>;
     handleYearSelect: (year: number) => void;
     showYearSelector: import('vue').ComputedRef<boolean>;
-    monthSelectorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    monthSelectorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         type: "button";
         onClick: () => void;
         "aria-label": string;
@@ -664,7 +667,7 @@ export declare function useCalendar(props: MaybeRefOrGetter<CalendarOwnProps>, l
     }, "class", import('vue').ButtonHTMLAttributes | undefined, undefined>>;
     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;