@bridge-ui/vue 0.6.0 → 0.7.0

package/dist/Components/PasswordField/composables/usePasswordField.d.ts

@@ -437,7 +437,6 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -455,6 +454,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

package/dist/Components/Select/composables/useSelect.d.ts

@@ -441,7 +441,6 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -459,6 +458,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

package/dist/Components/Slider/composables/useSlider.d.ts

@@ -49,7 +49,6 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
         }>>;
         controlId: import('vue').ComputedRef<string>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
         sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core/Tokens').BaseFieldSizeItem | undefined>;
@@ -60,6 +59,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
     };
     trackBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {

package/dist/Components/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -29,8 +29,8 @@ var E = /*@__PURE__*/ p({
 	setup(p, { emit: h }) {
 		let E = h, D = p, O = C(p, "modelValue"), { rootBind: k, tabItems: A } = i(D, {
 			size: "md",
-			variant: "line",
-			color: "primary",
+			color: "dark",
+			variant: "pill",
 			keepMounted: !0,
 			activation: "automatic",
 			orientation: "horizontal"

package/dist/Components/Tabs/composables/useTabs.js

@@ -53,7 +53,13 @@ function y(y, b, x, S) {
 	let L = n({
 		entry: j,
 		props: () => k.value.componentProps
-	}), R = i(() => g(p, j.value?.tokens?.size)), z = i(() => g(m, j.value?.tokens?.variant)), B = i(() => g(d, j.value?.tokens?.color)), V = i(() => g(f, j.value?.tokens?.orientation)), H = i(() => l(R.value, A.value.size)), U = i(() => l(z.value, A.value.variant)), W = i(() => l(B.value, A.value.color)), G = i(() => l(V.value, A.value.orientation)), K = i(() => ({
+	}), R = i(() => g(p, j.value?.tokens?.size)), z = i(() => g(m, j.value?.tokens?.variant)), B = i(() => g(d, j.value?.tokens?.color)), V = i(() => g(f, j.value?.tokens?.orientation)), H = i(() => l(R.value, A.value.size)), U = i(() => l(z.value, A.value.variant)), W = i(() => l(B.value, A.value.color)), G = i(() => l(V.value, A.value.orientation)), K = i(() => A.value.orientation === "vertical"), q = i(() => h({
+		[l(G.value, "tab") ?? ""]: !0,
+		[l(U.value, "tabVertical") ?? ""]: K.value
+	})), J = i(() => h({
+		[l(G.value, "list") ?? ""]: !0,
+		[l(U.value, "listVertical") ?? ""]: K.value
+	})), Y = i(() => ({
 		focusTab: F,
 		id: T,
 		setSelected: N,
@@ -67,33 +73,33 @@ function y(y, b, x, S) {
 		activation: A.value.activation ?? "automatic",
 		orientation: A.value.orientation ?? "horizontal",
 		tokenClasses: {
-			tabSize: l(H.value, "tab"),
+			softFill: !1,
 			iconGap: l(H.value, "gap"),
+			tabSize: l(H.value, "tab"),
+			tabOrientation: q.value,
 			iconSize: l(H.value, "icon"),
 			listSize: l(H.value, "list"),
+			listOrientation: J.value,
 			panelSize: l(H.value, "panel"),
 			tabVariant: l(U.value, "tab"),
 			listVariant: l(U.value, "list"),
-			tabOrientation: l(G.value, "tab"),
 			colorSelected: l(W.value, "tabSelected"),
-			listOrientation: l(G.value, "list"),
 			rootOrientation: l(G.value, "root"),
 			panelOrientation: l(G.value, "panel"),
 			tabVariantSelected: l(U.value, "tabSelected"),
-			colorSelectedSoft: l(W.value, "tabSelectedSoft"),
-			softFill: A.value.variant === "pill" || A.value.variant === "solid"
+			colorSelectedSoft: l(W.value, "tabSelectedSoft")
 		}
 	}));
-	a(r, K);
-	let q = i(() => A.value.customProps);
+	a(r, Y);
+	let X = i(() => A.value.customProps);
 	return {
 		merged: A,
-		rootBind: i(() => e(q.value?.root, k.value.inheritedAttrs, { class: h({
+		rootBind: i(() => e(X.value?.root, k.value.inheritedAttrs, { class: h({
 			[l(G.value, "root") ?? ""]: !0,
 			[l(L.value, "root") ?? ""]: !0
 		}) })),
 		tabItems: O,
-		contextValue: K
+		contextValue: Y
 	};
 }
 //#endregion

package/dist/Components/Tabs/tabs.types.d.ts

@@ -70,9 +70,9 @@ export interface TabsOwnProps {
      */
     classes?: TabsClasses;
     /**
-     * Accent color for the selected tab.
+     * Optional text accent for the selected tab. Selected surface comes from `variant`.
      *
-     * @default "primary"
+     * @default "dark"
      */
     color?: MergeProps<TabsColor, TabsColorOverrides>;
     /**
@@ -103,7 +103,7 @@ export interface TabsOwnProps {
     /**
      * Visual style of the tab list / selected tab.
      *
-     * @default "line"
+     * @default "pill"
      */
     variant?: MergeProps<TabsVariant, TabsVariantOverrides>;
 }

package/dist/Components/TextField/composables/useTextField.d.ts

@@ -431,7 +431,6 @@ export declare function useTextField(props: TextFieldOwnProps): {
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -449,6 +448,7 @@ export declare function useTextField(props: TextFieldOwnProps): {
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

package/dist/Components/Textarea/composables/useTextarea.d.ts

@@ -432,7 +432,6 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -450,6 +449,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

package/dist/Components/TimeField/composables/useTimeField.d.ts

@@ -442,7 +442,6 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -460,6 +459,7 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts

@@ -442,7 +442,6 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -460,6 +459,7 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;

package/dist/index.d.ts

@@ -154,6 +154,6 @@ export { BridgeUIProvider, createBridgeUI, useBridgeUI } from './Provider';
 export type { BridgeUIContextApi } from './Provider';
 export { useBreakpoint, useBridgeUIComponent, useBridgeUIMergedRegistryClasses, } from './Utils';
 export type { UseBreakpointOptions } from './Utils';
-export { SEMANTIC_ICON_NAMES, resolveMessage, type I18nAdapter, type IconAdapter, type SemanticIconNameOverrides, } from '@bridge-ui/core/Adapters';
+export { SEMANTIC_ICON_NAMES, interpolateMessage, resolveMessage, selectPluralMessage, type I18nAdapter, type IconAdapter, type SemanticIconNameOverrides, } from '@bridge-ui/core/Adapters';
 export { BRIDGE_UI_DEFAULT_GLOBAL, mergeBridgeUIComponents, mergeBridgeUIGlobal, resolveBridgeUIOptions, } from '@bridge-ui/core/Config';
 export { cn } from '@bridge-ui/core/Utils';

package/dist/index.js

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

package/docs/components/Accordion.md

@@ -1,6 +1,6 @@
 # Accordion
 
-Expandable sections for FAQs, settings groups, and stacked content. Single or multiple panels open at once. Compose with `AccordionItem`.
+Expandable sections for FAQs, settings groups, and stacked content. Single or multiple panels open at once. Compose with `AccordionItem`. Expanded items stay on the same quiet text color; `color` optionally accents the open trigger.
 
 ## Import
 

package/docs/components/DataTable.md

@@ -26,7 +26,7 @@ import { DataTable } from "@bridge-ui/vue/Components/DataTable";
 
 ### Variants
 
-DataTable chrome (`plain` / `ghost` / `bordered`). Built-in `Pagination` follows the matching variant unless the `pagination` slot overrides it:
+DataTable chrome (`plain` / `ghost` / `bordered`). The built-in footer pager is first / previous / next / last and does not follow table variant:
 
 ```vue
 <DataTable :rows="users" variant="plain" :columns="columns" />
@@ -34,12 +34,6 @@ DataTable chrome (`plain` / `ghost` / `bordered`). Built-in `Pagination` follows
 <DataTable :rows="users" variant="bordered" :columns="columns" />
 ```
 
-| DataTable `variant` | Pagination `variant` |
-| ------------------- | -------------------- |
-| `plain`             | `text`               |
-| `ghost`             | `ghost`              |
-| `bordered`          | `outlined`           |
-
 `striped` is independent of variant:
 
 ```vue
@@ -66,7 +60,7 @@ DataTable chrome (`plain` / `ghost` / `bordered`). Built-in `Pagination` follows
 
 ### Selection + pagination
 
-Built-in Pagination when `page` is set with `page-count` or `total-count` (server fetch stays in the app). `page` + `per-page` without those totals slices `rows` locally. `per-page` also renders a Select (`per-page-options`, default 10 / 25 / 50 / 100). `#pagination` and `#perPage` replace each control:
+The chrome footer shows a selection summary when `selection` is bound, a per-page Select when `per-page` is set (`per-page-options`, default 10 / 25 / 50 / 100), and a first / previous / next / last pager when `page` is set with `page-count` or `total-count` (server fetch stays in the app). `page` + `per-page` without those totals slices `rows` locally. `#selected`, `#pagination`, and `#perPage` replace each control:
 
 ```vue
 <DataTable
@@ -98,7 +92,7 @@ Client paging slices `rows`. Server paging with a total uses `total-count` inste
 />
 ```
 
-Slot replaces the built-in Pagination and/or per-page Select (`#pagination` / `#perPage`; slot props match the built-ins):
+Slot replaces the built-in footer controls (`#selected` / `#pagination` / `#perPage`; slot props match the built-ins):
 
 ```vue
 <DataTable :rows="users" :columns="columns" :get-row-id="(row) => row.id">
@@ -141,7 +135,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 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:
+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 the chrome footer:
 
 ```vue
 <DataTable :rows="[]" :columns="columns" :loading="isLoading">
@@ -180,7 +174,7 @@ const columns = [
 ];
 ```
 
-Table-level slots stay `empty` / `expanded` / `footer` / `item.{id}` / `item` / `loading` / `pagination` / `perPage` / `search` / `toolbar` / `toolbarActions`. `#item` is a catch-all when `#item.{id}` is not set.
+Table-level slots stay `empty` / `expanded` / `footer` / `item.{id}` / `item` / `loading` / `pagination` / `perPage` / `search` / `selected` / `toolbar` / `toolbarActions`. `#item` is a catch-all when `#item.{id}` is not set.
 
 ### Selection
 

package/docs/components/I18n.md

@@ -1,6 +1,6 @@
 # i18n
 
-Bridge chrome strings (aria-labels, empty/loading copy) resolve through an optional i18n adapter on `BridgeUIProvider` / `createBridgeUI` (`global.i18n`). Without an adapter, the English source string is returned as-is.
+Bridge chrome strings (aria-labels, empty/loading copy) resolve through an optional i18n adapter on `BridgeUIProvider` / `createBridgeUI` (`global.i18n`). Without an adapter, the English source string is returned, with `{{name}}` replaced from `params`, and `|` plural forms when `count` is set.
 
 Lookup is **gettext-style**: the source English text is the key. Multi-locale
 adapters can keep the active locale internally via optional `setLocale`.
@@ -11,10 +11,14 @@ const resolveMessage = useResolveMessage();
 resolveMessage("Hide password");
 ```
 
-`useResolveMessage` reads the active adapter from context. **Interpolation and
-pluralization are the adapter’s job** (vue-i18n, i18next, or a custom `t`).
-Bridge `setLocale` updates `global.locale` and calls optional `adapter.setLocale`
-— persistence (localStorage, backend) stays in the app.
+`useResolveMessage` reads the active adapter from context. **Pluralization
+uses the `count` argument** on `t(message, count, params)`: vue-i18n / i18next
+handle it in `t`; dictionary adapters call `selectPluralMessage` on `|` forms
+(`one | other`). Without an adapter, `resolveMessage` still replaces `{{name}}`
+and picks `|` forms when `count` is set. Adapters that used `t(message, params)`
+should move interpolation vars to the third argument. Bridge `setLocale`
+updates `global.locale` and calls optional `adapter.setLocale` — persistence
+(localStorage, backend) stays in the app.
 
 Implement `I18nAdapter` as a plain object — Bridge only defines the interface.
 
@@ -44,8 +48,9 @@ const resolveMessage = useResolveMessage();
 
 ### Dictionary adapter
 
-Locale-keyed source→string map (no replace/plural). Optional `setLocale`
-updates the active locale used by `t`.
+Locale-keyed source→string map with `{{name}}` replace. Plural values use
+`one | other` (or `zero | one | other`). Optional `setLocale` updates the
+active locale used by `t`.
 
 ```ts
 import { createBridgeUI } from "@bridge-ui/vue";
@@ -61,14 +66,20 @@ const bridge = createBridgeUI({
 ### Custom adapter
 
 ```ts
-import { get } from "es-toolkit/compat";
-import type { I18nAdapter } from "@bridge-ui/vue";
+import { get, isNil } from "es-toolkit/compat";
+import {
+  interpolateMessage,
+  selectPluralMessage,
+  type I18nAdapter,
+} from "@bridge-ui/vue";
 
 const messages: Record<string, Record<string, string>> = {
   "pt-BR": {
     Close: "Fechar",
     "Hide password": "Ocultar senha",
     "Clear selection": "Limpar seleção",
+    "{{selected}} of {{total}} row(s) selected.":
+      "{{selected}} de {{total}} linha selecionada. | {{selected}} de {{total}} linhas selecionadas.",
   },
 };
 
@@ -78,8 +89,13 @@ const i18n: I18nAdapter = {
   setLocale(next) {
     locale = next;
   },
-  t(message) {
-    return get(messages, [locale, message], message);
+  t(message, count, params) {
+    const translated = get(messages, [locale, message], message);
+    const template = isNil(count)
+      ? translated
+      : selectPluralMessage(translated, count);
+
+    return interpolateMessage(template, params);
   },
 };
 ```
@@ -94,7 +110,7 @@ const vueI18n = createI18n({ legacy: false, locale: "en-US", messages: {} });
 const i18n = createVueI18nAdapter(vueI18n.global);
 
 const resolveMessage = useResolveMessage();
-resolveMessage("{count} item", { count: 3 });
+resolveMessage("{count} item", 3);
 // → vue-i18n handles interpolation / plural rules
 
 setLocale("pt-BR"); // Bridge locale + i18n.locale via adapter.setLocale
@@ -104,22 +120,47 @@ Other ready examples:
 
 | File                 | Library              | Replace / plural |
 | -------------------- | -------------------- | ---------------- |
-| `i18n-dictionary.ts` | In-memory dictionary | No (static map)  |
+| `i18n-dictionary.ts` | In-memory dictionary | Yes (`\|` forms) |
 | `i18n-vue-i18n.ts`   | vue-i18n             | Yes (via lib)    |
 
 ## Chrome strings
 
-| Source (key)      |
-| ----------------- |
-| `Close`           |
-| `Loading...`      |
-| `No options`      |
-| `Show password`   |
-| `Hide password`   |
-| `Clear selection` |
-| `Increment value` |
-| `Decrement value` |
+| Source (key)                                 |
+| -------------------------------------------- |
+| `OK`                                         |
+| `Next`                                       |
+| `Close`                                      |
+| `Reset`                                      |
+| `Search`                                     |
+| `Columns`                                    |
+| `Loading`                                    |
+| `No data`                                    |
+| `Previous`                                   |
+| `Last page`                                  |
+| `Expand row`                                 |
+| `First page`                                 |
+| `Loading...`                                 |
+| `No options`                                 |
+| `Pagination`                                 |
+| `Select row`                                 |
+| `Filter column`                              |
+| `Hide password`                              |
+| `Rows per page`                              |
+| `Show password`                              |
+| `Cancel sorting`                             |
+| `Sort ascending`                             |
+| `Clear selection`                            |
+| `Decrement value`                            |
+| `Increment value`                            |
+| `Select all rows`                            |
+| `Sort descending`                            |
+| `Select all items`                           |
+| `Page {{page}} of {{count}}`                 |
+| `{{selected}} of {{total}} row(s) selected.` |
+
+The selection summary calls `t` with `count` (selected rows). Dictionary
+values for that key use `one | other`.
 
 ## Related components
 
-BridgeUIProvider, PasswordField, NumberField, Select, Listbox, Snackbar
+BridgeUIProvider, DataTable, Pagination, PasswordField, NumberField, Select, Listbox, Snackbar

package/docs/components/Pagination.md

@@ -1,6 +1,6 @@
 # Pagination
 
-Page controls for lists and tables: previous/next, page numbers, and a simple cursor-friendly prev/next mode.
+Page controls for lists and tables: previous/next with labels, page numbers, and a simple cursor-friendly prev/next mode. `Previous` and `Next` resolve through the i18n adapter.
 
 ## Import
 
@@ -27,15 +27,17 @@ const page = ref(1);
 
 ### Variants
 
+`ghost` (default), `text`, `outlined`.
+
 ```vue
-<Pagination :count="12" v-model="page" variant="text" />
 <Pagination :count="12" v-model="page" variant="ghost" />
+<Pagination :count="12" v-model="page" variant="text" />
 <Pagination :count="12" v-model="page" variant="outlined" />
 ```
 
 ### Rounded
 
-Applies to `ghost` item corners and the `outlined` group / edge controls.
+Applies to `ghost` and `text` item corners and the `outlined` group / edge controls.
 
 ```vue
 <Pagination :count="12" rounded="lg" v-model="page" variant="ghost" />

package/docs/components/Table.md

@@ -46,7 +46,7 @@ Same three chrome treatments as `DataTable`. Pair with `Pagination` under the ta
 
 ```vue
 <Table variant="plain" />
-<Pagination :count="12" v-model="page" variant="text" />
+<Pagination :count="12" v-model="page" variant="ghost" />
 
 <Table variant="ghost" />
 <Pagination :count="12" v-model="page" variant="ghost" />
@@ -57,7 +57,7 @@ Same three chrome treatments as `DataTable`. Pair with `Pagination` under the ta
 
 | Table `variant` | Pagination `variant` |
 | --------------- | -------------------- |
-| `plain`         | `text`               |
+| `plain`         | `ghost`              |
 | `ghost`         | `ghost`              |
 | `bordered`      | `outlined`           |
 

package/docs/components/Tabs.md

@@ -1,6 +1,6 @@
 # Tabs
 
-Organize related content into tabbed views. Use with `TabList`, `Tab`, and `TabPanel`. Selected accent uses the semantic `color` palette; inactive tabs use `dark-*`.
+Organize related content into tabbed views. Use with `TabList`, `Tab`, and `TabPanel`. The selected tab uses a quiet surface from `variant`; `color` optionally tints selected text and the `line` / `solid` / `enclosed` indicator.
 
 ## Import
 
@@ -90,10 +90,28 @@ import { TabPanel } from "@bridge-ui/vue/Components/TabPanel";
 
 ### Variants
 
-`line` (default), `plain`, `pill`, `solid`, `enclosed`.
+`pill` (default), `line`, `plain`, `solid`, `enclosed`.
 
 ```vue
-<Tabs v-model="tab" variant="line" color="primary">
+<Tabs v-model="tab">
+  <TabList>
+    <Tab value="one">One</Tab>
+    <Tab value="two">Two</Tab>
+  </TabList>
+  <TabPanel value="one">First</TabPanel>
+  <TabPanel value="two">Second</TabPanel>
+</Tabs>
+
+<Tabs v-model="tab" variant="line">
+  <TabList>
+    <Tab value="one">One</Tab>
+    <Tab value="two">Two</Tab>
+  </TabList>
+  <TabPanel value="one">First</TabPanel>
+  <TabPanel value="two">Second</TabPanel>
+</Tabs>
+
+<Tabs v-model="tab" variant="plain">
   <TabList>
     <Tab value="one">One</Tab>
     <Tab value="two">Two</Tab>
@@ -102,7 +120,7 @@ import { TabPanel } from "@bridge-ui/vue/Components/TabPanel";
   <TabPanel value="two">Second</TabPanel>
 </Tabs>
 
-<Tabs color="dark" v-model="tab" variant="pill">
+<Tabs v-model="tab" variant="solid">
   <TabList>
     <Tab value="one">One</Tab>
     <Tab value="two">Two</Tab>
@@ -152,11 +170,11 @@ import { TabPanel } from "@bridge-ui/vue/Components/TabPanel";
 | Prop          | Type              | Default        |
 | ------------- | ----------------- | -------------- |
 | `activation`  | `TabsActivation`  | `"automatic"`  |
-| `color`       | `TabsColor`       | `"primary"`    |
+| `color`       | `TabsColor`       | `"dark"`       |
 | `keepMounted` | `boolean`         | `true`         |
 | `orientation` | `TabsOrientation` | `"horizontal"` |
 | `size`        | `TabsSize`        | `"md"`         |
-| `variant`     | `TabsVariant`     | `"line"`       |
+| `variant`     | `TabsVariant`     | `"pill"`       |
 
 ### v-model