@bridge-ui/vue 0.0.7 → 0.0.8

package/dist/augments.d.ts

@@ -1,4 +1,5 @@
 import { AlertClasses, AlertProps } from './Components/Alert';
+import { AutocompleteClasses, AutocompleteProps } from './Components/Autocomplete';
 import { AvatarClasses, AvatarProps } from './Components/Avatar';
 import { BadgeClasses, BadgeProps } from './Components/Badge';
 import { ButtonClasses, ButtonProps } from './Components/Button';
@@ -6,8 +7,6 @@ import { CardClasses, CardProps } from './Components/Card';
 import { CheckboxClasses, CheckboxProps } from './Components/Checkbox';
 import { ChipClasses, ChipProps } from './Components/Chip';
 import { DividerClasses, DividerProps } from './Components/Divider';
-import { FormControlClasses, FormControlProps } from './Components/FormControl';
-import { FormFieldClasses, FormFieldProps } from './Components/FormField';
 import { IconProps } from './Components/Icon';
 import { LabelClasses, LabelProps } from './Components/Label';
 import { LinkClasses, LinkProps } from './Components/Link';
@@ -16,21 +15,28 @@ import { ListItemClasses, ListItemProps } from './Components/ListItem';
 import { ListSectionClasses } from './Components/ListSection';
 import { MenuClasses, MenuProps } from './Components/Menu';
 import { ModalClasses, ModalProps } from './Components/Modal';
-import { NumberFieldClasses } from './Components/NumberField';
-import { PasswordFieldClasses } from './Components/PasswordField';
+import { NumberFieldClasses, NumberFieldProps } from './Components/NumberField';
+import { OtpFieldClasses, OtpFieldProps } from './Components/OtpField';
+import { PasswordFieldClasses, PasswordFieldProps } from './Components/PasswordField';
 import { ProgressClasses, ProgressProps } from './Components/Progress';
 import { RadioClasses, RadioProps } from './Components/Radio';
 import { SelectClasses, SelectProps } from './Components/Select';
 import { SkeletonClasses, SkeletonProps } from './Components/Skeleton';
+import { SliderClasses, SliderProps } from './Components/Slider';
 import { SnackbarClasses, SnackbarProps } from './Components/Snackbar';
 import { SpinnerClasses, SpinnerProps } from './Components/Spinner';
 import { SwitchClasses, SwitchProps } from './Components/Switch';
 import { TextareaClasses, TextareaProps } from './Components/Textarea';
