@bridge-ui/vue 0.5.0 → 0.6.0

package/dist/index.d.ts

@@ -22,6 +22,8 @@ export { BreadcrumbItem, useBreadcrumbItem } from './Components/BreadcrumbItem';
 export type { BreadcrumbItemClasses, BreadcrumbItemCustomProps, BreadcrumbItemOwnProps, BreadcrumbItemProps, BreadcrumbItemSlots, } from './Components/BreadcrumbItem';
 export { Button, useButton } from './Components/Button';
 export type { ButtonClasses, ButtonColorOverrides, ButtonDensityOverrides, ButtonProps, ButtonRoundedOverrides, ButtonSizeOverrides, ButtonSlots, ButtonVariantOverrides, } from './Components/Button';
+export { BUTTON_GROUP_INJECTION_KEY, ButtonGroup, useButtonGroup, } from './Components/ButtonGroup';
+export type { ButtonGroupClasses, ButtonGroupContextValue, ButtonGroupCustomProps, ButtonGroupOrientationOverrides, ButtonGroupOwnProps, ButtonGroupProps, ButtonGroupSlots, } from './Components/ButtonGroup';
 export { Calendar, useCalendar } from './Components/Calendar';
 export type { CalendarClasses, CalendarColorOverrides, CalendarCustomProps, CalendarEmits, CalendarOwnProps, CalendarProps, CalendarRoundedOverrides, CalendarSlots, CalendarView, } from './Components/Calendar';
 export { CalendarDate, useCalendarDate } from './Components/CalendarDate';

package/dist/index.js

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

package/docs/README.md

@@ -13,6 +13,7 @@ Component reference and adapter samples for **Vue**. This folder ships with the
 - [BridgeUIProvider](./components/BridgeUIProvider.md)
 - [Breadcrumb](./components/Breadcrumb.md)
 - [Button](./components/Button.md)
+- [ButtonGroup](./components/ButtonGroup.md)
 - [Calendar](./components/Calendar.md)
 - [CalendarDate](./components/CalendarDate.md)
 - [CalendarMonth](./components/CalendarMonth.md)

package/docs/components/Badge.md

@@ -20,6 +20,8 @@ import { Badge } from "@bridge-ui/vue/Components/Badge";
 <Badge variant="flat" color="success">
   Active
 </Badge>
+
+<Badge color="black">Black</Badge>
 ```
 
 ### Custom classes

package/docs/components/Button.md

@@ -15,6 +15,8 @@ import { Button } from "@bridge-ui/vue/Components/Button";
 ```vue
 <Button color="primary">Click me</Button>
 
+<Button color="black">Black</Button>
+
 <Button variant="outline" :start-icon="Plus">
   With icon
 </Button>
@@ -35,6 +37,7 @@ import { Button } from "@bridge-ui/vue/Components/Button";
 ```vue
 <Button loading>Loading</Button>
 <Button disabled>Disabled</Button>
+<Button selected>Selected</Button>
 ```
 
 ### Slots
@@ -83,6 +86,7 @@ import { Button } from "@bridge-ui/vue/Components/Button";
 | `icon`        | `LucideIcon`                | —         | Icon for mini density (replaces label and start/end icons).                                                                         |
 | `loading`     | `boolean`                   | `false`   | Whether the button is loading.                                                                                                      |
 | `rounded`     | `ButtonRounded`             | "md"      | The roundedness of the button.                                                                                                      |
+| `selected`    | `boolean`                   | `false`   | Whether the button is in a selected / pressed state.                                                                                |
 | `size`        | `ButtonSize`                | "md"      | The size of the button.                                                                                                             |
 | `startIcon`   | `LucideIcon`                | —         | Icon at the **inline start** (physical left in `ltr`, physical right in `rtl`).                                                     |
 | `text`        | `string`                    | —         | Label text when the default slot is not used.                                                                                       |
@@ -90,4 +94,4 @@ import { Button } from "@bridge-ui/vue/Components/Button";
 
 ## Related components
 
-Link, Icon
+Link, Icon, ButtonGroup

package/docs/components/ButtonGroup.md

