@chassis-ui/react 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-
 import React, { AriaAttributes, ButtonHTMLAttributes, ChangeEventHandler, ComponentPropsWithRef, ComponentPropsWithoutRef, DetailsHTMLAttributes, DialogHTMLAttributes, ElementType, FC, FormHTMLAttributes, Fragment, HTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, Key, LabelHTMLAttributes, MouseEvent, MouseEventHandler, ReactElement, ReactNode, Ref, RefObject, SVGAttributes, TextareaHTMLAttributes, useEffect } from "react";
 import { DateValue, I18nProvider, Key as Key$1, RangeValue } from "react-aria";
-import { DateValue as DateValue$1, Key as Key$2, Selection, SortDescriptor, TableBodyProps, TableHeaderProps, ToastQueue } from "react-stately";
+import { ColumnSize, ColumnStaticSize, DateValue as DateValue$1, Key as Key$2, Selection, SortDescriptor, TableBodyProps as TableBodyProps$1, TableHeaderProps as TableHeaderProps$1, ToastQueue } from "react-stately";
+import { Key as Key$3, Selection as Selection$1, SortDescriptor as SortDescriptor$1, TableBodyRenderProps } from "react-aria-components";
 //#region src/components/accordion/Accordion.d.ts
 interface AccordionItemDef {
   /**
@@ -84,14 +84,28 @@ interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
    */
   onExpandedChange?: (keys: Array<number | string>) => void;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
 }
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/utils/polymorphic.d.ts
 type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>['ref'];
+/**
+ * Ref type for a polymorphic component that can also pick its element from a prop *other* than
+ * `component` — `Button`, `Chip`, `Avatar`, `NavbarBrand` and `PaginationItem` all render an
+ * `<a>` when given `href`, and `PaginationItem` a `<span>` when `active`, none of which moves `C`
+ * off its default. A plain `PolymorphicRef<C>` describes only the `component` branch, so a caller
+ * holding a ref for the element that actually gets rendered (`<Button href="/x" ref={anchorRef}>`)
+ * got a spurious type error while the runtime happily populated it.
+ *
+ * `Ref` over the *union* rather than a union of `Ref`s is what makes a
+ * `createRef<HTMLButtonElement | HTMLAnchorElement>()` assignable here: `RefObject` is invariant
+ * in its type argument, so `RefObject<A | B>` satisfies `Ref<A | B>` but neither `Ref<A>` nor
+ * `Ref<B>` on its own.
+ */
+type PolymorphicRefWithFallback<C extends ElementType, Fallback extends HTMLElement> = PolymorphicRef<C> | Ref<Fallback>;
 /**
  * Props for a polymorphic component: `OwnProps` (which must declare `component?: C`) plus
  * whatever props `C` itself accepts, minus any name already claimed by `OwnProps` so the two
@@ -117,7 +131,7 @@ type AccordionBodyComponent = (<C extends ElementType = 'div'>(props: AccordionB
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const AccordionBody: AccordionBodyComponent;
+export declare const AccordionBody: AccordionBodyComponent;
 //#endregion
 //#region src/components/accordion/AccordionHeader.d.ts
 interface AccordionHeaderProps extends HTMLAttributes<HTMLElement> {
@@ -126,7 +140,7 @@ interface AccordionHeaderProps extends HTMLAttributes<HTMLElement> {
    */
   className?: string;
 }
-declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLElement>>;
+export declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLElement>>;
 //#endregion
 //#region src/components/accordion/AccordionItem.d.ts
 interface AccordionItemProps extends DetailsHTMLAttributes<HTMLDetailsElement> {
@@ -152,7 +166,7 @@ interface AccordionItemProps extends DetailsHTMLAttributes<HTMLDetailsElement> {
    */
   itemKey?: number | string;
 }
-declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDetailsElement>>;
+export declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDetailsElement>>;
 //#endregion
 //#region src/components/menu/MenuItemDef.d.ts
 interface MenuItemDef {
@@ -321,9 +335,9 @@ interface AutocompleteProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
    */
   searchPlaceholder?: string;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Set component validation state to valid.
    */
@@ -337,7 +351,7 @@ interface AutocompleteProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
    */
   value?: Key$2 | Key$2[] | null;
 }
-declare const Autocomplete: {
+export declare const Autocomplete: {
   ({ children, className, defaultValue, disabled, help, id, invalid, invalidFeedback, items, label, multiple, name, noResultsText, onChange, placeholder, searchPlaceholder, size, valid, validFeedback, value, ...rest }: AutocompleteProps): ReactNode;
   displayName: string;
 };
@@ -353,14 +367,14 @@ interface ComboboxGroupProps {
    */
   label: ReactNode;
 }
-declare const ComboboxGroup: {
+export declare const ComboboxGroup: {
   (_props: ComboboxGroupProps): null;
   displayName: string;
 };
 //#endregion
 //#region src/components/autocomplete/AutocompleteGroup.d.ts
 type AutocompleteGroupProps = ComboboxGroupProps;
-declare const AutocompleteGroup: {
+export declare const AutocompleteGroup: {
   (_props: AutocompleteGroupProps): null;
   displayName: string;
 };
@@ -395,14 +409,14 @@ interface ComboboxItemProps {
    */
   textValue?: string;
 }
-declare const ComboboxItem: {
+export declare const ComboboxItem: {
   (_props: ComboboxItemProps): null;
   displayName: string;
 };
 //#endregion
 //#region src/components/autocomplete/AutocompleteItem.d.ts
 type AutocompleteItemProps = ComboboxItemProps;
-declare const AutocompleteItem: {
+export declare const AutocompleteItem: {
   (_props: AutocompleteItemProps): null;
   displayName: string;
 };
@@ -411,7 +425,7 @@ declare const AutocompleteItem: {
 /**
  * Breakpoints
  */
-type Breakpoint = 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
+type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 /**
  * Context colors
  */
@@ -423,17 +437,17 @@ type ContextStyle = 'basic' | 'solid' | 'outline' | 'smooth';
 /**
  * Component sizes
  */
-type Sizing = 'small' | 'medium' | 'large';
+type Sizing = 'sm' | 'md' | 'lg';
 /**
  * Extended sizes
  */
-type ExtendedSizing = '2xsmall' | 'xsmall' | Sizing | 'xlarge' | '2xlarge';
+type ExtendedSizing = '2xs' | 'xs' | Sizing | 'xl' | '2xl';
 /**
  * Spacing values. `SPACING` is the runtime source of truth — `Spacing` is derived from it so the
  * two can't drift apart; anything needing the values at runtime (e.g. validating a string against
  * the scale) should import `SPACING`, not hand-copy the list.
  */
-declare const SPACING: readonly ["zero", "4xsmall", "3xsmall", "2xsmall", "xsmall", "small", "medium", "large", "xlarge", "2xlarge", "3xlarge", "4xlarge", "5xlarge", "6xlarge"];
+declare const SPACING: readonly ["zero", "4xs", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
 type Spacing = (typeof SPACING)[number];
 /**
  * Component shapes
@@ -493,11 +507,11 @@ type AvatarOwnProps<C extends ElementType> = {
 };
 type AvatarProps<C extends ElementType = 'span'> = PolymorphicComponentProps<C, AvatarOwnProps<C>>;
 type AvatarComponent = (<C extends ElementType = 'span'>(props: AvatarProps<C> & {
-  ref?: PolymorphicRef<C>;
+  ref?: PolymorphicRefWithFallback<C, HTMLSpanElement | HTMLAnchorElement>;
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Avatar: AvatarComponent;
+export declare const Avatar: AvatarComponent;
 //#endregion
 //#region src/components/avatar/AvatarImage.d.ts
 interface AvatarImageProps extends ImgHTMLAttributes<HTMLImageElement> {
@@ -506,7 +520,7 @@ interface AvatarImageProps extends ImgHTMLAttributes<HTMLImageElement> {
    */
   className?: string;
 }
-declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+export declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
 //#endregion
 //#region src/components/avatar/AvatarStack.d.ts
 interface AvatarStackItemDef {
@@ -568,7 +582,7 @@ type AvatarStackComponent = (<C extends ElementType = 'div'>(props: AvatarStackP
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const AvatarStack: AvatarStackComponent;
+export declare const AvatarStack: AvatarStackComponent;
 //#endregion
 //#region src/components/notification/Notification.d.ts
 interface NotificationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
@@ -646,7 +660,7 @@ interface NotificationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'
    */
   visible?: boolean;
 }
-declare const Notification: React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Notification: React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/notification/NotificationTitle.d.ts
 type NotificationTitleOwnProps<C extends ElementType> = {
@@ -665,7 +679,7 @@ type NotificationTitleComponent = (<C extends ElementType = 'h4'>(props: Notific
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const NotificationTitle: NotificationTitleComponent;
+export declare const NotificationTitle: NotificationTitleComponent;
 //#endregion
 //#region src/components/icon/Icon.d.ts
 interface IconOwnProps {
@@ -695,7 +709,7 @@ type IconProps = (IconOwnProps & {
 } & Omit<HTMLAttributes<HTMLSpanElement>, keyof IconOwnProps>) | (IconOwnProps & {
   font?: false;
 } & Omit<SVGAttributes<SVGSVGElement>, keyof IconOwnProps>);
-declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement | SVGSVGElement>>;
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement | SVGSVGElement>>;
 //#endregion
 //#region src/components/notification/NotificationIcon.d.ts
 type NotificationIconProps = IconProps & {
@@ -704,7 +718,7 @@ type NotificationIconProps = IconProps & {
    */
   className?: string;
 };
-declare const NotificationIcon: React.ForwardRefExoticComponent<NotificationIconProps & React.RefAttributes<HTMLSpanElement | SVGSVGElement>>;
+export declare const NotificationIcon: React.ForwardRefExoticComponent<NotificationIconProps & React.RefAttributes<HTMLSpanElement | SVGSVGElement>>;
 //#endregion
 //#region src/components/notification/NotificationText.d.ts
 type NotificationTextOwnProps<C extends ElementType> = {
@@ -723,7 +737,7 @@ type NotificationTextComponent = (<C extends ElementType = 'div'>(props: Notific
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const NotificationText: NotificationTextComponent;
+export declare const NotificationText: NotificationTextComponent;
 //#endregion
 //#region src/components/notification/NotificationStack.d.ts
 interface NotificationStackProps extends HTMLAttributes<HTMLDivElement> {
@@ -737,7 +751,7 @@ interface NotificationStackProps extends HTMLAttributes<HTMLDivElement> {
    */
   reverse?: boolean;
 }
-declare const NotificationStack: React.ForwardRefExoticComponent<NotificationStackProps & React.RefAttributes<HTMLDivElement>>;
+export declare const NotificationStack: React.ForwardRefExoticComponent<NotificationStackProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/notification/notificationQueue.d.ts
 interface NotificationContent extends Pick<NotificationProps, 'actions' | 'autohide' | 'closeLabel' | 'color' | 'delay' | 'dismissible' | 'icon' | 'role' | 'solid' | 'text' | 'title' | 'titleComponent'> {
@@ -748,9 +762,9 @@ interface NotificationContent extends Pick<NotificationProps, 'actions' | 'autoh
    */
   children?: ReactNode;
 }
-declare const notificationQueue: ToastQueue<NotificationContent>;
-declare function addNotification(children?: ReactNode, options?: Omit<NotificationContent, 'children'>): string;
-declare function closeNotification(key: string): void;
+export declare const notificationQueue: ToastQueue<NotificationContent>;
+export declare function addNotification(children?: ReactNode, options?: Omit<NotificationContent, 'children'>): string;
+export declare function closeNotification(key: string): void;
 //#endregion
 //#region src/components/badge/Badge.d.ts
 type BadgeOwnProps<C extends ElementType> = {
@@ -789,7 +803,7 @@ type BadgeComponent = (<C extends ElementType = 'span'>(props: BadgeProps<C> & {
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Badge: BadgeComponent;
+export declare const Badge: BadgeComponent;
 //#endregion
 //#region src/components/breadcrumb/Breadcrumb.d.ts
 interface BreadcrumbItemDef {
@@ -803,6 +817,15 @@ interface BreadcrumbItemDef {
   href?: string;
 }
 interface BreadcrumbProps extends HTMLAttributes<HTMLOListElement> {
+  /**
+   * Accessible name of the wrapping `<nav>` landmark. Defaults to the English `'breadcrumb'`;
+   * override it to translate the landmark, or to tell two breadcrumb trails on the same page
+   * apart (landmarks of the same role need distinct names to be distinguishable in a screen
+   * reader's landmark list).
+   *
+   * @default 'breadcrumb'
+   */
+  'aria-label'?: string;
   /**
    * A string of all className you want applied to the component.
    */
@@ -813,7 +836,7 @@ interface BreadcrumbProps extends HTMLAttributes<HTMLOListElement> {
    */
   items?: BreadcrumbItemDef[];
 }
-declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLOListElement>>;
+export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLOListElement>>;
 //#endregion
 //#region src/components/breadcrumb/BreadcrumbItem.d.ts
 interface BreadcrumbItemProps extends HTMLAttributes<HTMLLIElement> {
@@ -830,7 +853,7 @@ interface BreadcrumbItemProps extends HTMLAttributes<HTMLLIElement> {
    */
   href?: string;
 }
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
+export declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
 //#endregion
 //#region src/components/button/Button.d.ts
 type ButtonOwnProps<C extends ElementType> = {
@@ -870,9 +893,9 @@ type ButtonOwnProps<C extends ElementType> = {
    */
   shape?: Shapes;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Specifies the type of button. Always specify the type attribute for the `<button>` element.
    * Different browsers may use different default types for the `<button>` element.
@@ -887,11 +910,11 @@ type ButtonOwnProps<C extends ElementType> = {
 };
 type ButtonProps<C extends ElementType = 'button'> = PolymorphicComponentProps<C, ButtonOwnProps<C>>;
 type ButtonComponent = (<C extends ElementType = 'button'>(props: ButtonProps<C> & {
-  ref?: PolymorphicRef<C>;
+  ref?: PolymorphicRefWithFallback<C, HTMLButtonElement | HTMLAnchorElement>;
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Button: ButtonComponent;
+export declare const Button: ButtonComponent;
 //#endregion
 //#region src/components/button-group/ButtonGroup.d.ts
 type ButtonGroupOwnProps<C extends ElementType> = {
@@ -904,9 +927,9 @@ type ButtonGroupOwnProps<C extends ElementType> = {
    */
   component?: C;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here.
    */
@@ -918,7 +941,7 @@ type ButtonGroupComponent = (<C extends ElementType = 'div'>(props: ButtonGroupP
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const ButtonGroup: ButtonGroupComponent;
+export declare const ButtonGroup: ButtonGroupComponent;
 //#endregion
 //#region src/components/button-group/ButtonToolbar.d.ts
 type ButtonToolbarOwnProps<C extends ElementType> = {
@@ -937,7 +960,39 @@ type ButtonToolbarComponent = (<C extends ElementType = 'div'>(props: ButtonTool
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const ButtonToolbar: ButtonToolbarComponent;
+export declare const ButtonToolbar: ButtonToolbarComponent;
+//#endregion
+//#region src/components/calendar/labels.d.ts
+/**
+ * The user-facing strings the calendar/datepicker family renders itself, rather than getting from
+ * the active locale.
+ *
+ * Everything else these components say — weekday names, month names, the calendar system, segment
+ * order — comes from `I18nProvider`'s locale via react-aria, which ships its own translations. The
+ * strings below have no equivalent in react-aria's dictionaries, so they were hardcoded English
+ * with no way to override them: under `<I18nProvider locale="ar-SA">` a user got Arabic month
+ * names interleaved with an English "Previous years". Pass `labels` to translate them, the same
+ * way `Pagination`'s `previousLabel`/`nextLabel` are translated (see the Internationalization
+ * docs page).
+ */
+interface CalendarLabels {
+  /** Accessible name of the year view's "page back" arrow. */
+  previousYears: string;
+  /** Accessible name of the year view's "page forward" arrow. */
+  nextYears: string;
+  /** Prefix of the year view's live-region announcement, rendered as `${selectYear}, 2020 – 2034`. */
+  selectYear: string;
+  /** Prefix of the month view's live-region announcement, rendered as `${selectMonth}, 2024`. */
+  selectMonth: string;
+  /** Prefix of the header month button's accessible name, rendered as `${month}: March`. */
+  month: string;
+  /** Prefix of the header year button's accessible name, rendered as `${year}: 2024`. */
+  year: string;
+  /** Accessible name of the trigger that opens the calendar overlay. */
+  calendar: string;
+  /** Accessible name of the adornment that resets the current selection. */
+  clear: string;
+}
 //#endregion
 //#region src/components/calendar/Calendar.d.ts
 interface CalendarBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
@@ -973,6 +1028,14 @@ interface CalendarBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
    * shown but cannot be selected.
    */
   isDateUnavailable?: (date: DateValue$1) => boolean;
+  /**
+   * Overrides for the handful of strings this component renders itself rather than getting from
+   * the active locale (the year view's paging arrows, its live-region announcements, and the
+   * month/year header buttons). Everything else — month and weekday names, the calendar system —
+   * follows `I18nProvider`'s locale via react-aria and needs no override. Merged over the English
+   * defaults, so passing one key leaves the rest alone.
+   */
+  labels?: Partial<CalendarLabels>;
   /**
    * The maximum allowed date that a user may select.
    */
@@ -989,7 +1052,7 @@ interface CalendarBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
   unavailableDates?: string[];
   /**
    * Number of months to display side by side, sharing one selection. Wraps to multiple rows in
-   * a narrow container (e.g. a popover on a small screen) rather than overflowing — the wrap is
+   * a narrow container (e.g. a popover on a sm screen) rather than overflowing — the wrap is
    * driven by the calendar's own width, not the viewport, so it adapts correctly regardless of
    * where the calendar is embedded.
    *
@@ -1039,7 +1102,7 @@ interface CalendarMultipleProps extends CalendarBaseProps {
   value?: DateValue$1[] | null;
 }
 type CalendarProps = CalendarSingleProps | CalendarMultipleProps;
-declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/utils/dateRangePresets.d.ts
 interface DateRangePreset {
@@ -1085,6 +1148,14 @@ interface RangeCalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCha
    * shown but cannot be selected.
    */
   isDateUnavailable?: (date: DateValue$1) => boolean;
+  /**
+   * Overrides for the handful of strings this component renders itself rather than getting from
+   * the active locale (the year view's paging arrows, its live-region announcements, and the
+   * month/year header buttons). Everything else — month and weekday names, the calendar system —
+   * follows `I18nProvider`'s locale via react-aria and needs no override. Merged over the English
+   * defaults, so passing one key leaves the rest alone.
+   */
+  labels?: Partial<CalendarLabels>;
   /**
    * The maximum allowed date that a user may select.
    */
@@ -1115,7 +1186,7 @@ interface RangeCalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCha
   value?: RangeValue<DateValue$1> | null;
   /**
    * Number of months to display side by side, sharing one selection. Wraps to multiple rows in
-   * a narrow container (e.g. a popover on a small screen) rather than overflowing — the wrap is
+   * a narrow container (e.g. a popover on a sm screen) rather than overflowing — the wrap is
    * driven by the calendar's own width, not the viewport, so it adapts correctly regardless of
    * where the calendar is embedded.
    *
@@ -1123,7 +1194,364 @@ interface RangeCalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCha
    */
   visibleMonths?: number;
 }
-declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/datagrid/DataGridBody.d.ts
+interface DataGridBodyOwnProps {
+  /**
+   * A string of all className you want applied to the body row group.
+   */
+  className?: string;
+  /**
+   * Values that should invalidate the row cache when using the `items`/render-function form of
+   * `children` — e.g. a value from outside `items` that the render function reads. Without this,
+   * changing that outside value won't re-render already-cached rows, since dynamic rows are only
+   * rebuilt when `items` or `dependencies` change by reference, not on every parent re-render.
+   */
+  dependencies?: ReadonlyArray<unknown>;
+  /**
+   * Content shown in place of rows when `items` is empty.
+   */
+  renderEmptyState?: (props: TableBodyRenderProps) => React.ReactNode;
+}
+/**
+ * The `items` + render-function form. `isLoading`/`loadingContent`/`onLoadMore` live here rather
+ * than alongside the static form because the loader row is generated by appending to `items` and
+ * rendering through that same function — there's no growing dataset to load more of, and nothing
+ * to render the loader with, in a hand-written list of `DataGridRow` elements.
+ */
+interface DataGridBodyDynamicProps<T> {
+  /**
+   * A render function called once per item in `items`, returning that row's `DataGridRow`.
+   */
+  children: (item: T) => ReactElement;
+  /**
+   * Whether more items are currently being fetched. Shows `loadingContent` in the loader row while
+   * true, and — until this goes back to `false` — suppresses further `onLoadMore` calls, so one
+   * scroll-into-view doesn't fire the callback again before the in-flight fetch resolves.
+   */
+  isLoading?: boolean;
+  /**
+   * A list of row data objects, rendered via the function form of `children`.
+   */
+  items: Iterable<T>;
+  /**
+   * Content rendered inside the loader row while `isLoading` is true, e.g. a spinner. Only takes
+   * effect alongside `onLoadMore`.
+   */
+  loadingContent?: ReactNode;
+  /**
+   * Called when the grid scrolls near its last row, so more data can be fetched and appended to
+   * `items`. Pair with `isLoading` so a fetch already in flight isn't triggered again before it
+   * resolves.
+   */
+  onLoadMore?: () => void;
+}
+/** The static form: `DataGridRow` elements written out directly. */
+interface DataGridBodyStaticProps {
+  /**
+   * `DataGridRow` elements.
+   */
+  children: ReactElement | ReactElement[];
+  isLoading?: never;
+  items?: never;
+  loadingContent?: never;
+  onLoadMore?: never;
+}
+/**
+ * Split into a static and a dynamic form so the two can't be mixed: the loader row is appended to
+ * `items` and rendered through `children`, so `onLoadMore` alongside a static list of elements used
+ * to type-check and then throw at render ("children is not a function") the moment the loader row
+ * came up.
+ */
+type DataGridBodyProps<T> = DataGridBodyOwnProps & (DataGridBodyDynamicProps<T> | DataGridBodyStaticProps);
+/**
+ * Body row group for `DataGrid`, containing `DataGridRow`s. Unlike `Table`'s sub-parts, this
+ * renders directly — it's a thin wrapper over react-aria-components' own `TableBody`.
+ *
+ * Always carries the `datagrid-body` class — see `DataGridHeader`'s equivalent note.
+ */
+export declare const DataGridBody: <T extends object>({ children, className, dependencies, isLoading, items, loadingContent, onLoadMore, renderEmptyState }: DataGridBodyProps<T>) => React.JSX.Element;
+//#endregion
+//#region src/components/datagrid/DataGridHeader.d.ts
+interface DataGridHeaderProps<T> {
+  /**
+   * `DataGridColumn` elements, or a render function paired with `columns` for dynamic column
+   * generation.
+   */
+  children: ReactNode | ((column: T) => ReactElement);
+  /**
+   * A string of all className you want applied to the header row group.
+   */
+  className?: string;
+  /**
+   * A list of column data objects, rendered via the function form of `children`.
+   */
+  columns?: Iterable<T>;
+  /**
+   * Values that should invalidate the column cache when using the `columns`/render-function form
+   * of `children` — see `DataGridBody`'s `dependencies` for why this matters.
+   */
+  dependencies?: ReadonlyArray<unknown>;
+}
+/**
+ * Header row group for `DataGrid`, containing `DataGridColumn`s. Unlike `Table`'s sub-parts,
+ * this renders directly — it's a thin wrapper over react-aria-components' own `TableHeader`.
+ *
+ * Always carries the `datagrid-header` class (not just the caller's `className`) — `DataGrid.scss`
+ * uses it to tell header cells from body cells, since react-aria-components renders both as plain
+ * `[role="rowgroup"]` divs with no structural difference to select on otherwise.
+ */
+export declare const DataGridHeader: <T extends object>({ children, className, columns, dependencies }: DataGridHeaderProps<T>) => React.JSX.Element;
+//#endregion
+//#region src/components/datagrid/DataGrid.d.ts
+interface DataGridOwnProps<T extends object> {
+  /**
+   * An accessible label for the grid, used when there's no visible heading.
+   */
+  'aria-label'?: string;
+  /**
+   * Identifies a visible heading element for the grid.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * Set the vertical alignment of cell content. Mirrors `Table`'s prop of the same name for API
+   * parity — same as `Table`, this awaits chassis-css adding the matching `.align-*` styles.
+   */
+  align?: 'bottom' | 'middle' | 'top';
+  /**
+   * Add borders on all sides of the grid and cells.
+   */
+  bordered?: boolean;
+  /**
+   * Remove borders on all sides of the grid and cells.
+   */
+  borderless?: boolean;
+  /**
+   * A `DataGridHeader` and a `DataGridBody`, each built from `DataGridColumn`/`DataGridRow`/
+   * `DataGridCell`.
+   */
+  children: [ReactElement<DataGridHeaderProps<T>>, ReactElement<DataGridBodyProps<T>>];
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Sets the color of the component.
+   */
+  color?: ContextColor;
+  /**
+   * A list of row keys to disable. Disabled rows cannot be selected, focused, or interacted with.
+   */
+  disabledKeys?: Iterable<Key$3>;
+  /**
+   * Content shown below the grid, e.g. a totals row or a "load more" control. Rendered as plain
+   * markup outside the grid's own scrollable/virtualized region — not part of the
+   * keyboard-navigable grid, and never scrolls out of view along with the body rows. Mirrors
+   * `Table`'s `footer` prop for API parity.
+   */
+  footer?: ReactNode;
+  /**
+   * Enable a hover state on grid rows.
+   */
+  hover?: boolean;
+  /**
+   * Handler that is called when the selection changes.
+   */
+  onSelectionChange?: (keys: Selection$1) => void;
+  /**
+   * Handler that is called when a column is sorted.
+   */
+  onSortChange?: (descriptor: SortDescriptor$1) => void;
+  /**
+   * The currently selected row keys (controlled).
+   */
+  selectedKeys?: Selection$1;
+  /**
+   * The type of selection that is allowed.
+   */
+  selectionMode?: 'none' | 'single' | 'multiple';
+  /**
+   * Make the grid more compact by cutting all cell padding.
+   */
+  sm?: boolean;
+  /**
+   * The current sort column and direction.
+   */
+  sortDescriptor?: SortDescriptor$1;
+}
+type DataGridRowHeightProps = {
+  /**
+   * Row height in pixels, or `"auto"` to measure each row from its own rendered content
+   * instead of a single fixed height shared by every row (pair it with a required
+   * `estimatedRowHeight`, and see the docs site's "Variable row height" section for the
+   * tradeoffs). A fixed number renders every row, including the header, at that exact
+   * height; content taller than it visually overflows rather than growing the row.
+   */
+  rowHeight: number;
+  estimatedRowHeight?: never;
+} | {
+  rowHeight: 'auto';
+  /**
+   * Seeds the virtualizer's scroll-position math for rows that haven't been measured yet.
+   * Required when `rowHeight="auto"` — pick a value close to the typical row's real height
+   * to minimize scroll-jump on first measurement. A row's real height can still turn out far
+   * from this estimate once it renders, which can cause a visible scroll-jump for rows the
+   * viewport hasn't reached yet.
+   */
+  estimatedRowHeight: number;
+};
+type DataGridProps<T extends object> = DataGridOwnProps<T> & DataGridRowHeightProps;
+export declare const DataGrid: <T extends object>(props: DataGridProps<T> & {
+  ref?: Ref<HTMLDivElement>;
+}) => ReactElement;
+//#endregion
+//#region src/components/datagrid/DataGridCell.d.ts
+interface DataGridCellProps {
+  /**
+   * The contents of the cell.
+   */
+  children: ReactNode;
+  /**
+   * A string of all className you want applied to the cell.
+   */
+  className?: string;
+  /**
+   * Indicates how many columns the cell spans.
+   */
+  colSpan?: number;
+  /**
+   * The unique id of the cell.
+   */
+  id?: Key$3;
+  /**
+   * A string representation of the cell's contents, used for typeahead.
+   */
+  textValue?: string;
+}
+/**
+ * A cell within a `DataGrid` row. Unlike `Table`'s sub-parts, this renders directly — it's a
+ * thin wrapper over react-aria-components' own `Cell`.
+ */
+export declare const DataGridCell: ({ children, className, colSpan, id, textValue }: DataGridCellProps) => React.JSX.Element;
+//#endregion
+//#region src/components/datagrid/DataGridColumn.d.ts
+interface DataGridColumnProps {
+  /**
+   * Whether the column allows sorting. Adds a sort indicator and makes the header
+   * clickable/keyboard-activatable.
+   */
+  allowsSorting?: boolean;
+  /**
+   * Rendered contents of the column header.
+   */
+  children: ReactNode;
+  /**
+   * A string of all className you want applied to the column header.
+   */
+  className?: string;
+  /**
+   * The initial width of the column, e.g. for a narrow selection/icon column — a plain number or
+   * `'<n>%'` for a fixed size, or `'<n>fr'` to share remaining space with other fractional
+   * columns in proportion (columns default to `'1fr'`, so they split space evenly unless given
+   * one of these). Unlike `Table`, which sizes a narrow column via `width: 1%` relying on native
+   * `<table>` auto-layout, `DataGrid`'s virtualized layout computes every column's width itself —
+   * a CSS `width` rule on the cell has no effect, so this prop is the only way to size a column.
+   */
+  defaultWidth?: ColumnSize | null;
+  /**
+   * The unique id of the column, referenced by `sortDescriptor.column`.
+   */
+  id?: Key$3;
+  /**
+   * Whether this column is a row header, announced by assistive technology during row
+   * navigation.
+   */
+  isRowHeader?: boolean;
+  /**
+   * The maximum width of the column, as a fixed pixel number or `'<n>%'`.
+   */
+  maxWidth?: ColumnStaticSize | null;
+  /**
+   * The minimum width of the column, as a fixed pixel number or `'<n>%'`.
+   */
+  minWidth?: ColumnStaticSize | null;
+  /**
+   * Pin the column so it stays visible while the grid scrolls horizontally: `'start'` pins it to
+   * the leading edge, `'end'` to the trailing edge. Stacks correctly with other pinned columns on
+   * the same side, in declaration order.
+   */
+  pin?: 'start' | 'end';
+  /**
+   * A string representation of the column header, used for accessibility announcements. Defaults
+   * to `children` when it's a plain string — set this explicitly when the header contains
+   * anything else (an icon, a `Tooltip`, etc.).
+   */
+  textValue?: string;
+}
+/**
+ * A column within `DataGrid`. Unlike `Table`'s sub-parts, this renders directly — it's a thin
+ * wrapper over react-aria-components' own `Column`.
+ *
+ * When `allowsSorting` is set, renders a sort indicator after `children` — mirrors `Table`'s own
+ * `TableColumnHeader`, but reads the active direction from react-aria-components' own
+ * `ColumnRenderProps` (via the `children` render-prop form) instead of reaching into table state
+ * directly, since this wrapper has no state of its own to read.
+ */
+export declare const DataGridColumn: ({ allowsSorting, children, className, defaultWidth, id, isRowHeader, maxWidth, minWidth, pin, textValue }: DataGridColumnProps) => React.JSX.Element;
+//#endregion
+//#region src/components/datagrid/DataGridRow.d.ts
+interface DataGridRowProps<T> {
+  /**
+   * `DataGridCell` elements, or a render function called once per column with that column's
+   * data — required when the row's parent `DataGridBody` uses the `items`/render-function form.
+   */
+  children: ReactNode | ((column: T) => ReactElement);
+  /**
+   * A string of all className you want applied to the row.
+   */
+  className?: string;
+  /**
+   * A list of column data objects, rendered via the function form of `children`.
+   */
+  columns?: Iterable<T>;
+  /**
+   * The unique id of the row, referenced by `selectedKeys`/`disabledKeys`.
+   */
+  id?: Key$3;
+  /**
+   * A string representation of the row's contents, used for typeahead.
+   */
+  textValue?: string;
+}
+/**
+ * A row within `DataGrid`. Unlike `Table`'s sub-parts, this renders directly — it's a thin
+ * wrapper over react-aria-components' own `Row`.
+ */
+export declare const DataGridRow: <T extends object>({ children, className, columns, id, textValue }: DataGridRowProps<T>) => React.JSX.Element;
+//#endregion
+//#region src/components/datagrid/DataGridSelectionCell.d.ts
+interface DataGridSelectionCellProps {
+  /**
+   * A string of all className you want applied to the checkbox, replacing the default
+   * `check-input`.
+   */
+  className?: string;
+}
+/**
+ * Selection checkbox for one `DataGrid` row — place inside a `DataGridCell`.
+ *
+ * react-aria-components' own `Checkbox` always visually hides its native `<input>` behind a custom
+ * indicator the caller must supply. This renders a plain native `<input className="check-input">`
+ * instead, wired to the same state, so it picks up chassis-css's existing checkbox styling for
+ * free with no new CSS of its own.
+ */
+export declare const DataGridSelectionCell: ({ className }: DataGridSelectionCellProps) => React.JSX.Element;
+/**
+ * "Select all" checkbox for `DataGrid`'s header row — place inside a `DataGridColumn`. See
+ * `DataGridSelectionCell` for why this bypasses react-aria-components' own `Checkbox`.
+ */
+export declare const DataGridSelectAllCell: ({ className }: DataGridSelectionCellProps) => React.JSX.Element;
 //#endregion
 //#region src/utils/breakpoints.d.ts
 type Span = 'auto' | number | string | boolean;
@@ -1170,8 +1598,8 @@ type CardOwnProps<C extends ElementType> = {
    */
   imageOrientation?: 'top' | 'bottom';
   /**
-   * Overrides `direction` at one or more breakpoints — e.g. `{ large: 'row' }` to lay the card
-   * out horizontally from `large` up while stacking below it.
+   * Overrides `direction` at one or more breakpoints — e.g. `{ lg: 'row' }` to lay the card
+   * out horizontally from `lg` up while stacking below it.
    */
   responsive?: Partial<Record<Breakpoint, FlexDirection>>;
   /**
@@ -1207,7 +1635,7 @@ type CardComponent = (<C extends ElementType = 'div'>(props: CardProps<C> & {
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Card: CardComponent;
+export declare const Card: CardComponent;
 //#endregion
 //#region src/components/card/CardBody.d.ts
 type CardBodyOwnProps<C extends ElementType> = {
@@ -1242,7 +1670,7 @@ type CardBodyComponent = (<C extends ElementType = 'div'>(props: CardBodyProps<C
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CardBody: CardBodyComponent;
+export declare const CardBody: CardBodyComponent;
 //#endregion
 //#region src/components/card/CardFooter.d.ts
 type CardFooterOwnProps<C extends ElementType> = {
@@ -1261,7 +1689,7 @@ type CardFooterComponent = (<C extends ElementType = 'div'>(props: CardFooterPro
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CardFooter: CardFooterComponent;
+export declare const CardFooter: CardFooterComponent;
 //#endregion
 //#region src/components/card/CardGroup.d.ts
 type CardGroupOwnProps<C extends ElementType> = {
@@ -1280,7 +1708,7 @@ type CardGroupComponent = (<C extends ElementType = 'div'>(props: CardGroupProps
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CardGroup: CardGroupComponent;
+export declare const CardGroup: CardGroupComponent;
 //#endregion
 //#region src/components/card/CardHeader.d.ts
 type CardHeaderOwnProps<C extends ElementType> = {
@@ -1299,7 +1727,7 @@ type CardHeaderComponent = (<C extends ElementType = 'div'>(props: CardHeaderPro
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CardHeader: CardHeaderComponent;
+export declare const CardHeader: CardHeaderComponent;
 //#endregion
 //#region src/components/card/CardImage.d.ts
 type CardImageOrientation = 'top' | 'bottom' | 'start' | 'end';
@@ -1320,7 +1748,7 @@ type CardImageOwnProps<C extends ElementType> = {
    */
   orientation?: CardImageOrientation;
   /**
-   * Overrides `orientation` at one or more breakpoints — e.g. `{ large: 'start' }` to switch an
+   * Overrides `orientation` at one or more breakpoints — e.g. `{ lg: 'start' }` to switch an
    * image cap from `top` to `start` once the card lays out horizontally.
    */
   responsive?: Partial<Record<Breakpoint, CardImageOrientation>>;
@@ -1331,7 +1759,7 @@ type CardImageComponent = (<C extends ElementType = 'img'>(props: CardImageProps
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CardImage: CardImageComponent;
+export declare const CardImage: CardImageComponent;
 //#endregion
 //#region src/components/card/CardImageOverlay.d.ts
 type CardImageOverlayOwnProps<C extends ElementType> = {
@@ -1350,7 +1778,7 @@ type CardImageOverlayComponent = (<C extends ElementType = 'div'>(props: CardIma
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CardImageOverlay: CardImageOverlayComponent;
+export declare const CardImageOverlay: CardImageOverlayComponent;
 //#endregion
 //#region src/components/link/Link.d.ts
 type LinkOwnProps<C extends ElementType> = {
@@ -1415,7 +1843,7 @@ type LinkComponent = (<C extends ElementType = 'a'>(props: LinkProps<C> & {
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Link: LinkComponent;
+export declare const Link: LinkComponent;
 //#endregion
 //#region src/components/card/CardLink.d.ts
 type CardLinkOwnProps = {
@@ -1430,7 +1858,7 @@ type CardLinkComponent = (<C extends ElementType = 'a'>(props: CardLinkProps<C>
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CardLink: CardLinkComponent;
+export declare const CardLink: CardLinkComponent;
 //#endregion
 //#region src/components/card/CardSubtitle.d.ts
 type CardSubtitleOwnProps<C extends ElementType> = {
@@ -1449,7 +1877,7 @@ type CardSubtitleComponent = (<C extends ElementType = 'h6'>(props: CardSubtitle
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CardSubtitle: CardSubtitleComponent;
+export declare const CardSubtitle: CardSubtitleComponent;
 //#endregion
 //#region src/components/card/CardText.d.ts
 type CardTextOwnProps<C extends ElementType> = {
@@ -1468,7 +1896,7 @@ type CardTextComponent = (<C extends ElementType = 'p'>(props: CardTextProps<C>
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CardText: CardTextComponent;
+export declare const CardText: CardTextComponent;
 //#endregion
 //#region src/components/card/CardTitle.d.ts
 type CardTitleOwnProps<C extends ElementType> = {
@@ -1487,7 +1915,7 @@ type CardTitleComponent = (<C extends ElementType = 'h5'>(props: CardTitleProps<
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CardTitle: CardTitleComponent;
+export declare const CardTitle: CardTitleComponent;
 //#endregion
 //#region src/components/carousel/context.d.ts
 type CarouselEnds = 'loop' | 'wrap' | 'stop';
@@ -1575,7 +2003,7 @@ interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
    */
   transition?: CarouselTransition;
 }
-declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/carousel/CarouselControlNext.d.ts
 interface CarouselControlNextProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -1588,7 +2016,7 @@ interface CarouselControlNextProps extends ButtonHTMLAttributes<HTMLButtonElemen
    */
   label?: string;
 }
-declare const CarouselControlNext: React.ForwardRefExoticComponent<CarouselControlNextProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const CarouselControlNext: React.ForwardRefExoticComponent<CarouselControlNextProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/carousel/CarouselControlPrev.d.ts
 interface CarouselControlPrevProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -1601,7 +2029,7 @@ interface CarouselControlPrevProps extends ButtonHTMLAttributes<HTMLButtonElemen
    */
   label?: string;
 }
-declare const CarouselControlPrev: React.ForwardRefExoticComponent<CarouselControlPrevProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const CarouselControlPrev: React.ForwardRefExoticComponent<CarouselControlPrevProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/carousel/CarouselIndicators.d.ts
 interface CarouselIndicatorsProps extends HTMLAttributes<HTMLOListElement> {
@@ -1614,7 +2042,7 @@ interface CarouselIndicatorsProps extends HTMLAttributes<HTMLOListElement> {
    */
   label?: (position: number) => string;
 }
-declare const CarouselIndicators: React.ForwardRefExoticComponent<CarouselIndicatorsProps & React.RefAttributes<HTMLOListElement>>;
+export declare const CarouselIndicators: React.ForwardRefExoticComponent<CarouselIndicatorsProps & React.RefAttributes<HTMLOListElement>>;
 //#endregion
 //#region src/components/carousel/CarouselInner.d.ts
 type CarouselInnerOwnProps<C extends ElementType> = {
@@ -1633,7 +2061,7 @@ type CarouselInnerComponent = (<C extends ElementType = 'div'>(props: CarouselIn
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CarouselInner: CarouselInnerComponent;
+export declare const CarouselInner: CarouselInnerComponent;
 //#endregion
 //#region src/components/carousel/CarouselItem.d.ts
 type CarouselItemOwnProps<C extends ElementType> = {
@@ -1656,7 +2084,7 @@ type CarouselItemComponent = (<C extends ElementType = 'div'>(props: CarouselIte
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CarouselItem: CarouselItemComponent;
+export declare const CarouselItem: CarouselItemComponent;
 //#endregion
 //#region src/components/carousel/CarouselOverlay.d.ts
 type CarouselOverlayOwnProps<C extends ElementType> = {
@@ -1675,7 +2103,7 @@ type CarouselOverlayComponent = (<C extends ElementType = 'div'>(props: Carousel
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CarouselOverlay: CarouselOverlayComponent;
+export declare const CarouselOverlay: CarouselOverlayComponent;
 //#endregion
 //#region src/components/carousel/CarouselPlayPause.d.ts
 interface CarouselPlayPauseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -1697,7 +2125,7 @@ interface CarouselPlayPauseProps extends ButtonHTMLAttributes<HTMLButtonElement>
  * Success Criterion 2.2.2 (Pause, Stop, Hide). Reflects the current state automatically — a pause
  * icon while playing, a play icon once stopped.
  */
-declare const CarouselPlayPause: React.ForwardRefExoticComponent<CarouselPlayPauseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const CarouselPlayPause: React.ForwardRefExoticComponent<CarouselPlayPauseProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/collapse/Collapse.d.ts
 interface CollapseProps extends HTMLAttributes<HTMLDivElement> {
@@ -1722,7 +2150,7 @@ interface CollapseProps extends HTMLAttributes<HTMLDivElement> {
    */
   visible?: boolean;
 }
-declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/chip-input/ChipInput.d.ts
 interface ChipInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
@@ -1798,9 +2226,9 @@ interface ChipInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    */
   separator?: string | null;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Set component validation state to valid.
    */
@@ -1814,7 +2242,7 @@ interface ChipInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    */
   value?: string[];
 }
-declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/close-button/CloseButton.d.ts
 type CloseButtonOwnProps<C extends ElementType> = {
@@ -1856,9 +2284,9 @@ type CloseButtonOwnProps<C extends ElementType> = {
    */
   onClick?: MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Specifies the type of button. Always specify the type attribute for the `<button>` element.
    * Different browsers may use different default types for the `<button>` element.
@@ -1876,7 +2304,7 @@ type CloseButtonComponent = (<C extends ElementType = 'button'>(props: CloseButt
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const CloseButton: CloseButtonComponent;
+export declare const CloseButton: CloseButtonComponent;
 //#endregion
 //#region src/components/color-input/ColorInput.d.ts
 interface ColorInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
@@ -1913,9 +2341,9 @@ interface ColorInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 's
    */
   onChange?: ChangeEventHandler<HTMLInputElement>;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Set component validation state to valid.
    */
@@ -1931,7 +2359,7 @@ interface ColorInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 's
    * */
   value?: string;
 }
-declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/file-input/FileInput.d.ts
 interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
@@ -1968,9 +2396,9 @@ interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'si
    */
   onChange?: ChangeEventHandler<HTMLInputElement>;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Set component validation state to valid.
    */
@@ -1980,7 +2408,7 @@ interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'si
    */
   validFeedback?: ReactNode;
 }
-declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/combobox/Combobox.d.ts
 interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
@@ -2056,9 +2484,9 @@ interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    */
   placeholder?: string;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Set component validation state to valid.
    */
@@ -2072,7 +2500,7 @@ interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    */
   value?: Key$2 | null;
 }
-declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/datepicker/DatePicker.d.ts
 interface DatePickerBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
@@ -2126,6 +2554,14 @@ interface DatePickerBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
    * shown but cannot be selected.
    */
   isDateUnavailable?: (date: DateValue$1) => boolean;
+  /**
+   * Overrides for the strings this component and its calendar render themselves rather than
+   * getting from the active locale — the calendar trigger, the clear adornment, and the calendar's
+   * own year-view arrows/announcements. Date segment order, month and weekday names all follow
+   * `I18nProvider`'s locale via react-aria and need no override. Merged over the English defaults,
+   * so passing one key leaves the rest alone.
+   */
+  labels?: Partial<CalendarLabels>;
   /**
    * Whether the calendar popover is open (controlled).
    */
@@ -2154,9 +2590,9 @@ interface DatePickerBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
    */
   onOpenChange?: (isOpen: boolean) => void;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * ISO 8601 dates (`YYYY-MM-DD`) to mark unselectable, as a convenience alternative to
    * `isDateUnavailable` for data-driven cases (e.g. booked dates fetched from an API). Composed
@@ -2226,7 +2662,7 @@ interface DatePickerMultipleProps extends DatePickerBaseProps {
   value?: DateValue$1[] | null;
 }
 type DatePickerProps = DatePickerSingleProps | DatePickerMultipleProps;
-declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/datepicker/DateRangePicker.d.ts
 interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
@@ -2284,6 +2720,14 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
    * shown but cannot be selected.
    */
   isDateUnavailable?: (date: DateValue$1) => boolean;
+  /**
+   * Overrides for the strings this component and its calendar render themselves rather than
+   * getting from the active locale — the clear adornment and the calendar's own year-view
+   * arrows/announcements. Date segment order, month and weekday names all follow `I18nProvider`'s
+   * locale via react-aria and need no override. Merged over the English defaults, so passing one
+   * key leaves the rest alone.
+   */
+  labels?: Partial<CalendarLabels>;
   /**
    * Whether the calendar popover is open (controlled).
    */
@@ -2322,9 +2766,9 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
    */
   presets?: DateRangePreset[];
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * ISO 8601 dates (`YYYY-MM-DD`) to mark unselectable, as a convenience alternative to
    * `isDateUnavailable` for data-driven cases (e.g. booked dates fetched from an API). Composed
@@ -2351,7 +2795,7 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
    */
   visibleMonths?: number;
 }
-declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/otp-input/OtpInput.d.ts
 interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
@@ -2437,9 +2881,9 @@ interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    */
   separator?: ReactNode;
   /**
-   * Size the boxes small or large.
+   * Size the boxes sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Set component validation state to valid.
    */
@@ -2453,7 +2897,7 @@ interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
    */
   value?: string;
 }
-declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
+export declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/password-strength/strengthScore.d.ts
 type StrengthLevel = 'weak' | 'fair' | 'good' | 'strong';
@@ -2534,7 +2978,7 @@ interface PasswordStrengthProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
    */
   weights?: Partial<StrengthWeights>;
 }
-declare const PasswordStrength: {
+export declare const PasswordStrength: {
   ({ "aria-label": ariaLabel, className, id, maxScore, messages, minLength, onStrengthChange, scorer, showText, thresholds, value, variant, weights, ...rest }: PasswordStrengthProps): React.JSX.Element;
   displayName: string;
 };
@@ -2543,6 +2987,7 @@ declare const PasswordStrength: {
 type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 //#endregion
 //#region src/components/menu/Menu.d.ts
+type MenuFocusStrategy = 'first' | 'last';
 type MenuAutoClose = boolean | 'inside' | 'outside';
 type MenuOwnProps<C extends ElementType> = {
   /**
@@ -2615,7 +3060,7 @@ type MenuComponent = (<C extends ElementType = typeof Fragment>(props: MenuProps
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Menu: MenuComponent;
+export declare const Menu: MenuComponent;
 //#endregion
 //#region src/components/menu/MenuDivider.d.ts
 interface MenuDividerProps extends HTMLAttributes<HTMLHRElement> {
@@ -2624,7 +3069,7 @@ interface MenuDividerProps extends HTMLAttributes<HTMLHRElement> {
    */
   className?: string;
 }
-declare const MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps & React.RefAttributes<HTMLHRElement>>;
+export declare const MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps & React.RefAttributes<HTMLHRElement>>;
 //#endregion
 //#region src/components/menu/MenuHeader.d.ts
 type MenuHeaderOwnProps<C extends ElementType> = {
@@ -2648,7 +3093,7 @@ type MenuHeaderComponent = (<C extends ElementType = 'h4'>(props: MenuHeaderProp
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const MenuHeader: MenuHeaderComponent;
+export declare const MenuHeader: MenuHeaderComponent;
 //#endregion
 //#region src/components/menu/MenuItem.d.ts
 type MenuItemOwnProps = {
@@ -2678,7 +3123,7 @@ type MenuItemComponent = (<C extends ElementType = 'a'>(props: MenuItemProps<C>
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const MenuItem: MenuItemComponent;
+export declare const MenuItem: MenuItemComponent;
 //#endregion
 //#region src/components/menu/MenuList.d.ts
 type MenuListOwnProps<C extends ElementType> = {
@@ -2703,7 +3148,7 @@ type MenuListComponent = (<C extends ElementType = 'div'>(props: MenuListProps<C
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const MenuList: MenuListComponent;
+export declare const MenuList: MenuListComponent;
 //#endregion
 //#region src/components/menu/MenuText.d.ts
 type MenuTextOwnProps<C extends ElementType> = {
@@ -2722,7 +3167,7 @@ type MenuTextComponent = (<C extends ElementType = 'span'>(props: MenuTextProps<
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const MenuText: MenuTextComponent;
+export declare const MenuText: MenuTextComponent;
 //#endregion
 //#region src/components/menu/MenuToggle.d.ts
 type MenuToggleOwnProps<C extends ElementType> = {
@@ -2759,9 +3204,9 @@ type MenuToggleOwnProps<C extends ElementType> = {
    */
   shape?: Shapes;
   /**
-   * Size the component small or large. Only applies to the default `Button` root.
+   * Size the component sm or lg. Only applies to the default `Button` root.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Sets the context style of the component. Only applies to the default `Button` root.
    */
@@ -2773,7 +3218,7 @@ type MenuToggleComponent = (<C extends ElementType = typeof Button>(props: MenuT
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const MenuToggle: MenuToggleComponent;
+export declare const MenuToggle: MenuToggleComponent;
 //#endregion
 //#region src/components/menu/MenuSubmenu.d.ts
 interface MenuSubmenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
@@ -2803,7 +3248,7 @@ interface MenuSubmenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelec
    */
   placement?: Placement;
   /**
-   * Switches to a view-replacement pattern below the `small` breakpoint. Pair with a
+   * Switches to a view-replacement pattern below the `sm` breakpoint. Pair with a
    * `MenuSubmenuBack` as the first item of the nested menu.
    */
   stacked?: boolean;
@@ -2816,7 +3261,7 @@ interface MenuSubmenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelec
    */
   trigger: ReactNode;
 }
-declare const MenuSubmenu: React.ForwardRefExoticComponent<MenuSubmenuProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuSubmenu: React.ForwardRefExoticComponent<MenuSubmenuProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/menu/MenuSubmenuBack.d.ts
 interface MenuSubmenuBackProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -2825,7 +3270,7 @@ interface MenuSubmenuBackProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    */
   className?: string;
 }
-declare const MenuSubmenuBack: React.ForwardRefExoticComponent<MenuSubmenuBackProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const MenuSubmenuBack: React.ForwardRefExoticComponent<MenuSubmenuBackProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/grid/Col.d.ts
 interface ColLayout {
@@ -2854,11 +3299,11 @@ interface ColProps extends HTMLAttributes<HTMLDivElement>, ColLayout {
   /**
    * Overrides `span`/`offset`/`order` at a breakpoint and up.
    *
-   * @type { Partial<Record<'small' | 'medium' | 'large' | 'xlarge' | '2xlarge', { span?: 'auto' | number | string | boolean, offset?: number | string, order?: 'first' | 'last' | number | string }>> }
+   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { span?: 'auto' | number | string | boolean, offset?: number | string, order?: 'first' | 'last' | number | string }>> }
    */
   responsive?: Partial<Record<Breakpoint, ColLayout>>;
 }
-declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/grid/Container.d.ts
 type ContainerOwnProps<C extends ElementType> = {
@@ -2888,7 +3333,7 @@ type ContainerComponent = (<C extends ElementType = 'div'>(props: ContainerProps
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Container: ContainerComponent;
+export declare const Container: ContainerComponent;
 //#endregion
 //#region src/components/grid/Grid.d.ts
 type GridOwnProps<C extends ElementType> = {
@@ -2930,7 +3375,7 @@ type GridComponent = (<C extends ElementType = 'div'>(props: GridProps<C> & {
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Grid: GridComponent;
+export declare const Grid: GridComponent;
 //#endregion
 //#region src/components/grid/GridItem.d.ts
 interface GridItemLayout {
@@ -2956,7 +3401,7 @@ type GridItemOwnProps<C extends ElementType> = GridItemLayout & {
   /**
    * Overrides `span`/`start` at a breakpoint and up.
    *
-   * @type { Partial<Record<'small' | 'medium' | 'large' | 'xlarge' | '2xlarge', { span?: number, start?: number }>> }
+   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { span?: number, start?: number }>> }
    */
   responsive?: Partial<Record<Breakpoint, GridItemLayout>>;
   /**
@@ -2988,7 +3433,7 @@ type GridItemComponent = (<C extends ElementType = 'div'>(props: GridItemProps<C
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const GridItem: GridItemComponent;
+export declare const GridItem: GridItemComponent;
 //#endregion
 //#region src/components/grid/Row.d.ts
 interface RowLayout {
@@ -3025,11 +3470,11 @@ interface RowProps extends HTMLAttributes<HTMLDivElement>, RowLayout {
   /**
    * Overrides `cols`/`gutter`/`gutterX`/`gutterY` at a breakpoint and up.
    *
-   * @type { Partial<Record<'small' | 'medium' | 'large' | 'xlarge' | '2xlarge', { cols?: 'auto' | number | string, gutter?: Spacing | 0, gutterX?: Spacing | 0, gutterY?: Spacing | 0 }>> }
+   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { cols?: 'auto' | number | string, gutter?: Spacing | 0, gutterX?: Spacing | 0, gutterY?: Spacing | 0 }>> }
    */
   responsive?: Partial<Record<Breakpoint, RowLayout>>;
 }
-declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/form/renderFormCheck.d.ts
 type ButtonObject = {
@@ -3042,9 +3487,9 @@ type ButtonObject = {
    */
   shape?: Shapes;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Set the button variant to an outlined button or a ghost button.
    */
@@ -3097,9 +3542,9 @@ interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'che
    */
   onChange?: (isSelected: boolean) => void;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Set component validation state to valid.
    */
@@ -3110,7 +3555,7 @@ interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'che
    */
   value?: string;
 }
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/checkbox/CheckboxGroup.d.ts
 interface CheckboxGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'defaultValue' | 'onChange'> {
@@ -3171,7 +3616,7 @@ interface CheckboxGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, '
    */
   value?: string[];
 }
-declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
 //#endregion
 //#region src/components/form/Form.d.ts
 interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
@@ -3184,7 +3629,7 @@ interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
    */
   validated?: boolean;
 }
-declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
+export declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
 //#endregion
 //#region src/components/form/FormLabel.d.ts
 interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
@@ -3197,7 +3642,7 @@ interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
    */
   customClassName?: string;
 }
-declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
 //#endregion
 //#region src/components/form/FormHelp.d.ts
 type FormHelpOwnProps<C extends ElementType> = {
@@ -3216,7 +3661,7 @@ type FormHelpComponent = (<C extends ElementType = 'div'>(props: FormHelpProps<C
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const FormHelp: FormHelpComponent;
+export declare const FormHelp: FormHelpComponent;
 //#endregion
 //#region src/components/form/FormFeedback.d.ts
 type FormFeedbackOwnProps<C extends ElementType> = {
@@ -3247,7 +3692,7 @@ type FormFeedbackComponent = (<C extends ElementType = 'div'>(props: FormFeedbac
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const FormFeedback: FormFeedbackComponent;
+export declare const FormFeedback: FormFeedbackComponent;
 //#endregion
 //#region src/components/form-field/renderFormField.d.ts
 interface FormFieldIds {
@@ -3304,7 +3749,7 @@ interface FloatingInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'child
    */
   validFeedback?: ReactNode;
 }
-declare const FloatingInput: React.ForwardRefExoticComponent<FloatingInputProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FloatingInput: React.ForwardRefExoticComponent<FloatingInputProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/form-field/FormField.d.ts
 interface FormFieldProps {
@@ -3346,7 +3791,7 @@ interface FormFieldProps {
    */
   validFeedback?: ReactNode;
 }
-declare const FormField: {
+export declare const FormField: {
   ({ children, className, help, ids, invalid, invalidFeedback, label, valid, validFeedback }: FormFieldProps): ReactNode;
   displayName: string;
 };
@@ -3362,9 +3807,9 @@ type InputGroupOwnProps<C extends ElementType> = {
    */
   component?: C;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
 };
 type InputGroupProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, InputGroupOwnProps<C>>;
 type InputGroupComponent = (<C extends ElementType = 'div'>(props: InputGroupProps<C> & {
@@ -3372,7 +3817,7 @@ type InputGroupComponent = (<C extends ElementType = 'div'>(props: InputGroupPro
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const InputGroup: InputGroupComponent;
+export declare const InputGroup: InputGroupComponent;
 //#endregion
 //#region src/components/input-group/InputGroupAddon.d.ts
 type InputGroupAddonOwnProps<C extends ElementType> = {
@@ -3395,7 +3840,7 @@ type InputGroupAddonComponent = (<C extends ElementType = 'span'>(props: InputGr
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const InputGroupAddon: InputGroupAddonComponent;
+export declare const InputGroupAddon: InputGroupAddonComponent;
 //#endregion
 //#region src/components/input-adorn/InputAdorn.d.ts
 type InputAdornOwnProps<C extends ElementType> = {
@@ -3415,7 +3860,7 @@ type InputAdornComponent = (<C extends ElementType = 'span'>(props: InputAdornPr
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const InputAdorn: InputAdornComponent;
+export declare const InputAdorn: InputAdornComponent;
 //#endregion
 //#region src/components/radio/Radio.d.ts
 interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'onChange' | 'size'> {
@@ -3440,15 +3885,15 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checke
    */
   label?: ReactNode;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * The value of the radio button, used to identify it within its `<RadioGroup>`.
    */
   value: string;
 }
-declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/radio/RadioGroup.d.ts
 interface RadioGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'defaultValue' | 'onChange'> {
@@ -3509,7 +3954,7 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'def
    */
   value?: string;
 }
-declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
 //#endregion
 //#region src/components/range-input/RangeInput.d.ts
 interface RangeInputProps extends InputHTMLAttributes<HTMLInputElement> {
@@ -3572,7 +4017,7 @@ interface RangeInputProps extends InputHTMLAttributes<HTMLInputElement> {
    * */
   value?: string | number;
 }
-declare const RangeInput: React.ForwardRefExoticComponent<RangeInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const RangeInput: React.ForwardRefExoticComponent<RangeInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/select/Select.d.ts
 interface SelectOptionDef {
@@ -3661,9 +4106,9 @@ interface SelectProps extends Omit<InputHTMLAttributes<HTMLSelectElement>, 'size
    */
   placeholder?: string;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Set component validation state to valid.
    */
@@ -3679,7 +4124,7 @@ interface SelectProps extends Omit<InputHTMLAttributes<HTMLSelectElement>, 'size
    * */
   value?: string | string[] | number;
 }
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
 //#endregion
 //#region src/components/switch/Switch.d.ts
 interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'onChange' | 'size'> {
@@ -3716,9 +4161,9 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'check
    */
   onChange?: (isSelected: boolean) => void;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Specifies the type of component.
    */
@@ -3728,7 +4173,7 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'check
    */
   valid?: boolean;
 }
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/text-input/TextInput.d.ts
 interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'onChange' | 'size' | 'value'> {
@@ -3785,9 +4230,9 @@ interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'de
    */
   readOnly?: boolean;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Specifies the type of component. For `color` or `file` inputs, use the dedicated `ColorInput` or `FileInput` components instead.
    */
@@ -3805,7 +4250,7 @@ interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'de
    */
   value?: string;
 }
-declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/textarea/Textarea.d.ts
 interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'defaultValue' | 'onChange' | 'value'> {
@@ -3854,9 +4299,9 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
    */
   rows?: number;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Set component validation state to valid.
    */
@@ -3870,7 +4315,7 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
    */
   value?: string;
 }
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/components/placeholder/Placeholder.d.ts
 type PlaceholderAlign = 'start' | 'center' | 'end';
@@ -3945,7 +4390,7 @@ type PlaceholderComponent = (<C extends ElementType = 'img'>(props: PlaceholderP
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Placeholder: PlaceholderComponent;
+export declare const Placeholder: PlaceholderComponent;
 //#endregion
 //#region src/components/list/List.d.ts
 interface ListItemDef {
@@ -4002,7 +4447,7 @@ type ListOwnProps<C extends ElementType> = {
   /**
    * Specify a layout type.
    */
-  layout?: 'horizontal' | 'small:horizontal' | 'medium:horizontal' | 'large:horizontal' | 'xlarge:horizontal' | '2xlarge:horizontal';
+  layout?: 'horizontal' | 'sm:horizontal' | 'md:horizontal' | 'lg:horizontal' | 'xl:horizontal' | '2xl:horizontal';
   /**
    * Number list items sequentially using CSS counters. Pair with `component="ol"` for semantic correctness.
    */
@@ -4022,7 +4467,7 @@ type ListComponent = (<C extends ElementType = 'ul'>(props: ListProps<C> & {
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const List: ListComponent;
+export declare const List: ListComponent;
 //#endregion
 //#region src/components/list/ListItem.d.ts
 type ListItemOwnProps<C extends ElementType> = {
@@ -4058,7 +4503,7 @@ type ListItemComponent = (<C extends ElementType = 'li'>(props: ListItemProps<C>
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const ListItem: ListItemComponent;
+export declare const ListItem: ListItemComponent;
 //#endregion
 //#region src/components/modal/Modal.d.ts
 interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCancel' | 'onClose'> {
@@ -4079,7 +4524,7 @@ interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCa
    * Set modal to cover the entire user viewport. A breakpoint value goes fullscreen only
    * below that breakpoint.
    */
-  fullscreen?: boolean | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
+  fullscreen?: boolean | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
   /**
    * Disable the open/close transition entirely.
    */
@@ -4118,9 +4563,9 @@ interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCa
    */
   scrollable?: boolean;
   /**
-   * Size the component small, large, or extra large.
+   * Size the component sm, lg, or extra lg.
    */
-  size?: 'small' | 'large' | 'xlarge';
+  size?: 'sm' | 'lg' | 'xl';
   /**
    * Toggle the visibility of modal component.
    */
@@ -4138,7 +4583,7 @@ interface ModalContextProps {
    */
   titleId?: string;
 }
-declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDialogElement>>;
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDialogElement>>;
 //#endregion
 //#region src/components/modal/ModalBody.d.ts
 type ModalBodyOwnProps<C extends ElementType> = {
@@ -4157,7 +4602,7 @@ type ModalBodyComponent = (<C extends ElementType = 'div'>(props: ModalBodyProps
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const ModalBody: ModalBodyComponent;
+export declare const ModalBody: ModalBodyComponent;
 //#endregion
 //#region src/components/modal/ModalFooter.d.ts
 type ModalFooterOwnProps<C extends ElementType> = {
@@ -4180,7 +4625,7 @@ type ModalFooterComponent = (<C extends ElementType = 'div'>(props: ModalFooterP
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const ModalFooter: ModalFooterComponent;
+export declare const ModalFooter: ModalFooterComponent;
 //#endregion
 //#region src/components/modal/ModalHeader.d.ts
 type ModalHeaderOwnProps<C extends ElementType> = {
@@ -4208,7 +4653,7 @@ type ModalHeaderComponent = (<C extends ElementType = 'div'>(props: ModalHeaderP
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const ModalHeader: ModalHeaderComponent;
+export declare const ModalHeader: ModalHeaderComponent;
 //#endregion
 //#region src/components/modal/ModalTitle.d.ts
 type ModalTitleOwnProps<C extends ElementType> = {
@@ -4227,7 +4672,7 @@ type ModalTitleComponent = (<C extends ElementType = 'h2'>(props: ModalTitleProp
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const ModalTitle: ModalTitleComponent;
+export declare const ModalTitle: ModalTitleComponent;
 //#endregion
 //#region src/components/nav/Nav.d.ts
 interface NavItemDef {
@@ -4276,7 +4721,7 @@ type NavComponent = (<C extends ElementType = 'ul'>(props: NavProps<C> & {
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Nav: NavComponent;
+export declare const Nav: NavComponent;
 //#endregion
 //#region src/components/nav/NavLink.d.ts
 type NavLinkOwnProps = {
@@ -4299,7 +4744,7 @@ type NavLinkComponent = (<C extends ElementType = 'a'>(props: NavLinkProps<C> &
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const NavLink: NavLinkComponent;
+export declare const NavLink: NavLinkComponent;
 //#endregion
 //#region src/components/nav/NavItem.d.ts
 type NavItemComponent = (<C extends ElementType = 'a'>(props: NavLinkProps<C> & {
@@ -4307,7 +4752,7 @@ type NavItemComponent = (<C extends ElementType = 'a'>(props: NavLinkProps<C> &
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const NavItem: NavItemComponent;
+export declare const NavItem: NavItemComponent;
 //#endregion
 //#region src/components/nav/NavTitle.d.ts
 interface NavTitleProps extends HTMLAttributes<HTMLLIElement> {
@@ -4316,7 +4761,7 @@ interface NavTitleProps extends HTMLAttributes<HTMLLIElement> {
    */
   className?: string;
 }
-declare const NavTitle: React.ForwardRefExoticComponent<NavTitleProps & React.RefAttributes<HTMLLIElement>>;
+export declare const NavTitle: React.ForwardRefExoticComponent<NavTitleProps & React.RefAttributes<HTMLLIElement>>;
 //#endregion
 //#region src/components/navbar/Navbar.d.ts
 type NavbarOwnProps<C extends ElementType> = {
@@ -4335,7 +4780,7 @@ type NavbarOwnProps<C extends ElementType> = {
   /**
    * Defines optional container wrapping children elements.
    */
-  container?: boolean | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge' | 'fluid';
+  container?: boolean | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'fluid';
   /**
    * Opts this navbar into the framework's dark or light theming, independent of the page's own
    * theme.
@@ -4366,7 +4811,7 @@ type NavbarComponent = (<C extends ElementType = 'nav'>(props: NavbarProps<C> &
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Navbar: NavbarComponent;
+export declare const Navbar: NavbarComponent;
 //#endregion
 //#region src/components/navbar/NavbarBrand.d.ts
 type NavbarBrandOwnProps<C extends ElementType> = {
@@ -4387,11 +4832,11 @@ type NavbarBrandOwnProps<C extends ElementType> = {
 };
 type NavbarBrandProps<C extends ElementType = 'span'> = PolymorphicComponentProps<C, NavbarBrandOwnProps<C>>;
 type NavbarBrandComponent = (<C extends ElementType = 'span'>(props: NavbarBrandProps<C> & {
-  ref?: PolymorphicRef<C>;
+  ref?: PolymorphicRefWithFallback<C, HTMLSpanElement | HTMLAnchorElement>;
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const NavbarBrand: NavbarBrandComponent;
+export declare const NavbarBrand: NavbarBrandComponent;
 //#endregion
 //#region src/components/navbar/NavbarNav.d.ts
 type NavbarNavOwnProps<C extends ElementType> = {
@@ -4410,7 +4855,7 @@ type NavbarNavComponent = (<C extends ElementType = 'ul'>(props: NavbarNavProps<
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const NavbarNav: NavbarNavComponent;
+export declare const NavbarNav: NavbarNavComponent;
 //#endregion
 //#region src/components/navbar/NavbarText.d.ts
 type NavbarTextOwnProps<C extends ElementType> = {
@@ -4429,7 +4874,7 @@ type NavbarTextComponent = (<C extends ElementType = 'span'>(props: NavbarTextPr
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const NavbarText: NavbarTextComponent;
+export declare const NavbarText: NavbarTextComponent;
 //#endregion
 //#region src/components/navbar/NavbarToggler.d.ts
 interface NavbarTogglerProps extends HTMLAttributes<HTMLButtonElement> {
@@ -4442,7 +4887,7 @@ interface NavbarTogglerProps extends HTMLAttributes<HTMLButtonElement> {
    */
   label?: string;
 }
-declare const NavbarToggler: React.ForwardRefExoticComponent<NavbarTogglerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const NavbarToggler: React.ForwardRefExoticComponent<NavbarTogglerProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/pagination/Pagination.d.ts
 interface PaginationProps extends HTMLAttributes<HTMLElement> {
@@ -4507,11 +4952,11 @@ interface PaginationProps extends HTMLAttributes<HTMLElement> {
    */
   showPrevNext?: boolean;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
 }
-declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
 //#endregion
 //#region src/components/pagination/PaginationItem.d.ts
 type PaginationItemOwnProps<C extends ElementType> = {
@@ -4534,11 +4979,11 @@ type PaginationItemOwnProps<C extends ElementType> = {
 };
 type PaginationItemProps<C extends ElementType = 'button'> = PolymorphicComponentProps<C, PaginationItemOwnProps<C>>;
 type PaginationItemComponent = (<C extends ElementType = 'button'>(props: PaginationItemProps<C> & {
-  ref?: PolymorphicRef<C>;
+  ref?: PolymorphicRefWithFallback<C, HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>;
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const PaginationItem: PaginationItemComponent;
+export declare const PaginationItem: PaginationItemComponent;
 //#endregion
 //#region src/components/popover/Popover.d.ts
 interface PopoverProps extends Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby'> {
@@ -4573,7 +5018,7 @@ interface PopoverProps extends Pick<HTMLAttributes<HTMLDivElement>, 'aria-label'
    */
   visible?: boolean;
 }
-declare const Popover: FC<PopoverProps>;
+export declare const Popover: FC<PopoverProps>;
 //#endregion
 //#region src/components/progress/Progress.d.ts
 type ProgressOwnProps<C extends ElementType> = {
@@ -4629,7 +5074,7 @@ type ProgressComponent = (<C extends ElementType = 'div'>(props: ProgressProps<C
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Progress: ProgressComponent;
+export declare const Progress: ProgressComponent;
 //#endregion
 //#region src/components/progress/ProgressBar.d.ts
 type ProgressBarOwnProps<C extends ElementType> = {
@@ -4664,7 +5109,7 @@ type ProgressBarComponent = (<C extends ElementType = 'div'>(props: ProgressBarP
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const ProgressBar: ProgressBarComponent;
+export declare const ProgressBar: ProgressBarComponent;
 //#endregion
 //#region src/components/drawer/Drawer.d.ts
 interface DrawerProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCancel' | 'onClose'> {
@@ -4723,7 +5168,7 @@ interface DrawerProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onC
   /**
    * Renders as a drawer only below this breakpoint — inline as a flex container above it.
    */
-  responsive?: 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
+  responsive?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
   /**
    * Allow the page behind the drawer to scroll while it's open.
    */
@@ -4754,7 +5199,7 @@ interface DrawerContextProps {
    */
   titleId?: string;
 }
-declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDialogElement>>;
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDialogElement>>;
 //#endregion
 //#region src/components/drawer/DrawerBody.d.ts
 type DrawerBodyOwnProps<C extends ElementType> = {
@@ -4773,7 +5218,7 @@ type DrawerBodyComponent = (<C extends ElementType = 'div'>(props: DrawerBodyPro
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const DrawerBody: DrawerBodyComponent;
+export declare const DrawerBody: DrawerBodyComponent;
 //#endregion
 //#region src/components/drawer/DrawerFooter.d.ts
 type DrawerFooterOwnProps<C extends ElementType> = {
@@ -4796,7 +5241,7 @@ type DrawerFooterComponent = (<C extends ElementType = 'div'>(props: DrawerFoote
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const DrawerFooter: DrawerFooterComponent;
+export declare const DrawerFooter: DrawerFooterComponent;
 //#endregion
 //#region src/components/drawer/DrawerHeader.d.ts
 type DrawerHeaderOwnProps<C extends ElementType> = {
@@ -4824,7 +5269,7 @@ type DrawerHeaderComponent = (<C extends ElementType = 'div'>(props: DrawerHeade
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const DrawerHeader: DrawerHeaderComponent;
+export declare const DrawerHeader: DrawerHeaderComponent;
 //#endregion
 //#region src/components/drawer/DrawerTitle.d.ts
 type DrawerTitleOwnProps<C extends ElementType> = {
@@ -4843,7 +5288,7 @@ type DrawerTitleComponent = (<C extends ElementType = 'h2'>(props: DrawerTitlePr
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const DrawerTitle: DrawerTitleComponent;
+export declare const DrawerTitle: DrawerTitleComponent;
 //#endregion
 //#region src/components/skeleton/Skeleton.d.ts
 type SkeletonOwnProps<C extends ElementType> = {
@@ -4881,7 +5326,7 @@ type SkeletonOwnProps<C extends ElementType> = {
   /**
    * Overrides `span` at a breakpoint and up.
    *
-   * @type { Partial<Record<'small' | 'medium' | 'large' | 'xlarge' | '2xlarge', 'auto' | number | string | boolean>> }
+   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', 'auto' | number | string | boolean>> }
    */
   responsive?: Partial<Record<Breakpoint, Span>>;
 };
@@ -4891,7 +5336,7 @@ type SkeletonComponent = (<C extends ElementType = 'span'>(props: SkeletonProps<
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Skeleton: SkeletonComponent;
+export declare const Skeleton: SkeletonComponent;
 //#endregion
 //#region src/components/skeleton/SkeletonLoader.d.ts
 type SkeletonLoaderOwnProps<C extends ElementType> = {
@@ -4930,7 +5375,7 @@ type SkeletonLoaderProps<C extends ElementType = 'span'> = PolymorphicComponentP
 type SkeletonLoaderComponent = (<C extends ElementType = 'span'>(props: SkeletonLoaderProps<C>) => ReactElement | null) & {
   displayName?: string;
 };
-declare const SkeletonLoader: SkeletonLoaderComponent;
+export declare const SkeletonLoader: SkeletonLoaderComponent;
 //#endregion
 //#region src/components/spinner/Spinner.d.ts
 type SpinnerOwnProps<C extends ElementType> = {
@@ -4947,9 +5392,9 @@ type SpinnerOwnProps<C extends ElementType> = {
    */
   component?: C;
   /**
-   * Size the component small.
+   * Size the component sm.
    */
-  size?: 'small';
+  size?: 'sm';
   /**
    * Set the button variant to an outlined button or a ghost button.
    */
@@ -4965,7 +5410,7 @@ type SpinnerComponent = (<C extends ElementType = 'div'>(props: SpinnerProps<C>
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Spinner: SpinnerComponent;
+export declare const Spinner: SpinnerComponent;
 //#endregion
 //#region src/components/stepper/Stepper.d.ts
 interface StepperItemDef {
@@ -5015,7 +5460,7 @@ type StepperOwnProps<C extends ElementType> = {
    * Lays out steps side-by-side instead of stacking them vertically, either unconditionally or
    * from a given breakpoint up.
    */
-  layout?: 'horizontal' | 'small:horizontal' | 'medium:horizontal' | 'large:horizontal' | 'xlarge:horizontal' | '2xlarge:horizontal';
+  layout?: 'horizontal' | 'sm:horizontal' | 'md:horizontal' | 'lg:horizontal' | 'xl:horizontal' | '2xl:horizontal';
   /**
    * Wraps the stepper in a horizontally scrollable container so steps keep their natural width
    * instead of shrinking to fit.
@@ -5028,7 +5473,7 @@ type StepperComponent = (<C extends ElementType = 'ol'>(props: StepperProps<C> &
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Stepper: StepperComponent;
+export declare const Stepper: StepperComponent;
 //#endregion
 //#region src/components/stepper/StepperItem.d.ts
 type StepperItemOwnProps<C extends ElementType> = {
@@ -5059,7 +5504,7 @@ type StepperItemComponent = (<C extends ElementType = 'li'>(props: StepperItemPr
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const StepperItem: StepperItemComponent;
+export declare const StepperItem: StepperItemComponent;
 //#endregion
 //#region src/components/table/Table.d.ts
 interface TableProps<T extends object> {
@@ -5091,9 +5536,9 @@ interface TableProps<T extends object> {
    * A `TableHeader` and a `TableBody`, each built from `TableColumn`/`TableRow`/
    * `TableCell` — read as data to build the table's collection. Not rendered directly.
    */
-  children: [ReactElement<TableHeaderProps<T> & {
+  children: [ReactElement<TableHeaderProps$1<T> & {
     className?: string;
-  }>, ReactElement<TableBodyProps<T> & {
+  }>, ReactElement<TableBodyProps$1<T> & {
     className?: string;
   }>];
   /**
@@ -5132,7 +5577,7 @@ interface TableProps<T extends object> {
   /**
    * Make any table responsive across all viewports or pick a maximum breakpoint.
    */
-  responsive?: boolean | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
+  responsive?: boolean | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
   /**
    * The currently selected row keys (controlled).
    */
@@ -5144,7 +5589,7 @@ interface TableProps<T extends object> {
   /**
    * Make table more compact by cutting all cell padding.
    */
-  small?: boolean;
+  sm?: boolean;
   /**
    * The current sort column and direction.
    */
@@ -5156,18 +5601,18 @@ interface TableProps<T extends object> {
    * separately, since stacking needs the same `.table-responsive` container-query ancestor.
    * Labels come from each `TableColumn`'s text (or its `textValue`, for non-text headers).
    */
-  stacked?: boolean | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
+  stacked?: boolean | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
   /**
    * Add zebra-striping to table rows.
    */
   striped?: boolean;
 }
-declare const Table: <T extends object>(props: TableProps<T> & {
+export declare const Table: <T extends object>(props: TableProps<T> & {
   ref?: Ref<HTMLTableElement>;
 }) => ReactElement;
 //#endregion
 //#region src/components/table/TableBody.d.ts
-interface TableBodyProps$1<T> {
+interface TableBodyProps<T> {
   /**
    * `TableRow` elements, or a render function paired with `items` for dynamic row generation.
    */
@@ -5185,7 +5630,7 @@ interface TableBodyProps$1<T> {
  * Collection node, data-only — read by `Table` to build the table's row collection. Never
  * rendered directly.
  */
-declare const TableBody: <T>(props: TableBodyProps$1<T>) => ReactElement;
+export declare const TableBody: <T>(props: TableBodyProps<T>) => ReactElement;
 //#endregion
 //#region src/components/table/TableCell.d.ts
 interface TableCellProps {
@@ -5210,7 +5655,7 @@ interface TableCellProps {
  * Collection node, data-only — see `TableHeader`. Read by `Table` to build a cell in the
  * table's collection; never rendered directly.
  */
-declare const TableCell: (props: TableCellProps) => ReactElement;
+export declare const TableCell: (props: TableCellProps) => ReactElement;
 //#endregion
 //#region src/components/table/TableColumn.d.ts
 interface TableColumnProps {
@@ -5239,10 +5684,10 @@ interface TableColumnProps {
  * Collection node, data-only — see `TableHeader`. Read by `Table` to build a column in the
  * table's collection; never rendered directly.
  */
-declare const TableColumn: (props: TableColumnProps) => ReactElement;
+export declare const TableColumn: (props: TableColumnProps) => ReactElement;
 //#endregion
 //#region src/components/table/TableHeader.d.ts
-interface TableHeaderProps$1<T> {
+interface TableHeaderProps<T> {
   /**
    * `TableColumn` elements, or a render function paired with `columns` for dynamic column
    * generation.
@@ -5261,7 +5706,7 @@ interface TableHeaderProps$1<T> {
  * Collection node, data-only — read by `Table` to build the table's column collection. Never
  * rendered directly.
  */
-declare const TableHeader: <T>(props: TableHeaderProps$1<T>) => ReactElement;
+export declare const TableHeader: <T>(props: TableHeaderProps<T>) => ReactElement;
 //#endregion
 //#region src/components/table/TableRow.d.ts
 interface TableRowProps {
@@ -5283,7 +5728,7 @@ interface TableRowProps {
  * Collection node, data-only — see `TableHeader`. Read by `Table` to build a row in the
  * table's collection; never rendered directly.
  */
-declare const TableRow: (props: TableRowProps) => ReactElement;
+export declare const TableRow: (props: TableRowProps) => ReactElement;
 //#endregion
 //#region src/components/tabs/Tabs.d.ts
 type TabsOwnProps<C extends ElementType> = {
@@ -5331,7 +5776,7 @@ type TabsComponent = (<C extends ElementType = 'div'>(props: TabsProps<C> & {
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Tabs: TabsComponent;
+export declare const Tabs: TabsComponent;
 //#endregion
 //#region src/components/tabs/Tab.d.ts
 interface TabProps {
@@ -5349,7 +5794,7 @@ interface TabProps {
    */
   id: Key$2;
 }
-declare const Tab: {
+export declare const Tab: {
   (_props: TabProps): null;
   displayName: string;
 };
@@ -5370,7 +5815,7 @@ interface TabListProps extends AriaAttributes {
    */
   variant?: 'tabs' | 'pills';
 }
-declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLUListElement>>;
+export declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLUListElement>>;
 //#endregion
 //#region src/components/tabs/TabPanel.d.ts
 interface TabPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'id'> {
@@ -5387,7 +5832,7 @@ interface TabPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'id'> {
    */
   id: Key$2;
 }
-declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/toast/Toast.d.ts
 interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
@@ -5479,7 +5924,7 @@ interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
    */
   visible?: boolean;
 }
-declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/toast/ToastBody.d.ts
 type ToastBodyOwnProps<C extends ElementType> = {
@@ -5508,7 +5953,7 @@ type ToastBodyComponent = (<C extends ElementType = 'div'>(props: ToastBodyProps
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const ToastBody: ToastBodyComponent;
+export declare const ToastBody: ToastBodyComponent;
 //#endregion
 //#region src/components/toast/ToastFooter.d.ts
 type ToastFooterOwnProps<C extends ElementType> = {
@@ -5527,7 +5972,7 @@ type ToastFooterComponent = (<C extends ElementType = 'div'>(props: ToastFooterP
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const ToastFooter: ToastFooterComponent;
+export declare const ToastFooter: ToastFooterComponent;
 //#endregion
 //#region src/components/toast/ToastHeader.d.ts
 type ToastHeaderOwnProps<C extends ElementType> = {
@@ -5576,7 +6021,7 @@ type ToastHeaderComponent = (<C extends ElementType = 'div'>(props: ToastHeaderP
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const ToastHeader: ToastHeaderComponent;
+export declare const ToastHeader: ToastHeaderComponent;
 //#endregion
 //#region src/components/toast/ToastIcon.d.ts
 type ToastIconProps = IconProps & {
@@ -5585,7 +6030,7 @@ type ToastIconProps = IconProps & {
    */
   className?: string;
 };
-declare const ToastIcon: React.ForwardRefExoticComponent<ToastIconProps & React.RefAttributes<HTMLSpanElement | SVGSVGElement>>;
+export declare const ToastIcon: React.ForwardRefExoticComponent<ToastIconProps & React.RefAttributes<HTMLSpanElement | SVGSVGElement>>;
 //#endregion
 //#region src/components/toast/Toaster.d.ts
 interface ToasterProps extends HTMLAttributes<HTMLDivElement> {
@@ -5606,7 +6051,7 @@ interface ToasterProps extends HTMLAttributes<HTMLDivElement> {
    */
   placement?: 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | string;
 }
-declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/toast/toastQueue.d.ts
 interface ToastContent {
@@ -5640,9 +6085,9 @@ interface ToastContent {
    */
   translucent?: boolean;
 }
-declare const toastQueue: ToastQueue<ToastContent>;
-declare function addToast(children: ReactNode, options?: Omit<ToastContent, 'children'>): string;
-declare function closeToast(key: string): void;
+export declare const toastQueue: ToastQueue<ToastContent>;
+export declare function addToast(children: ReactNode, options?: Omit<ToastContent, 'children'>): string;
+export declare function closeToast(key: string): void;
 //#endregion
 //#region src/components/tooltip/Tooltip.d.ts
 interface TooltipProps {
@@ -5678,15 +6123,15 @@ interface TooltipProps {
    */
   visible?: boolean;
 }
-declare const Tooltip: FC<TooltipProps>;
+export declare const Tooltip: FC<TooltipProps>;
 //#endregion
 //#region src/hooks/useDrawer.d.ts
 type UseDrawerResult = DrawerContextProps;
-declare const useDrawer: () => UseDrawerResult;
+export declare const useDrawer: () => UseDrawerResult;
 //#endregion
 //#region src/hooks/useModal.d.ts
 type UseModalResult = ModalContextProps;
-declare const useModal: () => UseModalResult;
+export declare const useModal: () => UseModalResult;
 //#endregion
 //#region src/components/notification/context.d.ts
 interface NotificationContextProps {
@@ -5702,7 +6147,7 @@ interface NotificationContextProps {
 //#endregion
 //#region src/hooks/useNotification.d.ts
 type UseNotificationResult = NotificationContextProps;
-declare const useNotification: () => UseNotificationResult;
+export declare const useNotification: () => UseNotificationResult;
 //#endregion
 //#region src/hooks/usePagination.d.ts
 interface UsePaginationOptions {
@@ -5724,12 +6169,12 @@ interface UsePaginationOptions {
   onNext: () => void;
 }
 interface UsePaginationResult<T extends HTMLElement = HTMLButtonElement> {
-  prevRef: RefObject<T>;
-  nextRef: RefObject<T>;
+  prevRef: RefObject<T | null>;
+  nextRef: RefObject<T | null>;
   handlePrevClick: (event: MouseEvent<T>) => void;
   handleNextClick: (event: MouseEvent<T>) => void;
 }
-declare function usePagination<T extends HTMLElement = HTMLButtonElement>({ prevDisabled, nextDisabled, onPrev, onNext }: UsePaginationOptions): UsePaginationResult<T>;
+export declare function usePagination<T extends HTMLElement = HTMLButtonElement>({ prevDisabled, nextDisabled, onPrev, onNext }: UsePaginationOptions): UsePaginationResult<T>;
 //#endregion
 //#region src/components/toast/context.d.ts
 interface ToastContextProps {
@@ -5745,7 +6190,7 @@ interface ToastContextProps {
 //#endregion
 //#region src/hooks/useToast.d.ts
 type UseToastResult = ToastContextProps;
-declare const useToast: () => UseToastResult;
+export declare const useToast: () => UseToastResult;
 //#endregion
 //#region src/components/chip/Chip.d.ts
 type ChipOwnProps<C extends ElementType> = {
@@ -5783,9 +6228,9 @@ type ChipOwnProps<C extends ElementType> = {
    */
   pressed?: boolean;
   /**
-   * Size the component small or large.
+   * Size the component sm or lg.
    */
-  size?: 'small' | 'large';
+  size?: 'sm' | 'lg';
   /**
    * Specifies the type of button. Only applies when `component` is `button`. Different browsers
    * may use different default types for the `<button>` element, so always specify it explicitly.
@@ -5798,11 +6243,11 @@ type ChipOwnProps<C extends ElementType> = {
 };
 type ChipProps<C extends ElementType = 'span'> = PolymorphicComponentProps<C, ChipOwnProps<C>>;
 type ChipComponent = (<C extends ElementType = 'span'>(props: ChipProps<C> & {
-  ref?: PolymorphicRef<C>;
+  ref?: PolymorphicRefWithFallback<C, HTMLSpanElement | HTMLAnchorElement>;
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Chip: ChipComponent;
+export declare const Chip: ChipComponent;
 //#endregion
 //#region src/components/flex/Flex.d.ts
 interface FlexLayout {
@@ -5870,7 +6315,7 @@ type FlexComponent = (<C extends ElementType = 'div'>(props: FlexProps<C> & {
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Flex: FlexComponent;
+export declare const Flex: FlexComponent;
 //#endregion
 //#region src/components/stack/Stack.d.ts
 type StackOwnProps<C extends ElementType> = {
@@ -5904,6 +6349,6 @@ type StackComponent = (<C extends ElementType = 'div'>(props: StackProps<C> & {
 }) => ReactElement | null) & {
   displayName?: string;
 };
-declare const Stack: StackComponent;
+export declare const Stack: StackComponent;
 //#endregion
-export { Accordion, AccordionBody, AccordionHeader, AccordionItem, Autocomplete, AutocompleteGroup, AutocompleteItem, Avatar, AvatarImage, AvatarStack, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, ButtonToolbar, Calendar, Card, CardBody, CardFooter, CardGroup, CardHeader, CardImage, CardImageOverlay, CardLink, CardSubtitle, CardText, CardTitle, Carousel, CarouselControlNext, CarouselControlPrev, CarouselIndicators, CarouselInner, CarouselItem, CarouselOverlay, CarouselPlayPause, Checkbox, CheckboxGroup, Chip, ChipInput, CloseButton, Col, Collapse, ColorInput, Combobox, ComboboxGroup, ComboboxItem, Container, DatePicker, DateRangePicker, Drawer, DrawerBody, DrawerFooter, DrawerHeader, DrawerTitle, FileInput, Flex, FloatingInput, Form, FormFeedback, FormField, FormHelp, FormLabel, Grid, GridItem, I18nProvider, Icon, InputAdorn, InputGroup, InputGroupAddon, Link, List, ListItem, Menu, MenuDivider, MenuHeader, MenuItem, MenuList, MenuSubmenu, MenuSubmenuBack, MenuText, MenuToggle, Modal, ModalBody, ModalFooter, ModalHeader, ModalTitle, Nav, NavItem, NavLink, NavTitle, Navbar, NavbarBrand, NavbarNav, NavbarText, NavbarToggler, Notification, NotificationIcon, NotificationStack, NotificationText, NotificationTitle, OtpInput, Pagination, PaginationItem, PasswordStrength, Placeholder, Popover, Progress, ProgressBar, Radio, RadioGroup, RangeCalendar, RangeInput, Row, Select, Skeleton, SkeletonLoader, Spinner, Stack, Stepper, StepperItem, Switch, Tab, TabList, TabPanel, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tabs, TextInput, Textarea, Toast, ToastBody, ToastFooter, ToastHeader, ToastIcon, Toaster, Tooltip, addNotification, addToast, closeNotification, closeToast, notificationQueue, toastQueue, useDrawer, useModal, useNotification, usePagination, useToast };
+export { type AccordionBodyProps, type AccordionHeaderProps, type AccordionItemDef, type AccordionItemProps, type AccordionProps, type AutocompleteGroupProps, type AutocompleteItemProps, type AutocompleteProps, type AvatarImageProps, type AvatarProps, type AvatarStackItemDef, type AvatarStackProps, type BadgeProps, type BreadcrumbItemDef, type BreadcrumbItemProps, type BreadcrumbProps, type Breakpoint, type ButtonGroupProps, type ButtonObject, type ButtonProps, type ButtonToolbarProps, type CalendarLabels, type CalendarMultipleProps, type CalendarProps, type CalendarSingleProps, type CardBodyProps, type CardFooterProps, type CardGroupProps, type CardHeaderProps, type CardImageOverlayProps, type CardImageProps, type CardLinkProps, type CardProps, type CardSubtitleProps, type CardTextProps, type CardTitleProps, type CarouselControlNextProps, type CarouselControlPrevProps, type CarouselEnds, type CarouselIndicatorsProps, type CarouselInnerProps, type CarouselItemProps, type CarouselOverlayProps, type CarouselPlayPauseProps, type CarouselProps, type CarouselSlideDetail, type CarouselTransition, type CheckboxGroupProps, type CheckboxProps, type ChipInputProps, type ChipProps, type CloseButtonProps, type ColProps, type CollapseProps, type ColorInputProps, type ComboboxGroupProps, type ComboboxItemProps, type ComboboxProps, type ContainerProps, type ContextColor, type ContextStyle, type DatePickerMultipleProps, type DatePickerProps, type DatePickerSingleProps, type DateRangePickerProps, type DateRangePreset, type DrawerBodyProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerProps, type DrawerTitleProps, type ExtendedSizing, type FileInputProps, type FlexProps, type FloatingInputProps, type FormFeedbackProps, type FormFieldProps, type FormHelpProps, type FormLabelProps, type FormProps, type GridItemLayout, type GridItemProps, type GridProps, I18nProvider, type IconProps, type InputAdornProps, type InputGroupAddonProps, type InputGroupProps, type LinkProps, type ListItemDef, type ListItemProps, type ListProps, type MenuAutoClose, type MenuDividerDef, type MenuDividerProps, type MenuFocusStrategy, type MenuHeaderDef, type MenuHeaderProps, type MenuItemDef, type MenuItemProps, type MenuItemsDef, type MenuListProps, type MenuProps, type MenuSubmenuBackProps, type MenuSubmenuProps, type MenuTextProps, type MenuToggleProps, type ModalBodyProps, type ModalFooterProps, type ModalHeaderProps, type ModalProps, type ModalTitleProps, type NavItemDef, type NavLinkProps, type NavProps, type NavTitleProps, type NavbarBrandProps, type NavbarNavProps, type NavbarProps, type NavbarTextProps, type NavbarTogglerProps, type NotificationContent, type NotificationIconProps, type NotificationProps, type NotificationStackProps, type NotificationTextProps, type NotificationTitleProps, type OtpInputProps, type PaginationItemProps, type PaginationProps, type PasswordStrengthProps, type PlaceholderProps, type Placement, type PopoverProps, type ProgressBarProps, type ProgressProps, type RadioGroupProps, type RadioProps, type RangeCalendarProps, type RangeInputProps, type RowProps, type SelectOptionDef, type SelectProps, type Shapes, type Sizing, type SkeletonLoaderProps, type SkeletonProps, type Spacing, type SpinnerProps, type StackProps, type StepperItemDef, type StepperItemProps, type StepperProps, type SwitchProps, type TabListProps, type TabPanelProps, type TabProps, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeaderProps, type TableProps, type TableRowProps, type TabsProps, type TextInputProps, type TextareaProps, type ToastBodyProps, type ToastContent, type ToastFooterProps, type ToastHeaderProps, type ToastIconProps, type ToastProps, type ToasterProps, type TooltipProps, type UseDrawerResult, type UseModalResult, type UseNotificationResult, type UsePaginationResult, type UseToastResult };