@bridge-ui/vue 0.4.0 → 0.5.0

package/dist/Components/Sidebar/sidebar.types.d.ts

@@ -0,0 +1,244 @@
+import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
+import { PositionPlacement } from '@bridge-ui/core/Runtime';
+import { SidebarCollapsible, SidebarSide, SidebarVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
+import { ListProps } from '../List/list.types';
+import { ListItemProps } from '../ListItem/listItem.types';
+export interface SidebarSideOverrides {}
+export interface SidebarVariantOverrides {}
+export interface SidebarCollapsibleOverrides {}
+export interface SidebarClasses {
+    /**
+     * The classes to apply to the scrollable content region.
+     */
+    content?: string;
+    /**
+     * The classes to apply to the footer.
+     */
+    footer?: string;
+    /**
+     * The classes to apply to the in-flow gap spacer.
+     */
+    gap?: string;
+    /**
+     * The classes to apply to the header.
+     */
+    header?: string;
+    /**
+     * The classes to apply to the inner panel surface.
+     */
+    panel?: string;
+    /**
+     * The classes to apply to the desktop rail chrome (gap + fixed panel).
+     */
+    root?: string;
+}
+export interface SidebarCustomProps {
+    /**
+     * Props forwarded to the scrollable content region.
+     */
+    content?: HTMLAttributes;
+    /**
+     * Props forwarded to the footer.
+     */
+    footer?: HTMLAttributes;
+    /**
+     * Props forwarded to the in-flow gap spacer.
+     */
+    gap?: HTMLAttributes;
+    /**
+     * Props forwarded to the header.
+     */
+    header?: HTMLAttributes;
+    /**
+     * Props forwarded to the inner panel surface.
+     */
+    panel?: HTMLAttributes;
+    /**
+     * Props forwarded to the desktop rail chrome.
+     */
+    root?: HTMLAttributes;
+}
+export interface SidebarInsetClasses {
+    /**
+     * The classes to apply to the inset root.
+     */
+    root?: string;
+}
+export interface SidebarInsetCustomProps {
+    /**
+     * Props forwarded to the inset root.
+     */
+    root?: HTMLAttributes;
+}
+export interface SidebarInsetOwnProps {
+    /**
+     * The classes to apply to the inset.
+     *
+     * @default undefined
+     */
+    classes?: SidebarInsetClasses;
+    /**
+     * Extra props for internal parts.
+     *
+     * @default undefined
+     */
+    customProps?: SidebarInsetCustomProps;
+}
+export interface SidebarInsetSlots {
+    /**
+     * Main content.
+     */
+    default?: Slot;
+}
+export interface SidebarListItemOwnProps {
+    /**
+     * Tooltip label while the icon rail is collapsed. When omitted, string
+     * `primary` is used. Has no effect on the mobile drawer or an expanded rail.
+     *
+     * @default undefined
+     */
+    tooltip?: string;
+    /**
+     * Placement of {@link SidebarListItemOwnProps.tooltip}. Defaults to the
+     * side opposite the rail.
+     *
+     * @default undefined
+     */
+    tooltipPlacement?: PositionPlacement;
+}
+export interface SidebarListOwnProps {
+    /**
+     * Collapse items to leading icons. Defaults to the collapsed icon rail.
+     * Nested `SidebarList` is hidden. `ListSection` labels are hidden.
+     *
+     * @default undefined
+     */
+    iconOnly?: boolean;
+}
+/**
+ * Persistent app-shell sidebar panel. Mount under `SidebarProvider` with
+ * `SidebarInset`. Put `SidebarList` / `Accordion` in the default slot.
+ */
+export interface SidebarOwnProps {
+    /**
+     * Accessible name for the desktop `aside` and the mobile drawer.
+     *
+     * @default "Sidebar"
+     */
+    ariaLabel?: string;
+    /**
+     * The classes to apply to the sidebar.
+     *
+     * @default undefined
+     */
+    classes?: SidebarClasses;
+    /**
+     * How the desktop rail hides.
+     *
+     * @default "offcanvas"
+     */
+    collapsible?: MergeProps<SidebarCollapsible, SidebarCollapsibleOverrides>;
+    /**
+     * Extra props for internal parts (`header`, `content`, `footer`, etc.).
+     * Root HTML attributes stay on the component top level.
+     *
+     * @default undefined
+     */
+    customProps?: SidebarCustomProps;
+    /**
+     * Which edge the rail docks to.
+     *
+     * @default "left"
+     */
+    side?: MergeProps<SidebarSide, SidebarSideOverrides>;
+    /**
+     * Visual layout of the rail and inset.
+     *
+     * @default "sidebar"
+     */
+    variant?: MergeProps<SidebarVariant, SidebarVariantOverrides>;
+}
+export interface SidebarProviderClasses {
+    /**
+     * The classes to apply to the layout wrapper.
+     */
+    root?: string;
+}
+export interface SidebarProviderCustomProps {
+    /**
+     * Props forwarded to the layout wrapper.
+     */
+    root?: HTMLAttributes;
+}
+export interface SidebarProviderEmits {
+    /**
+     * Emitted when the desktop `open` state should change.
+     */
+    openChange: [open: boolean];
+    /**
+     * Emitted when `v-model` should update.
+     */
+    "update:modelValue": [open: boolean];
+}
+export interface SidebarProviderOwnProps {
+    /**
+     * The classes to apply to the provider wrapper.
+     *
+     * @default undefined
+     */
+    classes?: SidebarProviderClasses;
+    /**
+     * Extra props for the layout wrapper.
+     *
+     * @default undefined
+     */
+    customProps?: SidebarProviderCustomProps;
+    /**
+     * Initial desktop expanded state when `v-model` is omitted.
+     *
+     * @default true
+     */
+    defaultOpen?: boolean;
+}
+export interface SidebarProviderSlots {
+    /**
+     * App shell (`Sidebar`, `SidebarInset`, …).
+     */
+    default?: Slot;
+}
+export interface SidebarSlots {
+    /**
+     * Scrollable rail (`List`, `Accordion`, …).
+     */
+    default?: Slot;
+    /**
+     * Sticky footer (user menu, settings).
+     */
+    footer?: Slot;
+    /**
+     * Sticky header (branding, workspace switcher).
+     */
+    header?: Slot;
+}
+export interface SidebarTriggerOwnProps {}
+export interface SidebarTriggerSlots {
+    /**
+     * Replaces the default toggle icon.
+     */
+    default?: Slot;
+}
+export type SidebarInsetProps = MergeHtmlProps<SidebarInsetOwnProps, HTMLAttributes>;
+export type SidebarProps = MergeHtmlProps<SidebarOwnProps, HTMLAttributes>;
+export type SidebarProviderProps = MergeHtmlProps<SidebarProviderOwnProps, HTMLAttributes>;
+export type SidebarTriggerProps = MergeHtmlProps<SidebarTriggerOwnProps, ButtonHTMLAttributes>;
+/**
+ * `List` bound to the nearest `Sidebar`. Sets `iconOnly` when the icon rail
+ * is collapsed on desktop.
+ */
+export type SidebarListProps = ListProps & SidebarListOwnProps;
+/**
+ * `ListItem` bound to the nearest `Sidebar`. Shows `primary` in a tooltip
+ * when the icon rail is collapsed.
+ */
+export type SidebarListItemProps = ListItemProps & SidebarListItemOwnProps;

package/dist/Components/Sidebar/sidebarInjectionKey.d.ts

@@ -0,0 +1,80 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { SidebarState } from '@bridge-ui/core/Domain';
+import { SidebarCollapsible, SidebarSide, SidebarVariant } from '@bridge-ui/core/Tokens';
+/**
+ * Layout fields registered by `Sidebar` for inset / trigger consumers.
+ */
+export type SidebarLayout = {
+    /**
+     * Desktop collapse mode.
+     */
+    collapsible: keyof SidebarCollapsible;
+    /**
+     * Id of the visible panel (`aria-controls`).
+     */
+    panelId: string;
+    /**
+     * Dock edge.
+     */
+    side: keyof SidebarSide;
+    /**
+     * Visual variant.
+     */
+    variant: keyof SidebarVariant;
+};
+/**
+ * Shared sidebar state for `Sidebar`, `SidebarInset`, and `SidebarTrigger`.
+ */
+export type SidebarContextValue = {
+    /**
+     * Desktop collapse mode from the nearest `Sidebar`.
+     */
+    collapsible: keyof SidebarCollapsible;
+    /**
+     * Whether the viewport is below the mobile breakpoint.
+     */
+    isMobile: boolean;
+    /**
+     * Desktop expanded state.
+     */
+    open: boolean;
+    /**
+     * Mobile drawer visibility.
+     */
+    openMobile: boolean;
+    /**
+     * Id of the visible panel for `aria-controls`.
+     */
+    panelId: string;
+    /**
+     * Sets layout fields from the `Sidebar` panel.
+     *
+     * @internal
+     */
+    setLayout: (layout: Partial<SidebarLayout>) => void;
+    /**
+     * Sets the desktop expanded state.
+     */
+    setOpen: (open: boolean) => void;
+    /**
+     * Sets the mobile drawer visibility.
+     */
+    setOpenMobile: (open: boolean) => void;
+    /**
+     * Dock edge from the nearest `Sidebar`.
+     */
+    side: keyof SidebarSide;
+    /**
+     * Desktop visual state (`expanded` / `collapsed`).
+     */
+    state: SidebarState;
+    /**
+     * Toggles desktop `open` or mobile `openMobile` based on viewport.
+     */
+    toggleSidebar: () => void;
+    /**
+     * Visual variant from the nearest `Sidebar`.
+     */
+    variant: keyof SidebarVariant;
+};
+export declare const SIDEBAR_INJECTION_KEY: InjectionKey<ComputedRef<SidebarContextValue>>;

package/dist/Components/Sidebar/sidebarInjectionKey.js

@@ -0,0 +1,4 @@
+//#region src/Components/Sidebar/sidebarInjectionKey.ts
+var e = Symbol("bridge-sidebar");
+//#endregion
+export { e as SIDEBAR_INJECTION_KEY };

package/dist/Components/Sidebar/sidebarListInjectionKey.d.ts

@@ -0,0 +1,5 @@
+import { ComputedRef, InjectionKey } from 'vue';
+export type SidebarListContextValue = {
+    iconOnly: boolean;
+};
+export declare const SIDEBAR_LIST_INJECTION_KEY: InjectionKey<ComputedRef<SidebarListContextValue>>;

package/dist/Components/Sidebar/sidebarListInjectionKey.js

@@ -0,0 +1,4 @@
+//#region src/Components/Sidebar/sidebarListInjectionKey.ts
+var e = Symbol("bridge-sidebar-list");
+//#endregion
+export { e as SIDEBAR_LIST_INJECTION_KEY };

package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,8 @@ import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
 import { useOptionalModel as t } from "../../Utils/useOptionalModel.js";
 import { BASE_FIELD_CHROME_SLOT_NAMES as n } from "../BaseField/baseField.types.js";
 import r from "../BaseField/BaseField.js";
-import { useSlider as i } from "./composables/useSlider.js";
-import a from "../Tooltip/Tooltip.js";
+import i from "../Tooltip/Tooltip.js";
+import { useSlider as a } from "./composables/useSlider.js";
 import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, defineComponent as f, guardReactiveProps as p, mergeModels as m, mergeProps as h, normalizeProps as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, withCtx as w } from "vue";
 import { resolveSliderBounds as T, resolveSliderDefaultValue as E } from "@bridge-ui/core/Domain";
 //#region src/Components/Slider/Slider.vue?vue&type=script&setup=true&lang.ts
