@bridge-ui/vue 0.8.0 → 0.9.0

package/dist/index.js

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

package/docs/README.md

@@ -5,6 +5,7 @@ Component reference and adapter samples for **Vue**. This folder ships with the
 ## Components
 
 - [Accordion](./components/Accordion.md)
+- [ActionFooter](./components/ActionFooter.md)
 - [Alert](./components/Alert.md)
 - [Autocomplete](./components/Autocomplete.md)
 - [Avatar](./components/Avatar.md)

package/docs/components/ActionFooter.md

@@ -0,0 +1,85 @@
+# ActionFooter
+
+Cancel / Apply pair used as the default footer in pickers and listboxes. The host keeps the footer bar; `ActionFooter` only renders the buttons.
+
+Theme both buttons once through `components.ActionFooter.defaultProps`. Instance `customProps.applyButton` / `cancelButton` still win.
+
+## Import
+
+```ts
+import { ActionFooter } from "@bridge-ui/vue/Components/ActionFooter";
+```
+
+## Examples
+
+### Usage
+
+```vue
+<ActionFooter v-on:apply="save" v-on:cancel="discard" />
+
+<ActionFooter apply-label="Save" cancel-label="Discard" />
+```
+
+### Registry defaults
+
+```vue
+<BridgeUIProvider
+  :components="{
+    ActionFooter: {
+      defaultProps: {
+        applyColor: 'info',
+        cancelVariant: 'flat',
+        cancelColor: 'secondary',
+      },
+    },
+  }"
+>
+  <DatePicker show-footer />
+</BridgeUIProvider>
+```
+
+### Instance override
+
+```vue
+<DatePicker
+  show-footer
+  :custom-props="{
+    applyButton: { color: 'error' },
+  }"
+/>
+```
+
+### customProps
+
+```vue
+<ActionFooter
+  :custom-props="{
+    applyButton: { color: 'error' },
+    root: { 'data-testid': 'action-footer' },
+  }"
+/>
+```
+
+## Props
+
+| Prop             | Type                      | Default       | Description                                              |
+| ---------------- | ------------------------- | ------------- | -------------------------------------------------------- |
+| `apply-color`    | `ButtonColor`             | `"primary"`   | Color of the Apply button.                               |
+| `apply-label`    | `string`                  | `"Apply"`     | Label of the Apply button. Falls back to i18n `Apply`.   |
+| `apply-variant`  | `ButtonVariant`           | —             | Variant of the Apply button. Falls back to `Button`.     |
+| `cancel-color`   | `ButtonColor`             | `"secondary"` | Color of the Cancel button.                              |
+| `cancel-label`   | `string`                  | `"Cancel"`    | Label of the Cancel button. Falls back to i18n `Cancel`. |
+| `cancel-variant` | `ButtonVariant`           | `"flat"`      | Variant of the Cancel button.                            |
+| `classes`        | `ActionFooterClasses`     | —             | Classes for `root`, `applyButton`, `cancelButton`.       |
+| `custom-props`   | `ActionFooterCustomProps` | —             | Extra props for internal parts.                          |
+
+## Events
+
+| Event         | Type | Description                     |
+| ------------- | ---- | ------------------------------- |
+| `v-on:apply`  | `()` | Emitted when Apply is pressed.  |
+| `v-on:cancel` | `()` | Emitted when Cancel is pressed. |
+
+## Related components
+
+Button, DatePicker, ColorPicker, Select

package/docs/components/Autocomplete.md