@@ -0,0 +1,124 @@
+# ButtonGroup
+
+Groups related action buttons in a joined strip with a full-height divider between children. The divider fill matches the button text color. Set `size`, `variant`, `color`, `density`, or `rounded` on the group to apply them to nested `Button` children. A `Button` can still override any of those props. Set `selected` on a `Button` to show a pressed state. Use `ToggleGroup` when the controls select a value.
+
+## Import
+
+```ts
+import { ButtonGroup } from "@bridge-ui/vue/Components/ButtonGroup";
+```
+
+## Examples
+
+### Usage
+
+```vue
+<ButtonGroup variant="outline" aria-label="Export">
+  <Button>Copy</Button>
+  <Button>Paste</Button>
+</ButtonGroup>
+```
+
+### Orientation
+
+```vue
+<ButtonGroup variant="outline" aria-label="Zoom" orientation="vertical">
+  <Button>+</Button>
+  <Button>-</Button>
+</ButtonGroup>
+```
+
+### Size
+
+```vue
+<ButtonGroup size="sm" variant="outline" aria-label="Small">
+  <Button>One</Button>
+  <Button>Two</Button>
+</ButtonGroup>
+```
+
+### Selected
+
+Set `selected` on a `Button` for a pressed action. Use `ToggleGroup` when the controls select a value.
+
+```vue
+<ButtonGroup variant="outline" aria-label="Format">
+  <Button selected>Bold</Button>
+  <Button>Italic</Button>
+  <Button>Underline</Button>
+</ButtonGroup>
+```
+
+### Color
+
+```vue
+<ButtonGroup color="primary" variant="outline" aria-label="Export">
+  <Button>Copy</Button>
+  <Button>Paste</Button>
+</ButtonGroup>
+```
+
+### Nested
+
+Nest groups to space clusters of actions. Joined edges and dividers stay inside each inner group. Appearance props cascade through nested groups. Keep inner groups as the only direct children of the outer group — mixing loose `Button` children with nested groups removes the hairline divider between all children.
+
+```vue
+<ButtonGroup variant="outline" aria-label="Editor">
+  <ButtonGroup>
+    <Button>Bold</Button>
+    <Button>Italic</Button>
+  </ButtonGroup>
+  <ButtonGroup>
+    <Button>Undo</Button>
+    <Button>Redo</Button>
+  </ButtonGroup>
+</ButtonGroup>
+```
+
+### Split
+
+```vue
+<ButtonGroup aria-label="Save">
+  <Button>Save</Button>
+  <Button density="mini" :icon="ChevronDown" aria-label="More save options" />
+</ButtonGroup>
+```
+
+### Full width
+
+```vue
+<ButtonGroup full variant="outline" aria-label="Export">
+  <Button>Copy</Button>
+  <Button>Paste</Button>
+</ButtonGroup>
+```
+
+### No separator
+
+```vue
+<ButtonGroup variant="outline" aria-label="Export" :separator="false">
+  <Button>Copy</Button>
+  <Button>Paste</Button>
+</ButtonGroup>
+```
+
+## Props
+
+| Prop          | Type                     | Default        | Description                                                                                   |
+| ------------- | ------------------------ | -------------- | --------------------------------------------------------------------------------------------- |
+| `classes`     | `ButtonGroupClasses`     | —              | Classes for button group parts.                                                               |
+| `color`       | `ButtonColor`            | `"primary"`    | Color applied to nested buttons when set. The divider follows the button text color.          |
+| `customProps` | `ButtonGroupCustomProps` | —              | Extra props for internal parts.                                                               |
+| `density`     | `ButtonDensity`          | —              | Density applied to nested buttons unless they set `density`.                                  |
+| `full`        | `boolean`                | `false`        | Stretch the group to the container width.                                                     |
+| `orientation` | `ButtonGroupOrientation` | `"horizontal"` | Layout orientation of the group.                                                              |
+| `rounded`     | `ButtonRounded`          | —              | Roundness applied to nested buttons unless they set `rounded`.                                |
+| `separator`   | `boolean`                | `true`         | Draw a full-height divider between adjacent children. The fill matches the button text color. |
+| `size`        | `ButtonSize`             | —              | Size applied to nested buttons unless they set `size`.                                        |
+| `variant`     | `ButtonVariant`          | —              | Variant applied to nested buttons unless they set `variant`.                                  |
+
+Pass `aria-label` or `aria-labelledby` on the group.
+
+## Related components
+
+Button, ToggleGroup