@@ -62,7 +62,7 @@ var D = /*@__PURE__*/ f({
 			step: j.step,
 			range: !!O.range,
 			defaultValue: O.defaultValue
-		})), N = t(k, M), P = v([null, null]), { barBind: F, trackRef: I, baseField: L, trackBind: R, controlBind: z, getStopBind: B, thumbIndexes: V, tooltipProps: H, getThumbBind: U, resolvedStops: W, isTooltipOpen: G, hasStopLabels: K, readThumbValue: q, stopLabelsBind: J, getStopLabelBind: Y, getThumbKnobBind: X, showTooltip: Z } = i(() => O, A, N, { onChange: (e) => {
+		})), N = t(k, M), P = v([null, null]), { barBind: F, trackRef: I, baseField: L, trackBind: R, controlBind: z, getStopBind: B, thumbIndexes: V, tooltipProps: H, getThumbBind: U, resolvedStops: W, isTooltipOpen: G, hasStopLabels: K, readThumbValue: q, stopLabelsBind: J, getStopLabelBind: Y, getThumbKnobBind: X, showTooltip: Z } = a(() => O, A, N, { onChange: (e) => {
 			D("change", e);
 		} });
 		function Q(e) {
@@ -72,7 +72,7 @@ var D = /*@__PURE__*/ f({
 			let n = t instanceof HTMLButtonElement ? t : t?.$el ?? null;
 			P.value[e] = n;
 		}
-		return (t, i) => (_(), s(r, { field: S(L) }, d({
+		return (t, a) => (_(), s(r, { field: S(L) }, d({
 			default: w(() => [u("div", g(p(S(z))), [
 				u("div", h({ ref: Q }, S(R)), [
 					u("div", g(p(S(F))), null, 16),
@@ -82,7 +82,7 @@ var D = /*@__PURE__*/ f({
 						ref: (t) => $(e, t)
 					}), [b(t.$slots, "thumb", {}, () => [u("span", h({ ref_for: !0 }, S(X)(e)), null, 16)])], 16))), 128))
 				], 16),
-				S(Z) ? (_(!0), l(o, { key: 0 }, y(S(V), (e) => (_(), s(S(a), h({
+				S(Z) ? (_(!0), l(o, { key: 0 }, y(S(V), (e) => (_(), s(S(i), h({
 					arrow: "",
 					size: "sm",
 					"open-delay": 0,

package/dist/augments.d.ts

@@ -7,6 +7,7 @@ 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 { EmptyStateClasses, EmptyStateProps } from './Components/EmptyState';
 import { IconProps } from './Components/Icon';
 import { LabelClasses, LabelProps } from './Components/Label';
 import { LinkClasses, LinkProps } from './Components/Link';
@@ -21,6 +22,7 @@ import { PasswordFieldClasses, PasswordFieldProps } from './Components/PasswordF
 import { ProgressClasses, ProgressProps } from './Components/Progress';
 import { RadioClasses, RadioProps } from './Components/Radio';
 import { SelectClasses, SelectProps } from './Components/Select';
+import { SidebarClasses, SidebarInsetClasses, SidebarProps, SidebarProviderClasses, SidebarProviderProps } from './Components/Sidebar';
 import { SkeletonClasses, SkeletonProps } from './Components/Skeleton';
 import { SliderClasses, SliderProps } from './Components/Slider';
 import { SnackbarClasses, SnackbarProps } from './Components/Snackbar';
@@ -65,6 +67,10 @@ declare module "@bridge-ui/core/Config" {
         classes: DividerClasses;
         defaultProps: Partial<Pick<DividerProps, "color" | "orientation">>;
     }
+    interface EmptyStateConfigOverrides {
+        classes: EmptyStateClasses;
+        defaultProps: Partial<Pick<EmptyStateProps, "size" | "align" | "titleAs" | "mediaDecorative">>;
+    }
     interface IconConfigOverrides {
         defaultProps: Partial<Pick<IconProps, "size">>;
     }
@@ -122,6 +128,10 @@ declare module "@bridge-ui/core/Config" {
         classes: SelectClasses;
         defaultProps: Partial<Pick<SelectProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage">>;
     }
+    interface SidebarConfigOverrides {
+        classes: SidebarClasses & SidebarInsetClasses & SidebarProviderClasses;
+        defaultProps: Partial<Pick<SidebarProps, "side" | "variant" | "ariaLabel" | "collapsible"> & Pick<SidebarProviderProps, "defaultOpen">>;
+    }
     interface SkeletonConfigOverrides {
         classes: SkeletonClasses;
         defaultProps: Partial<Pick<SkeletonProps, "rounded">>;

package/dist/index.d.ts

@@ -62,6 +62,8 @@ export { Divider, useDivider } from './Components/Divider';
 export type { DividerClasses, DividerColorOverrides, DividerOrientationOverrides, DividerOwnProps, DividerProps, } from './Components/Divider';
 export { Drawer, useDrawer } from './Components/Drawer';
 export type { DrawerBlurOverrides, DrawerClasses, DrawerCustomProps, DrawerEmits, DrawerOwnProps, DrawerPlacementOverrides, DrawerProps, DrawerScrollOverrides, DrawerSizeOverrides, DrawerSlots, DrawerTransitionOverrides, } from './Components/Drawer';
+export { EmptyState, useEmptyState } from './Components/EmptyState';
+export type { EmptyStateAlignOverrides, EmptyStateClasses, EmptyStateCustomProps, EmptyStateOwnProps, EmptyStateProps, EmptyStateSizeOverrides, EmptyStateSlots, } from './Components/EmptyState';
 export { FieldOverlay, useFieldOverlay } from './Components/FieldOverlay';
 export type { FieldOverlayCustomProps, FieldOverlayEmits, FieldOverlayOwnProps, FieldOverlayProps, FieldOverlaySlots, } from './Components/FieldOverlay';
 export { FormControl, useFormControl } from './Components/FormControl';
@@ -100,6 +102,8 @@ export { Radio, useRadio } from './Components/Radio';
 export type { RadioClasses, RadioColorOverrides, RadioCustomProps, RadioOwnProps, RadioProps, RadioRoundedOverrides, RadioSizeOverrides, RadioSlots, } from './Components/Radio';
 export { Select, SelectOption } from './Components/Select';
 export type { SelectAsyncData, SelectClasses, SelectEmits, SelectModel, SelectOptionData, SelectOptionProps, SelectProps, SelectSlots, SelectValue, } from './Components/Select';
+export { Sidebar, SidebarInset, SidebarList, SidebarListItem, SidebarProvider, SidebarTrigger, useSidebar, useSidebarInset, useSidebarList, useSidebarListItem, useSidebarProvider, useSidebarShell, useSidebarTrigger, } from './Components/Sidebar';
+export type { SidebarClasses, SidebarCollapsibleOverrides, SidebarContextValue, SidebarCustomProps, SidebarInsetClasses, SidebarInsetCustomProps, SidebarInsetOwnProps, SidebarInsetProps, SidebarInsetSlots, SidebarListItemOwnProps, SidebarListItemProps, SidebarListOwnProps, SidebarListProps, SidebarOwnProps, SidebarProps, SidebarProviderClasses, SidebarProviderCustomProps, SidebarProviderEmits, SidebarProviderOwnProps, SidebarProviderProps, SidebarProviderSlots, SidebarSideOverrides, SidebarSlots, SidebarTriggerOwnProps, SidebarTriggerProps, SidebarTriggerSlots, SidebarVariantOverrides, } from './Components/Sidebar';
 export { Skeleton, useSkeleton } from './Components/Skeleton';
 export type { SkeletonClasses, SkeletonOwnProps, SkeletonProps, SkeletonRoundedOverrides, } from './Components/Skeleton';
 export { Slider, useSlider } from './Components/Slider';

package/dist/index.js

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

package/docs/README.md

@@ -33,6 +33,7 @@ Component reference and adapter samples for **Vue**. This folder ships with the
 - [DateTimeRangePicker](./components/DateTimeRangePicker.md)
 - [Divider](./components/Divider.md)
 - [Drawer](./components/Drawer.md)
+- [EmptyState](./components/EmptyState.md)
 - [FormControl](./components/FormControl.md)
 - [FormField](./components/FormField.md)
 - [I18n](./components/I18n.md)
@@ -49,6 +50,7 @@ Component reference and adapter samples for **Vue**. This folder ships with the
 - [Progress](./components/Progress.md)
 - [Radio](./components/Radio.md)
 - [Select](./components/Select.md)
+- [Sidebar](./components/Sidebar.md)
 - [Skeleton](./components/Skeleton.md)
 - [Slider](./components/Slider.md)
 - [Snackbar](./components/Snackbar.md)

package/docs/ScrollUtilities.md

@@ -73,7 +73,7 @@ Put background and border on a wrapper; put `bridge-scroll-fade-*` on the inner
 
 - Scroll-aware when the browser supports scroll-driven animations: crisp start edge at rest, both edges mid-scroll, crisp end edge at the end.
 - If content does not overflow, no fade.
-- Without scroll-driven animations, no fade. Wheel / keyboard / programmatic scroll still work.
+- Without scroll-driven animations, both edges fade statically. Wheel / keyboard / programmatic scroll still work.
 - `bridge-scroll-fade-x` follows reading direction (RTL included).
 
 ## TimePanel

package/docs/components/DataTable.md

@@ -141,7 +141,7 @@ When `page` and `page-count` (or `total-count`) are set, DataTable does not sort
 
 ### Empty, loading, and footer
 
-Empty rows show a default empty state; `#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 i18n title `"No data"`. `#empty` replaces it. `loading` keeps the table visible. `loadingVariant="overlay"` (default) dims the table with a spin; `loadingVariant="bar"` dims the table and draws a progress line under the header. `#loading` replaces the indicator. `#footer` renders below the table, above pagination:
 
 ```vue
 <DataTable :rows="[]" :columns="columns" :loading="isLoading">