@bridge-ui/vue 0.0.11 → 0.1.1

package/dist/Utils/index.js

@@ -4,10 +4,10 @@ import { useBreakpoint as o } from "./useBreakpoint.js";
 import { useHoldRepeat as s } from "./useHoldRepeat.js";
 import { computed as c, defineComponent as l, toValue as u, unref as d } from "vue";
 import { get as f, isNil as p } from "es-toolkit/compat";
-import { resolveFieldShowFooter as m } from "@bridge-ui/core/Domain";
-import { createMergeNestedComponentProps as h, createMergePartBind as g, mergeBridgeUILayeredClasses as _, mergePropsWithBridgeUIDefaults as v } from "@bridge-ui/core/Utils";
+import { resolveFieldShowFooter as m, resolvePickerFill as h } from "@bridge-ui/core/Domain";
+import { createMergeNestedComponentProps as g, createMergePartBind as _, mergeBridgeUILayeredClasses as v, mergePropsWithBridgeUIDefaults as y } from "@bridge-ui/core/Utils";
 //#region src/Utils/index.ts
-function y(e) {
+function b(e) {
 	return l({
 		name: "HeadlessTestComponent",
 		setup() {
@@ -15,15 +15,15 @@ function y(e) {
 		}
 	});
 }
-var b = g("class"), x = h(b);
-function S({ props: t, libDefaults: n, componentName: r }) {
+var x = _("class"), S = g(x);
+function C({ props: t, libDefaults: n, componentName: r }) {
 	let i = e(), a = c(() => p(i) ? null : d(i.components));
 	return {
 		entry: c(() => {
 			if (r) return f(a.value, r);
 		}),
 		bridge: i,
-		merged: c(() => v({
+		merged: c(() => y({
 			libDefaults: n,
 			componentName: r,
 			props: u(t),
@@ -33,7 +33,7 @@ function S({ props: t, libDefaults: n, componentName: r }) {
 		components: a
 	};
 }
-function C({ overlay: t, showFooter: n, componentName: r }) {
+function w({ overlay: t, showFooter: n, componentName: r }) {
 	let i = e();
 	return c(() => {
 		let e = r ? f(d(i?.components), [
@@ -44,10 +44,21 @@ function C({ overlay: t, showFooter: n, componentName: r }) {
 		return m(u(n) ?? e, u(t));
 	});
 }
-function w({ entry: e, props: t }) {
-	return c(() => _(f(e.value, "classes"), u(t).classes));
+function T({ fill: t, overlay: n, componentName: r }) {
+	let i = e();
+	return c(() => {
+		let e = r ? f(d(i?.components), [
+			r,
+			"defaultProps",
+			"fill"
+		]) : void 0;
+		return h(u(t) ?? e, u(n));
+	});
+}
+function E({ entry: e, props: t }) {
+	return c(() => v(f(e.value, "classes"), u(t).classes));
 }
-function T(e) {
+function D(e) {
 	return f({
 		xs: "xs",
 		sm: "sm",
@@ -58,7 +69,7 @@ function T(e) {
 		"2xl": "lg"
 	}, e ?? "md");
 }
-function E(e) {
+function O(e) {
 	if (e instanceof HTMLElement) return e;
 	if (e && "$el" in e) {
 		let t = e.$el;
@@ -67,4 +78,4 @@ function E(e) {
 	return null;
 }
 //#endregion
-export { t as RenderFn, y as defineHeadlessComponent, n as hasNamedSlot, r as hasSlotOrProp, i as isPropPresent, x as mergeNestedComponentProps, b as mergePartBind, a as presentSlotNames, T as resolveFieldAdornmentIconSize, E as resolveVnodeRefElement, o as useBreakpoint, S as useBridgeUIComponent, w as useBridgeUIMergedRegistryClasses, C as useFieldShowFooter, s as useHoldRepeat };
+export { t as RenderFn, b as defineHeadlessComponent, n as hasNamedSlot, r as hasSlotOrProp, i as isPropPresent, S as mergeNestedComponentProps, x as mergePartBind, a as presentSlotNames, D as resolveFieldAdornmentIconSize, O as resolveVnodeRefElement, o as useBreakpoint, C as useBridgeUIComponent, E as useBridgeUIMergedRegistryClasses, w as useFieldShowFooter, s as useHoldRepeat, T as usePickerFill };

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/BaseField.md

@@ -5,7 +5,7 @@
 Shared vertical field chrome (label, corner, start/end slots, description,
 error message) for OtpField, Slider, and similar controls.
 
-Control tokens stay on the parent (`tokens.size`, `tokens.invalidated`, …).
+Control tokens stay on the parent (`tokens.size`, …).
 
 ## Import
 

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(
@@ -114,24 +114,22 @@ app.use(
       },
       Checkbox: {
         tokens: {
-          formControl: {
-            invalidated: {
-              errorMessage: "text-error-700 dark:text-error-300",
+          color: {
+            error: {
+              checked: "bg-error-700 border-error-700",
             },
           },
         },
       },
-      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

@@ -56,6 +56,8 @@ import { Calendar } from "@bridge-ui/vue/Components/Calendar";
 | `disableDates`    | `Date[]`              | —           | Dates that cannot be selected.                            |
 | `disableMonths`   | `number[]`            | —           | Month indexes (`0`–`11`) that cannot be selected.         |
 | `disableYears`    | `number[]`            | —           | Years that cannot be selected.                            |
+| `error`           | `boolean`             | `false`     | Applies the error color palette to tiles.                 |
+| `fill`            | `boolean`             | `false`     | Fills the container width.                                |
 | `hideMonths`      | `boolean`             | `false`     | Hides the month selector and month panel.                 |
 | `hideOutsideDays` | `boolean`             | `false`     | Hides days that fall outside the displayed month.         |
 | `hideWeekdays`    | `boolean`             | `false`     | Hides weekday labels on the date panel.                   |
@@ -70,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`. |
@@ -82,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

@@ -35,6 +35,7 @@ import { CalendarDate } from "@bridge-ui/vue/Components/CalendarDate";
 | `disableDates`    | `Date[]`                  | —           | Dates that cannot be selected.                    |
 | `disableMonths`   | `number[]`                | —           | Month indexes that cannot be selected.            |
 | `disableYears`    | `number[]`                | —           | Years that cannot be selected.                    |
+| `error`           | `boolean`                 | `false`     | Applies the error color palette to tiles.         |
 | `hideOutsideDays` | `boolean`                 | `false`     | Hides days that fall outside the displayed month. |
 | `hideWeekdays`    | `boolean`                 | `false`     | Hides the weekday header row.                     |
 | `maxDate`         | `Date`                    | —           | Latest selectable date.                           |
@@ -47,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.            |
 
@@ -58,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

@@ -25,12 +25,12 @@ import { CalendarMonth } from "@bridge-ui/vue/Components/CalendarMonth";
 | `customProps`   | `CalendarMonthCustomProps` | —            | Extra props for internal parts.                      |
 | `disabled`      | `boolean`                  | `false`      | Disables the entire month grid.                      |
 | `disableMonths` | `number[]`                 | —            | Month indexes that cannot be selected.               |
+| `error`         | `boolean`                  | `false`      | Applies the error color palette to tiles.            |
 | `maxDate`       | `Date`                     | —            | Latest selectable date (bounds months for `year`).   |
 | `minDate`       | `Date`                     | —            | Earliest selectable date (bounds months for `year`). |
 | `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.            |
 
@@ -41,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

@@ -46,6 +46,8 @@ import { CalendarRange } from "@bridge-ui/vue/Components/CalendarRange";
 | `disableDates`    | `Date[]`                     | —              | Dates that cannot be selected.                              |
 | `disableMonths`   | `number[]`                   | —              | Month indexes that cannot be selected.                      |
 | `disableYears`    | `number[]`                   | —              | Years that cannot be selected.                              |
+| `error`           | `boolean`                    | `false`        | Applies the error color palette to tiles.                   |
+| `fill`            | `boolean`                    | `false`        | Fills the container width.                                  |
 | `hideMonths`      | `boolean`                    | `false`        | Hides the shared month selector and month panel.            |
 | `hideOutsideDays` | `boolean`                    | `false`        | Hides days outside the displayed month on both date panels. |
 | `hideWeekdays`    | `boolean`                    | `false`        | Hides weekday labels on both date panels.                   |
@@ -59,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.                    |
 
@@ -70,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                                        |