package/docs/components/DataTable.md

@@ -141,7 +141,7 @@ When `page` and `page-count` (or `total-count`) are set, DataTable does not sort
 
 ### Empty, loading, and footer
 
-Empty rows render `EmptyState` at the table `size`, with the i18n title `"No data"`. `#empty` replaces it. `loading` keeps the table visible. `loadingVariant="overlay"` (default) dims the table with a spin; `loadingVariant="bar"` dims the table and draws a progress line under the header. `#loading` replaces the indicator. `#footer` renders below the table, above pagination:
+Empty rows render `EmptyState` at the table `size`, with the semantic `inbox` icon and the i18n title `"No data"`. `#empty` replaces it. `loading` keeps the table visible. `loadingVariant="overlay"` (default) dims the table with a spin; `loadingVariant="bar"` dims the table and draws a progress line under the header. `#loading` replaces the indicator. `#footer` renders below the table, above pagination:
 
 ```vue
 <DataTable :rows="[]" :columns="columns" :loading="isLoading">
@@ -196,6 +196,10 @@ Table-level slots stay `empty` / `expanded` / `footer` / `item.{id}` / `item` /
 />
 ```
 
+### Sorting
+
+Set `sortable` on a column to show a sort button in that header, matching the filter control. Clicks cycle unsorted → ascending → descending → unsorted. Bind `v-model:sorting`. The header cell keeps `aria-sort`.
+
 ### Filters
 
 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.

package/docs/components/Divider.md

@@ -34,6 +34,7 @@ import { Divider } from "@bridge-ui/vue/Components/Divider";
 
 ```vue
 <Divider color="primary" />
+<Divider color="black" />
 <Divider color="error" />
 ```
 

package/docs/components/ToggleGroup.md

@@ -1,6 +1,6 @@
 # ToggleGroup
 
-Segmented control for one or more labeled options in a shared track. Single selection by default; set `multiple` for multi-select. Use `Switch` for on/off. Compose with `ToggleItem`.
+Segmented control for one or more labeled options in a shared track. Single selection by default; set `multiple` for multi-select. Use `ButtonGroup` for grouped actions that do not select a value. Use `Switch` for on/off. Compose with `ToggleItem`.
 
 ## Import
 

package/docs/examples/i18n-dictionary.ts

@@ -35,6 +35,9 @@ const MESSAGES: Record<string, Record<string, string>> = {
     "Clear selection": "Limpar seleção",
     "Decrement value": "Diminuir valor",
     "Increment value": "Aumentar valor",
+    "Sort ascending": "Ordenar crescente",
+    "Cancel sorting": "Cancelar ordenação",
+    "Sort descending": "Ordenar decrescente",
     "Select all rows": "Selecionar todas as linhas",
     "Select all items": "Selecionar todos os itens",
   },

package/docs/examples/icon-fontawesome.ts

@@ -26,6 +26,7 @@ import {
   faEye,
   faEyeSlash,
   faFilter,
+  faInbox,
   faMagnifyingGlass,
   faMinus,
   faPalette,
@@ -94,6 +95,7 @@ const icons = {
   bell: faBell,
   user: faUser,
   plus: faPlus,
+  inbox: faInbox,
   clear: faXmark,
   check: faCheck,
   clock: faClock,

package/docs/examples/icon-heroicons.ts

@@ -24,6 +24,7 @@ import {
   EyeIcon,
   EyeSlashIcon,
   FunnelIcon,
+  InboxIcon,
   InformationCircleIcon,
   MagnifyingGlassIcon,
   MinusIcon,
@@ -44,6 +45,7 @@ const icons = {
   bell: BellIcon,
   user: UserIcon,
   plus: PlusIcon,
+  inbox: InboxIcon,
   clear: XMarkIcon,
   check: CheckIcon,
   clock: ClockIcon,