@bridge-ui/vue 0.1.0 → 0.2.0

package/ai/skills/bridge-ui-components/SKILL.md

@@ -2,10 +2,10 @@
 name: bridge-ui-components
 description: >-
   Use Bridge UI Vue components — Button, Avatar, Card, Alert, Accordion, Badge, Icon,
-  Link, List, Tabs, Spinner, Skeleton, Progress, TextField, Select,
+  Link, List, Tabs, Spinner, Skeleton, Progress, Stepper, TextField, Select,
   Autocomplete, DateField, DatePicker, DateRangeField, DateRangePicker,
-  TimeField, TimePicker, DateTimeField, DateTimePicker, classes, customProps,
-  slots. Use when building UI with Bridge components.
+  TimeField, TimePicker, DateTimeField, DateTimePicker, ColorField, ColorPicker,
+  classes, customProps, slots. Use when building UI with Bridge components.
 ---
 
 # Bridge UI (Vue) — components
@@ -24,6 +24,7 @@ In templates, use kebab-case attrs (`start-icon`, `custom-props`, `error-message
 | Badge                         | `.ai/docs/components/Badge.md`                                        |
 | Alert                         | `.ai/docs/components/Alert.md`                                        |
 | Accordion                     | `.ai/docs/components/Accordion.md`                                    |
+| Stepper                       | `.ai/docs/components/Stepper.md`                                      |
 | Icon                          | `.ai/docs/components/Icon.md`                                         |
 | Lists                         | `.ai/docs/components/List.md`                                         |
 | Tabs                          | `.ai/docs/components/Tabs.md`                                         |
@@ -35,7 +36,9 @@ In templates, use kebab-case attrs (`start-icon`, `custom-props`, `error-message
 | Time range                    | `.ai/docs/components/TimeRangeField.md`, `TimeRangePicker.md`         |
 | Date-time                     | `.ai/docs/components/DateTimeField.md`, `DateTimePicker.md`           |
 | Date-time range               | `.ai/docs/components/DateTimeRangeField.md`, `DateTimeRangePicker.md` |
+| Color                         | `.ai/docs/components/ColorField.md`, `ColorPicker.md`                 |
 | Spinner / skeleton / progress | `.ai/docs/components/Spinner.md`, `Skeleton.md`, `Progress.md`        |
+| Scroll fade / scrollbar       | `.ai/docs/ScrollUtilities.md`                                         |
 | Index                         | `.ai/docs/README.md`                                                  |
 
 ## Hard rules

package/ai/skills/bridge-ui-forms/SKILL.md

@@ -5,7 +5,8 @@ description: >-
   NumberField, OtpField, Select, Autocomplete, Slider, Checkbox, Radio,
   Switch, DateField, DatePicker, DateRangeField, DateRangePicker, TimeField,
   TimePicker, TimeRangeField, TimeRangePicker, DateTimeField, DateTimePicker,
-  DateTimeRangeField, DateTimeRangePicker, FormField, FormControl, BaseField.
+  DateTimeRangeField, DateTimeRangePicker, ColorField, ColorPicker, FormField,
+  FormControl, BaseField.
   Use when wiring inputs, date/time pickers, validation chrome, or select.
 ---
 
@@ -34,6 +35,7 @@ Controlled fields: **`v-model` / `modelValue`**. Never React `value`/`onChange`.
 | Time range                | `.ai/docs/components/TimeRangeField.md`, `TimeRangePicker.md`         |
 | Date-time                 | `.ai/docs/components/DateTimeField.md`, `DateTimePicker.md`           |
 | Date-time range           | `.ai/docs/components/DateTimeRangeField.md`, `DateTimeRangePicker.md` |
+| Color                     | `.ai/docs/components/ColorField.md`, `ColorPicker.md`                 |
 | Input chrome              | `.ai/docs/components/FormField.md`                                    |
 | Toggle row chrome         | `.ai/docs/components/FormControl.md`                                  |
 | Custom control chrome     | `.ai/docs/components/BaseField.md`                                    |
@@ -43,4 +45,4 @@ Controlled fields: **`v-model` / `modelValue`**. Never React `value`/`onChange`.
 1. Map validation to `error`, `error-message`, `description`, `disabled`, `readOnly`.
 2. Native input attrs often go through `:custom-props` → `input` — see TextField docs.
 3. Use only documented option shapes for Select/Autocomplete.
-4. Prefer public fields/controls in apps. `FormField`, `FormControl`, `BaseField`, and `Listbox` are exported building blocks for advanced composition — they are **not** registry keys. Theme via the public parent (`components.TextField`, `tokens.baseField`, `tokens.formControl`, `tokens.listbox` on Select/Autocomplete). Shared form density: `global.formDefaults: { size, rounded }` (Radio/Switch ignore `rounded`).
+4. Prefer public fields/controls in apps. `FormField`, `FormControl`, and `BaseField` are exported building blocks for advanced composition — they are **not** registry keys. Theme via the public parent (`components.TextField`, `tokens.baseField`, `tokens.formControl`). Dropdown tokens live on `components.Listbox`. Shared form density: `global.formDefaults: { size, rounded }` (Radio/Switch ignore `rounded`).

package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts

@@ -728,7 +728,6 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
         anchorEl?: null | HTMLElement;
         classes?: import('../../Listbox').ListboxClasses;
         color: "info" | "error" | "success" | "warning" | "dark" | "primary" | "secondary";
-        componentName: "Select" | "Autocomplete";
         customProps?: import('../../Listbox').ListboxCustomProps;
         disableAutoFocus: boolean;
         disableMaxHeight: boolean;

package/dist/Components/Autocomplete/composables/useAutocomplete.js

@@ -363,7 +363,6 @@ function m(m, h, g, _, Oe) {
 		error: q.invalidated.value,
 		color: q.merged.value.color,
 		labelledBy: q.controlId.value,
-		componentName: "Autocomplete",
 		rounded: q.merged.value.rounded,
 		highlightedIndex: w.value,
 		disableMaxHeight: m.disableMaxHeight === !0,

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

@@ -38,7 +38,6 @@ var ee = { class: "flex w-full min-w-0 items-center gap-x-2" }, C = {
 		rounded: {},
 		startOfWeek: {},
 		timeZone: {},
-		tokens: {},
 		value: {},
 		view: {},
 		viewDate: {}

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

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
 import { DatePickerModel, DisableDatesInput, StartOfWeek } from '@bridge-ui/core/Domain';
-import { CalendarColor, CalendarColorItem, CalendarDay, CalendarRounded } from '@bridge-ui/core/Tokens';
+import { CalendarColor, 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';
@@ -111,20 +111,6 @@ export interface CalendarSlots {
      */
     day?: Slot<CalendarDateDayCell>;
 }
-export interface CalendarTokens {
-    /**
-     * Color token map overrides.
-     */
-    color?: Record<string, Partial<CalendarColorItem>>;
-    /**
-     * Day chrome overrides.
-     */
-    day?: Partial<CalendarDay>;
-    /**
-     * Border radius token map overrides.
-     */
-    rounded?: Record<string, string>;
-}
 export interface CalendarOwnProps {
     /**
      * Classes for calendar regions.
@@ -271,12 +257,6 @@ export interface CalendarOwnProps {
      * @default undefined
      */
     timeZone?: string;
-    /**
-     * Token overrides.
-     *
-     * @default undefined
-     */
-    tokens?: CalendarTokens;
     /**
      * Controlled selection model.
      *

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

@@ -17,7 +17,6 @@ export declare function useCalendar(props: MaybeRefOrGetter<CalendarOwnProps>, l
     shared: import('vue').ComputedRef<{
         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/Tokens').CalendarRounded | undefined>;
         maxDate: Date | undefined;
         minDate: Date | undefined;
@@ -27,7 +26,7 @@ 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/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">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarOwnProps, "error" | "color" | "fill" | "value" | "classes" | "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/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;

package/dist/Components/Calendar/composables/useCalendar.js

@@ -1,176 +1,176 @@
 import { useDateAdapter as e, useDateAdapterContext as t } from "../../../Adapters/Date/useDateAdapter.js";
 import { useResolveMessage as n } from "../../../Adapters/I18n/useI18nAdapter.js";
 import { mergePartBind as r, useBridgeUIComponent as ee, 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 { get as u, isArray as d, isFunction as f, isNil as p, omit as te } from "es-toolkit/compat";
-import { isDateRangeValue as m, resolveDatePickerMode as ne } from "@bridge-ui/core/Domain";
+import { computed as a, getCurrentInstance as o, ref as s, toValue as c, useAttrs as te } from "vue";
+import { get as l, isArray as u, isFunction as d, isNil as f, omit as ne } from "es-toolkit/compat";
+import { isDateRangeValue as p, resolveDatePickerMode as m } from "@bridge-ui/core/Domain";
 import { calendarRoundedProps as h } from "@bridge-ui/core/Tokens";
 import { cn as g, mergeBridgeUILayeredClasses as _, splitComponentProps as v } from "@bridge-ui/core/Utils";
 //#region src/Components/Calendar/composables/useCalendar.ts
-var y = /* @__PURE__ */ "fill.view.color.error.range.value.tokens.classes.maxDate.minDate.rounded.disabled.multiple.readOnly.timeZone.viewDate.hideYears.hideMonths.customProps.defaultView.previewDate.startOfWeek.defaultValue.disableDates.disableYears.hideWeekdays.disableMonths.hideOutsideDays".split(".");
+var y = /* @__PURE__ */ "fill.view.color.error.range.value.classes.maxDate.minDate.rounded.disabled.multiple.readOnly.timeZone.viewDate.hideYears.hideMonths.customProps.defaultView.previewDate.startOfWeek.defaultValue.disableDates.disableYears.hideWeekdays.disableMonths.hideOutsideDays".split(".");
 function b(e, t, n) {
-	return p(e) ? t.now(n) : m(e) ? e[0] : d(e) ? e[0] ?? t.now(n) : e;
+	return f(e) ? t.now(n) : p(e) ? e[0] : u(e) ? e[0] ?? t.now(n) : e;
 }
-function x(d, m, x) {
-	let S = l(), C = e(), w = n(), T = t(), E = a(() => v({
+function x(u, p, x) {
+	let S = te(), C = e(), w = n(), T = t(), E = a(() => v({
 		bridgeKeys: y,
 		props: {
 			...S,
-			...c(d)
+			...c(u)
 		}
-	})), { merged: D } = ee({
-		libDefaults: m,
+	})), { merged: D, entry: re } = ee({
+		libDefaults: p,
+		componentName: "Calendar",
 		props: () => E.value.componentProps
-	}), O = a(() => D.value.customProps), re = a(() => te(E.value.inheritedAttrs, [
+	}), O = a(() => D.value.customProps), k = a(() => ne(E.value.inheritedAttrs, [
 		"onChange",
 		"onViewChange",
 		"onViewDateChange",
 		"onPreviewDateChange"
-	])), k = i({
+	])), A = i({
 		props: () => E.value.componentProps,
 		entry: a(() => {})
-	}), A = a(() => T(D.value.timeZone)), j = a(() => ne({
+	}), j = a(() => T(D.value.timeZone)), M = a(() => m({
 		range: D.value.range,
 		multiple: D.value.multiple
-	})), M = a(() => c(d)), N = a(() => !p(M.value.value)), P = a(() => {
-		let e = o()?.vnode.props ?? {}, t = f(e.onViewChange) || f(e["onUpdate:view"]);
-		return !p(M.value.view) && t;
-	}), F = a(() => {
-		let e = o()?.vnode.props ?? {}, t = f(e.onViewDateChange) || f(e["onUpdate:viewDate"]);
-		return !p(M.value.viewDate) && t;
-	}), I = s(D.value.defaultValue ?? null), L = s(M.value.view ?? D.value.defaultView ?? "date"), R = s(C.value.startOfMonth(p(M.value.viewDate) ? b(M.value.value ?? D.value.defaultValue ?? null, C.value, A.value) : M.value.viewDate, A.value)), z = s(null), B = a(() => N.value ? M.value.value ?? null : I.value), V = a(() => {
-		let e = P.value ? M.value.view ?? "date" : L.value;
+	})), N = a(() => c(u)), P = a(() => !f(N.value.value)), F = a(() => {
+		let e = o()?.vnode.props ?? {}, t = d(e.onViewChange) || d(e["onUpdate:view"]);
+		return !f(N.value.view) && t;
+	}), I = a(() => {
+		let e = o()?.vnode.props ?? {}, t = d(e.onViewDateChange) || d(e["onUpdate:viewDate"]);
+		return !f(N.value.viewDate) && t;
+	}), L = s(D.value.defaultValue ?? null), R = s(N.value.view ?? D.value.defaultView ?? "date"), z = s(C.value.startOfMonth(f(N.value.viewDate) ? b(N.value.value ?? D.value.defaultValue ?? null, C.value, j.value) : N.value.viewDate, j.value)), B = s(null), V = a(() => P.value ? N.value.value ?? null : L.value), H = a(() => {
+		let e = F.value ? N.value.view ?? "date" : R.value;
 		return e === "year" && D.value.hideYears || e === "month" && D.value.hideMonths ? "date" : e;
-	}), H = a(() => F.value ? M.value.viewDate : R.value), U = a(() => String(C.value.getYear(H.value, A.value))), W = a(() => C.value.getMonthNames(A.value)[C.value.getMonth(H.value, A.value)] ?? ""), G = a(() => C.value.getYear(H.value, A.value)), K = a(() => C.value.getMonth(H.value, A.value)), q = a(() => p(z.value) ? Math.max(1, G.value - 7) : z.value), J = a(() => {
-		let e = _(h, D.value.tokens?.rounded);
-		return u(e, D.value.rounded);
-	}), Y = (e) => {
-		P.value || (L.value = e), x("viewChange", e);
-	}, X = () => {
-		z.value = Math.max(1, G.value - 7), Y("year");
+	}), U = a(() => I.value ? N.value.viewDate : z.value), W = a(() => String(C.value.getYear(U.value, j.value))), G = a(() => C.value.getMonthNames(j.value)[C.value.getMonth(U.value, j.value)] ?? ""), K = a(() => C.value.getYear(U.value, j.value)), q = a(() => C.value.getMonth(U.value, j.value)), J = a(() => f(B.value) ? Math.max(1, K.value - 7) : B.value), Y = a(() => {
+		let e = _(h, re.value?.tokens?.rounded);
+		return l(e, D.value.rounded);
+	}), X = (e) => {
+		F.value || (R.value = e), x("viewChange", e);
+	}, ie = () => {
+		B.value = Math.max(1, K.value - 7), X("year");
 	}, Z = (e) => {
-		let t = C.value.startOfMonth(e, A.value);
-		F.value || (R.value = t), x("viewDateChange", t);
-	}, ie = (e) => {
-		N.value || (I.value = e), x("change", e);
-	}, ae = () => {
-		if (V.value === "year") {
-			z.value = Math.max(1, q.value - 15);
-			return;
-		}
-		Z(C.value.addMonths(H.value, -1, A.value));
+		let t = C.value.startOfMonth(e, j.value);
+		I.value || (z.value = t), x("viewDateChange", t);
+	}, ae = (e) => {
+		P.value || (L.value = e), x("change", e);
 	}, oe = () => {
-		if (V.value === "year") {
-			z.value = q.value + 15;
+		if (H.value === "year") {
+			B.value = Math.max(1, J.value - 15);
 			return;
 		}
-		Z(C.value.addMonths(H.value, 1, A.value));
+		Z(C.value.addMonths(U.value, -1, j.value));
 	}, se = () => {
-		let e = C.value.startOfMonth(C.value.now(A.value), A.value);
-		z.value = null, Z(e), Y("date");
-	}, ce = (e) => {
-		z.value = null, Z(C.value.setYear(H.value, e, A.value)), Y(D.value.hideMonths ? "date" : "month");
+		if (H.value === "year") {
+			B.value = J.value + 15;
+			return;
+		}
+		Z(C.value.addMonths(U.value, 1, j.value));
+	}, ce = () => {
+		let e = C.value.startOfMonth(C.value.now(j.value), j.value);
+		B.value = null, Z(e), X("date");
 	}, le = (e) => {
-		Z(C.value.setMonth(H.value, e, A.value)), Y("date");
-	}, ue = a(() => ({
+		B.value = null, Z(C.value.setYear(U.value, e, j.value)), X(D.value.hideMonths ? "date" : "month");
+	}, ue = (e) => {
+		Z(C.value.setMonth(U.value, e, j.value)), X("date");
+	}, de = a(() => ({
 		color: D.value.color,
 		error: D.value.error,
-		tokens: D.value.tokens,
 		rounded: D.value.rounded,
 		maxDate: D.value.maxDate,
 		minDate: D.value.minDate,
 		disabled: D.value.disabled,
 		readOnly: D.value.readOnly,
 		timeZone: D.value.timeZone
-	})), de = a(() => r(O.value?.root, re.value, g({
+	})), fe = a(() => r(O.value?.root, k.value, g({
 		"flex flex-col overflow-hidden": !0,
 		"w-full min-w-72": D.value.fill,
 		"w-72": !D.value.fill,
-		[k.value.root ?? ""]: !0
-	}))), fe = a(() => r(O.value?.header, {}, g({
+		[A.value.root ?? ""]: !0
+	}))), pe = a(() => r(O.value?.header, {}, g({
 		"flex items-center justify-between p-2.5": !0,
-		[k.value.header ?? ""]: !0
-	}))), pe = a(() => r(O.value?.body, {}, g({
+		[A.value.header ?? ""]: !0
+	}))), me = a(() => r(O.value?.body, {}, g({
 		"flex flex-col p-2.5": !0,
-		[k.value.body ?? ""]: !0
+		[A.value.body ?? ""]: !0
 	}))), Q = a(() => r(O.value?.selector, {
 		type: "button",
 		disabled: D.value.disabled
 	}, g({
 		"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,
-		[J.value ?? ""]: !0,
-		[k.value.selector ?? ""]: !0
+		[Y.value ?? ""]: !0,
+		[A.value.selector ?? ""]: !0
 	}))), $ = a(() => r(O.value?.navButton, {
 		type: "button",
 		disabled: D.value.disabled
 	}, g({
 		"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,
-		[J.value ?? ""]: !0,
-		[k.value.navButton ?? ""]: !0
-	}))), me = a(() => V.value === "year" ? w("Previous years") : w("Previous month")), he = a(() => V.value === "year" ? w("Next years") : w("Next month")), ge = a(() => r(O.value?.previousButton, {
-		...$.value,
-		onClick: ae,
-		type: "button",
-		disabled: D.value.disabled,
-		"aria-label": me.value
-	}, g({ [k.value.navButton ?? ""]: !0 }))), _e = a(() => r(O.value?.nextButton, {
+		[Y.value ?? ""]: !0,
+		[A.value.navButton ?? ""]: !0
+	}))), he = a(() => H.value === "year" ? w("Previous years") : w("Previous month")), ge = a(() => H.value === "year" ? w("Next years") : w("Next month")), _e = a(() => r(O.value?.previousButton, {
 		...$.value,
 		onClick: oe,
 		type: "button",
 		disabled: D.value.disabled,
 		"aria-label": he.value
-	}, g({ [k.value.navButton ?? ""]: !0 }))), ve = a(() => r(O.value?.todayButton, {
+	}, g({ [A.value.navButton ?? ""]: !0 }))), ve = a(() => r(O.value?.nextButton, {
+		...$.value,
 		onClick: se,
 		type: "button",
 		disabled: D.value.disabled,
+		"aria-label": ge.value
+	}, g({ [A.value.navButton ?? ""]: !0 }))), ye = a(() => r(O.value?.todayButton, {
+		onClick: ce,
+		type: "button",
+		disabled: D.value.disabled,
 		"aria-label": w("Today")
 	}, g({
 		"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,
-		[J.value ?? ""]: !0,
-		[k.value.navButton ?? ""]: !0
-	}))), ye = a(() => r(O.value?.selector, void 0, {
+		[Y.value ?? ""]: !0,
+		[A.value.navButton ?? ""]: !0
+	}))), be = a(() => r(O.value?.selector, void 0, {
 		...Q.value,
-		onClick: X,
+		onClick: ie,
 		type: "button",
 		"aria-label": w("Select year"),
 		disabled: D.value.disabled || D.value.hideYears
-	})), be = a(() => r(O.value?.selector, void 0, {
+	})), xe = a(() => r(O.value?.selector, void 0, {
 		...Q.value,
 		type: "button",
-		onClick: () => Y("month"),
+		onClick: () => X("month"),
 		"aria-label": w("Select month"),
 		disabled: D.value.disabled || D.value.hideMonths
-	})), xe = a(() => !D.value.hideYears), Se = a(() => !D.value.hideMonths);
+	})), Se = a(() => !D.value.hideYears), Ce = a(() => !D.value.hideMonths);
 	return {
-		view: V,
-		mode: j,
-		value: B,
+		view: H,
+		mode: M,
+		value: V,
 		merged: D,
-		shared: ue,
-		context: A,
+		shared: de,
+		context: j,
 		showNav: a(() => !0),
-		rootBind: de,
-		viewDate: H,
-		viewYear: G,
-		bodyBind: pe,
-		viewMonth: K,
-		yearLabel: U,
-		monthLabel: W,
-		headerBind: fe,
+		rootBind: fe,
+		viewDate: U,
+		viewYear: K,
+		bodyBind: me,
+		viewMonth: q,
+		yearLabel: W,
+		monthLabel: G,
+		headerBind: pe,
 		setViewDate: Z,
 		navIconBind: a(() => O.value?.navIcon),
-		handleChange: ie,
+		handleChange: ae,
 		yearPageSize: 15,
-		nextButtonBind: _e,
-		todayButtonBind: ve,
-		yearSelectorBind: ye,
-		handleYearSelect: ce,
-		showYearSelector: xe,
-		monthSelectorBind: be,
-		handleMonthSelect: le,
-		showMonthSelector: Se,
-		previousButtonBind: ge,
-		yearPageStart: q
+		nextButtonBind: ve,
+		todayButtonBind: ye,
+		yearSelectorBind: be,
+		handleYearSelect: le,
+		showYearSelector: Se,
+		monthSelectorBind: xe,
+		handleMonthSelect: ue,
+		showMonthSelector: Ce,
+		previousButtonBind: _e,
+		yearPageStart: J
 	};
 }
 //#endregion

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

@@ -1,3 +1,3 @@
-export type { CalendarClasses, CalendarColorOverrides, CalendarCustomProps, CalendarEmits, CalendarOwnProps, CalendarProps, CalendarRoundedOverrides, CalendarSlots, CalendarTokens, CalendarView, } from './calendar.types';
+export type { CalendarClasses, CalendarColorOverrides, CalendarCustomProps, CalendarEmits, CalendarOwnProps, CalendarProps, CalendarRoundedOverrides, CalendarSlots, CalendarView, } from './calendar.types';
 export { default as Calendar } from './Calendar.vue';
 export { useCalendar } from './composables/useCalendar';

package/dist/Components/CalendarDate/CalendarDate.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,6 @@ var h = {
 		rounded: {},
 		startOfWeek: {},
 		timeZone: {},
-		tokens: {},
 		value: {},
 		viewDate: {}
 	},

package/dist/Components/CalendarDate/calendarDate.types.d.ts

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
 import { CalendarDayInteractionState, DatePickerModel, DisableDatesInput, StartOfWeek } from '@bridge-ui/core/Domain';
-import { CalendarColor, CalendarColorItem, CalendarDay, CalendarRounded } from '@bridge-ui/core/Tokens';
+import { CalendarColor, CalendarRounded } from '@bridge-ui/core/Tokens';
 import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface CalendarDateColorOverrides {}
 export interface CalendarDateRoundedOverrides {}
@@ -107,20 +107,6 @@ export interface CalendarDateSlots {
      */
     day?: Slot<CalendarDateDayCell>;
 }
-export interface CalendarDateTokens {
-    /**
-     * Color token map overrides (`base` / `hover` / `selected` / `disabled`).
-     */
-    color?: Record<string, Partial<CalendarColorItem>>;
-    /**
-     * Day chrome overrides (`outside` / `today` / `weekday`).
-     */
-    day?: Partial<CalendarDay>;
-    /**
-     * Border radius token map overrides.
-     */
-    rounded?: Record<string, string>;
-}
 export interface CalendarDateOwnProps {
     /**
      * Classes for calendar regions.
@@ -243,12 +229,6 @@ export interface CalendarDateOwnProps {
      * @default undefined
      */
     timeZone?: string;
-    /**
-     * Token overrides (usually passed from `DatePicker` / `DateField` registry).
-     *
-     * @default undefined
-     */
-    tokens?: CalendarDateTokens;
     /**
      * Controlled selection model.
      *

package/dist/Components/CalendarDate/composables/useCalendarDate.d.ts

@@ -15,7 +15,7 @@ export declare function useCalendarDate(props: MaybeRefOrGetter<CalendarDateOwnP
     value: import('vue').ComputedRef<DatePickerModel>;
     merged: import('vue').ComputedRef<CalendarDateMerged>;
     context: import('vue').ComputedRef<DateAdapterContext>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarDateOwnProps, "error" | "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarDateOwnProps, "error" | "color" | "value" | "classes" | "customProps" | "rounded" | "disabled" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate">>>>;
     gridBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
         onMouseleave: () => void;