@bridge-ui/vue 0.0.7 → 0.0.9

package/dist/index.js

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

package/dist/theme.css

@@ -258,14 +258,14 @@
 
   .bridge-field-adornment-button {
     @apply cursor-pointer transition-colors duration-150 ease-in-out select-none;
-    @apply text-gray-500 hover:bg-gray-100 hover:text-gray-700;
-    @apply active:bg-gray-200 active:text-gray-900;
-    @apply focus-visible:bg-gray-100 focus-visible:text-gray-700 focus-visible:outline-none;
-    @apply dark:text-gray-400 dark:hover:bg-gray-700/50 dark:hover:text-gray-200;
-    @apply dark:active:bg-gray-700 dark:active:text-white;
-    @apply dark:focus-visible:bg-gray-700/50 dark:focus-visible:text-gray-200;
+    @apply text-dark-500 hover:bg-dark-100 hover:text-dark-700;
+    @apply active:bg-dark-200 active:text-dark-900;
+    @apply focus-visible:bg-dark-100 focus-visible:text-dark-700 focus-visible:outline-none;
+    @apply dark:text-dark-400 dark:hover:bg-dark-700/50 dark:hover:text-dark-200;
+    @apply dark:active:bg-dark-700 dark:active:text-white;
+    @apply dark:focus-visible:bg-dark-700/50 dark:focus-visible:text-dark-200;
     @apply disabled:cursor-not-allowed disabled:opacity-50;
-    @apply disabled:hover:bg-transparent disabled:hover:text-gray-500;
-    @apply dark:disabled:hover:bg-transparent dark:disabled:hover:text-gray-400;
+    @apply disabled:hover:text-dark-500 disabled:hover:bg-transparent;
+    @apply dark:disabled:hover:text-dark-400 dark:disabled:hover:bg-transparent;
   }
 }

package/docs/README.md

@@ -0,0 +1,74 @@
+# @bridge-ui/vue — docs
+
+Component reference and adapter samples for **Vue**. This folder ships with the npm package.
+
+## Components
+
+- [Alert](./components/Alert.md)
+- [Autocomplete](./components/Autocomplete.md)
+- [Avatar](./components/Avatar.md)
+- [Badge](./components/Badge.md)
+- [BaseField](./components/BaseField.md)
+- [BridgeUIProvider](./components/BridgeUIProvider.md)
+- [Button](./components/Button.md)
+- [Calendar](./components/Calendar.md)
+- [CalendarDate](./components/CalendarDate.md)
+- [CalendarMonth](./components/CalendarMonth.md)
+- [CalendarRange](./components/CalendarRange.md)
+- [CalendarYear](./components/CalendarYear.md)
+- [Card](./components/Card.md)
+- [Checkbox](./components/Checkbox.md)
+- [DateField](./components/DateField.md)
+- [DatePicker](./components/DatePicker.md)
+- [DateRangeField](./components/DateRangeField.md)
+- [DateRangePicker](./components/DateRangePicker.md)
+- [DateTimeField](./components/DateTimeField.md)
+- [DateTimePicker](./components/DateTimePicker.md)
+- [DateTimeRangeField](./components/DateTimeRangeField.md)
+- [DateTimeRangePicker](./components/DateTimeRangePicker.md)
+- [Divider](./components/Divider.md)
+- [Drawer](./components/Drawer.md)
+- [FormControl](./components/FormControl.md)
+- [FormField](./components/FormField.md)
+- [I18n](./components/I18n.md)
+- [Icon](./components/Icon.md)
+- [Label](./components/Label.md)
+- [Link](./components/Link.md)
+- [List](./components/List.md)
+- [Menu](./components/Menu.md)
+- [Modal](./components/Modal.md)
+- [NumberField](./components/NumberField.md)
+- [OtpField](./components/OtpField.md)
+- [PasswordField](./components/PasswordField.md)
+- [Progress](./components/Progress.md)
+- [Radio](./components/Radio.md)
+- [Select](./components/Select.md)
+- [Skeleton](./components/Skeleton.md)
+- [Slider](./components/Slider.md)
+- [Snackbar](./components/Snackbar.md)
+- [Spinner](./components/Spinner.md)
+- [Switch](./components/Switch.md)
+- [Tabs](./components/Tabs.md)
+- [Textarea](./components/Textarea.md)
+- [TextField](./components/TextField.md)
+- [TimeField](./components/TimeField.md)
+- [TimePanel](./components/TimePanel.md)
+- [TimePicker](./components/TimePicker.md)
+- [TimeRangeField](./components/TimeRangeField.md)
+- [TimeRangePicker](./components/TimeRangePicker.md)
+- [Tooltip](./components/Tooltip.md)
+- [useBreakpoint](./components/useBreakpoint.md)
+- [useDialogAction](./components/useDialogAction.md)
+- [useDrawerAction](./components/useDrawerAction.md)
+- [useModalAction](./components/useModalAction.md)
+- [useSnackbarAction](./components/useSnackbarAction.md)
+
+## Examples (adapters)
+
+- [`examples/i18n-dictionary.ts`](./examples/i18n-dictionary.ts)
+- [`examples/i18n-vue-i18n.ts`](./examples/i18n-vue-i18n.ts)
+- [`examples/icon-fontawesome.ts`](./examples/icon-fontawesome.ts)
+- [`examples/icon-heroicons.ts`](./examples/icon-heroicons.ts)
+- [`examples/icon-lucide.ts`](./examples/icon-lucide.ts)
+- [`examples/icon-phosphor.ts`](./examples/icon-phosphor.ts)
+- [`examples/icon-tabler.ts`](./examples/icon-tabler.ts)

