@bridge-ui/vue 0.1.0 → 0.1.1

package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.js

@@ -14,7 +14,6 @@ var y = [
 	"color",
 	"error",
 	"value",
-	"tokens",
 	"classes",
 	"maxTime",
 	"minTime",
@@ -57,31 +56,28 @@ function b(b, x, S) {
 	d(() => [R.value, k.value.showFooter], ([e, t]) => {
 		t && (z.value = e);
 	});
-	let B = o(() => k.value.showFooter ? z.value : R.value), V = o(() => B.value?.[0] ?? T.value.now(F.value)), H = o(() => B.value?.[1] ?? T.value.now(F.value)), U = o(() => ({
-		color: k.value.tokens?.time?.color ?? k.value.tokens?.color,
-		rounded: k.value.tokens?.time?.rounded ?? k.value.tokens?.rounded
-	})), W = (e) => {
+	let B = o(() => k.value.showFooter ? z.value : R.value), V = o(() => B.value?.[0] ?? T.value.now(F.value)), H = o(() => B.value?.[1] ?? T.value.now(F.value)), U = (e) => {
 		I.value || (L.value = e), S("change", e);
-	}, G = (e) => {
+	}, W = (e) => {
 		let t = h(e, T.value, F.value);
 		if (k.value.showFooter) {
 			z.value = t;
 			return;
 		}
-		W(t);
-	}, K = (e) => {
+		U(t);
+	}, G = (e) => {
 		if (p(e)) return;
 		let t = B.value?.[1] ?? T.value.now(F.value);
-		G([e, t]);
-	}, q = (e) => {
+		W([e, t]);
+	}, K = (e) => {
 		if (p(e)) return;
 		let t = B.value?.[0] ?? T.value.now(F.value);
-		G([t, e]);
+		W([t, e]);
+	}, q = () => {
+		U(z.value), S("apply"), w.apply();
 	}, J = () => {
-		W(z.value), S("apply"), w.apply();
-	}, Y = () => {
 		z.value = R.value, S("cancel"), w.cancel();
-	}, X = o(() => {
+	}, Y = o(() => {
 		let e = f(g, k.value.rounded ?? "md");
 		return r(j.value?.root, M.value, _({
 			"flex flex-col overflow-hidden bg-white shadow-lg dark:bg-dark-900": !0,
@@ -90,45 +86,44 @@ function b(b, x, S) {
 			[e]: !0,
 			[N.value.root ?? ""]: !0
 		}));
-	}), Z = o(() => k.value.orientation === "vertical"), Q = o(() => r(j.value?.panels, {}, _({
+	}), X = o(() => k.value.orientation === "vertical"), Z = o(() => r(j.value?.panels, {}, _({
 		"flex w-full gap-2 px-2.5": !0,
-		"flex-row": !Z.value,
-		"flex-col": Z.value,
+		"flex-row": !X.value,
+		"flex-col": X.value,
 		[N.value.panels ?? ""]: !0
-	}))), te = o(() => r(j.value?.start, {}, _({
+	}))), Q = o(() => r(j.value?.start, {}, _({
 		"flex min-w-0 flex-1 flex-col gap-1": !0,
 		[N.value.start ?? ""]: !0
-	}))), ne = o(() => r(j.value?.end, {}, _({
+	}))), te = o(() => r(j.value?.end, {}, _({
 		"flex min-w-0 flex-1 flex-col gap-1": !0,
 		[N.value.end ?? ""]: !0
-	}))), $ = o(() => _({ "px-2 py-2 text-center text-xs font-medium tracking-wide text-dark-500 uppercase dark:text-dark-400": !0 })), re = o(() => _({
+	}))), $ = o(() => _({ "px-2 py-2 text-center text-xs font-medium tracking-wide text-dark-500 uppercase dark:text-dark-400": !0 })), ne = o(() => _({
 		[$.value]: !0,
 		[N.value.startTitle ?? ""]: !0
-	})), ie = o(() => _({
+	})), re = o(() => _({
 		[$.value]: !0,
 		[N.value.endTitle ?? ""]: !0
 	}));
 	return {
 		merged: k,
-		endBind: ne,
-		rootBind: X,
-		startBind: te,
+		endBind: te,
+		rootBind: Y,
+		startBind: Q,
 		footerBind: o(() => r(j.value?.footer, {}, _({
 			"flex items-center justify-end gap-2 border-t border-dark-100 bg-dark-50 px-3 py-2 dark:border-dark-800 dark:bg-dark-950/40": !0,
 			[N.value.footer ?? ""]: !0
 		}))),
-		panelsBind: Q,
+		panelsBind: Z,
 		showFooter: o(() => !!k.value.showFooter),
-		timeTokens: U,
-		handleApply: J,
+		handleApply: q,
 		displayValue: B,
-		handleCancel: Y,
-		endTitleBind: ie,
-		startTitleBind: re,
+		handleCancel: J,
+		endTitleBind: re,
+		startTitleBind: ne,
 		endDisplayValue: H,
-		handleEndChange: q,
+		handleEndChange: K,
 		startDisplayValue: V,
-		handleStartChange: K,
+		handleStartChange: G,
 		applyLabel: o(() => D("Apply")),
 		cancelLabel: o(() => D("Cancel")),
 		applyButtonProps: o(() => j.value?.applyButton),

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

@@ -1,3 +1,3 @@
 export { useTimeRangePicker } from './composables/useTimeRangePicker';
-export type { TimeRangePickerClasses, TimeRangePickerColorOverrides, TimeRangePickerCustomProps, TimeRangePickerEmits, TimeRangePickerOwnProps, TimeRangePickerProps, TimeRangePickerRoundedOverrides, TimeRangePickerSlots, TimeRangePickerTokens, } from './timeRangePicker.types';
+export type { TimeRangePickerClasses, TimeRangePickerColorOverrides, TimeRangePickerCustomProps, TimeRangePickerEmits, TimeRangePickerOwnProps, TimeRangePickerProps, TimeRangePickerRoundedOverrides, TimeRangePickerSlots, } from './timeRangePicker.types';
 export { default as TimeRangePicker } from './TimeRangePicker.vue';

package/dist/Components/TimeRangePicker/timeRangePicker.types.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
 import { DisableTimesInput, FieldOverlayFooterSlotProps, RangePickerOrientation, TimeRangeValue } from '@bridge-ui/core/Domain';
-import { TimeColor, TimeColorItem, TimeRounded } from '@bridge-ui/core/Tokens';
+import { TimeColor, TimeRounded } from '@bridge-ui/core/Tokens';
 import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { ButtonProps } from '../Button/button.types';
 export interface TimeRangePickerColorOverrides {}
@@ -222,12 +222,6 @@ export interface TimeRangePickerOwnProps {
      * @default undefined
      */
     timeZone?: string;
-    /**
-     * Token overrides.
-     *
-     * @default undefined
-     */
-    tokens?: TimeRangePickerTokens;
     /**
      * Controlled value.
      *
@@ -244,21 +238,4 @@ export interface TimeRangePickerSlots {
      */
     footer?: Slot<FieldOverlayFooterSlotProps>;
 }
-export interface TimeRangePickerTokens {
-    /**
-     * Color token map overrides.
-     */
-    color?: Record<string, Partial<TimeColorItem>>;
-    /**
-     * Border radius token map overrides.
-     */
-    rounded?: Record<string, string>;
-    /**
-     * Nested time panel token overrides.
-     */
-    time?: {
-        color?: Record<string, Partial<TimeColorItem>>;
-        rounded?: Record<string, string>;
-    };
-}
 export type TimeRangePickerProps = MergeHtmlProps<TimeRangePickerOwnProps, HTMLAttributes>;

package/dist/index.d.ts

@@ -23,37 +23,41 @@ export type { BreadcrumbItemClasses, BreadcrumbItemCustomProps, BreadcrumbItemOw
 export { Button, useButton } from './Components/Button';
 export type { ButtonClasses, ButtonColorOverrides, ButtonDensityOverrides, ButtonProps, ButtonRoundedOverrides, ButtonSizeOverrides, ButtonSlots, ButtonVariantOverrides, } from './Components/Button';
 export { Calendar, useCalendar } from './Components/Calendar';
-export type { CalendarClasses, CalendarColorOverrides, CalendarCustomProps, CalendarEmits, CalendarOwnProps, CalendarProps, CalendarRoundedOverrides, CalendarSlots, CalendarTokens, CalendarView, } from './Components/Calendar';
+export type { CalendarClasses, CalendarColorOverrides, CalendarCustomProps, CalendarEmits, CalendarOwnProps, CalendarProps, CalendarRoundedOverrides, CalendarSlots, CalendarView, } from './Components/Calendar';
 export { CalendarDate, useCalendarDate } from './Components/CalendarDate';
-export type { CalendarDateClasses, CalendarDateColorOverrides, CalendarDateCustomProps, CalendarDateDayCell, CalendarDateEmits, CalendarDateOwnProps, CalendarDateProps, CalendarDateRoundedOverrides, CalendarDateSlots, CalendarDateTokens, } from './Components/CalendarDate';
+export type { CalendarDateClasses, CalendarDateColorOverrides, CalendarDateCustomProps, CalendarDateDayCell, CalendarDateEmits, CalendarDateOwnProps, CalendarDateProps, CalendarDateRoundedOverrides, CalendarDateSlots, } from './Components/CalendarDate';
 export { CalendarMonth, useCalendarMonth } from './Components/CalendarMonth';
-export type { CalendarMonthCell, CalendarMonthClasses, CalendarMonthColorOverrides, CalendarMonthCustomProps, CalendarMonthEmits, CalendarMonthOwnProps, CalendarMonthProps, CalendarMonthRoundedOverrides, CalendarMonthTokens, } from './Components/CalendarMonth';
+export type { CalendarMonthCell, CalendarMonthClasses, CalendarMonthColorOverrides, CalendarMonthCustomProps, CalendarMonthEmits, CalendarMonthOwnProps, CalendarMonthProps, CalendarMonthRoundedOverrides, } from './Components/CalendarMonth';
 export { CalendarRange, useCalendarRange } from './Components/CalendarRange';
-export type { CalendarRangeClasses, CalendarRangeColorOverrides, CalendarRangeCustomProps, CalendarRangeEmits, CalendarRangeOwnProps, CalendarRangeProps, CalendarRangeRoundedOverrides, CalendarRangeSlots, CalendarRangeTokens, } from './Components/CalendarRange';
+export type { CalendarRangeClasses, CalendarRangeColorOverrides, CalendarRangeCustomProps, CalendarRangeEmits, CalendarRangeOwnProps, CalendarRangeProps, CalendarRangeRoundedOverrides, CalendarRangeSlots, } from './Components/CalendarRange';
 export { CalendarYear, useCalendarYear } from './Components/CalendarYear';
-export type { CalendarYearCell, CalendarYearClasses, CalendarYearColorOverrides, CalendarYearCustomProps, CalendarYearEmits, CalendarYearOwnProps, CalendarYearProps, CalendarYearRoundedOverrides, CalendarYearTokens, } from './Components/CalendarYear';
+export type { CalendarYearCell, CalendarYearClasses, CalendarYearColorOverrides, CalendarYearCustomProps, CalendarYearEmits, CalendarYearOwnProps, CalendarYearProps, CalendarYearRoundedOverrides, } from './Components/CalendarYear';
 export { Card, useCard } from './Components/Card';
 export type { CardClasses, CardCustomProps, CardOwnProps, CardPaddingOverrides, CardProps, CardRoundedOverrides, CardShadowOverrides, CardSlots, CardVariantOverrides, } from './Components/Card';
 export { Checkbox, useCheckbox } from './Components/Checkbox';
 export type { CheckboxClasses, CheckboxColorOverrides, CheckboxCustomProps, CheckboxOwnProps, CheckboxProps, CheckboxRoundedOverrides, CheckboxSizeOverrides, CheckboxSlots, } from './Components/Checkbox';
 export { Chip, useChip } from './Components/Chip';
 export type { ChipClasses, ChipCustomProps, ChipEmits, ChipOwnProps, ChipProps, ChipSizeOverrides, ChipSlots, } from './Components/Chip';
+export { ColorField, useColorField } from './Components/ColorField';
+export type { ColorFieldClasses, ColorFieldCustomProps, ColorFieldEmits, ColorFieldOwnProps, ColorFieldProps, ColorFieldSlots, } from './Components/ColorField';
+export { ColorPicker, useColorPicker } from './Components/ColorPicker';
+export type { ColorPickerClasses, ColorPickerCustomProps, ColorPickerEmits, ColorPickerOwnProps, ColorPickerProps, ColorPickerRoundedOverrides, ColorPickerSlots, } from './Components/ColorPicker';
 export { DateField, useDateField } from './Components/DateField';
 export type { DateFieldClasses, DateFieldCustomProps, DateFieldEmits, DateFieldOwnProps, DateFieldProps, DateFieldSlots, } from './Components/DateField';
 export { DatePicker, useDatePicker } from './Components/DatePicker';
-export type { DatePickerClasses, DatePickerColorOverrides, DatePickerCustomProps, DatePickerEmits, DatePickerOwnProps, DatePickerProps, DatePickerRoundedOverrides, DatePickerSlots, DatePickerTokens, } from './Components/DatePicker';
+export type { DatePickerClasses, DatePickerColorOverrides, DatePickerCustomProps, DatePickerEmits, DatePickerOwnProps, DatePickerProps, DatePickerRoundedOverrides, DatePickerSlots, } from './Components/DatePicker';
 export { DateRangeField, useDateRangeField } from './Components/DateRangeField';
 export type { DateRangeFieldClasses, DateRangeFieldCustomProps, DateRangeFieldEmits, DateRangeFieldOwnProps, DateRangeFieldProps, DateRangeFieldSlots, } from './Components/DateRangeField';
 export { DateRangePicker, useDateRangePicker, } from './Components/DateRangePicker';
-export type { DateRangePickerClasses, DateRangePickerColorOverrides, DateRangePickerCustomProps, DateRangePickerEmits, DateRangePickerOwnProps, DateRangePickerProps, DateRangePickerRoundedOverrides, DateRangePickerSlots, DateRangePickerTokens, } from './Components/DateRangePicker';
+export type { DateRangePickerClasses, DateRangePickerColorOverrides, DateRangePickerCustomProps, DateRangePickerEmits, DateRangePickerOwnProps, DateRangePickerProps, DateRangePickerRoundedOverrides, DateRangePickerSlots, } from './Components/DateRangePicker';
 export { DateTimeField, useDateTimeField } from './Components/DateTimeField';
 export type { DateTimeFieldClasses, DateTimeFieldCustomProps, DateTimeFieldEmits, DateTimeFieldOwnProps, DateTimeFieldProps, DateTimeFieldSlots, } from './Components/DateTimeField';
 export { DateTimePicker, useDateTimePicker } from './Components/DateTimePicker';
-export type { DateTimePickerClasses, DateTimePickerColorOverrides, DateTimePickerCustomProps, DateTimePickerEmits, DateTimePickerOwnProps, DateTimePickerProps, DateTimePickerRoundedOverrides, DateTimePickerSlots, DateTimePickerTokens, } from './Components/DateTimePicker';
+export type { DateTimePickerClasses, DateTimePickerColorOverrides, DateTimePickerCustomProps, DateTimePickerEmits, DateTimePickerOwnProps, DateTimePickerProps, DateTimePickerRoundedOverrides, DateTimePickerSlots, } from './Components/DateTimePicker';
 export { DateTimeRangeField, useDateTimeRangeField, } from './Components/DateTimeRangeField';
 export type { DateTimeRangeFieldClasses, DateTimeRangeFieldCustomProps, DateTimeRangeFieldEmits, DateTimeRangeFieldOwnProps, DateTimeRangeFieldProps, DateTimeRangeFieldSlots, } from './Components/DateTimeRangeField';
 export { DateTimeRangePicker, useDateTimeRangePicker, } from './Components/DateTimeRangePicker';
-export type { DateTimeRangePickerClasses, DateTimeRangePickerColorOverrides, DateTimeRangePickerCustomProps, DateTimeRangePickerEmits, DateTimeRangePickerOwnProps, DateTimeRangePickerProps, DateTimeRangePickerRoundedOverrides, DateTimeRangePickerSlots, DateTimeRangePickerTokens, } from './Components/DateTimeRangePicker';
+export type { DateTimeRangePickerClasses, DateTimeRangePickerColorOverrides, DateTimeRangePickerCustomProps, DateTimeRangePickerEmits, DateTimeRangePickerOwnProps, DateTimeRangePickerProps, DateTimeRangePickerRoundedOverrides, DateTimeRangePickerSlots, } from './Components/DateTimeRangePicker';
 export { Divider, useDivider } from './Components/Divider';
 export type { DividerClasses, DividerColorOverrides, DividerOrientationOverrides, DividerOwnProps, DividerProps, } from './Components/Divider';
 export { Drawer, useDrawer } from './Components/Drawer';
@@ -104,6 +108,10 @@ export { Snackbar, useSnackbar } from './Components/Snackbar';
 export type { SnackbarClasses, SnackbarColorOverrides, SnackbarCustomProps, SnackbarEmits, SnackbarOwnProps, SnackbarPaddingOverrides, SnackbarProps, SnackbarSlots, SnackbarTransitionOverrides, } from './Components/Snackbar';
 export { Spinner, useSpinner } from './Components/Spinner';
 export type { SpinnerClasses, SpinnerColorOverrides, SpinnerCustomProps, SpinnerOwnProps, SpinnerProps, SpinnerSizeOverrides, SpinnerVariantOverrides, } from './Components/Spinner';
+export { Step, useStep } from './Components/Step';
+export type { StepClasses, StepCustomProps, StepOwnProps, StepProps, StepSlots, } from './Components/Step';
+export { Stepper, useStepper } from './Components/Stepper';
+export type { StepperClasses, StepperColorOverrides, StepperContextValue, StepperCustomProps, StepperEmits, StepperOrientationOverrides, StepperOwnProps, StepperProps, StepperSizeOverrides, StepperSlots, StepperStepMeta, } from './Components/Stepper';
 export { Switch, useSwitch } from './Components/Switch';
 export type { SwitchClasses, SwitchColorOverrides, SwitchCustomProps, SwitchOwnProps, SwitchProps, SwitchRoundedOverrides, SwitchSizeOverrides, SwitchSlots, } from './Components/Switch';
 export { Tab, useTab } from './Components/Tab';
@@ -123,13 +131,13 @@ export type { TextFieldClasses, TextFieldCustomProps, TextFieldOwnProps, TextFie
 export { TimeField, useTimeField } from './Components/TimeField';
 export type { TimeFieldClasses, TimeFieldCustomProps, TimeFieldEmits, TimeFieldOwnProps, TimeFieldProps, TimeFieldSlots, } from './Components/TimeField';
 export { TimePanel, useTimePanel } from './Components/TimePanel';
-export type { TimePanelClasses, TimePanelColorOverrides, TimePanelCustomProps, TimePanelEmits, TimePanelItem, TimePanelOwnProps, TimePanelProps, TimePanelRoundedOverrides, TimePanelTokens, } from './Components/TimePanel';
+export type { TimePanelClasses, TimePanelColorOverrides, TimePanelCustomProps, TimePanelEmits, TimePanelItem, TimePanelOwnProps, TimePanelProps, TimePanelRoundedOverrides, } from './Components/TimePanel';
 export { TimePicker, useTimePicker } from './Components/TimePicker';
-export type { TimePickerClasses, TimePickerColorOverrides, TimePickerCustomProps, TimePickerEmits, TimePickerOwnProps, TimePickerProps, TimePickerRoundedOverrides, TimePickerTokens, } from './Components/TimePicker';
+export type { TimePickerClasses, TimePickerColorOverrides, TimePickerCustomProps, TimePickerEmits, TimePickerOwnProps, TimePickerProps, TimePickerRoundedOverrides, } from './Components/TimePicker';
 export { TimeRangeField, useTimeRangeField } from './Components/TimeRangeField';
 export type { TimeRangeFieldClasses, TimeRangeFieldCustomProps, TimeRangeFieldEmits, TimeRangeFieldOwnProps, TimeRangeFieldProps, TimeRangeFieldSlots, } from './Components/TimeRangeField';
 export { TimeRangePicker, useTimeRangePicker, } from './Components/TimeRangePicker';
-export type { TimeRangePickerClasses, TimeRangePickerColorOverrides, TimeRangePickerCustomProps, TimeRangePickerEmits, TimeRangePickerOwnProps, TimeRangePickerProps, TimeRangePickerRoundedOverrides, TimeRangePickerTokens, } from './Components/TimeRangePicker';
+export type { TimeRangePickerClasses, TimeRangePickerColorOverrides, TimeRangePickerCustomProps, TimeRangePickerEmits, TimeRangePickerOwnProps, TimeRangePickerProps, TimeRangePickerRoundedOverrides, } from './Components/TimeRangePicker';
 export { TOGGLE_GROUP_INJECTION_KEY, ToggleGroup, useToggleGroup, } from './Components/ToggleGroup';
 export type { ToggleGroupClasses, ToggleGroupColorOverrides, ToggleGroupContextValue, ToggleGroupCustomProps, ToggleGroupEmits, ToggleGroupOrientationOverrides, ToggleGroupOwnProps, ToggleGroupProps, ToggleGroupRoundedOverrides, ToggleGroupSizeOverrides, ToggleGroupSlots, ToggleGroupTokenClasses, ToggleGroupVariantOverrides, } from './Components/ToggleGroup';
 export { ToggleItem, useToggleItem } from './Components/ToggleItem';

package/dist/index.js

@@ -64,83 +64,91 @@ import { useFormControl as ye } from "./Components/FormControl/composables/useFo
 import be from "./Components/FormControl/FormControl.js";
 import { useCheckbox as xe } from "./Components/Checkbox/composables/useCheckbox.js";
 import Se from "./Components/Checkbox/Checkbox.js";
-import { useDateField as Ce } from "./Components/DateField/composables/useDateField.js";
-import { useDatePicker as we } from "./Components/DatePicker/composables/useDatePicker.js";
-import Te from "./Components/DatePicker/DatePicker.js";
-import Ee from "./Components/DateField/DateField.js";
-import { useDateRangeField as De } from "./Components/DateRangeField/composables/useDateRangeField.js";
-import { useDateRangePicker as Oe } from "./Components/DateRangePicker/composables/useDateRangePicker.js";
-import ke from "./Components/DateRangePicker/DateRangePicker.js";
-import Ae from "./Components/DateRangeField/DateRangeField.js";
-import { useDateTimeField as je } from "./Components/DateTimeField/composables/useDateTimeField.js";
-import { useDateTimePicker as Me } from "./Components/DateTimePicker/composables/useDateTimePicker.js";
-import { useTimePanel as Ne } from "./Components/TimePanel/composables/useTimePanel.js";
-import Pe from "./Components/TimePanel/TimePanel.js";
-import Fe from "./Components/DateTimePicker/DateTimePicker.js";
-import Ie from "./Components/DateTimeField/DateTimeField.js";
-import { useDateTimeRangeField as Le } from "./Components/DateTimeRangeField/composables/useDateTimeRangeField.js";
-import { useDateTimeRangePicker as Re } from "./Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js";
-import ze from "./Components/DateTimeRangePicker/DateTimeRangePicker.js";
-import Be from "./Components/DateTimeRangeField/DateTimeRangeField.js";
-import { useDivider as Ve } from "./Components/Divider/composables/useDivider.js";
-import He from "./Components/Divider/Divider.js";
-import { useLink as Ue } from "./Components/Link/composables/useLink.js";
-import We from "./Components/Link/Link.js";
-import { useNumberField as Ge } from "./Components/NumberField/composables/useNumberField.js";
-import Ke from "./Components/NumberField/NumberField.js";
-import { useOtpField as qe } from "./Components/OtpField/composables/useOtpField.js";
-import Je from "./Components/OtpField/OtpField.js";
-import { usePagination as Ye } from "./Components/Pagination/composables/usePagination.js";
-import Xe from "./Components/Pagination/Pagination.js";
-import { usePasswordField as Ze } from "./Components/PasswordField/composables/usePasswordField.js";
-import Qe from "./Components/PasswordField/PasswordField.js";
-import { useRadio as $e } from "./Components/Radio/composables/useRadio.js";
-import et from "./Components/Radio/Radio.js";
-import tt from "./Components/Select/Select.js";
-import nt from "./Components/Select/SelectOption.js";
-import { useSkeleton as rt } from "./Components/Skeleton/composables/useSkeleton.js";
-import it from "./Components/Skeleton/Skeleton.js";
-import { useSlider as at } from "./Components/Slider/composables/useSlider.js";
-import { useTooltip as ot } from "./Components/Tooltip/composables/useTooltip.js";
-import st from "./Components/Tooltip/Tooltip.js";
-import ct from "./Components/Slider/Slider.js";
-import { useSnackbar as lt } from "./Components/Snackbar/composables/useSnackbar.js";
-import ut from "./Components/Snackbar/Snackbar.js";
-import { useSpinner as dt } from "./Components/Spinner/composables/useSpinner.js";
-import ft from "./Components/Spinner/Spinner.js";
-import { useSwitch as pt } from "./Components/Switch/composables/useSwitch.js";
-import mt from "./Components/Switch/Switch.js";
-import { TABS_INJECTION_KEY as ht } from "./Components/Tabs/tabsInjectionKey.js";
-import { useTab as gt } from "./Components/Tab/composables/useTab.js";
-import _t from "./Components/Tab/Tab.js";
-import { useTabItem as vt } from "./Components/TabItem/composables/useTabItem.js";
-import yt from "./Components/TabItem/TabItem.js";
-import { useTabList as bt } from "./Components/TabList/composables/useTabList.js";
-import xt from "./Components/TabList/TabList.js";
-import { useTabPanel as St } from "./Components/TabPanel/composables/useTabPanel.js";
-import Ct from "./Components/TabPanel/TabPanel.js";
-import { useTabs as wt } from "./Components/Tabs/composables/useTabs.js";
-import Tt from "./Components/Tabs/Tabs.js";
-import { useTextarea as Et } from "./Components/Textarea/composables/useTextarea.js";
-import Dt from "./Components/Textarea/Textarea.js";
-import { useTextField as Ot } from "./Components/TextField/composables/useTextField.js";
-import kt from "./Components/TextField/TextField.js";
-import { useTimeField as At } from "./Components/TimeField/composables/useTimeField.js";
-import { useTimePicker as jt } from "./Components/TimePicker/composables/useTimePicker.js";
-import Mt from "./Components/TimePicker/TimePicker.js";
-import Nt from "./Components/TimeField/TimeField.js";
-import { useTimeRangeField as Pt } from "./Components/TimeRangeField/composables/useTimeRangeField.js";
-import { useTimeRangePicker as Ft } from "./Components/TimeRangePicker/composables/useTimeRangePicker.js";
-import It from "./Components/TimeRangePicker/TimeRangePicker.js";
-import Lt from "./Components/TimeRangeField/TimeRangeField.js";
-import { TOGGLE_GROUP_INJECTION_KEY as Rt } from "./Components/ToggleGroup/toggleGroupInjectionKey.js";
-import { useToggleGroup as zt } from "./Components/ToggleGroup/composables/useToggleGroup.js";
-import Bt from "./Components/ToggleGroup/ToggleGroup.js";
-import { useToggleItem as Vt } from "./Components/ToggleItem/composables/useToggleItem.js";
-import Ht from "./Components/ToggleItem/ToggleItem.js";
-import Ut from "./Provider/BridgeUIProvider.js";
-import { createBridgeUI as Wt } from "./Provider/createBridgeUI.js";
-import { SEMANTIC_ICON_NAMES as Gt, resolveMessage as Kt } from "@bridge-ui/core/Adapters";
-import { cn as qt } from "@bridge-ui/core/Utils";
-import { BRIDGE_UI_DEFAULT_GLOBAL as Jt, mergeBridgeUIComponents as Yt, mergeBridgeUIGlobal as Xt, resolveBridgeUIOptions as Zt } from "@bridge-ui/core/Config";
-export { l as ACCORDION_INJECTION_KEY, m as Accordion, _ as AccordionItem, y as Alert, X as Autocomplete, Z as AutocompleteOption, Q as Avatar, Jt as BRIDGE_UI_DEFAULT_GLOBAL, ee as Badge, te as BaseField, oe as Breadcrumb, ae as BreadcrumbItem, Ut as BridgeUIProvider, P as Button, me as Calendar, le as CalendarDate, de as CalendarMonth, ge as CalendarRange, pe as CalendarYear, ve as Card, Se as Checkbox, O as Chip, Ee as DateField, Te as DatePicker, Ae as DateRangeField, ke as DateRangePicker, Ie as DateTimeField, Fe as DateTimePicker, Be as DateTimeRangeField, ze as DateTimeRangePicker, He as Divider, L as Drawer, H as FieldOverlay, be as FormControl, j as FormField, g as Icon, A as Label, We as Link, W as List, G as ListItem, K as ListSection, Y as Listbox, z as Menu, V as Modal, Ke as NumberField, Je as OtpField, Xe as Pagination, Qe as PasswordField, J as Progress, et as Radio, Gt as SEMANTIC_ICON_NAMES, tt as Select, nt as SelectOption, it as Skeleton, ct as Slider, ut as Snackbar, ft as Spinner, mt as Switch, ht as TABS_INJECTION_KEY, Rt as TOGGLE_GROUP_INJECTION_KEY, _t as Tab, yt as TabItem, xt as TabList, Ct as TabPanel, Tt as Tabs, kt as TextField, Dt as Textarea, Nt as TimeField, Pe as TimePanel, Mt as TimePicker, Lt as TimeRangeField, It as TimeRangePicker, Bt as ToggleGroup, Ht as ToggleItem, st as Tooltip, qt as cn, Wt as createBridgeUI, x as findFirstEnabledOptionIndex, S as findLastEnabledOptionIndex, C as getListboxActiveDescendantId, w as getListboxOptionId, Yt as mergeBridgeUIComponents, Xt as mergeBridgeUIGlobal, T as moveListboxHighlight, Zt as resolveBridgeUIOptions, Kt as resolveMessage, t as setDateAdapterForTests, i as setI18nAdapterForTests, s as setIconAdapterForTests, p as useAccordion, h as useAccordionItem, v as useAlert, $ as useBadge, ne as useBaseField, re as useBreadcrumb, ie as useBreadcrumbItem, u as useBreakpoint, e as useBridgeUI, d as useBridgeUIComponent, f as useBridgeUIMergedRegistryClasses, N as useButton, se as useCalendar, ce as useCalendarDate, ue as useCalendarMonth, he as useCalendarRange, fe as useCalendarYear, _e as useCard, xe as useCheckbox, D as useChip, n as useDateAdapter, r as useDateAdapterContext, Ce as useDateField, we as useDatePicker, De as useDateRangeField, Oe as useDateRangePicker, je as useDateTimeField, Me as useDateTimePicker, Le as useDateTimeRangeField, Re as useDateTimeRangePicker, Ve as useDivider, I as useDrawer, F as useFieldOverlay, ye as useFormControl, b as useFormField, a as useI18nAdapter, c as useIconAdapter, k as useLabel, Ue as useLink, U as useList, M as useListbox, E as useListboxNavigation, R as useMenu, B as useModal, Ge as useNumberField, qe as useOtpField, Ye as usePagination, Ze as usePasswordField, q as useProgress, $e as useRadio, o as useResolveMessage, rt as useSkeleton, at as useSlider, lt as useSnackbar, dt as useSpinner, pt as useSwitch, gt as useTab, vt as useTabItem, bt as useTabList, St as useTabPanel, wt as useTabs, Ot as useTextField, Et as useTextarea, At as useTimeField, Ne as useTimePanel, jt as useTimePicker, Pt as useTimeRangeField, Ft as useTimeRangePicker, zt as useToggleGroup, Vt as useToggleItem, ot as useTooltip };
+import { useColorField as Ce } from "./Components/ColorField/composables/useColorField.js";
+import { useColorPicker as we } from "./Components/ColorPicker/composables/useColorPicker.js";
+import Te from "./Components/ColorPicker/ColorPicker.js";
+import Ee from "./Components/ColorField/ColorField.js";
+import { useDateField as De } from "./Components/DateField/composables/useDateField.js";
+import { useDatePicker as Oe } from "./Components/DatePicker/composables/useDatePicker.js";
+import ke from "./Components/DatePicker/DatePicker.js";
+import Ae from "./Components/DateField/DateField.js";
+import { useDateRangeField as je } from "./Components/DateRangeField/composables/useDateRangeField.js";
+import { useDateRangePicker as Me } from "./Components/DateRangePicker/composables/useDateRangePicker.js";
+import Ne from "./Components/DateRangePicker/DateRangePicker.js";
+import Pe from "./Components/DateRangeField/DateRangeField.js";
+import { useDateTimeField as Fe } from "./Components/DateTimeField/composables/useDateTimeField.js";
+import { useDateTimePicker as Ie } from "./Components/DateTimePicker/composables/useDateTimePicker.js";
+import { useTimePanel as Le } from "./Components/TimePanel/composables/useTimePanel.js";
+import Re from "./Components/TimePanel/TimePanel.js";
+import ze from "./Components/DateTimePicker/DateTimePicker.js";
+import Be from "./Components/DateTimeField/DateTimeField.js";
+import { useDateTimeRangeField as Ve } from "./Components/DateTimeRangeField/composables/useDateTimeRangeField.js";
+import { useDateTimeRangePicker as He } from "./Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js";
+import Ue from "./Components/DateTimeRangePicker/DateTimeRangePicker.js";
+import We from "./Components/DateTimeRangeField/DateTimeRangeField.js";
+import { useDivider as Ge } from "./Components/Divider/composables/useDivider.js";
+import Ke from "./Components/Divider/Divider.js";
+import { useLink as qe } from "./Components/Link/composables/useLink.js";
+import Je from "./Components/Link/Link.js";
+import { useNumberField as Ye } from "./Components/NumberField/composables/useNumberField.js";
+import Xe from "./Components/NumberField/NumberField.js";
+import { useOtpField as Ze } from "./Components/OtpField/composables/useOtpField.js";
+import Qe from "./Components/OtpField/OtpField.js";
+import { usePagination as $e } from "./Components/Pagination/composables/usePagination.js";
+import et from "./Components/Pagination/Pagination.js";
+import { usePasswordField as tt } from "./Components/PasswordField/composables/usePasswordField.js";
+import nt from "./Components/PasswordField/PasswordField.js";
+import { useRadio as rt } from "./Components/Radio/composables/useRadio.js";
+import it from "./Components/Radio/Radio.js";
+import at from "./Components/Select/Select.js";
+import ot from "./Components/Select/SelectOption.js";
+import { useSkeleton as st } from "./Components/Skeleton/composables/useSkeleton.js";
+import ct from "./Components/Skeleton/Skeleton.js";
+import { useSlider as lt } from "./Components/Slider/composables/useSlider.js";
+import { useTooltip as ut } from "./Components/Tooltip/composables/useTooltip.js";
+import dt from "./Components/Tooltip/Tooltip.js";
+import ft from "./Components/Slider/Slider.js";
+import { useSnackbar as pt } from "./Components/Snackbar/composables/useSnackbar.js";
+import mt from "./Components/Snackbar/Snackbar.js";
+import { useSpinner as ht } from "./Components/Spinner/composables/useSpinner.js";
+import gt from "./Components/Spinner/Spinner.js";
+import { useStep as _t } from "./Components/Step/composables/useStep.js";
+import vt from "./Components/Step/Step.js";
+import { useStepper as yt } from "./Components/Stepper/composables/useStepper.js";
+import bt from "./Components/Stepper/Stepper.js";
+import { useSwitch as xt } from "./Components/Switch/composables/useSwitch.js";
+import St from "./Components/Switch/Switch.js";
+import { TABS_INJECTION_KEY as Ct } from "./Components/Tabs/tabsInjectionKey.js";
+import { useTab as wt } from "./Components/Tab/composables/useTab.js";
+import Tt from "./Components/Tab/Tab.js";
+import { useTabItem as Et } from "./Components/TabItem/composables/useTabItem.js";
+import Dt from "./Components/TabItem/TabItem.js";
+import { useTabList as Ot } from "./Components/TabList/composables/useTabList.js";
+import kt from "./Components/TabList/TabList.js";
+import { useTabPanel as At } from "./Components/TabPanel/composables/useTabPanel.js";
+import jt from "./Components/TabPanel/TabPanel.js";
+import { useTabs as Mt } from "./Components/Tabs/composables/useTabs.js";
+import Nt from "./Components/Tabs/Tabs.js";
+import { useTextarea as Pt } from "./Components/Textarea/composables/useTextarea.js";
+import Ft from "./Components/Textarea/Textarea.js";
+import { useTextField as It } from "./Components/TextField/composables/useTextField.js";
+import Lt from "./Components/TextField/TextField.js";
+import { useTimeField as Rt } from "./Components/TimeField/composables/useTimeField.js";
+import { useTimePicker as zt } from "./Components/TimePicker/composables/useTimePicker.js";
+import Bt from "./Components/TimePicker/TimePicker.js";
+import Vt from "./Components/TimeField/TimeField.js";
+import { useTimeRangeField as Ht } from "./Components/TimeRangeField/composables/useTimeRangeField.js";
+import { useTimeRangePicker as Ut } from "./Components/TimeRangePicker/composables/useTimeRangePicker.js";
+import Wt from "./Components/TimeRangePicker/TimeRangePicker.js";
+import Gt from "./Components/TimeRangeField/TimeRangeField.js";
+import { TOGGLE_GROUP_INJECTION_KEY as Kt } from "./Components/ToggleGroup/toggleGroupInjectionKey.js";
+import { useToggleGroup as qt } from "./Components/ToggleGroup/composables/useToggleGroup.js";
+import Jt from "./Components/ToggleGroup/ToggleGroup.js";
+import { useToggleItem as Yt } from "./Components/ToggleItem/composables/useToggleItem.js";
+import Xt from "./Components/ToggleItem/ToggleItem.js";
+import Zt from "./Provider/BridgeUIProvider.js";
+import { createBridgeUI as Qt } from "./Provider/createBridgeUI.js";
+import { SEMANTIC_ICON_NAMES as $t, resolveMessage as en } from "@bridge-ui/core/Adapters";
+import { cn as tn } from "@bridge-ui/core/Utils";
+import { BRIDGE_UI_DEFAULT_GLOBAL as nn, mergeBridgeUIComponents as rn, mergeBridgeUIGlobal as an, resolveBridgeUIOptions as on } from "@bridge-ui/core/Config";
+export { l as ACCORDION_INJECTION_KEY, m as Accordion, _ as AccordionItem, y as Alert, X as Autocomplete, Z as AutocompleteOption, Q as Avatar, nn as BRIDGE_UI_DEFAULT_GLOBAL, ee as Badge, te as BaseField, oe as Breadcrumb, ae as BreadcrumbItem, Zt as BridgeUIProvider, P as Button, me as Calendar, le as CalendarDate, de as CalendarMonth, ge as CalendarRange, pe as CalendarYear, ve as Card, Se as Checkbox, O as Chip, Ee as ColorField, Te as ColorPicker, Ae as DateField, ke as DatePicker, Pe as DateRangeField, Ne as DateRangePicker, Be as DateTimeField, ze as DateTimePicker, We as DateTimeRangeField, Ue as DateTimeRangePicker, Ke as Divider, L as Drawer, H as FieldOverlay, be as FormControl, j as FormField, g as Icon, A as Label, Je as Link, W as List, G as ListItem, K as ListSection, Y as Listbox, z as Menu, V as Modal, Xe as NumberField, Qe as OtpField, et as Pagination, nt as PasswordField, J as Progress, it as Radio, $t as SEMANTIC_ICON_NAMES, at as Select, ot as SelectOption, ct as Skeleton, ft as Slider, mt as Snackbar, gt as Spinner, vt as Step, bt as Stepper, St as Switch, Ct as TABS_INJECTION_KEY, Kt as TOGGLE_GROUP_INJECTION_KEY, Tt as Tab, Dt as TabItem, kt as TabList, jt as TabPanel, Nt as Tabs, Lt as TextField, Ft as Textarea, Vt as TimeField, Re as TimePanel, Bt as TimePicker, Gt as TimeRangeField, Wt as TimeRangePicker, Jt as ToggleGroup, Xt as ToggleItem, dt as Tooltip, tn as cn, Qt as createBridgeUI, x as findFirstEnabledOptionIndex, S as findLastEnabledOptionIndex, C as getListboxActiveDescendantId, w as getListboxOptionId, rn as mergeBridgeUIComponents, an as mergeBridgeUIGlobal, T as moveListboxHighlight, on as resolveBridgeUIOptions, en as resolveMessage, t as setDateAdapterForTests, i as setI18nAdapterForTests, s as setIconAdapterForTests, p as useAccordion, h as useAccordionItem, v as useAlert, $ as useBadge, ne as useBaseField, re as useBreadcrumb, ie as useBreadcrumbItem, u as useBreakpoint, e as useBridgeUI, d as useBridgeUIComponent, f as useBridgeUIMergedRegistryClasses, N as useButton, se as useCalendar, ce as useCalendarDate, ue as useCalendarMonth, he as useCalendarRange, fe as useCalendarYear, _e as useCard, xe as useCheckbox, D as useChip, Ce as useColorField, we as useColorPicker, n as useDateAdapter, r as useDateAdapterContext, De as useDateField, Oe as useDatePicker, je as useDateRangeField, Me as useDateRangePicker, Fe as useDateTimeField, Ie as useDateTimePicker, Ve as useDateTimeRangeField, He as useDateTimeRangePicker, Ge as useDivider, I as useDrawer, F as useFieldOverlay, ye as useFormControl, b as useFormField, a as useI18nAdapter, c as useIconAdapter, k as useLabel, qe as useLink, U as useList, M as useListbox, E as useListboxNavigation, R as useMenu, B as useModal, Ye as useNumberField, Ze as useOtpField, $e as usePagination, tt as usePasswordField, q as useProgress, rt as useRadio, o as useResolveMessage, st as useSkeleton, lt as useSlider, pt as useSnackbar, ht as useSpinner, _t as useStep, yt as useStepper, xt as useSwitch, wt as useTab, Et as useTabItem, Ot as useTabList, At as useTabPanel, Mt as useTabs, It as useTextField, Pt as useTextarea, Rt as useTimeField, Le as useTimePanel, zt as useTimePicker, Ht as useTimeRangeField, Ut as useTimeRangePicker, qt as useToggleGroup, Yt as useToggleItem, ut as useTooltip };

package/docs/README.md

@@ -20,6 +20,8 @@ Component reference and adapter samples for **Vue**. This folder ships with the
 - [CalendarYear](./components/CalendarYear.md)
 - [Card](./components/Card.md)
 - [Checkbox](./components/Checkbox.md)
+- [ColorField](./components/ColorField.md)
+- [ColorPicker](./components/ColorPicker.md)
 - [DateField](./components/DateField.md)
 - [DatePicker](./components/DatePicker.md)
 - [DateRangeField](./components/DateRangeField.md)
@@ -50,6 +52,7 @@ Component reference and adapter samples for **Vue**. This folder ships with the
 - [Slider](./components/Slider.md)
 - [Snackbar](./components/Snackbar.md)
 - [Spinner](./components/Spinner.md)
+- [Stepper](./components/Stepper.md)
 - [Switch](./components/Switch.md)
 - [Tabs](./components/Tabs.md)
 - [Textarea](./components/Textarea.md)

package/docs/components/Autocomplete.md

@@ -187,7 +187,7 @@ When unset, `showFooter` defaults to `true` for `modal` / `drawer` overlays (`fa
 
 ### Inherited from FormField
 
-See [FormField](./FormField.md) (building-block chrome). Field tokens live on `components.Autocomplete` (`size`, `color`, `rounded`, `variant`, …). Dropdown option tokens are nested under `components.Autocomplete.tokens.listbox`.
+See [FormField](./FormField.md) (building-block chrome). Field tokens live on `components.Autocomplete` (`size`, `color`, `rounded`, `variant`, …). Dropdown option tokens live on `components.Listbox`.
 
 ## Slots
 

package/docs/components/BridgeUIProvider.md

@@ -99,7 +99,7 @@ app.use(
 
 ### Nested chrome tokens
 
-Building blocks (`FormField`, `FormControl`, `BaseField`, `Listbox`) are not registry keys. Theme chrome under the public parent:
+Building blocks (`FormField`, `FormControl`, `BaseField`) are not registry keys. Theme chrome under the public parent. Dropdown tokens live on `components.Listbox`:
 
 ```ts
 app.use(
@@ -121,17 +121,15 @@ app.use(
           },
         },
       },
-      Select: {
+      Listbox: {
         tokens: {
-          listbox: {
-            size: {
-              md: {
-                option: "px-3 py-2 text-sm",
-                check: "size-4",
-                message: "text-xs",
-                primary: "font-medium",
-                secondary: "text-xs opacity-70",
-              },
+          size: {
+            md: {
+              option: "px-3 py-2 text-sm",
+              check: "size-4",
+              message: "text-xs",
+              primary: "font-medium",
+              secondary: "text-xs opacity-70",
             },
           },
         },

package/docs/components/Calendar.md

@@ -72,7 +72,6 @@ import { Calendar } from "@bridge-ui/vue/Components/Calendar";
 | `slots`           | `CalendarDateSlots`   | —           | Named slots forwarded to `CalendarDate` (`day`).          |
 | `startOfWeek`     | `StartOfWeek`         | `0`         | First day of the week (`0` = Sunday).                     |
 | `timeZone`        | `string`              | —           | IANA time zone.                                           |
-| `tokens`          | `CalendarTokens`      | —           | Token overrides.                                          |
 | `value`           | `DatePickerModel`     | —           | Controlled selection model.                               |
 | `view`            | `CalendarView`        | —           | Controlled panel view. Pair with `view-change`.           |
 | `viewDate`        | `Date`                | —           | Controlled displayed month. Pair with `view-date-change`. |
@@ -84,6 +83,8 @@ import { Calendar } from "@bridge-ui/vue/Components/Calendar";
 | `modelValue`        | `DatePickerModel`                  | —       | Bound with `v-model`.                 |
 | `update:modelValue` | `(value: DatePickerModel) => void` | —       | Emitted when `v-model` should update. |
 
+Calendar chrome tokens live on `components.Calendar` (`color`, `day`, `rounded`).
+
 ## Events
 
 | Event                      | Payload                    | Description                                        |

package/docs/components/CalendarDate.md

@@ -48,7 +48,6 @@ import { CalendarDate } from "@bridge-ui/vue/Components/CalendarDate";
 | `slots`           | `{ day?: … }`             | —           | Named slots (`day`).                              |
 | `startOfWeek`     | `StartOfWeek`             | `0`         | First day of the week.                            |
 | `timeZone`        | `string`                  | —           | IANA time zone.                                   |
-| `tokens`          | `CalendarDateTokens`      | —           | Token overrides.                                  |
 | `value`           | `DatePickerModel`         | —           | Controlled selection model.                       |
 | `viewDate`        | `Date`                    | —           | Month currently displayed in the grid.            |
 
@@ -59,6 +58,8 @@ import { CalendarDate } from "@bridge-ui/vue/Components/CalendarDate";
 | `modelValue`        | `DatePickerModel`                  | —       | Bound with `v-model`.                 |
 | `update:modelValue` | `(value: DatePickerModel) => void` | —       | Emitted when `v-model` should update. |
 
+Calendar chrome tokens live on `components.Calendar` (`color`, `day`, `rounded`).
+
 ## Events
 
 | Event                      | Payload                    | Description                                        |

package/docs/components/CalendarMonth.md

@@ -31,7 +31,6 @@ import { CalendarMonth } from "@bridge-ui/vue/Components/CalendarMonth";
 | `readOnly`      | `boolean`                  | `false`      | Prevents selection.                                  |
 | `rounded`       | `CalendarRounded`          | `"md"`       | Border radius of month tiles.                        |
 | `timeZone`      | `string`                   | —            | IANA time zone.                                      |
-| `tokens`        | `CalendarMonthTokens`      | —            | Token overrides.                                     |
 | `value`         | `number`                   | —            | Selected month (`0`–`11`).                           |
 | `year`          | `number`                   | current year | Year context for min/max month disabling.            |
 
@@ -42,6 +41,8 @@ import { CalendarMonth } from "@bridge-ui/vue/Components/CalendarMonth";
 | `modelValue`        | `number`                  | —       | Bound with `v-model`.                 |
 | `update:modelValue` | `(value: number) => void` | —       | Emitted when `v-model` should update. |
 
+Calendar chrome tokens live on `components.Calendar` (`color`, `day`, `rounded`).
+
 ## Events
 
 | Event         | Payload           | Description                                  |

package/docs/components/CalendarRange.md

@@ -61,7 +61,6 @@ import { CalendarRange } from "@bridge-ui/vue/Components/CalendarRange";
 | `slots`           | `CalendarRangeSlots`         | —              | Named slots (`day`, optional `startAside` / `endAside`).    |
 | `startOfWeek`     | `StartOfWeek`                | `0`            | First day of the week.                                      |
 | `timeZone`        | `string`                     | —              | IANA time zone.                                             |
-| `tokens`          | `CalendarRangeTokens`        | —              | Token overrides.                                            |
 | `value`           | `DateRangeValue \| null`     | —              | Controlled range value (`[start, end]`).                    |
 | `viewDate`        | `Date`                       | —              | Controlled start (left) displayed month.                    |
 
@@ -72,6 +71,8 @@ import { CalendarRange } from "@bridge-ui/vue/Components/CalendarRange";
 | `modelValue`        | `DateRangeValue \| null`                  | —       | Bound with `v-model`.                 |
 | `update:modelValue` | `(value: DateRangeValue \| null) => void` | —       | Emitted when `v-model` should update. |
 
+Calendar chrome tokens live on `components.Calendar` (`color`, `day`, `rounded`).
+
 ## Events
 
 | Event                      | Payload                           | Description                                        |

package/docs/components/CalendarYear.md

@@ -33,7 +33,6 @@ import { CalendarYear } from "@bridge-ui/vue/Components/CalendarYear";
 | `rounded`      | `CalendarRounded`         | `"md"`      | Border radius of year tiles.              |
 | `startYear`    | `number`                  | —           | First year of the visible page.           |
 | `timeZone`     | `string`                  | —           | IANA time zone.                           |
-| `tokens`       | `CalendarYearTokens`      | —           | Token overrides.                          |
 | `value`        | `number`                  | —           | Selected year.                            |
 
 ### v-model
@@ -43,6 +42,8 @@ import { CalendarYear } from "@bridge-ui/vue/Components/CalendarYear";
 | `modelValue`        | `number`                  | —       | Bound with `v-model`.                 |
 | `update:modelValue` | `(value: number) => void` | —       | Emitted when `v-model` should update. |
 
+Calendar chrome tokens live on `components.Calendar` (`color`, `day`, `rounded`).
+
 ## Events
 
 | Event         | Payload          | Description                      |