@@ -160,7 +160,7 @@ When unset, `showFooter` defaults to `true` for `modal` / `drawer` overlays (`fa
 | Prop                | Type                  | Default                                      | Description                                                                                             |
 | ------------------- | --------------------- | -------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
 | `asyncData`         | `SelectAsyncData`     | —                                            | Remote data source. Implies `searchable`.                                                               |
-| `clearable`         | `boolean`             | `true`                                       | Whether the value can be cleared.                                                                       |
+| `clearable`         | `boolean`             | `false`                                      | Whether the value can be cleared.                                                                       |
 | `defaultValue`      | `SelectModel`         | —                                            | Initial value when uncontrolled.                                                                        |
 | `disableMaxHeight`  | `boolean`             | `false`                                      | When true, the dropdown options list is not height-limited. Forwarded to the internal `Listbox`.        |
 | `emptyMessage`      | `string`              | "No options"                                 | Message when the filtered list is empty.                                                                |
@@ -215,4 +215,4 @@ See [FormField](./FormField.md) (building-block chrome). Field tokens live on `c
 
 ## Related components
 
-Menu, Modal, Drawer, FieldOverlay, List, ListItem, ListSection, FormField
+Menu, Modal, Drawer, FieldOverlay, List, ListItem, ListSection, FormField, ActionFooter

package/docs/components/BridgeUIProvider.md

@@ -99,7 +99,7 @@ app.use(
 
 ### Shared chrome
 
-`FormField`, `FormControl`, `BaseField`, and `TimePanel` are registry keys. Set them once to theme a family; a public entry still overrides `defaultProps`. Chrome tokens live on the shared key (`components.FormField.tokens`, `components.BaseField.tokens`). Dropdown tokens live on `components.Listbox`.
+`FormField`, `FormControl`, `BaseField`, and `TimePanel` are registry keys. Set them once to theme a family; a public entry still overrides `defaultProps`. Chrome tokens live on the shared key (`components.FormField.tokens`, `components.BaseField.tokens`). Dropdown tokens live on `components.Listbox`. Cancel / Apply in pickers and listboxes live on `components.ActionFooter`.
 
 ```ts
 app.use(
@@ -146,6 +146,22 @@ app.use(
 );
 ```
 
+```ts
+app.use(
+  createBridgeUI({
+    components: {
+      ActionFooter: {
+        defaultProps: {
+          applyColor: "info",
+          cancelVariant: "flat",
+          cancelColor: "secondary",
+        },
+      },
+    },
+  }),
+);
+```
+
 ### Runtime updates
 
 ```ts

package/docs/components/ColorField.md

@@ -55,7 +55,7 @@ The input is read-only by default (picker only). Set `editable` to unlock typing
 | -------------- | ----------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------- |
 | `alpha`        | `boolean`               | —                                            | Shows the alpha slider. Unset: `true` for `hexa` / `rgba` / `hsla`.                |
 | `classes`      | `ColorFieldClasses`     | —                                            | Classes for field / input regions.                                                 |
-| `clearable`    | `boolean`               | `true`                                       | Whether the value can be cleared.                                                  |
+| `clearable`    | `boolean`               | `false`                                      | Whether the value can be cleared.                                                  |
 | `customProps`  | `ColorFieldCustomProps` | —                                            | Extra props for internal parts.                                                    |
 | `defaultValue` | `string \| null`        | `null`                                       | Uncontrolled initial value.                                                        |
 | `editable`     | `boolean`               | `false`                                      | Unlocks the input. Typed text is parsed on blur or Enter.                          |

package/docs/components/ColorPicker.md

@@ -75,4 +75,4 @@ Picker tokens live on `components.ColorPicker` (`rounded`, `size`).
 
 ## Related components
 
-ColorField, FormField, FieldOverlay
+ColorField, FormField, FieldOverlay, ActionFooter

package/docs/components/DataTable.md

@@ -198,7 +198,7 @@ Set `sortable` on a column to show a sort button in that header, matching the fi
 
 Set `filters` on a column to show a funnel in that header. The panel uses checkboxes (`filterMultiple`, default) or radios (`:filter-multiple="false"`), and **Select all items** for multiple filters. Nested `children` render as a group in the same panel. **OK** commits; **Reset** clears the draft (commit on **OK**); closing without **OK** discards it.
 
-Set `searchable` on a column to add a text field in that same overlay. Queries are stored in `columnSearch` (column id → string), not used to filter the option list.
+Set `searchable` on a column to add a text field in that same overlay, and to include the column in the toolbar search. Queries are stored in `columnSearch` (column id → string), not used to filter the option list.
 
 Column filters open in a `FieldOverlay`. Default `filter-overlay` is `auto` (`menu` on desktop, `drawer` on mobile). Pass `menu`, `modal`, or `drawer` to pin a shell:
 
@@ -300,7 +300,7 @@ const columns = [
 
 ### Column visibility
 
-Pass `hiddenColumns` and/or listen to `update:hiddenColumns` to show a **Columns** icon in the toolbar. `hideable: false` keeps a column out of the toggle (or disabled). At least one column stays visible.
+The toolbar **Columns** icon is hidden by default. Pass `show-column-visibility` to show it with internal state, or bind `hiddenColumns` when the app needs the ids. `hideable: false` keeps a column out of the toggle (or disabled). At least one column stays visible.
 
 The panel opens in a `FieldOverlay`. Default `columns-overlay` is `auto` (`menu` on desktop, `drawer` on mobile). Pass `menu`, `modal`, or `drawer` to pin a shell.
 
@@ -310,14 +310,26 @@ When unset, `columns-show-footer` is `true` for `modal` / `drawer` (`false` for
 <DataTable
   :rows="users"
   :columns="columns"
+  show-column-visibility
   columns-overlay="drawer"
-  v-model:hidden-columns="hidden"
 />
 ```
 
+Bind the ids when the app needs them:
+
+```vue
+<DataTable :rows="users" :columns="columns" v-model:hidden-columns="hidden" />
+```
+
 ### Search
 
-Pass `search` and/or listen to `update:search` to show a search field in the toolbar. Client-side tables filter visible columns; server-paged tables emit the query only.
+The toolbar search field is hidden by default. Pass `show-search` to show it with internal state, or bind `search` when the app needs the query. Client-side tables filter columns with `searchable`; if none are set, every visible column is matched. Server-paged tables emit the query only.
+
+```vue
+<DataTable show-search :rows="users" :columns="columns" />
+```
+
+Bind the query when the app needs it:
 
 ```vue
 <DataTable :rows="users" :columns="columns" v-model:search="search" />

package/docs/components/DateField.md

@@ -77,7 +77,7 @@ Replaces Cancel / Apply on the nested picker. `apply()` commits and closes; `can
 | Prop              | Type                   | Default                                      | Description                                                                           |
 | ----------------- | ---------------------- | -------------------------------------------- | ------------------------------------------------------------------------------------- |
 | `classes`         | `DateFieldClasses`     | —                                            | Classes for field / input regions.                                                    |
-| `clearable`       | `boolean`              | `true`                                       | Whether the value can be cleared.                                                     |
+| `clearable`       | `boolean`              | `false`                                      | Whether the value can be cleared.                                                     |
 | `customProps`     | `DateFieldCustomProps` | —                                            | Extra props for internal parts (`input`, `menu`, `modal`, `drawer`, `datePicker`, …). |
 | `defaultValue`    | `DatePickerModel`      | `null`                                       | Uncontrolled initial value.                                                           |
 | `defaultView`     | `CalendarView`         | `"date"`                                     | Initial calendar panel view.                                                          |

package/docs/components/DatePicker.md

@@ -94,4 +94,4 @@ Calendar tokens live on `components.Calendar` (`color`, `day`, `rounded`).
 
 ## Related components
 
-Calendar, DateField, DateRangePicker
+Calendar, DateField, DateRangePicker, ActionFooter