package/docs/components/Alert.md

@@ -0,0 +1,96 @@
+# Alert
+
+Alert banner for feedback messages. Does not set `role` or `aria-live` by default — pass them when the message is urgent or dynamic.
+
+## Import
+
+```ts
+import { Alert } from "@bridge-ui/vue/Components/Alert";
+```
+
+## Examples
+
+### Usage
+
+```vue
+<Alert color="primary" title="Heads up" />
+
+<Alert color="error" title="Something went wrong">
+  Please try again in a few minutes.
+</Alert>
+
+<Alert title="Saved" color="success" variant="outline">
+  Your changes were saved successfully.
+</Alert>
+```
+
+### Customization
+
+```vue
+<Alert
+  rounded="2xl"
+  variant="flat"
+  color="primary"
+  title="Alert Message!"
+  :classes="{
+    title: 'text-2xl italic font-extrabold',
+  }"
+/>
+
+<Alert color="primary" title="Alert Message!">
+  <template #action>
+    <Button size="sm" variant="flat" color="primary">Dismiss</Button>
+  </template>
+</Alert>
+```
+
+### Footer slot
+
+```vue
+<Alert variant="solid" color="secondary" title="Alert Message!">
+  <template #footer>
+    <Button size="sm" color="secondary">Cancel</Button>
+
+    <Button size="sm" color="secondary">Confirm</Button>
+  </template>
+</Alert>
+```
+
+### customProps
+
+```vue
+<Alert
+  color="info"
+  title="Forwarded part attributes"
+  :custom-props="{
+    title: { id: 'alert-title' },
+    icon: { 'aria-hidden': true },
+    body: { 'aria-labelledby': 'alert-title' },
+    root: { id: 'alert-root', role: 'status' },
+  }"
+>
+  Inspect the DOM for ids on each part.
+</Alert>
+```
+
+## Props
+
+| Prop          | Type                 | Default   | Description                                                                                                           |
+| ------------- | -------------------- | --------- | --------------------------------------------------------------------------------------------------------------------- |
+| `classes`     | `AlertClasses`       | —         | The classes to apply to the alert.                                                                                    |
+| `color`       | `AlertColor`         | "primary" | The color to apply to the alert.                                                                                      |
+| `customProps` | `AlertCustomProps`   | —         | Extra props for internal parts (`icon`, `title`, `body`, etc.). Root HTML attributes stay on the component top level. |
+| `icon`        | `LucideIcon \| null` | —         | The icon to apply to the alert. Use `null` to omit the prop icon.                                                     |
+| `padding`     | `AlertPadding`       | "medium"  | The padding to apply to the alert.                                                                                    |
+| `rounded`     | `AlertRounded`       | "sm"      | The roundedness of the alert.                                                                                         |
+| `shadow`      | `AlertShadow`        | "sm"      | The shadow to apply to the alert.                                                                                     |
+| `title`       | `string`             | —         | The title to apply to the alert.                                                                                      |
+| `variant`     | `AlertVariant`       | "flat"    | The variant of the alert.                                                                                             |
+
+## Accessibility
+
+For urgent dynamic messages use `role="alert"` and optionally `aria-live="assertive"`. For non-interrupting updates use `role="status"` and `aria-live="polite"`.
+
+## Related components
+
+Button, Icon, Snackbar