+import { TextFieldClasses, TextFieldProps } from './Components/TextField';
 declare module "@bridge-ui/core" {
     interface AlertConfigOverrides {
         classes: AlertClasses;
         defaultProps: Partial<Pick<AlertProps, "color" | "shadow" | "padding" | "rounded" | "variant">>;
     }
+    interface AutocompleteConfigOverrides {
+        classes: AutocompleteClasses;
+        defaultProps: Partial<Pick<AutocompleteProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage">>;
+    }
     interface AvatarConfigOverrides {
         classes: AvatarClasses;
         defaultProps: Partial<Pick<AvatarProps, "size" | "color" | "rounded">>;
@@ -49,7 +55,7 @@ declare module "@bridge-ui/core" {
     }
     interface CheckboxConfigOverrides {
         classes: CheckboxClasses;
-        defaultProps: Partial<Pick<CheckboxProps, "size" | "color" | "rounded">>;
+        defaultProps: Partial<Pick<CheckboxProps, "size" | "color" | "rounded" | "hideErrorMessage">>;
     }
     interface ChipConfigOverrides {
         classes: ChipClasses;
@@ -59,14 +65,6 @@ declare module "@bridge-ui/core" {
         classes: DividerClasses;
         defaultProps: Partial<Pick<DividerProps, "color" | "orientation">>;
     }
-    interface FormControlConfigOverrides {
-        classes: FormControlClasses;
-        defaultProps: Partial<Pick<FormControlProps, "size" | "error" | "hideErrorMessage">>;
-    }
-    interface FormFieldConfigOverrides {
-        classes: FormFieldClasses;
-        defaultProps: Partial<Pick<FormFieldProps, "size" | "color" | "rounded" | "variant" | "errorIcon" | "showErrorIcon">>;
-    }
     interface IconConfigOverrides {
         defaultProps: Partial<Pick<IconProps, "size">>;
     }
@@ -98,9 +96,15 @@ declare module "@bridge-ui/core" {
     }
     interface NumberFieldConfigOverrides {
         classes: NumberFieldClasses;
+        defaultProps: Partial<Pick<NumberFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage">>;
+    }
+    interface OtpFieldConfigOverrides {
+        classes: OtpFieldClasses;
+        defaultProps: Partial<Pick<OtpFieldProps, "size" | "type" | "color" | "length" | "rounded" | "variant" | "hideErrorMessage">>;
     }
     interface PasswordFieldConfigOverrides {
         classes: PasswordFieldClasses;
+        defaultProps: Partial<Pick<PasswordFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage">>;
     }
     interface ProgressConfigOverrides {
         classes: ProgressClasses;
@@ -108,7 +112,7 @@ declare module "@bridge-ui/core" {
     }
     interface RadioConfigOverrides {
         classes: RadioClasses;
-        defaultProps: Partial<Pick<RadioProps, "size" | "color" | "rounded">>;
+        defaultProps: Partial<Pick<RadioProps, "size" | "color" | "rounded" | "hideErrorMessage">>;
     }
     interface SnackbarConfigOverrides {
         classes: SnackbarClasses;
@@ -116,22 +120,30 @@ declare module "@bridge-ui/core" {
     }
     interface SelectConfigOverrides {
         classes: SelectClasses;
-        defaultProps: Partial<Pick<SelectProps, "size" | "color" | "rounded" | "variant">>;
+        defaultProps: Partial<Pick<SelectProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage">>;
     }
     interface SkeletonConfigOverrides {
         classes: SkeletonClasses;
         defaultProps: Partial<Pick<SkeletonProps, "rounded">>;
     }
+    interface SliderConfigOverrides {
+        classes: SliderClasses;
+        defaultProps: Partial<Pick<SliderProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip" | "hideErrorMessage">>;
+    }
     interface SpinnerConfigOverrides {
         classes: SpinnerClasses;
         defaultProps: Partial<Pick<SpinnerProps, "size" | "color" | "variant" | "thickness" | "enableTrack" | "disableShrink">>;
     }
     interface SwitchConfigOverrides {
         classes: SwitchClasses;
-        defaultProps: Partial<Pick<SwitchProps, "size" | "color" | "rounded">>;
+        defaultProps: Partial<Pick<SwitchProps, "size" | "color" | "rounded" | "hideErrorMessage">>;
     }
     interface TextareaConfigOverrides {
         classes: TextareaClasses;
-        defaultProps: Partial<Pick<TextareaProps, "resize" | "autosize">>;
+        defaultProps: Partial<Pick<TextareaProps, "size" | "color" | "resize" | "rounded" | "variant" | "autosize" | "showErrorIcon" | "hideErrorMessage">>;
+    }
+    interface TextFieldConfigOverrides {
+        classes: TextFieldClasses;
+        defaultProps: Partial<Pick<TextFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage">>;
     }
 }

package/dist/index.d.ts

@@ -9,6 +9,8 @@ export { Avatar } from './Components/Avatar';
 export type { AvatarClasses, AvatarColorOverrides, AvatarCustomProps, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './Components/Avatar';
 export { Badge, useBadge } from './Components/Badge';
 export type { BadgeClasses, BadgeColorOverrides, BadgeDensityOverrides, BadgeOwnProps, BadgeProps, BadgeRoundedOverrides, BadgeSizeOverrides, BadgeSlots, BadgeVariantOverrides, } from './Components/Badge';
+export { BaseField, useBaseField } from './Components/BaseField';
+export type { BaseFieldClasses, BaseFieldCustomProps, BaseFieldOptions, BaseFieldOwnProps, BaseFieldProps, BaseFieldSizeOverrides, BaseFieldSlots, UseBaseFieldReturn, } from './Components/BaseField';
 export { Button, useButton } from './Components/Button';
 export type { ButtonClasses, ButtonColorOverrides, ButtonDensityOverrides, ButtonProps, ButtonRoundedOverrides, ButtonSizeOverrides, ButtonSlots, ButtonVariantOverrides, } from './Components/Button';
 export { Card, useCard } from './Components/Card';
@@ -34,7 +36,7 @@ export type { LinkClasses, LinkColorOverrides, LinkCustomProps, LinkOwnProps, Li
 export { List, useList } from './Components/List';
 export type { ListClasses, ListContextValue, ListCustomProps, ListOwnProps, ListProps, } from './Components/List';
 export { Listbox, findFirstEnabledOptionIndex, findLastEnabledOptionIndex, getListboxActiveDescendantId, getListboxOptionId, moveListboxHighlight, useListbox, useListboxNavigation, } from './Components/Listbox';
-export type { ListboxClasses, ListboxColorOverrides, ListboxCustomProps, ListboxEmits, ListboxOption, ListboxOwnProps, ListboxProps, ListboxSlots, ListboxValue, } from './Components/Listbox';
+export type { ListboxClasses, ListboxColorOverrides, ListboxCustomProps, ListboxEmits, ListboxEntry, ListboxOption, ListboxOwnProps, ListboxProps, ListboxSlots, ListboxValue, } from './Components/Listbox';
 export { ListItem } from './Components/ListItem';
 export type { ListItemClasses, ListItemCustomProps, ListItemOwnProps, ListItemProps, ListItemSlots, } from './Components/ListItem';
 export { ListSection } from './Components/ListSection';
@@ -57,6 +59,8 @@ export { Select, SelectOption } from './Components/Select';
 export type { SelectAsyncData, SelectClasses, SelectEmits, SelectModel, SelectOptionData, SelectOptionProps, SelectProps, SelectSlots, SelectValue, } from './Components/Select';
 export { Skeleton, useSkeleton } from './Components/Skeleton';
 export type { SkeletonClasses, SkeletonOwnProps, SkeletonProps, SkeletonRoundedOverrides, } from './Components/Skeleton';
+export { Slider, useSlider } from './Components/Slider';
+export type { SliderClasses, SliderColorOverrides, SliderCustomProps, SliderEmits, SliderOwnProps, SliderProps, SliderRangeValue, SliderRoundedOverrides, SliderSizeOverrides, SliderSlots, SliderStop, SliderStopInput, UseSliderOptions, UseSliderReturn, } from './Components/Slider';
 export { Snackbar, useSnackbar } from './Components/Snackbar';
 export type { SnackbarClasses, SnackbarColorOverrides, SnackbarCustomProps, SnackbarEmits, SnackbarOwnProps, SnackbarPaddingOverrides, SnackbarProps, SnackbarSlots, SnackbarTransitionOverrides, } from './Components/Snackbar';
 export { Spinner, useSpinner } from './Components/Spinner';

package/dist/index.js

@@ -28,58 +28,62 @@ 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 z from "./Components/BaseField/BaseField.js";
+import { useBaseField as B } from "./Components/BaseField/composables/useBaseField.js";
+import { useButton as V } from "./Components/Button/composables/useButton.js";
+import H from "./Components/Button/Button.js";
+import { useCard as U } from "./Components/Card/composables/useCard.js";
+import W from "./Components/Card/Card.js";
+import { useFormControl as G } from "./Components/FormControl/composables/useFormControl.js";
+import K from "./Components/FormControl/FormControl.js";
+import { useCheckbox as q } from "./Components/Checkbox/composables/useCheckbox.js";
+import J from "./Components/Checkbox/Checkbox.js";
+import { useDivider as Y } from "./Components/Divider/composables/useDivider.js";
+import X from "./Components/Divider/Divider.js";
+import { useDrawer as Z } from "./Components/Drawer/composables/useDrawer.js";
+import Q from "./Components/Drawer/Drawer.js";
+import { useLink as $ } from "./Components/Link/composables/useLink.js";
+import ee from "./Components/Link/Link.js";
+import { useModal as te } from "./Components/Modal/composables/useModal.js";
+import ne from "./Components/Modal/Modal.js";
+import { useNumberField as re } from "./Components/NumberField/composables/useNumberField.js";
+import ie from "./Components/NumberField/NumberField.js";
+import { useOtpField as ae } from "./Components/OtpField/composables/useOtpField.js";
+import oe from "./Components/OtpField/OtpField.js";
+import { usePasswordField as se } from "./Components/PasswordField/composables/usePasswordField.js";
+import ce from "./Components/PasswordField/PasswordField.js";
+import { useRadio as le } from "./Components/Radio/composables/useRadio.js";
+import ue from "./Components/Radio/Radio.js";
+import de from "./Components/Select/Select.js";
+import fe from "./Components/Select/SelectOption.js";
+import { useSkeleton as pe } from "./Components/Skeleton/composables/useSkeleton.js";
+import me from "./Components/Skeleton/Skeleton.js";
+import { useSlider as he } from "./Components/Slider/composables/useSlider.js";
+import { useTooltip as ge } from "./Components/Tooltip/composables/useTooltip.js";
+import _e from "./Components/Tooltip/Tooltip.js";
+import ve from "./Components/Slider/Slider.js";
+import { useSnackbar as ye } from "./Components/Snackbar/composables/useSnackbar.js";
+import be from "./Components/Snackbar/Snackbar.js";
+import { useSpinner as xe } from "./Components/Spinner/composables/useSpinner.js";
+import Se from "./Components/Spinner/Spinner.js";
+import { useSwitch as Ce } from "./Components/Switch/composables/useSwitch.js";
+import we from "./Components/Switch/Switch.js";
+import { TABS_INJECTION_KEY as Te } from "./Components/Tabs/tabsInjectionKey.js";
+import { useTab as Ee } from "./Components/Tab/composables/useTab.js";
+import De from "./Components/Tab/Tab.js";
+import { useTabItem as Oe } from "./Components/TabItem/composables/useTabItem.js";
+import ke from "./Components/TabItem/TabItem.js";
+import { useTabList as Ae } from "./Components/TabList/composables/useTabList.js";
+import je from "./Components/TabList/TabList.js";
+import { useTabPanel as Me } from "./Components/TabPanel/composables/useTabPanel.js";
+import Ne from "./Components/TabPanel/TabPanel.js";
+import { useTabs as Pe } from "./Components/Tabs/composables/useTabs.js";
+import Fe from "./Components/Tabs/Tabs.js";
+import { useTextarea as Ie } from "./Components/Textarea/composables/useTextarea.js";
+import Le from "./Components/Textarea/Textarea.js";
+import { useTextField as Re } from "./Components/TextField/composables/useTextField.js";
+import ze from "./Components/TextField/TextField.js";
+import Be from "./Provider/BridgeUIProvider.js";
+import { createBridgeUI as Ve } from "./Provider/createBridgeUI.js";
+import { BRIDGE_UI_DEFAULT_GLOBAL as He, SEMANTIC_ICON_NAMES as Ue, cn as We, mergeBridgeUIComponents as Ge, mergeBridgeUIGlobal as Ke, resolveBridgeUIOptions as qe, resolveMessage as Je } from "@bridge-ui/core";
+export { d as Alert, P as Autocomplete, F as AutocompleteOption, I as Avatar, He as BRIDGE_UI_DEFAULT_GLOBAL, R as Badge, z as BaseField, Be as BridgeUIProvider, H as Button, W as Card, J as Checkbox, b as Chip, X as Divider, Q as Drawer, K as FormControl, C as FormField, u as Icon, S as Label, ee as Link, E as List, D as ListItem, O as ListSection, N as Listbox, A as Menu, ne as Modal, ie as NumberField, oe as OtpField, ce as PasswordField, M as Progress, ue as Radio, Ue as SEMANTIC_ICON_NAMES, de as Select, fe as SelectOption, me as Skeleton, ve as Slider, be as Snackbar, Se as Spinner, we as Switch, Te as TABS_INJECTION_KEY, De as Tab, ke as TabItem, je as TabList, Ne as TabPanel, Fe as Tabs, ze as TextField, Le as Textarea, _e as Tooltip, We as cn, Ve as createBridgeUI, p as findFirstEnabledOptionIndex, m as findLastEnabledOptionIndex, h as getListboxActiveDescendantId, g as getListboxOptionId, Ge as mergeBridgeUIComponents, Ke as mergeBridgeUIGlobal, _ as moveListboxHighlight, qe as resolveBridgeUIOptions, Je as resolveMessage, t as setI18nAdapterForTests, i as setIconAdapterForTests, l as useAlert, L as useBadge, B as useBaseField, o as useBreakpoint, e as useBridgeUI, s as useBridgeUIComponent, c as useBridgeUIMergedRegistryClasses, V as useButton, U as useCard, q as useCheckbox, y as useChip, Y as useDivider, Z as useDrawer, G as useFormControl, f as useFormField, n as useI18nAdapter, a as useIconAdapter, x as useLabel, $ as useLink, T as useList, w as useListbox, v as useListboxNavigation, k as useMenu, te as useModal, re as useNumberField, ae as useOtpField, se as usePasswordField, j as useProgress, le as useRadio, r as useResolveMessage, pe as useSkeleton, he as useSlider, ye as useSnackbar, xe as useSpinner, Ce as useSwitch, Ee as useTab, Oe as useTabItem, Ae as useTabList, Me as useTabPanel, Pe as useTabs, Re as useTextField, Ie as useTextarea, ge as useTooltip };

package/docs/README.md

@@ -0,0 +1,56 @@
+# @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)
+- [Card](./components/Card.md)
+- [Checkbox](./components/Checkbox.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)
+- [TextField](./components/TextField.md)
+- [Textarea](./components/Textarea.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

package/docs/components/Autocomplete.md

@@ -0,0 +1,198 @@
+# Autocomplete
+
+Combobox with single/multiple value, search, async data, and optional free-solo input.
+
+## Import
+
+```ts
+import { Autocomplete } from "@bridge-ui/vue/Components/Autocomplete";
+```
+
+## Examples
+
+### Usage
+
+```vue
+<Autocomplete
+  label="Country"
+  :options="countries"
+  placeholder="Choose a country"
+/>
+
+<Autocomplete
+  multiple
+  searchable
+  label="Frameworks"
+  v-model="selected"
+  :options="frameworks"
+/>
+
+<Autocomplete
+  error
+  label="Country"
+  error-message="Please select a valid country."
+/>
+```
+
+### Searchable
+
+```vue
+<Autocomplete
+  searchable
+  label="Country"
+  :options="countries"
+  placeholder="Type to filter..."
+/>
+```
+
+### Free solo
+
+Enabled by default. Type a value that is not in `options` and commit with Enter, Tab, or by closing the menu. Set `:free-solo="false"` to require picking from the list.
+
+```vue
+<Autocomplete label="Tag" :options="tags" placeholder="Pick or type a tag" />
+```
+
+### Async data
+
+```vue
+<Autocomplete
+  label="City (async)"
+  placeholder="Type to search cities..."
+  :async-data="{
+    search: asyncSearch,
+    resolve: asyncResolveSelected,
+  }"
+/>
+```
+
+### Custom option slot
+
+```vue
+<Autocomplete
+  label="Framework"
+  :options="frameworks"
+  placeholder="Custom rendered options"
+>
+  <template #option="{ option, selected }">
+    <span class="flex w-full items-center justify-between gap-2">
+      <span class="truncate font-medium">{{ option.label }}</span>
+
+      <span v-if="selected" class="text-primary-600 shrink-0 text-xs font-semibold">
+        Selected
+      </span>
+    </span>
+  </template>
+</Autocomplete>
+```
+
+### Grouped options
+
+`options` may mix standalone options and section groups (`{ title, options, sticky? }`). Search filters within sections and drops empty ones.
+
+```vue
+<Autocomplete
+  searchable
+  label="Produce"
+  :options="[
+    {
+      title: 'Fruits',
+      sticky: true,
+      options: [
+        { label: 'Apple', value: 'apple' },
+        { label: 'Banana', value: 'banana' },
+      ],
+    },
+    {
+      title: 'Vegetables',
+      options: [{ label: 'Carrot', value: 'carrot' }],
+    },
+    { label: 'Other', value: 'other' },
+  ]"
+/>
+```
+
+### Composed list (default slot)
+
+Use the default slot with `ListSection` / `ListItem` to build the dropdown list manually. Set `value` on each `ListItem` so it registers as a selectable option. Declarative `AutocompleteOption` children still feed the `options` data path; only `ListSection` / `ListItem` (and similar) count as composed list content. The `#option` slot remains for customizing items rendered from the `options` prop.
+
+```vue
+<Autocomplete label="Status" v-model="status">
+  <ListSection sticky title="Workflow" />
+  <ListItem value="open" primary="Open" />
+  <ListItem value="closed" primary="Closed" />
+</Autocomplete>
+```
+
+### customProps
+
+```vue
+<Autocomplete
+  label="Country"
+  :options="countries"
+  placeholder="Choose a country"
+  :custom-props="{
+    root: { id: 'country-field' },
+    input: { name: 'country', autocomplete: 'country' },
+  }"
+/>
+```
+
+## Props
+
+### Autocomplete-specific
+
+| Prop                | Type                  | Default       | Description                                                                                             |
+| ------------------- | --------------------- | ------------- | ------------------------------------------------------------------------------------------------------- |
+| `asyncData`         | `SelectAsyncData`     | —             | Remote data source. Implies `searchable`.                                                               |
+| `clearable`         | `boolean`             | `true`        | 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.                                                                |
+| `flipOptions`       | `boolean`             | `false`       | Inverts the visual order of options.                                                                    |
+| `freeSolo`          | `boolean`             | `true`        | Allows committing typed text that is not in `options` (Enter, Tab, or closing the menu).                |
+| `hideEmptyMessage`  | `boolean`             | `false`       | Hides the empty-state message.                                                                          |
+| `loading`           | `boolean`             | —             | External or async loading state.                                                                        |
+| `maxHeight`         | `string`              | "max-h-60"    | Tailwind max-height class for the dropdown options area. Forwarded to the internal `Listbox`.           |
+| `minItemsForSearch` | `number`              | 11            | Minimum option count before search UI is enabled.                                                       |
+| `multiple`          | `boolean`             | `false`       | Whether multiple values can be selected.                                                                |
+| `optionDescription` | `string`              | "description" | Key used to read the description from option objects.                                                   |
+| `optionLabel`       | `string`              | "label"       | Key used to read the label from option objects.                                                         |
+| `options`           | `ListboxOptionsInput` | —             | Options to display. May include section groups (`{ title, options, sticky? }`) mixed with flat options. |
+| `optionValue`       | `string`              | "value"       | Key used to read the value from option objects.                                                         |
+| `placeholder`       | `string`              | —             | Placeholder shown when no value is selected.                                                            |
+| `searchable`        | `boolean`             | `true`        | Whether options can be filtered via the trigger input.                                                  |
+
+### v-model
+
+| Prop / Event        | Type                                                    | Default | Description                                                                  |
+| ------------------- | ------------------------------------------------------- | ------- | ---------------------------------------------------------------------------- |
+| `modelValue`        | `SelectValue \| SelectValue[] \| null`                  | —       | Bound with `v-model`.                                                        |
+| `update:modelValue` | `(value: SelectValue \| SelectValue[] \| null) => void` | —       | Emitted when `v-model` should update. Listen with `v-on:update:model-value`. |
+
+### Inherited from FormField
+
+See [FormField](./FormField.md) (building-block chrome). Field tokens live on `components.Autocomplete` (`size`, `color`, `rounded`, `variant`, …). Dropdown option tokens are nested under `components.Autocomplete.tokens.listbox`.
+
+## Slots
+
+| Slot      | Scope                                         | Description                                                                                                |
+| --------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
+| `default` | —                                             | Composed list content (`ListSection` / `ListItem` with `value`). Replaces mapped `options` in the listbox. |
+| `option`  | `{ option: SelectOption; selected: boolean }` | Custom option content when rendering from the `options` prop.                                              |
+
+## Events
+
+| Event           | Payload                  | Description                                           |
+| --------------- | ------------------------ | ----------------------------------------------------- |
+| `v-on:change`   | `(value: SelectModel)`   | Emitted when the selection changes.                   |
+| `v-on:clear`    | —                        | Emitted when the value is cleared.                    |
+| `v-on:close`    | —                        | Emitted when the menu closes.                         |
+| `v-on:deselect` | `(option: SelectOption)` | Emitted when an option is deselected (multiple mode). |
+| `v-on:open`     | —                        | Emitted when the menu opens.                          |
+| `v-on:search`   | `(query: string)`        | Emitted when the search query changes.                |
+| `v-on:select`   | `(option: SelectOption)` | Emitted when an option is selected.                   |
+
+## Related components
+
+Menu, List, ListItem, ListSection, FormField