@capra/core 1.8.1 → 1.9.0

package/dist/index.d.mts

@@ -1,11 +1,14 @@
 import * as React$2 from "react";
 import React$1, { HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy } from "react";
 import { SvgIcon } from "@capra/icons";
-import { BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, ComboBoxRenderProps, DatePickerProps, DateRangePickerProps, DateValue, DisclosureProps, Focusable, LinkProps as LinkProps$1, ListBoxItemProps, PopoverProps as PopoverProps$1, PressEvent, RouterProvider } from "react-aria-components";
+import { BreadcrumbProps as BreadcrumbProps$1, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, ComboBoxRenderProps, DatePickerProps, DateRangePickerProps, DateValue, DisclosureProps, Focusable, Key, LinkProps as LinkProps$1, ListBoxItemProps, PopoverProps as PopoverProps$1, PressEvent, RouterProvider } from "react-aria-components";
 import { SvgLogo } from "@capra/icons/logos";
-
 //#region src/utils/stylingOverride.d.ts
 interface StylingOverrideProps {
+  /** Use `FORCE__className` instead. */
+  className?: never;
+  /** Inline styles are not supported; use component props or `FORCE__className`. */
+  style?: never;
   /**
    * 🚨 This prop is meant to be an escape hatch. 🚨
    *
@@ -17,9 +20,9 @@ interface StylingOverrideProps {
 }
 //#endregion
 //#region src/components/Alert/Alert.d.ts
-declare const layouts: readonly ["section", "compact", "inline"];
+declare const layouts: readonly ['section', 'compact', 'inline'];
 type Layout = (typeof layouts)[number];
-declare const appearances$3: readonly ["info", "warning", "danger", "success"];
+declare const appearances$3: readonly ['info', 'warning', 'danger', 'success'];
 type Appearance$3 = (typeof appearances$3)[number];
 type AlertProps = {
   /**
@@ -81,33 +84,26 @@ type AlertProps = {
 /**
  * Alerts are used to communicate important information to the user.
  */
-declare function Alert({
-  appearance,
-  layout,
-  title,
-  children,
-  action,
-  onDismiss,
-  FORCE__className: classNameOverride,
-  ...props
-}: AlertProps): React$2.JSX.Element | null;
+declare function Alert({ appearance, layout, title, children, action, onDismiss, FORCE__className: classNameOverride, ...props }: AlertProps): React$2.JSX.Element | null;
 //#endregion
 //#region src/components/TextInput/TextInput.d.ts
-declare const appearances$2: readonly ["default", "danger", "warning"];
+declare const appearances$2: readonly ['default', 'danger', 'warning'];
 type Appearance$2 = (typeof appearances$2)[number];
-declare const sizes$2: readonly ["sm", "md"];
+declare const sizes$2: readonly ['sm', 'md'];
 type Size$3 = (typeof sizes$2)[number];
 type TextInputProps = {
   /** Appearance of the input.
    * @default 'default'
    */
-  appearance?: Appearance$2; /** Content before the input (e.g. icon). */
+  appearance?: Appearance$2;
+  /** Content before the input (e.g. icon). */
   leadingSlot?: React$2.ReactNode;
   /**
    * Size of the input.
    * @default 'md'
    */
-  size?: Size$3; /** Content after the input (e.g. icon or clear button). */
+  size?: Size$3;
+  /** Content after the input (e.g. icon or clear button). */
   trailingSlot?: React$2.ReactNode;
 } & StylingOverrideProps & Omit<React$2.ComponentPropsWithoutRef<'input'>, 'className' | 'style' | 'size'>;
 /**
@@ -117,20 +113,25 @@ declare const TextInput: React$2.ForwardRefExoticComponent<{
   /** Appearance of the input.
    * @default 'default'
    */
-  appearance?: Appearance$2; /** Content before the input (e.g. icon). */
+  appearance?: Appearance$2;
+  /** Content before the input (e.g. icon). */
   leadingSlot?: React$2.ReactNode;
   /**
    * Size of the input.
    * @default 'md'
    */
-  size?: Size$3; /** Content after the input (e.g. icon or clear button). */
+  size?: Size$3;
+  /** Content after the input (e.g. icon or clear button). */
   trailingSlot?: React$2.ReactNode;
-} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "style" | "size" | "className"> & React$2.RefAttributes<HTMLInputElement>>;
+} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "className" | "size" | "style"> & React$2.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/input-helpers/fieldLayout.d.ts
 type FieldLayoutProps = {
-  /** Helper text below the field. Replaced by error message when status is error. Use for requirements, disclaimers. */helperText?: string; /** Label for the field. Required for accessibility; use aria-label if another element acts as label. */
-  label?: string; /** Label and field layout: vertical (label above) or horizontal (label on leading side). Prefer vertical; use horizontal when space is limited. */
+  /** Helper text below the field. Replaced by error message when status is error. Use for requirements, disclaimers. */
+  helperText?: string;
+  /** Label for the field. Required for accessibility; use aria-label if another element acts as label. */
+  label?: string;
+  /** Label and field layout: vertical (label above) or horizontal (label on leading side). Prefer vertical; use horizontal when space is limited. */
   layout?: 'vertical' | 'horizontal';
 };
 //#endregion
@@ -142,13 +143,21 @@ type ChildrenOrFunction<T> = React$1.ReactNode | ((values: T & {
   defaultChildren: React$1.ReactNode | undefined;
 }) => React$1.ReactNode);
 type AutocompleteFieldProps = {
-  /** Whether to show a clear button for the input. */canClear?: boolean; /** The children to render in the dropdown. */
-  children?: ChildrenOrFunction<ComboBoxRenderProps>; /** A function that filters the items based on the input value. */
-  itemFilter?: (textValue: string, inputValue: string) => boolean; /** A callback function that is called when the input value changes. */
-  onChange?: (value: string) => void; /** A callback function that is called when the dropdown is opened or closed. */
-  onOpenChange?: (isOpen: boolean) => void; /** The items to display in the dropdown. */
-  items?: AutocompleteItem[]; /** The value of the input. */
-  value?: AutocompleteItem['value']; /** Whether to automatically size the dropdown to the width of the input. Defaults to `true` */
+  /** Whether to show a clear button for the input. */
+  canClear?: boolean;
+  /** The children to render in the dropdown. */
+  children?: ChildrenOrFunction<ComboBoxRenderProps>;
+  /** A function that filters the items based on the input value. */
+  itemFilter?: (textValue: string, inputValue: string) => boolean;
+  /** A callback function that is called when the input value changes. */
+  onChange?: (value: string) => void;
+  /** A callback function that is called when the dropdown is opened or closed. */
+  onOpenChange?: (isOpen: boolean) => void;
+  /** The items to display in the dropdown. */
+  items?: AutocompleteItem[];
+  /** The value of the input. */
+  value?: AutocompleteItem['value'];
+  /** Whether to automatically size the dropdown to the width of the input. Defaults to `true` */
   shouldAutoSizeDropdown?: boolean;
 } & StylingOverrideProps & FieldLayoutProps & Omit<React$1.ComponentPropsWithoutRef<typeof TextInput>, 'value' | 'onChange'>;
 /**
@@ -159,27 +168,35 @@ declare function AutocompleteItem(props: ListBoxItemProps): React$1.JSX.Element;
  * AutocompleteField combines a text field with a suggestions list. Consumers can supply static `AutocompleteField.Item` children or an `items` collection with an optional default item renderer. The field allows custom values that are not in the list.
  */
 declare const AutocompleteField: ((props: {
-  /** Whether to show a clear button for the input. */canClear?: boolean; /** The children to render in the dropdown. */
-  children?: ChildrenOrFunction<ComboBoxRenderProps>; /** A function that filters the items based on the input value. */
-  itemFilter?: (textValue: string, inputValue: string) => boolean; /** A callback function that is called when the input value changes. */
-  onChange?: (value: string) => void; /** A callback function that is called when the dropdown is opened or closed. */
-  onOpenChange?: (isOpen: boolean) => void; /** The items to display in the dropdown. */
-  items?: AutocompleteItem[]; /** The value of the input. */
-  value?: AutocompleteItem["value"]; /** Whether to automatically size the dropdown to the width of the input. Defaults to `true` */
+  /** Whether to show a clear button for the input. */
+  canClear?: boolean;
+  /** The children to render in the dropdown. */
+  children?: ChildrenOrFunction<ComboBoxRenderProps>;
+  /** A function that filters the items based on the input value. */
+  itemFilter?: (textValue: string, inputValue: string) => boolean;
+  /** A callback function that is called when the input value changes. */
+  onChange?: (value: string) => void;
+  /** A callback function that is called when the dropdown is opened or closed. */
+  onOpenChange?: (isOpen: boolean) => void;
+  /** The items to display in the dropdown. */
+  items?: AutocompleteItem[];
+  /** The value of the input. */
+  value?: AutocompleteItem['value'];
+  /** Whether to automatically size the dropdown to the width of the input. Defaults to `true` */
   shouldAutoSizeDropdown?: boolean;
 } & StylingOverrideProps & FieldLayoutProps & Omit<Omit<{
   appearance?: Appearance$2;
   leadingSlot?: React$1.ReactNode;
   size?: Size$3;
   trailingSlot?: React$1.ReactNode;
-} & StylingOverrideProps & Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "style" | "size" | "className"> & React$1.RefAttributes<HTMLInputElement>, "ref">, "value" | "onChange"> & React$1.RefAttributes<HTMLInputElement>) => React$1.ReactElement) & {
+} & StylingOverrideProps & Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "className" | "size" | "style"> & React$1.RefAttributes<HTMLInputElement>, "ref">, "onChange" | "value"> & React$1.RefAttributes<HTMLInputElement>) => React$1.ReactElement) & {
   Item: typeof AutocompleteItem;
 };
 //#endregion
 //#region src/components/Text/Text.d.ts
 declare const variants$1: readonly ["body", "heading", "metric", "code", "body-xs-normal", "body-xs-semibold", "body-sm-normal", "body-sm-semibold", "body-md-normal", "body-md-semibold", "body-lg-normal", "body-lg-semibold", "heading-xs", "heading-sm", "heading-md", "heading-lg", "heading-xl", "metric-sm", "metric-md", "metric-lg", "metric-xl", "code"];
 type Variant$1 = (typeof variants$1)[number];
-declare const colors: readonly ["default", "primary", "secondary", "tertiary", "accent", "attention", "warning", "subtle", "success", "highlight"];
+declare const colors: readonly ['default', 'primary', 'secondary', 'tertiary', 'accent', 'attention', 'warning', 'subtle', 'success', 'highlight'];
 type Color = (typeof colors)[number];
 type TextProps<As extends React$2.ElementType> = {
   /**
@@ -195,7 +212,7 @@ type TextProps<As extends React$2.ElementType> = {
    * The underlying element rendered by the component. Defaults to `span`.
    */
   as?: As;
-} & StylingOverrideProps & Omit<React$2.ComponentPropsWithoutRef<As>, 'className'>;
+} & StylingOverrideProps & React$2.ComponentPropsWithoutRef<As>;
 /**
  * Component for displaying text. The visual display can be controlled via
  * `variant`. The underlying HTML element can be controlled via the `as` prop,
@@ -210,47 +227,71 @@ declare const Text: <As extends React$2.ElementType = "span">(props: {
    * The text foreground color. Can be a theme color or inherited from the environment. Defaults to `inherit`.
    * @default inherit
    */
-  color?: Color | "inherit";
+  color?: Color | 'inherit';
   /**
    * The underlying element rendered by the component. Defaults to `span`.
    */
   as?: As | undefined;
-} & StylingOverrideProps & Omit<React$2.PropsWithoutRef<React$2.ComponentProps<As>>, "className"> & React$2.RefAttributes<unknown>) => React$2.ReactElement;
+} & StylingOverrideProps & React$2.PropsWithoutRef<React$2.ComponentProps<As>> & React$2.RefAttributes<unknown>) => React$2.ReactElement;
 //#endregion
 //#region src/components/Card/Card.d.ts
+/**
+ * The base component for the card.
+ * @param className - Class overrides.
+ * @param props - The props for the card.
+ * @returns A card base component.
+ */
+declare const CardRoot: ({ className, ...props }: React$2.ComponentProps<'div'>) => React$2.JSX.Element;
+/**
+ * The header of the card.
+ * @param className - Class overrides.
+ * @param props - The props for the card header.
+ * @returns A card header component.
+ */
+declare const CardHeader: ({ className, ...props }: React$2.ComponentProps<'div'>) => React$2.JSX.Element;
+/**
+ * The title of the card.
+ * @param props - The props for the card title.
+ * @returns A card title component.
+ */
+declare const CardTitle: ({ children, variant, ...props }: Omit<React$2.ComponentProps<typeof Text>, 'className'>) => React$2.JSX.Element;
+/**
+ * The description of the card.
+ * @param props - The props for the card description.
+ * @returns A card description component.
+ */
+declare const CardDescription: ({ children, ...props }: Omit<React$2.ComponentProps<typeof Text>, 'variant' | 'color' | 'className'>) => React$2.JSX.Element;
+/**
+ * The actions container for the card header.
+ * @param className - Class overrides.
+ * @param props - The props for the card header actions container.
+ * @returns A card header actions container component.
+ */
+declare const CardAction: ({ className, ...props }: React$2.ComponentProps<'div'>) => React$2.JSX.Element;
+/**
+ * The content container for the card.
+ * @param className - Class overrides.
+ * @param props - The props for the card content container.
+ * @returns A card content container component.
+ */
+declare const CardContent: ({ className, ...props }: React$2.ComponentProps<'div'>) => React$2.JSX.Element;
+/**
+ * The footer container for the card.
+ * @param props - The props for the card footer container.
+ * @returns A card footer container component.
+ */
+declare const CardFooter: ({ className, ...props }: React$2.ComponentProps<'div'>) => React$2.JSX.Element;
 /**
  * Compound card component exposing structural slots for header, title, description,
  * action, content, and footer so consumers can build consistent layouts.
  */
-declare const Card: (({
-  className,
-  ...props
-}: React$2.ComponentProps<"div">) => React$2.JSX.Element) & {
-  Header: ({
-    className,
-    ...props
-  }: React$2.ComponentProps<"div">) => React$2.JSX.Element;
-  Title: ({
-    children,
-    variant,
-    ...props
-  }: Omit<React$2.ComponentProps<typeof Text>, "className">) => React$2.JSX.Element;
-  Description: ({
-    children,
-    ...props
-  }: Omit<React$2.ComponentProps<typeof Text>, "variant" | "color" | "className">) => React$2.JSX.Element;
-  Action: ({
-    className,
-    ...props
-  }: React$2.ComponentProps<"div">) => React$2.JSX.Element;
-  Content: ({
-    className,
-    ...props
-  }: React$2.ComponentProps<"div">) => React$2.JSX.Element;
-  Footer: ({
-    className,
-    ...props
-  }: React$2.ComponentProps<"div">) => React$2.JSX.Element;
+declare const Card: typeof CardRoot & {
+  Header: typeof CardHeader;
+  Title: typeof CardTitle;
+  Description: typeof CardDescription;
+  Action: typeof CardAction;
+  Content: typeof CardContent;
+  Footer: typeof CardFooter;
 };
 //#endregion
 //#region src/utils/accessibleLabel.d.ts
@@ -295,60 +336,36 @@ type BadgeProps = {
 /**
  * Badges display an indicator/counter on an associated component.
  */
-declare function Badge({
-  appearance,
-  variant,
-  count,
-  showZero,
-  overflowCount,
-  FORCE__className,
-  ...props
-}: BadgeProps): React$2.JSX.Element | null;
+declare function Badge({ appearance, variant, count, showZero, overflowCount, FORCE__className, ...props }: BadgeProps): React$2.JSX.Element | null;
 /**
  * A convenience component allowing you to easily attach a badge to another component.
  */
-declare function BadgeLayout({
-  children
-}: React$2.PropsWithChildren): React$2.JSX.Element;
+declare function BadgeLayout({ children }: React$2.PropsWithChildren): React$2.JSX.Element;
 //#endregion
 //#region src/components/ListItem/ListItem.d.ts
 type ListItemProps<As extends React$2.ElementType> = {
   as?: As;
 } & Omit<React$2.ComponentPropsWithoutRef<As>, 'className'> & StylingOverrideProps;
-declare function ListItem<As extends React$2.ElementType = 'li'>({
-  as: asComponent,
-  children,
-  FORCE__className: classNameOverride,
-  ...props
-}: ListItemProps<As>): React$2.JSX.Element;
+declare function ListItem<As extends React$2.ElementType = 'li'>({ as: asComponent, children, FORCE__className: classNameOverride, ...props }: ListItemProps<As>): React$2.JSX.Element;
 declare namespace ListItem {
-  var Content: ({
-    children,
-    FORCE__className
-  }: React$2.PropsWithChildren & StylingOverrideProps) => React$2.JSX.Element;
-  var Label: ({
-    children,
-    id
-  }: ListItemLabelProps) => React$2.JSX.Element;
-  var Description: ({
-    children
-  }: React$2.PropsWithChildren) => React$2.JSX.Element;
-  var Suffix: ({
-    children
-  }: React$2.PropsWithChildren) => React$2.JSX.Element;
-  var Spacer: () => React$2.JSX.Element;
-  var Leading: ({
-    children,
-    FORCE__className
-  }: React$2.PropsWithChildren & StylingOverrideProps) => React$2.JSX.Element;
-  var Trailing: ({
-    children,
-    FORCE__className
-  }: React$2.PropsWithChildren & StylingOverrideProps) => React$2.JSX.Element;
+  export { Content };
+  export { Label$1 as Label };
+  export { Description };
+  export { Suffix };
+  export { Spacer };
+  export { Leading };
+  export { Trailing };
 }
+declare const Leading: ({ children, FORCE__className }: React$2.PropsWithChildren & StylingOverrideProps) => React$2.JSX.Element;
+declare const Trailing: ({ children, FORCE__className }: React$2.PropsWithChildren & StylingOverrideProps) => React$2.JSX.Element;
+declare const Content: ({ children, FORCE__className }: React$2.PropsWithChildren & StylingOverrideProps) => React$2.JSX.Element;
 type ListItemLabelProps = React$2.PropsWithChildren & {
   id?: string;
 };
+declare const Label$1: ({ children, id }: ListItemLabelProps) => React$2.JSX.Element;
+declare const Suffix: ({ children }: React$2.PropsWithChildren) => React$2.JSX.Element;
+declare const Description: ({ children }: React$2.PropsWithChildren) => React$2.JSX.Element;
+declare const Spacer: () => React$2.JSX.Element;
 //#endregion
 //#region src/components/Pill/Pill.d.ts
 type PillAppearance = 'default' | 'info' | 'danger' | 'warning' | 'success' | 'highlight';
@@ -402,22 +419,19 @@ type PillProps = React$2.HTMLAttributes<HTMLDivElement> & {
    */
   inline?: boolean;
 } & StylingOverrideProps;
-declare const Pill: ({
-  children,
-  icon: overrideIcon,
-  variant,
-  appearance,
-  inline,
-  FORCE__className: classNameOverride,
-  ...props
-}: PillProps) => React$2.JSX.Element;
+declare const Pill: ({ children, icon: overrideIcon, variant, appearance, inline, FORCE__className: classNameOverride, ...props }: PillProps) => React$2.JSX.Element;
 //#endregion
 //#region src/components/RadioGroup/RadioGroup.d.ts
 type RadioGroupContextValue = {
-  /** The name of the radio group, this will act as a default name if one is not provided to the child radio components. */name?: string; /** Whether the radios in the group are required */
-  required?: boolean; /** Whether the radios in the group are disabled */
-  disabled?: boolean; /** The current value of the radio group */
-  value?: string | null; /** Callback when the value of the radio group changes */
+  /** The name of the radio group, this will act as a default name if one is not provided to the child radio components. */
+  name?: string;
+  /** Whether the radios in the group are required */
+  required?: boolean;
+  /** Whether the radios in the group are disabled */
+  disabled?: boolean;
+  /** The current value of the radio group */
+  value?: string | null;
+  /** Callback when the value of the radio group changes */
   onChange?(e: React$2.ChangeEvent<HTMLInputElement>): void;
   /**
    * Whether the radio buttons should be displayed vertically or horizontally
@@ -429,7 +443,7 @@ type RadioGroupProps = RadioGroupContextValue & StylingOverrideProps & Omit<Reac
 /**
  * A control wrapper for a group of radio buttons.
  */
-declare const RadioGroup: (props: RadioGroupContextValue & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref">, "onChange" | "className"> & React$2.RefAttributes<HTMLFieldSetElement>) => React$2.ReactElement;
+declare const RadioGroup: (props: RadioGroupContextValue & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref">, "className" | "onChange"> & React$2.RefAttributes<HTMLFieldSetElement>) => React$2.ReactElement;
 //#endregion
 //#region src/components/Radio/Radio.d.ts
 type ChildrenLabel = {
@@ -440,10 +454,11 @@ type ChildrenLabel = {
 /**
  * Require either 'aria-label', 'aria-labelledby', or 'children' for accessibility
  */
-type LabelProps = AccessibleLabelProps | ChildrenLabel;
+type LabelProps$1 = AccessibleLabelProps | ChildrenLabel;
 type RadioProps = {
-  /** The value of the radio button. */value: string | null;
-} & Partial<RadioGroupContextValue> & LabelProps & StylingOverrideProps & Omit<React$2.ComponentPropsWithoutRef<'input'>, 'className' | 'type'>;
+  /** The value of the radio button. */
+  value: string | null;
+} & Partial<RadioGroupContextValue> & LabelProps$1 & StylingOverrideProps & Omit<React$2.ComponentPropsWithoutRef<'input'>, 'className' | 'type'>;
 /**
  * A presentational radio button component. You will typically use this component within a RadioGroup component.
  */
@@ -490,9 +505,9 @@ type SwitchProps = AccessibleLabelProps & SwitchNativeProps & {
 declare const Switch: React$2.ForwardRefExoticComponent<SwitchProps & React$2.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Tag/Tag.d.ts
-declare const tagColors: readonly ["default", "accent", "danger", "warning", "info", "success", "highlight", "brand", "amber", "blue", "bronze", "brown", "criblTeal", "crimson", "cyan", "gold", "grass", "green", "indigo", "iris", "jade", "lime", "mint", "orange", "pink", "plum", "purple", "red", "ruby", "sky", "teal", "tomato", "violet", "yellow"];
+declare const tagColors: readonly ['default', 'accent', 'danger', 'warning', 'info', 'success', 'highlight', 'brand', 'amber', 'blue', 'bronze', 'brown', 'criblTeal', 'crimson', 'cyan', 'gold', 'grass', 'green', 'indigo', 'iris', 'jade', 'lime', 'mint', 'orange', 'pink', 'plum', 'purple', 'red', 'ruby', 'sky', 'teal', 'tomato', 'violet', 'yellow'];
 type TagColor = (typeof tagColors)[number];
-declare const tagSizes: readonly ["sm", "md"];
+declare const tagSizes: readonly ['sm', 'md'];
 type TagSize = (typeof tagSizes)[number];
 type Draggable = {
   draggable: true;
@@ -532,25 +547,17 @@ type TagProps = DraggableProps & {
 /**
  * A tag component for displaying a label and an optional icon.
  */
-declare function Tag({
-  draggable,
-  color,
-  icon: Icon,
-  children,
-  size,
-  onDelete,
-  onDragStart,
-  onDragEnd,
-  onHandleKeydown,
-  FORCE__className: classNameOverride,
-  ...props
-}: TagProps): React$2.JSX.Element;
+declare function Tag({ draggable, color, icon: Icon, children, size, onDelete, onDragStart, onDragEnd, onHandleKeydown, FORCE__className: classNameOverride, ...props }: TagProps): React$2.JSX.Element;
 //#endregion
 //#region src/components/Checkbox/Checkbox.d.ts
 type CheckboxProps = {
-  /** Whether the checkbox is in an indeterminate state. */indeterminate?: boolean; /** Controlled checked state. Use with onChange for controlled component. */
-  checked?: boolean; /** Default checked state for uncontrolled component. */
-  defaultChecked?: boolean; /** The label for the checkbox. */
+  /** Whether the checkbox is in an indeterminate state. */
+  indeterminate?: boolean;
+  /** Controlled checked state. Use with onChange for controlled component. */
+  checked?: boolean;
+  /** Default checked state for uncontrolled component. */
+  defaultChecked?: boolean;
+  /** The label for the checkbox. */
   children?: string | React$2.ReactNode;
 } & StylingOverrideProps & Omit<React$2.ComponentPropsWithoutRef<'input'>, 'className' | 'type'>;
 /**
@@ -565,18 +572,25 @@ type CheckboxProps = {
  * <Checkbox checked={isChecked} onChange={handleChange}>Subscribe</Checkbox>
  */
 declare const Checkbox: React$2.ForwardRefExoticComponent<{
-  /** Whether the checkbox is in an indeterminate state. */indeterminate?: boolean; /** Controlled checked state. Use with onChange for controlled component. */
-  checked?: boolean; /** Default checked state for uncontrolled component. */
-  defaultChecked?: boolean; /** The label for the checkbox. */
+  /** Whether the checkbox is in an indeterminate state. */
+  indeterminate?: boolean;
+  /** Controlled checked state. Use with onChange for controlled component. */
+  checked?: boolean;
+  /** Default checked state for uncontrolled component. */
+  defaultChecked?: boolean;
+  /** The label for the checkbox. */
   children?: string | React$2.ReactNode;
-} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | "className"> & React$2.RefAttributes<HTMLInputElement>>;
+} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "className" | "type"> & React$2.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Collapse/Collapse.d.ts
 /** Props forwarded to React Aria `Disclosure`; see https://reactaria.adobe.com/Disclosure */
 type CollapseDisclosureProps = Pick<DisclosureProps, 'id' | 'defaultExpanded' | 'isExpanded' | 'onExpandedChange' | 'isDisabled'>;
 type CollapseProps = StylingOverrideProps & CollapseDisclosureProps & {
-  /** Plain string title rendered in the disclosure heading. */title: string; /** Trailing header region for actions (switches, buttons, etc.). */
-  headerTrailingContentSlot?: React$2.ReactNode; /** Content of the disclosure panel. */
+  /** Plain string title rendered in the disclosure heading. */
+  title: string;
+  /** Trailing header region for actions (switches, buttons, etc.). */
+  headerTrailingContentSlot?: React$2.ReactNode;
+  /** Content of the disclosure panel. */
   children: React$2.ReactNode;
 };
 /**
@@ -586,8 +600,11 @@ type CollapseProps = StylingOverrideProps & CollapseDisclosureProps & {
  * (switches, buttons), and the panel body via **`children`**.
  */
 declare const Collapse: React$2.ForwardRefExoticComponent<StylingOverrideProps & CollapseDisclosureProps & {
-  /** Plain string title rendered in the disclosure heading. */title: string; /** Trailing header region for actions (switches, buttons, etc.). */
-  headerTrailingContentSlot?: React$2.ReactNode; /** Content of the disclosure panel. */
+  /** Plain string title rendered in the disclosure heading. */
+  title: string;
+  /** Trailing header region for actions (switches, buttons, etc.). */
+  headerTrailingContentSlot?: React$2.ReactNode;
+  /** Content of the disclosure panel. */
   children: React$2.ReactNode;
 } & React$2.RefAttributes<HTMLDivElement>>;
 //#endregion
@@ -603,26 +620,8 @@ type InputRowAddonProps = {
    */
   size?: Size$3;
 } & StylingOverrideProps & Omit<React$2.ComponentPropsWithoutRef<'span'>, 'className'>;
-declare function InputRowAddon({
-  children,
-  size,
-  FORCE__className: classNameOverride,
-  ...rest
-}: InputRowAddonProps): React$2.JSX.Element;
-declare namespace InputRowAddon {
-  var displayName: string;
-}
-declare function InputRowRoot({
-  children,
-  FORCE__className: classNameOverride,
-  role: roleProp,
-  'aria-label': ariaLabel,
-  'aria-labelledby': ariaLabelledBy,
-  ...rest
-}: InputRowProps): React$2.JSX.Element;
-declare namespace InputRowRoot {
-  var displayName: string;
-}
+declare function InputRowAddon({ children, size, FORCE__className: classNameOverride, ...rest }: InputRowAddonProps): React$2.JSX.Element;
+declare function InputRowRoot({ children, FORCE__className: classNameOverride, role: roleProp, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...rest }: InputRowProps): React$2.JSX.Element;
 /**
  * Horizontal flex container for visually joining inputs and addons.
  */
@@ -632,7 +631,9 @@ declare const InputRow: typeof InputRowRoot & {
 //#endregion
 //#region src/components/TextField/TextField.d.ts
 type TextFieldProps = {
-  /** Called with the new string value when the input changes. */onChange?: (value: string) => void; /** When true, shows a character count. */
+  /** Called with the new string value when the input changes. */
+  onChange?: (value: string) => void;
+  /** When true, shows a character count. */
   showCount?: boolean;
   value?: string | number | undefined;
 } & FieldLayoutProps & Omit<TextInputProps, 'onChange' | 'value'>;
@@ -640,10 +641,12 @@ type TextFieldProps = {
  * Single-line text field with optional label and helper text.
  */
 declare const TextField: React$2.ForwardRefExoticComponent<{
-  /** Called with the new string value when the input changes. */onChange?: (value: string) => void; /** When true, shows a character count. */
+  /** Called with the new string value when the input changes. */
+  onChange?: (value: string) => void;
+  /** When true, shows a character count. */
   showCount?: boolean;
   value?: string | number | undefined;
-} & FieldLayoutProps & Omit<TextInputProps, "value" | "onChange"> & React$2.RefAttributes<HTMLInputElement>>;
+} & FieldLayoutProps & Omit<TextInputProps, "onChange" | "value"> & React$2.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/PasswordField/PasswordField.d.ts
 type PasswordFieldProps = Omit<TextFieldProps, 'trailingSlot' | 'type'>;
@@ -655,9 +658,13 @@ declare const PasswordField: React$2.ForwardRefExoticComponent<PasswordFieldProp
 //#endregion
 //#region src/components/NumberField/NumberField.d.ts
 type NumberFieldProps = Omit<TextInputProps, 'type' | 'onChange' | 'min' | 'max' | 'step'> & {
-  /** Called with the unformatted number value when the number changes. */onChange?: (value: number) => void; /** Locale-aware display and parsing for the displayed value (see https://react-aria.adobe.com/NumberField#format-options) */
-  formatOptions?: Intl.NumberFormatOptions; /** Minimum value */
-  min?: number; /** Maximum value */
+  /** Called with the unformatted number value when the number changes. */
+  onChange?: (value: number) => void;
+  /** Locale-aware display and parsing for the displayed value (see https://react-aria.adobe.com/NumberField#format-options) */
+  formatOptions?: Intl.NumberFormatOptions;
+  /** Minimum value */
+  min?: number;
+  /** Maximum value */
   max?: number;
   /**
    * Step increment. When omitted, defaults to `1` (same as native `input type="number"`).
@@ -667,10 +674,14 @@ type NumberFieldProps = Omit<TextInputProps, 'type' | 'onChange' | 'min' | 'max'
 /**
  * Number field built on React Aria `NumberField`, with custom increment/decrement controls (native spinners hidden).
  */
-declare const NumberField: React$2.ForwardRefExoticComponent<Omit<TextInputProps, "max" | "min" | "step" | "type" | "onChange"> & {
-  /** Called with the unformatted number value when the number changes. */onChange?: (value: number) => void; /** Locale-aware display and parsing for the displayed value (see https://react-aria.adobe.com/NumberField#format-options) */
-  formatOptions?: Intl.NumberFormatOptions; /** Minimum value */
-  min?: number; /** Maximum value */
+declare const NumberField: React$2.ForwardRefExoticComponent<Omit<TextInputProps, "max" | "min" | "onChange" | "step" | "type"> & {
+  /** Called with the unformatted number value when the number changes. */
+  onChange?: (value: number) => void;
+  /** Locale-aware display and parsing for the displayed value (see https://react-aria.adobe.com/NumberField#format-options) */
+  formatOptions?: Intl.NumberFormatOptions;
+  /** Minimum value */
+  min?: number;
+  /** Maximum value */
   max?: number;
   /**
    * Step increment. When omitted, defaults to `1` (same as native `input type="number"`).
@@ -680,23 +691,37 @@ declare const NumberField: React$2.ForwardRefExoticComponent<Omit<TextInputProps
 //#endregion
 //#region src/components/DatePickerField/DatePickerField.d.ts
 type DatePickerFieldProps<T extends DateValue = DateValue> = FieldLayoutProps & Pick<TextInputProps, 'appearance' | 'size' | 'leadingSlot' | 'placeholder'> & Pick<DatePickerProps<T>, 'value' | 'defaultValue' | 'onChange'> & {
-  /** Smallest date/time unit shown in the field. Only `day` and `second` are supported. */granularity?: 'day' | 'second';
+  /** Smallest date/time unit shown in the field. Only `day` and `second` are supported. */
+  granularity?: 'day' | 'second';
 } & StylingOverrideProps & {
-  /** When true, shows a clear control to the left of the calendar button while the field has a value. */canClear?: boolean; /** Disables the field. */
-  disabled?: boolean; /** Optional id for the root; associates the label and field. */
-  id?: string; /** Read-only field. */
-  readOnly?: boolean; /** Required field. */
-  required?: boolean; /** Invalid value; `appearance="danger"` also forces an invalid state for display. */
+  /** When true, shows a clear control to the left of the calendar button while the field has a value. */
+  canClear?: boolean;
+  /** Disables the field. */
+  disabled?: boolean;
+  /** Optional id for the root; associates the label and field. */
+  id?: string;
+  /** Read-only field. */
+  readOnly?: boolean;
+  /** Required field. */
+  required?: boolean;
+  /** Invalid value; `appearance="danger"` also forces an invalid state for display. */
   isInvalid?: boolean;
 };
-declare const DatePickerField: React$2.ForwardRefExoticComponent<FieldLayoutProps & Pick<TextInputProps, "placeholder" | "size" | "appearance" | "leadingSlot"> & Pick<DatePickerProps<DateValue>, "value" | "onChange" | "defaultValue"> & {
-  /** Smallest date/time unit shown in the field. Only `day` and `second` are supported. */granularity?: "day" | "second";
+declare const DatePickerField: React$2.ForwardRefExoticComponent<FieldLayoutProps & Pick<TextInputProps, "appearance" | "leadingSlot" | "placeholder" | "size"> & Pick<DatePickerProps<DateValue>, "defaultValue" | "onChange" | "value"> & {
+  /** Smallest date/time unit shown in the field. Only `day` and `second` are supported. */
+  granularity?: 'day' | 'second';
 } & StylingOverrideProps & {
-  /** When true, shows a clear control to the left of the calendar button while the field has a value. */canClear?: boolean; /** Disables the field. */
-  disabled?: boolean; /** Optional id for the root; associates the label and field. */
-  id?: string; /** Read-only field. */
-  readOnly?: boolean; /** Required field. */
-  required?: boolean; /** Invalid value; `appearance="danger"` also forces an invalid state for display. */
+  /** When true, shows a clear control to the left of the calendar button while the field has a value. */
+  canClear?: boolean;
+  /** Disables the field. */
+  disabled?: boolean;
+  /** Optional id for the root; associates the label and field. */
+  id?: string;
+  /** Read-only field. */
+  readOnly?: boolean;
+  /** Required field. */
+  required?: boolean;
+  /** Invalid value; `appearance="danger"` also forces an invalid state for display. */
   isInvalid?: boolean;
 } & React$2.RefAttributes<HTMLDivElement>>;
 //#endregion
@@ -704,27 +729,43 @@ declare const DatePickerField: React$2.ForwardRefExoticComponent<FieldLayoutProp
 /** Visible placeholders for empty start/end when the field is not focus-within. */
 type DateRangePickerFieldPlaceholder = readonly [string, string];
 type DateRangePickerFieldProps<T extends DateValue = DateValue> = FieldLayoutProps & Pick<TextInputProps, 'appearance' | 'size' | 'leadingSlot'> & {
-  /** Placeholders for empty start and end, shown with a swap icon between them when the group is not focus-within. */placeholder?: DateRangePickerFieldPlaceholder;
+  /** Placeholders for empty start and end, shown with a swap icon between them when the group is not focus-within. */
+  placeholder?: DateRangePickerFieldPlaceholder;
 } & Pick<DateRangePickerProps<T>, 'value' | 'defaultValue' | 'onChange' | 'shouldCloseOnSelect'> & {
-  /** Smallest date/time unit shown in the fields. Only `day` and `second` are supported. */granularity?: 'day' | 'second';
+  /** Smallest date/time unit shown in the fields. Only `day` and `second` are supported. */
+  granularity?: 'day' | 'second';
 } & StylingOverrideProps & {
-  /** When true, shows a clear control to the left of the calendar button while the field has a value. */canClear?: boolean; /** Disables the field. */
-  disabled?: boolean; /** Optional id for the root; associates the label and field. */
-  id?: string; /** Read-only field. */
-  readOnly?: boolean; /** Required field. */
-  required?: boolean; /** Invalid value; `appearance="danger"` also forces an invalid state for display. */
+  /** When true, shows a clear control to the left of the calendar button while the field has a value. */
+  canClear?: boolean;
+  /** Disables the field. */
+  disabled?: boolean;
+  /** Optional id for the root; associates the label and field. */
+  id?: string;
+  /** Read-only field. */
+  readOnly?: boolean;
+  /** Required field. */
+  required?: boolean;
+  /** Invalid value; `appearance="danger"` also forces an invalid state for display. */
   isInvalid?: boolean;
 };
-declare const DateRangePickerField: React$2.ForwardRefExoticComponent<FieldLayoutProps & Pick<TextInputProps, "size" | "appearance" | "leadingSlot"> & {
-  /** Placeholders for empty start and end, shown with a swap icon between them when the group is not focus-within. */placeholder?: DateRangePickerFieldPlaceholder;
-} & Pick<DateRangePickerProps<DateValue>, "value" | "onChange" | "defaultValue" | "shouldCloseOnSelect"> & {
-  /** Smallest date/time unit shown in the fields. Only `day` and `second` are supported. */granularity?: "day" | "second";
+declare const DateRangePickerField: React$2.ForwardRefExoticComponent<FieldLayoutProps & Pick<TextInputProps, "appearance" | "leadingSlot" | "size"> & {
+  /** Placeholders for empty start and end, shown with a swap icon between them when the group is not focus-within. */
+  placeholder?: DateRangePickerFieldPlaceholder;
+} & Pick<DateRangePickerProps<DateValue>, "defaultValue" | "onChange" | "shouldCloseOnSelect" | "value"> & {
+  /** Smallest date/time unit shown in the fields. Only `day` and `second` are supported. */
+  granularity?: 'day' | 'second';
 } & StylingOverrideProps & {
-  /** When true, shows a clear control to the left of the calendar button while the field has a value. */canClear?: boolean; /** Disables the field. */
-  disabled?: boolean; /** Optional id for the root; associates the label and field. */
-  id?: string; /** Read-only field. */
-  readOnly?: boolean; /** Required field. */
-  required?: boolean; /** Invalid value; `appearance="danger"` also forces an invalid state for display. */
+  /** When true, shows a clear control to the left of the calendar button while the field has a value. */
+  canClear?: boolean;
+  /** Disables the field. */
+  disabled?: boolean;
+  /** Optional id for the root; associates the label and field. */
+  id?: string;
+  /** Read-only field. */
+  readOnly?: boolean;
+  /** Required field. */
+  required?: boolean;
+  /** Invalid value; `appearance="danger"` also forces an invalid state for display. */
   isInvalid?: boolean;
 } & React$2.RefAttributes<HTMLDivElement>>;
 //#endregion
@@ -751,8 +792,10 @@ type TextAreaProps = {
    * `true` grows with content; use `{ minRows, maxRows }` to clamp height.
    * When enabled, manual vertical resize is disabled (`resize: none`).
    */
-  autoSize?: TextAreaAutoSize; /** When true, shows a character count. */
-  showCount?: boolean; /** Called with the new string value when the input changes. */
+  autoSize?: TextAreaAutoSize;
+  /** When true, shows a character count. */
+  showCount?: boolean;
+  /** Called with the new string value when the input changes. */
   onChange?: (value: string) => void;
 } & FieldLayoutProps & StylingOverrideProps & Omit<React$2.ComponentPropsWithoutRef<'textarea'>, 'className' | 'style' | 'size' | 'onChange'>;
 /**
@@ -774,28 +817,39 @@ declare const TextArea: React$2.ForwardRefExoticComponent<{
    * `true` grows with content; use `{ minRows, maxRows }` to clamp height.
    * When enabled, manual vertical resize is disabled (`resize: none`).
    */
-  autoSize?: TextAreaAutoSize; /** When true, shows a character count. */
-  showCount?: boolean; /** Called with the new string value when the input changes. */
+  autoSize?: TextAreaAutoSize;
+  /** When true, shows a character count. */
+  showCount?: boolean;
+  /** Called with the new string value when the input changes. */
   onChange?: (value: string) => void;
-} & FieldLayoutProps & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "style" | "size" | "onChange" | "className"> & React$2.RefAttributes<HTMLTextAreaElement>>;
+} & FieldLayoutProps & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "className" | "onChange" | "size" | "style"> & React$2.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/components/Modal/Modal.d.ts
 type ModalSize = 'sm' | 'md' | 'lg';
 type ModalProps = React$2.PropsWithChildren<{
-  /** Controlled open state */isOpen?: boolean; /** Called when open state changes */
-  onIsOpenChange?: (open: boolean) => void; /** Modal title shown in the header */
-  title?: React$2.ReactNode; /** Label for the confirm action button */
-  confirmButtonText?: string; /** Label for the cancel action button. Pass `null` to hide the secondary button. */
+  /** Controlled open state */
+  isOpen?: boolean;
+  /** Called when open state changes */
+  onIsOpenChange?: (open: boolean) => void;
+  /** Modal title shown in the header */
+  title?: React$2.ReactNode;
+  /** Label for the confirm action button */
+  confirmButtonText?: string;
+  /** Label for the cancel action button. Pass `null` to hide the secondary button. */
   cancelButtonText?: string | null;
   /**
    * Called when the confirm action button is pressed.
    *
    * If the handler returns a promise, the button will display a pending state until the promise is fulfilled. The modal will close automatically when the promise is fulfilled **regardless of whether the promise is resolved or rejected**.
    */
-  onConfirm?: () => void; /** Called when cancel/overlay dismiss is triggered */
-  onClose?: () => void; /** Optional footer content (e.g. action buttons). If provided, it replaces the default footer in which case the primary and secondary buttons will not show. Pass `null` to completely hide all footers. */
-  footer?: React$2.ReactNode; /** Width variant */
-  size?: ModalSize; /** If false, remove the close button in the header and prevent `Esc` from closing the modal. Defaults to `true`. */
+  onConfirm?: () => void;
+  /** Called when cancel/overlay dismiss is triggered */
+  onClose?: () => void;
+  /** Optional footer content (e.g. action buttons). If provided, it replaces the default footer in which case the primary and secondary buttons will not show. Pass `null` to completely hide all footers. */
+  footer?: React$2.ReactNode;
+  /** Width variant */
+  size?: ModalSize;
+  /** If false, remove the close button in the header and prevent `Esc` from closing the modal. Defaults to `true`. */
   isDismissible?: boolean;
   /**
    * The container to mount the modal in. Defaults to `document.body`.
@@ -808,49 +862,32 @@ type ModalProps = React$2.PropsWithChildren<{
 type ModalCreateOptions = Omit<ConfirmationModalProps, 'appearance' | 'isOpen'>;
 /** Return value of Modal.create() */
 type ModalCreateResult = {
-  /** Close the modal. Safe to call multiple times. */close: () => void; /** Promise that resolves when the modal has closed (after close is called or user dismisses). */
+  /** Close the modal. Safe to call multiple times. */
+  close: () => void;
+  /** Promise that resolves when the modal has closed (after close is called or user dismisses). */
   closed: Promise<void>;
 };
-declare const appearances$1: readonly ["default", "info", "danger", "warning", "success"];
+declare const appearances$1: readonly ['default', 'info', 'danger', 'warning', 'success'];
 type Appearance$1 = (typeof appearances$1)[number];
 type ConfirmationModalProps = Omit<ModalProps, 'title' | 'footer' | 'size' | 'isDismissible' | 'FORCE__className'> & {
-  /** Visual appearance of the confirmation modal */appearance?: Appearance$1; /** Modal title shown in the header */
-  title: string; /** Confirmation content */
+  /** Visual appearance of the confirmation modal */
+  appearance?: Appearance$1;
+  /** Modal title shown in the header */
+  title: string;
+  /** Confirmation content */
   content?: React$2.ReactNode;
 };
-declare function ModalInner({
-  children,
-  isOpen: open,
-  onIsOpenChange: onOpenChange,
-  title,
-  footer,
-  size,
-  isDismissible,
-  FORCE__className,
-  confirmButtonText,
-  cancelButtonText,
-  onClose,
-  onConfirm,
-  getContainer
-}: ModalProps): React$2.JSX.Element;
-declare function ModalFooterActions({
-  children
-}: {
+declare function ModalInner({ children, isOpen: open, onIsOpenChange: onOpenChange, title, footer, size, isDismissible, FORCE__className, confirmButtonText, cancelButtonText, onClose, onConfirm, getContainer }: ModalProps): React$2.JSX.Element;
+declare function ModalFooterActions({ children }: {
   children: React$2.ReactNode;
 }): React$2.JSX.Element;
-declare function ModalExpandedFooterLayout({
-  children
-}: {
+declare function ModalExpandedFooterLayout({ children }: {
   children: React$2.ReactNode;
 }): React$2.JSX.Element;
-declare function ModalHeading({
-  children
-}: {
+declare function ModalHeading({ children }: {
   children: React$2.ReactNode;
 }): React$2.JSX.Element;
-declare function ModalExpandedTitleLayout({
-  children
-}: {
+declare function ModalExpandedTitleLayout({ children }: {
   children: React$2.ReactNode;
 }): React$2.JSX.Element;
 declare const Modal: typeof ModalInner & {
@@ -877,7 +914,8 @@ type DrawerProps = {
    * Called when the drawer should close: header dismiss, footer actions you wire up, scrim click (when a scrim is
    * shown), or Escape.
    */
-  onClose?: (event?: React$2.MouseEvent | React$2.KeyboardEvent) => void; /** Called when the drawer open state changes (after render). */
+  onClose?: (event?: React$2.MouseEvent | React$2.KeyboardEvent) => void;
+  /** Called when the drawer open state changes (after render). */
   onOpenChange?: (isOpen: boolean) => void;
   /**
    * Which vertical edge the drawer attaches to (Capra does not support top/bottom drawers).
@@ -893,7 +931,8 @@ type DrawerProps = {
    * Header content: pass a string for a single heading, or compose with `Drawer.Heading`, optional
    * `Drawer.Description`, `Drawer.ExpandedTitleLayout`, and `Breadcrumbs` (same idea as `Modal`).
    */
-  title?: React$2.ReactNode; /** Footer region, typically actions. */
+  title?: React$2.ReactNode;
+  /** Footer region, typically actions. */
   footer?: React$2.ReactNode;
   /**
    * Whether to show the dismiss control in the header.
@@ -917,41 +956,21 @@ type DrawerProps = {
    * props; structure is an implementation detail and may change across releases.
    */
   FORCE__className?: string;
-  children?: React$2.ReactNode; /** Pass-through when no visible title is provided. */
+  children?: React$2.ReactNode;
+  /** Pass-through when no visible title is provided. */
   'aria-label'?: string;
 };
-declare function DrawerHeading({
-  children,
-  id: idProp
-}: {
+declare function DrawerHeading({ children, id: idProp }: {
   children: React$2.ReactNode;
   id?: string;
 }): React$2.JSX.Element;
-declare function DrawerExpandedTitleLayout({
-  children
-}: {
+declare function DrawerExpandedTitleLayout({ children }: {
   children: React$2.ReactNode;
 }): React$2.JSX.Element;
-declare function DrawerDescription({
-  children
-}: {
+declare function DrawerDescription({ children }: {
   children: React$2.ReactNode;
 }): React$2.JSX.Element;
-declare function DrawerInner({
-  isOpen,
-  onClose,
-  onOpenChange,
-  placement,
-  width,
-  title,
-  footer,
-  closable,
-  modal,
-  getContainer,
-  FORCE__className,
-  children,
-  'aria-label': ariaLabel
-}: DrawerProps): React$2.ReactPortal | null;
+declare function DrawerInner({ isOpen, onClose, onOpenChange, placement, width, title, footer, closable, modal, getContainer, FORCE__className, children, 'aria-label': ariaLabel }: DrawerProps): React$2.ReactPortal | null;
 /**
  * A side sheet aligned with Capra design: supports **modal** (scrim + scroll lock + focus trap) and **non-modal**
  * (parallel interaction with the main page) modes, and Ant Design–compatible props where applicable.
@@ -1017,18 +1036,12 @@ type PopoverProps = {
 /**
  * A popover component that renders a trigger and popover content.
  */
-declare function Popover({
-  content,
-  children,
-  isOpen,
-  onOpenChange,
-  ...props
-}: PopoverProps): React$2.JSX.Element;
+declare function Popover({ content, children, isOpen, onOpenChange, ...props }: PopoverProps): React$2.JSX.Element;
 //#endregion
 //#region src/components/Ribbon/Ribbon.d.ts
-declare const ribbonColors: readonly ["teal", "green", "purple"];
+declare const ribbonColors: readonly ['teal', 'green', 'purple'];
 type RibbonColor = (typeof ribbonColors)[number];
-declare const ribbonPositions: readonly ["left", "right"];
+declare const ribbonPositions: readonly ['left', 'right'];
 type RibbonPosition = (typeof ribbonPositions)[number];
 type RibbonProps = StylingOverrideProps & Omit<React$2.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> & {
   /**
@@ -1059,15 +1072,7 @@ type RibbonProps = StylingOverrideProps & Omit<React$2.HTMLAttributes<HTMLDivEle
  * A ribbon component used to highlight new features that exist in a 'preview' state.
  * Ribbons communicate that users may encounter errors when using these features.
  */
-declare const Ribbon: ({
-  children,
-  FORCE__className: classNameOverride,
-  color,
-  leadingIcon: LeadingIcon,
-  position,
-  trailingIcon: TrailingIcon,
-  ...props
-}: RibbonProps) => React$2.JSX.Element;
+declare const Ribbon: ({ children, FORCE__className: classNameOverride, color, leadingIcon: LeadingIcon, position, trailingIcon: TrailingIcon, ...props }: RibbonProps) => React$2.JSX.Element;
 //#endregion
 //#region src/components/Anchor/Anchor.d.ts
 type AnchorProps<As extends React$2.ElementType> = {
@@ -1116,39 +1121,59 @@ declare const Anchor: <As extends React$2.ElementType = "a">(props: {
 } & StylingOverrideProps & Omit<React$2.PropsWithoutRef<React$2.ComponentProps<As>>, "className"> & React$2.RefAttributes<unknown>) => React$2.ReactElement;
 //#endregion
 //#region src/components/Button/Button.d.ts
-declare const variants: readonly ["primary", "secondary", "tertiary"];
+declare const variants: readonly ['primary', 'secondary', 'tertiary'];
 type Variant = (typeof variants)[number];
-declare const appearances: readonly ["default", "danger", "neutral"];
+declare const appearances: readonly ['default', 'danger', 'neutral'];
 type Appearance = (typeof appearances)[number];
-declare const sizes$1: readonly ["xs", "sm", "md", "lg", "xl"];
+declare const sizes$1: readonly ['xs', 'sm', 'md', 'lg', 'xl'];
 type Size$2 = (typeof sizes$1)[number];
 type ButtonProps = {
-  /** The `label` for the button. */children: string; /** Which button style to use. Defaults to `secondary`. */
-  variant?: Variant; /** Appearance to apply to the button. Defaults to `default`. */
-  appearance?: Appearance; /** Size of the button. Defaults to `md`. */
-  size?: Size$2; /** Whether the button is disabled. */
-  disabled?: boolean; /** Whether the button is in a pending state. */
-  pending?: boolean; /** Icon to display before the button text. */
-  leadingIcon?: SvgIcon; /** Icon to display after the button text. */
-  trailingIcon?: SvgIcon; /** Whether to display the button as a block-level (full-width) component. Defaults to `false`. */
-  block?: boolean; /** Click handler for the button. */
+  /** The `label` for the button. */
+  children: string;
+  /** Which button style to use. Defaults to `secondary`. */
+  variant?: Variant;
+  /** Appearance to apply to the button. Defaults to `default`. */
+  appearance?: Appearance;
+  /** Size of the button. Defaults to `md`. */
+  size?: Size$2;
+  /** Whether the button is disabled. */
+  disabled?: boolean;
+  /** Whether the button is in a pending state. */
+  pending?: boolean;
+  /** Icon to display before the button text. */
+  leadingIcon?: SvgIcon;
+  /** Icon to display after the button text. */
+  trailingIcon?: SvgIcon;
+  /** Whether to display the button as a block-level (full-width) component. Defaults to `false`. */
+  block?: boolean;
+  /** Click handler for the button. */
   onClick?: React$2.ComponentProps<'button'>['onClick'];
 } & StylingOverrideProps & Omit<ButtonProps$1, 'className' | 'isDisabled' | 'isPending' | 'onClick'>;
 /**
  * Primary interactive element displaying text and supporting leading and trailing icons.
  */
 declare const Button: (props: {
-  /** The `label` for the button. */children: string; /** Which button style to use. Defaults to `secondary`. */
-  variant?: Variant; /** Appearance to apply to the button. Defaults to `default`. */
-  appearance?: Appearance; /** Size of the button. Defaults to `md`. */
-  size?: Size$2; /** Whether the button is disabled. */
-  disabled?: boolean; /** Whether the button is in a pending state. */
-  pending?: boolean; /** Icon to display before the button text. */
-  leadingIcon?: SvgIcon; /** Icon to display after the button text. */
-  trailingIcon?: SvgIcon; /** Whether to display the button as a block-level (full-width) component. Defaults to `false`. */
-  block?: boolean; /** Click handler for the button. */
-  onClick?: React$2.ComponentProps<"button">["onClick"];
-} & StylingOverrideProps & Omit<ButtonProps$1, "className" | "onClick" | "isDisabled" | "isPending"> & React$2.RefAttributes<HTMLButtonElement>) => React$2.ReactElement;
+  /** The `label` for the button. */
+  children: string;
+  /** Which button style to use. Defaults to `secondary`. */
+  variant?: Variant;
+  /** Appearance to apply to the button. Defaults to `default`. */
+  appearance?: Appearance;
+  /** Size of the button. Defaults to `md`. */
+  size?: Size$2;
+  /** Whether the button is disabled. */
+  disabled?: boolean;
+  /** Whether the button is in a pending state. */
+  pending?: boolean;
+  /** Icon to display before the button text. */
+  leadingIcon?: SvgIcon;
+  /** Icon to display after the button text. */
+  trailingIcon?: SvgIcon;
+  /** Whether to display the button as a block-level (full-width) component. Defaults to `false`. */
+  block?: boolean;
+  /** Click handler for the button. */
+  onClick?: React$2.ComponentProps<'button'>['onClick'];
+} & StylingOverrideProps & Omit<ButtonProps$1, "className" | "isDisabled" | "isPending" | "onClick"> & React$2.RefAttributes<HTMLButtonElement>) => React$2.ReactElement;
 //#endregion
 //#region src/utils/routing.d.ts
 /**
@@ -1181,57 +1206,93 @@ interface RoutedLinkProps {
 //#endregion
 //#region src/components/Link/ButtonLink.d.ts
 type ButtonLinkProps<As extends React$2.ElementType> = {
-  /** The `label` for the link. */children: string; /** Which visual style to use. Defaults to `secondary`. */
-  variant?: Variant; /** Appearance to apply to the link. Defaults to `default`. */
-  appearance?: Appearance; /** Size of the link. Defaults to `md`. */
-  size?: Size$2; /** Whether the link is disabled. */
-  disabled?: boolean; /** Whether the link is in a pending state. */
-  pending?: boolean; /** Icon to display before the link text. */
-  leadingIcon?: SvgIcon; /** Icon to display after the link text. */
-  trailingIcon?: SvgIcon; /** Whether to display the link as a block-level (full-width) component. Defaults to `false`. */
-  block?: boolean; /** The underlying element rendered by the component. Defaults to `a`. */
+  /** The `label` for the link. */
+  children: string;
+  /** Which visual style to use. Defaults to `secondary`. */
+  variant?: Variant;
+  /** Appearance to apply to the link. Defaults to `default`. */
+  appearance?: Appearance;
+  /** Size of the link. Defaults to `md`. */
+  size?: Size$2;
+  /** Whether the link is disabled. */
+  disabled?: boolean;
+  /** Whether the link is in a pending state. */
+  pending?: boolean;
+  /** Icon to display before the link text. */
+  leadingIcon?: SvgIcon;
+  /** Icon to display after the link text. */
+  trailingIcon?: SvgIcon;
+  /** Whether to display the link as a block-level (full-width) component. Defaults to `false`. */
+  block?: boolean;
+  /** The underlying element rendered by the component. Defaults to `a`. */
   as?: As;
 } & RoutedLinkProps & StylingOverrideProps & Omit<React$2.ComponentPropsWithoutRef<As>, 'className'>;
 /**
  * Primary interactive element displaying text and supporting leading and trailing icons.
  */
 declare const ButtonLink: <As extends React$2.ElementType = "a">(props: {
-  /** The `label` for the link. */children: string; /** Which visual style to use. Defaults to `secondary`. */
-  variant?: Variant; /** Appearance to apply to the link. Defaults to `default`. */
-  appearance?: Appearance; /** Size of the link. Defaults to `md`. */
-  size?: Size$2; /** Whether the link is disabled. */
-  disabled?: boolean; /** Whether the link is in a pending state. */
-  pending?: boolean; /** Icon to display before the link text. */
-  leadingIcon?: SvgIcon; /** Icon to display after the link text. */
-  trailingIcon?: SvgIcon; /** Whether to display the link as a block-level (full-width) component. Defaults to `false`. */
-  block?: boolean; /** The underlying element rendered by the component. Defaults to `a`. */
+  /** The `label` for the link. */
+  children: string;
+  /** Which visual style to use. Defaults to `secondary`. */
+  variant?: Variant;
+  /** Appearance to apply to the link. Defaults to `default`. */
+  appearance?: Appearance;
+  /** Size of the link. Defaults to `md`. */
+  size?: Size$2;
+  /** Whether the link is disabled. */
+  disabled?: boolean;
+  /** Whether the link is in a pending state. */
+  pending?: boolean;
+  /** Icon to display before the link text. */
+  leadingIcon?: SvgIcon;
+  /** Icon to display after the link text. */
+  trailingIcon?: SvgIcon;
+  /** Whether to display the link as a block-level (full-width) component. Defaults to `false`. */
+  block?: boolean;
+  /** The underlying element rendered by the component. Defaults to `a`. */
   as?: As | undefined;
 } & RoutedLinkProps & StylingOverrideProps & Omit<React$2.PropsWithoutRef<React$2.ComponentProps<As>>, "className"> & React$2.RefAttributes<unknown>) => React$2.ReactElement;
 //#endregion
 //#region src/components/Button/IconButton.d.ts
 type IconButtonProps = {
-  /** Icon to display in the button. */icon: SvgIcon; /** Accessibility label to apply to the button. */
-  'aria-label': string; /** Which button style to use. Defaults to `secondary`. */
-  variant?: Variant; /** Appearance to apply to the button. Defaults to `default`. */
-  appearance?: Appearance; /** Size of the button. Defaults to `md`. */
-  size?: Size$2; /** Whether the button is disabled. */
-  disabled?: boolean; /** Whether the button is in a pending state. */
-  pending?: boolean; /** Click handler for the button. */
+  /** Icon to display in the button. */
+  icon: SvgIcon;
+  /** Accessibility label to apply to the button. */
+  'aria-label': string;
+  /** Which button style to use. Defaults to `secondary`. */
+  variant?: Variant;
+  /** Appearance to apply to the button. Defaults to `default`. */
+  appearance?: Appearance;
+  /** Size of the button. Defaults to `md`. */
+  size?: Size$2;
+  /** Whether the button is disabled. */
+  disabled?: boolean;
+  /** Whether the button is in a pending state. */
+  pending?: boolean;
+  /** Click handler for the button. */
   onClick?: React$2.ComponentProps<'button'>['onClick'];
 } & StylingOverrideProps & Omit<ButtonProps$1, 'className' | 'isDisabled' | 'isPending' | 'onClick'>;
 /**
  * Interactive element displaying a single icon.
  */
 declare const IconButton: (props: {
-  /** Icon to display in the button. */icon: SvgIcon; /** Accessibility label to apply to the button. */
-  'aria-label': string; /** Which button style to use. Defaults to `secondary`. */
-  variant?: Variant; /** Appearance to apply to the button. Defaults to `default`. */
-  appearance?: Appearance; /** Size of the button. Defaults to `md`. */
-  size?: Size$2; /** Whether the button is disabled. */
-  disabled?: boolean; /** Whether the button is in a pending state. */
-  pending?: boolean; /** Click handler for the button. */
-  onClick?: React$2.ComponentProps<"button">["onClick"];
-} & StylingOverrideProps & Omit<ButtonProps$1, "className" | "onClick" | "isDisabled" | "isPending"> & React$2.RefAttributes<HTMLButtonElement>) => React$2.ReactElement;
+  /** Icon to display in the button. */
+  icon: SvgIcon;
+  /** Accessibility label to apply to the button. */
+  'aria-label': string;
+  /** Which button style to use. Defaults to `secondary`. */
+  variant?: Variant;
+  /** Appearance to apply to the button. Defaults to `default`. */
+  appearance?: Appearance;
+  /** Size of the button. Defaults to `md`. */
+  size?: Size$2;
+  /** Whether the button is disabled. */
+  disabled?: boolean;
+  /** Whether the button is in a pending state. */
+  pending?: boolean;
+  /** Click handler for the button. */
+  onClick?: React$2.ComponentProps<'button'>['onClick'];
+} & StylingOverrideProps & Omit<ButtonProps$1, "className" | "isDisabled" | "isPending" | "onClick"> & React$2.RefAttributes<HTMLButtonElement>) => React$2.ReactElement;
 //#endregion
 //#region src/components/Link/Link.d.ts
 type LinkProps<As extends React$2.ElementType> = {
@@ -1267,7 +1328,7 @@ declare const Link: <As extends React$2.ElementType = "a">(props: {
 } & RoutedLinkProps & StylingOverrideProps & Omit<React$2.PropsWithoutRef<React$2.ComponentProps<As>>, "className"> & React$2.RefAttributes<unknown>) => React$2.ReactElement;
 //#endregion
 //#region src/components/VerticalNavigation/VerticalNavigation.d.ts
-interface VerticalNavigationProps extends React$2.HTMLAttributes<HTMLElement>, StylingOverrideProps {
+type VerticalNavigationProps = React$2.HTMLAttributes<HTMLElement> & StylingOverrideProps & {
   /**
    * Controlled collapsed state.
    */
@@ -1281,7 +1342,7 @@ interface VerticalNavigationProps extends React$2.HTMLAttributes<HTMLElement>, S
    * @default false
    */
   defaultCollapsed?: boolean;
-}
+};
 type VerticalNavigationItemBaseProps<As extends React$2.ElementType> = Omit<React$2.ComponentPropsWithoutRef<As>, 'className' | 'as' | 'href' | 'isActive' | 'isDisabled' | 'rightElement' | 'label'> & StylingOverrideProps & {
   /**
    * The component to use for the item. Default is either 'a' or 'button' based on the presence of the href prop.
@@ -1333,48 +1394,24 @@ type VerticalNavigationItemProps<As extends React$2.ElementType> = VerticalNavig
  * Can be a link (if href is provided) or a button.
  * Supports icons, active state, and 'subItem' variant for indentation.
  */
-declare const Item: <As extends React$2.ElementType>({
-  as,
-  icon,
-  label,
-  isActive,
-  href,
-  FORCE__className,
-  isDisabled,
-  onClick,
-  variant,
-  rightElement,
-  ...props
-}: VerticalNavigationItemProps<As>) => React$2.JSX.Element;
-interface VerticalNavigationCollapseProps extends React$2.ButtonHTMLAttributes<HTMLButtonElement>, StylingOverrideProps {}
+declare const Item: <As extends React$2.ElementType>({ as, icon, label, isActive, href, FORCE__className, isDisabled, onClick, variant, rightElement, ...props }: VerticalNavigationItemProps<As>) => React$2.JSX.Element;
+type VerticalNavigationCollapseProps = React$2.ButtonHTMLAttributes<HTMLButtonElement> & StylingOverrideProps;
 /**
  * A toggle button to collapse/expand the navigation.
  * Should be placed within VerticalNavigation to control its state.
  */
-declare const Collapse$1: ({
-  FORCE__className,
-  onClick,
-  ...props
-}: VerticalNavigationCollapseProps) => React$2.JSX.Element;
-interface VerticalNavigationItemListProps extends React$2.HTMLAttributes<HTMLUListElement>, StylingOverrideProps {}
+declare const Collapse$1: ({ FORCE__className, onClick, ...props }: VerticalNavigationCollapseProps) => React$2.JSX.Element;
+type VerticalNavigationItemListProps = React$2.HTMLAttributes<HTMLUListElement> & StylingOverrideProps;
 /**
  * Container for the primary list of navigation items.
  * Renders an unordered list with consistent spacing and layout.
  */
-declare const ItemList: ({
-  children,
-  FORCE__className,
-  ...props
-}: VerticalNavigationItemListProps) => React$2.JSX.Element;
-interface VerticalNavigationFooterProps extends React$2.HTMLAttributes<HTMLUListElement>, StylingOverrideProps {}
+declare const ItemList: ({ children, FORCE__className, ...props }: VerticalNavigationItemListProps) => React$2.JSX.Element;
+type VerticalNavigationFooterProps = React$2.HTMLAttributes<HTMLUListElement> & StylingOverrideProps;
 /**
  * Secondary container for footer navigation actions such as settings or help.
  */
-declare const Footer: ({
-  children,
-  FORCE__className,
-  ...props
-}: VerticalNavigationFooterProps) => React$2.JSX.Element;
+declare const Footer: ({ children, FORCE__className, ...props }: VerticalNavigationFooterProps) => React$2.JSX.Element;
 interface VerticalNavigationComponent {
   (props: VerticalNavigationProps): JSX.Element;
   Item: typeof Item;
@@ -1390,54 +1427,50 @@ declare const VerticalNavigation: VerticalNavigationComponent;
 //#endregion
 //#region src/components/EmptyState/EmptyState.d.ts
 /** Valid illustration slugs for the EmptyState component. */
-declare const illustrationSlugs: readonly ["EmptyFolder", "ArtSupplies", "EmptyBowl", "EmptySuitcase", "Envelope", "MissingSock", "PizzaBox", "PottedPlant", "Sandcastle"];
+declare const illustrationSlugs: readonly ['EmptyFolder', 'ArtSupplies', 'EmptyBowl', 'EmptySuitcase', 'Envelope', 'MissingSock', 'PizzaBox', 'PottedPlant', 'Sandcastle'];
 type EmptyStateIllustrationSlug = (typeof illustrationSlugs)[number];
 type EmptyStateProps = {
-  /** The illustration to display, identified by slug. Use theme to switch between light/dark variants when available. @default "EmptyFolder" */illustration?: EmptyStateIllustrationSlug; /** The theme for the illustration. Determines which variant to show when light/dark variants exist. @default "light" */
-  theme?: 'light' | 'dark'; /** The size of the empty state. `lg` is for large components or the whole pages. @default "md" */
-  size?: 'md' | 'lg'; /** The title to display in the empty state. */
-  title: string; /** The description to display in the empty state. Please do not skip this property without a good reason. */
-  description?: string; /** Generic use for adding a button or other action elements below the description. */
+  /** The illustration to display, identified by slug. Use theme to switch between light/dark variants when available. @default "EmptyFolder" */
+  illustration?: EmptyStateIllustrationSlug;
+  /** The theme for the illustration. Determines which variant to show when light/dark variants exist. @default "light" */
+  theme?: 'light' | 'dark';
+  /** The size of the empty state. `lg` is for large components or the whole pages. @default "md" */
+  size?: 'md' | 'lg';
+  /** The title to display in the empty state. */
+  title: string;
+  /** The description to display in the empty state. Please do not skip this property without a good reason. */
+  description?: string;
+  /** Generic use for adding a button or other action elements below the description. */
   children?: React$1.ReactNode;
 } & StylingOverrideProps & React$1.HTMLAttributes<HTMLDivElement>;
-/**
- * The EmptyState component is used to display a message when there is no data to display.
- * Illustrations are lazy-loaded and support light/dark themes via the theme prop.
- * @example
- * <EmptyState title="No data" description="There is no data to display" illustration="EmptyFolder" />
- * <EmptyState title="No data" illustration="EmptyFolder" theme="dark" />
- */
-declare const EmptyState: {
-  (props: EmptyStateProps): React$1.JSX.Element;
-  displayName: string;
-};
+declare function EmptyState(props: EmptyStateProps): React$1.JSX.Element;
+declare namespace EmptyState {
+  var displayName: string;
+}
 //#endregion
 //#region src/components/Pagination/Pagination.d.ts
 type PaginationProps = {
-  /** Total number of data items. Used with `pageSize` to compute total pages. */total: number; /** Current page number (1-based). */
-  current: number; /** Number of items per page. Defaults to `10`. */
-  pageSize?: number; /** Callback when page changes. */
-  onChange?: (page: number, pageSize: number) => void; /** Whether the pagination is disabled. */
-  disabled?: boolean; /** Accessible name for the navigation. Required for accessibility. */
+  /** Total number of data items. Used with `pageSize` to compute total pages. */
+  total: number;
+  /** Current page number (1-based). */
+  current: number;
+  /** Number of items per page. Defaults to `10`. */
+  pageSize?: number;
+  /** Callback when page changes. */
+  onChange?: (page: number, pageSize: number) => void;
+  /** Whether the pagination is disabled. */
+  disabled?: boolean;
+  /** Accessible name for the navigation. Required for accessibility. */
   'aria-label': string;
 } & StylingOverrideProps & Omit<React$2.ComponentPropsWithoutRef<'nav'>, 'className' | 'aria-label' | 'onChange'>;
 /**
  * Pagination component for navigating through paged content.
  * Renders prev/next buttons and a page number input with total pages indicator.
  */
-declare function Pagination({
-  total,
-  current,
-  pageSize,
-  onChange,
-  disabled,
-  'aria-label': ariaLabel,
-  FORCE__className: classNameOverride,
-  ...props
-}: PaginationProps): React$2.JSX.Element;
+declare function Pagination({ total, current, pageSize, onChange, disabled, 'aria-label': ariaLabel, FORCE__className: classNameOverride, ...props }: PaginationProps): React$2.JSX.Element;
 //#endregion
 //#region src/components/Breadcrumbs/Breadcrumbs.d.ts
-declare const sizes: readonly ["sm", "md"];
+declare const sizes: readonly ['sm', 'md'];
 type Size$1 = (typeof sizes)[number];
 interface BreadcrumbsContextState {
   /** The size of the breadcrumbs. Defaults to `"md"`. */
@@ -1475,7 +1508,7 @@ type BreadcrumbProps = Omit<BreadcrumbProps$1, 'className' | 'children'> & Omit<
  * plus options from React Aria `Breadcrumb` / `Link`. Renders a trailing separator
  * for every item except the current page.
  */
-declare const Breadcrumb: React$2.ForwardRefExoticComponent<Omit<BreadcrumbProps$1, "className" | "children"> & Omit<LinkProps$1, "className" | "children"> & {
+declare const Breadcrumb: React$2.ForwardRefExoticComponent<Omit<BreadcrumbProps$1, "children" | "className"> & Omit<LinkProps$1, "children" | "className"> & {
   children: React$2.ReactNode;
   separator?: React$2.ReactNode;
 } & React$2.RefAttributes<HTMLLIElement>>;
@@ -1483,29 +1516,19 @@ declare const Breadcrumb: React$2.ForwardRefExoticComponent<Omit<BreadcrumbProps
 //#region src/components/Spinner/Spinner.d.ts
 type Size = 'sm' | 'md' | 'lg';
 type SpinnerProps = {
-  /** The size of the Spinner. @default "md" */size?: Size; /** (optional) The title to display in the Spinner. */
-  title?: string; /** The content to display inside the Spinner. When provided, Spinner acts as a wrapper with overlay. */
-  children?: React$1.ReactNode; /** Whether the Spinner is visible. Only used when children are provided. @default true */
+  /** The size of the Spinner. @default "md" */
+  size?: Size;
+  /** (optional) The title to display in the Spinner. */
+  title?: string;
+  /** The content to display inside the Spinner. When provided, Spinner acts as a wrapper with overlay. */
+  children?: React$1.ReactNode;
+  /** Whether the Spinner is visible. Only used when children are provided. @default true */
   isPending?: boolean;
 } & StylingOverrideProps & React$1.HTMLAttributes<HTMLDivElement>;
-/**
- * The Spinner component is used to display a loading state. It can be used in two modes:
- *
- * **Mode 1 - Standalone Spinner:**
- * @example
- * <Spinner title="Loading..." />
- * <Spinner size="lg" />
- *
- * **Mode 2 - Wrapper with Overlay:**
- * @example
- * <Spinner isPending={isLoading}>
- *   <YourContent />
- * </Spinner>
- */
-declare const Spinner: {
-  (props: SpinnerProps): React$1.JSX.Element;
-  displayName: string;
-};
+declare function Spinner(props: SpinnerProps): React$1.JSX.Element;
+declare namespace Spinner {
+  var displayName: string;
+}
 //#endregion
 //#region src/components/Divider/Divider.d.ts
 type DividerType = 'horizontal' | 'vertical';
@@ -1523,20 +1546,10 @@ type VerticalDividerProps = {
   children?: never;
 };
 type DividerProps = StylingOverrideProps & Omit<React$2.HTMLAttributes<HTMLHRElement & HTMLDivElement>, 'children'> & (HorizontalDividerProps | VerticalDividerProps);
-/**
- * Divider separates and groups content. Use horizontal dividers between sections;
- * use vertical dividers between inline items. A horizontal divider can optionally
- * display a label. Dividers are static and not keyboard focusable.
- */
-declare const Divider: {
-  ({
-    type,
-    children,
-    FORCE__className: classNameOverride,
-    ...restProps
-  }: DividerProps): React$2.JSX.Element;
-  displayName: string;
-};
+declare function Divider({ type, children, FORCE__className: classNameOverride, ...restProps }: DividerProps): React$2.JSX.Element;
+declare namespace Divider {
+  var displayName: string;
+}
 //#endregion
 //#region src/components/Skeleton/Skeleton.d.ts
 type SkeletonTitleProps = {
@@ -1579,37 +1592,29 @@ type SkeletonProps = {
    * (`title={false}` and `paragraph={false}`) children render inside the placeholder while loading.
    */
   children?: React$2.ReactNode;
-} & StylingOverrideProps & Omit<React$2.HTMLAttributes<HTMLSpanElement>, 'children' | 'title' | 'paragraph'>;
-/**
- * A skeleton is a graphical placeholder, reserving physical space in the page for content in cases where a service or action may be slow to resolve. A skeleton can be considered as an alternative to the progress spinner in many situations.
- *
- * @example
- * <Skeleton loading paragraph={{ rows: 4 }} />
- *
- * @example
- * // Ant Design–style wrapper: skeleton while loading, then children.
- * <Skeleton loading={isLoading}><Article /></Skeleton>
- */
-declare const Skeleton: {
-  (props: SkeletonProps): React$2.JSX.Element | null;
-  displayName: string;
-};
+} & Omit<StylingOverrideProps, 'style'> & Omit<React$2.HTMLAttributes<HTMLSpanElement>, 'children' | 'title' | 'paragraph' | 'className'>;
+declare function Skeleton(props: SkeletonProps): React$2.JSX.Element | null;
+declare namespace Skeleton {
+  var displayName: string;
+}
 //#endregion
 //#region src/components/Skeleton/SkeletonGroup.d.ts
 /** `dimension.component.{sm,md,lg}` via the same `--cds-dimension-component-*` vars as Button. */
 declare const SKELETON_SIZE: {
-  readonly sm: "var(--cds-dimension-component-sm)";
-  readonly md: "var(--cds-dimension-component-md)";
-  readonly lg: "var(--cds-dimension-component-lg)";
+  readonly sm: 'var(--cds-dimension-component-sm)';
+  readonly md: 'var(--cds-dimension-component-md)';
+  readonly lg: 'var(--cds-dimension-component-lg)';
 };
 type SkeletonSize = keyof typeof SKELETON_SIZE;
 /** Ordered size keys (same keys as {@link SKELETON_SIZE}). */
 declare const SKELETON_SIZE_TOKENS: SkeletonSize[];
 type SkeletonElementProps = {
-  style?: React$2.CSSProperties; /** Preset dimensions from `dimension.component.*`; use `style` for custom width/height. */
-  size?: SkeletonSize; /** Show animation effect. @default false */
+  style?: React$2.CSSProperties;
+  /** Preset dimensions from `dimension.component.*`; use `style` for custom width/height. */
+  size?: SkeletonSize;
+  /** Show animation effect. @default false */
   active?: boolean;
-} & StylingOverrideProps & Omit<React$2.HTMLAttributes<HTMLSpanElement>, 'children'>;
+} & Omit<StylingOverrideProps, 'style'> & Omit<React$2.HTMLAttributes<HTMLSpanElement>, 'children' | 'className' | 'style'>;
 type SkeletonGroupButtonProps = SkeletonElementProps & {
   block?: boolean;
   shape?: 'circle' | 'round' | 'square' | 'default';
@@ -1620,19 +1625,22 @@ type SkeletonGroupInputProps = SkeletonElementProps & {
 type SkeletonGroupNodeProps = SkeletonElementProps & {
   children?: React$2.ReactNode;
 };
+declare function SkeletonGroupButton(props: SkeletonGroupButtonProps): React$2.JSX.Element;
+declare namespace SkeletonGroupButton {
+  var displayName: string;
+}
+declare function SkeletonGroupInput(props: SkeletonGroupInputProps): React$2.JSX.Element;
+declare namespace SkeletonGroupInput {
+  var displayName: string;
+}
+declare function SkeletonGroupNode(props: SkeletonGroupNodeProps): React$2.JSX.Element;
+declare namespace SkeletonGroupNode {
+  var displayName: string;
+}
 declare const SkeletonGroup: {
-  readonly Button: {
-    (props: SkeletonGroupButtonProps): React$2.JSX.Element;
-    displayName: string;
-  };
-  readonly Input: {
-    (props: SkeletonGroupInputProps): React$2.JSX.Element;
-    displayName: string;
-  };
-  readonly Node: {
-    (props: SkeletonGroupNodeProps): React$2.JSX.Element;
-    displayName: string;
-  };
+  readonly Button: typeof SkeletonGroupButton;
+  readonly Input: typeof SkeletonGroupInput;
+  readonly Node: typeof SkeletonGroupNode;
 };
 //#endregion
 //#region src/components/VisuallyHidden/VisuallyHidden.d.ts
@@ -1643,15 +1651,12 @@ type VisuallyHiddenProps = React$1.ComponentPropsWithoutRef<'span'> & {
  * VisuallyHidden is a component that hides its children from the visual
  * rendering, but still makes them available to screen readers.
  */
-declare const VisuallyHidden: ({
-  children,
-  ...props
-}: VisuallyHiddenProps) => React$1.JSX.Element;
+declare const VisuallyHidden: ({ children, ...props }: VisuallyHiddenProps) => React$1.JSX.Element;
 //#endregion
 //#region src/components/Toast/Toast.d.ts
-declare const toastTypes: readonly ["info", "success", "warning", "error"];
+declare const toastTypes: readonly ['info', 'success', 'warning', 'error'];
 type ToastType = (typeof toastTypes)[number];
-declare const toastPositions: readonly ["top-right", "bottom-right"];
+declare const toastPositions: readonly ['top-right', 'bottom-right'];
 type ToastPosition = (typeof toastPositions)[number];
 type ToastOptions = {
   /**
@@ -1696,7 +1701,8 @@ type ToastAPI = {
   success: (content: React$2.ReactNode, options?: ToastOptions) => string;
   error: (content: React$2.ReactNode, options?: ToastOptions) => string;
   info: (content: React$2.ReactNode, options?: ToastOptions) => string;
-  warning: (content: React$2.ReactNode, options?: ToastOptions) => string; /** Remove a toast by id. */
+  warning: (content: React$2.ReactNode, options?: ToastOptions) => string;
+  /** Remove a toast by id. */
   destroy: (id: string) => void;
 };
 /**
@@ -1808,12 +1814,12 @@ type MenuSectionProps = StylingOverrideProps & Omit<React$2.HTMLAttributes<HTMLD
    */
   children?: React$2.ReactNode;
 };
-interface MenuListProps extends StylingOverrideProps, React$2.HTMLAttributes<HTMLDivElement> {
+type MenuListProps = StylingOverrideProps & React$2.HTMLAttributes<HTMLDivElement> & {
   /**
    * Menu content. Use Menu.Item, Menu.Section, Menu.Header, Menu.Divider.
    */
   children?: React$2.ReactNode;
-}
+};
 interface MenuSubmenuProps extends StylingOverrideProps {
   /**
    * Label for the parent row (trailing chevron indicates a nested panel).
@@ -1900,100 +1906,56 @@ interface MenuProps extends StylingOverrideProps {
 }
 /** Inset of the menu panel relative to the popover shell. */
 type MenuPanelPadding = NonNullable<MenuProps['panelPadding']>;
-declare const Menu: {
-  ({
-    trigger,
-    children,
-    contentProps,
-    open,
-    onOpenChange,
-    itemHoverAppearance,
-    itemActiveAccentBar,
-    itemActiveLabelSemibold,
-    panelPadding,
-    popoverOffset,
-    trapFocus,
-    FORCE__className: classNameOverride
-  }: MenuProps): React$2.JSX.Element;
+declare const MenuHeader: {
+  ({ id, label, FORCE__className: classNameOverride, children }: MenuHeaderProps): React$2.JSX.Element;
+  displayName: string;
+};
+declare const MenuSection$1: {
+  ({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className, FORCE__className: classNameOverride, ...rest }: MenuSectionProps): React$2.JSX.Element;
+  displayName: string;
+};
+declare const MenuItem$1: {
+  <As extends React$2.ElementType = "a">({ as: Component, label, description, ariaLabel, href, disabled, active, variant, icon, indent: indentProp, shortcut, parent, onPress, onClick, FORCE__className, children, ...rest }: MenuItemProps<As>): React$2.JSX.Element;
+  displayName: string;
+};
+declare const MenuDivider: {
+  ({ FORCE__className: classNameOverride }: MenuDividerProps): React$2.JSX.Element;
+  displayName: string;
+};
+/**
+ * Menu.List — Layout only, no padding. Use inside a custom overlay when you are not using {@link Menu}.
+ */
+declare const MenuList: {
+  ({ children, FORCE__className: classNameOverride, ...rest }: MenuListProps): React$2.JSX.Element;
+  displayName: string;
+};
+/**
+ * Nested submenu for use inside {@link Menu}. Uses `AriaSubmenuTrigger` + `Popover` + `AriaMenu` so the flyout
+ * positions to the side; the second child must not be `Menu` alone. Capra `Menu.Item` cannot be the trigger row.
+ */
+declare const MenuSubmenu: {
+  ({ label, children, itemHoverAppearance, itemActiveAccentBar, itemActiveLabelSemibold, delay, FORCE__className: classNameOverride }: MenuSubmenuProps): React$2.JSX.Element;
   displayName: string;
-  Item: {
-    <As extends React$2.ElementType = "a">({
-      as: Component,
-      label,
-      description,
-      ariaLabel,
-      href,
-      disabled,
-      active,
-      variant,
-      icon,
-      indent: indentProp,
-      shortcut,
-      parent,
-      onPress,
-      onClick,
-      FORCE__className,
-      children,
-      ...rest
-    }: MenuItemProps<As>): React$2.JSX.Element;
-    displayName: string;
-  };
-  Header: {
-    ({
-      id,
-      label,
-      FORCE__className: classNameOverride,
-      children
-    }: MenuHeaderProps): React$2.JSX.Element;
-    displayName: string;
-  };
-  Section: {
-    ({
-      children,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      className,
-      FORCE__className: classNameOverride,
-      ...rest
-    }: MenuSectionProps): React$2.JSX.Element;
-    displayName: string;
-  };
-  Divider: {
-    ({
-      FORCE__className: classNameOverride
-    }: MenuDividerProps): React$2.JSX.Element;
-    displayName: string;
-  };
-  List: {
-    ({
-      children,
-      FORCE__className: classNameOverride,
-      ...rest
-    }: MenuListProps): React$2.JSX.Element;
-    displayName: string;
-  };
-  Submenu: {
-    ({
-      label,
-      children,
-      itemHoverAppearance,
-      itemActiveAccentBar,
-      itemActiveLabelSemibold,
-      delay,
-      FORCE__className: classNameOverride
-    }: MenuSubmenuProps): React$2.JSX.Element;
-    displayName: string;
-  };
 };
+declare function Menu({ trigger, children, contentProps, open, onOpenChange, itemHoverAppearance, itemActiveAccentBar, itemActiveLabelSemibold, panelPadding, popoverOffset, trapFocus, FORCE__className: classNameOverride }: MenuProps): React$2.JSX.Element;
+declare namespace Menu {
+  var displayName: string;
+  export { MenuItem$1 as Item };
+  export { MenuHeader as Header };
+  export { MenuSection$1 as Section };
+  export { MenuDivider as Divider };
+  export { MenuList as List };
+  export { MenuSubmenu as Submenu };
+}
 /**
  * Apply to react-aria `Menu` when composing `SubmenuTrigger` yourself; prefer {@link Menu.Submenu} for correct behavior.
  */
-declare const submenuPanelClassName: any;
+declare const submenuPanelClassName: string;
 //#endregion
 //#region src/components/TabNav/TabNav.d.ts
-declare const tabNavPlacements: readonly ["horizontal", "vertical"];
+declare const tabNavPlacements: readonly ['horizontal', 'vertical'];
 type TabNavPlacement = (typeof tabNavPlacements)[number];
-declare const tabNavItemVariants: readonly ["default", "dropdown"];
+declare const tabNavItemVariants: readonly ['default', 'dropdown'];
 type TabNavItemVariant = (typeof tabNavItemVariants)[number];
 interface TabNavSubItemType {
   /** Unique key for the sub-item. */
@@ -2079,26 +2041,10 @@ type TabNavProps = StylingOverrideProps & Omit<React$2.HTMLAttributes<HTMLDivEle
    */
   wrap?: boolean;
 };
-/**
- * TabNav provides a horizontal or vertical navigation styled as tabs.
- * Tab items are links that redirect to URLs. With `subItems`, horizontal tabs open a dropdown menu; vertical tabs
- * use an inline indented list (Tab Nav | Vertical in Figma).
- */
-declare const TabNav: {
-  ({
-    activeKey,
-    onTabClick,
-    items,
-    tabPlacement,
-    centered,
-    tabBarExtraSlot,
-    wrap,
-    FORCE__className: classNameOverride,
-    "aria-label": ariaLabel,
-    ...props
-  }: TabNavProps): React$2.JSX.Element;
-  displayName: string;
-};
+declare function TabNav({ activeKey, onTabClick, items, tabPlacement, centered, tabBarExtraSlot, wrap, FORCE__className: classNameOverride, 'aria-label': ariaLabel, ...props }: TabNavProps): React$2.JSX.Element;
+declare namespace TabNav {
+  var displayName: string;
+}
 //#endregion
 //#region src/components/TopNav/TopNav.d.ts
 type TopNavProps = StylingOverrideProps & Omit<React$2.ComponentPropsWithoutRef<'header'>, 'className'> & {
@@ -2114,27 +2060,15 @@ type TopNavCenterProps = StylingOverrideProps & Omit<React$2.ComponentPropsWitho
   children?: React$2.ReactNode;
 };
 declare const Start: {
-  ({
-    children,
-    FORCE__className: classNameOverride,
-    ...props
-  }: TopNavStartProps): React$2.JSX.Element;
+  ({ children, FORCE__className: classNameOverride, ...props }: TopNavStartProps): React$2.JSX.Element;
   displayName: string;
 };
 declare const Center: {
-  ({
-    children,
-    FORCE__className: classNameOverride,
-    ...props
-  }: TopNavCenterProps): React$2.JSX.Element;
+  ({ children, FORCE__className: classNameOverride, ...props }: TopNavCenterProps): React$2.JSX.Element;
   displayName: string;
 };
 declare const End: {
-  ({
-    children,
-    FORCE__className: classNameOverride,
-    ...props
-  }: TopNavEndProps): React$2.JSX.Element;
+  ({ children, FORCE__className: classNameOverride, ...props }: TopNavEndProps): React$2.JSX.Element;
   displayName: string;
 };
 declare const TopNavWithRef: (props: StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "className"> & {
@@ -2154,7 +2088,7 @@ type TopNavComponent = typeof TopNavWithRef & {
 declare const TopNav: TopNavComponent;
 //#endregion
 //#region src/components/Tooltip/Tooltip.d.ts
-declare const placements: readonly ["top", "bottom", "left", "right"];
+declare const placements: readonly ['top', 'bottom', 'left', 'right'];
 type Placement = (typeof placements)[number];
 type TooltipProps = {
   /**
@@ -2190,19 +2124,11 @@ type TooltipProps = {
 /**
  * A component to display additional information when hovering or focusing on an interactive element.
  */
-declare function Tooltip({
-  children,
-  title,
-  shortcut,
-  getContainer,
-  placement,
-  isDisabled,
-  FORCE__className: classNameOverride,
-  ...props
-}: TooltipProps): React$2.JSX.Element;
+declare function Tooltip({ children, title, shortcut, getContainer, placement, isDisabled, FORCE__className: classNameOverride, ...props }: TooltipProps): React$2.JSX.Element;
 type CustomTooltipTriggerChild = NonNullable<React$2.ComponentProps<typeof Focusable>['children']>;
 type CustomTooltipTriggerProps = {
-  /** A single element that receives focus and pointer events for the tooltip trigger. */children: CustomTooltipTriggerChild;
+  /** A single element that receives focus and pointer events for the tooltip trigger. */
+  children: CustomTooltipTriggerChild;
 };
 /**
  * Wraps a custom or third-party trigger so {@link Tooltip} can attach hover and focus behavior.
@@ -2211,4 +2137,102 @@ type CustomTooltipTriggerProps = {
  */
 declare const CustomTooltipTrigger: React$2.ForwardRefExoticComponent<CustomTooltipTriggerProps & React$2.RefAttributes<HTMLElement>>;
 //#endregion
-export { Alert, type AlertProps, Anchor, type AnchorProps, AutocompleteField, type AutocompleteFieldProps, Badge, BadgeLayout, type BadgeProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, Card, Checkbox, type CheckboxProps, Collapse, type CollapseProps, CustomTooltipTrigger, type CustomTooltipTriggerProps, DatePickerField, type DatePickerFieldProps, DateRangePickerField, type DateRangePickerFieldPlaceholder, type DateRangePickerFieldProps, Divider, type DividerProps, type DividerType, Drawer, type DrawerPlacement, type DrawerProps, EmptyState, type EmptyStateProps, IconButton, type IconButtonProps, InputRow, type InputRowAddonProps, type InputRowProps, Link, type LinkProps, ListItem, type ListItemProps, Menu, type MenuDividerProps, type MenuHeaderProps, type MenuItemProps, type MenuListProps, type MenuPanelPadding, type MenuProps, type MenuSectionProps, type MenuSubmenuProps, Modal, type ModalProps, NumberField, type NumberFieldProps, Pagination, type PaginationProps, PasswordField, type PasswordFieldProps, Pill, type PillProps, Popover, type PopoverProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RadioTile, type RadioTileProps, Ribbon, type RibbonProps, type RoutedLinkProps, RouterProvider, SKELETON_SIZE, SKELETON_SIZE_TOKENS, Skeleton, type SkeletonElementProps, SkeletonGroup, type SkeletonGroupButtonProps, type SkeletonGroupInputProps, type SkeletonGroupNodeProps, type SkeletonParagraphProps, type SkeletonProps, type SkeletonSize, type SkeletonTitleProps, Spinner, type SpinnerProps, type StylingOverrideProps, Switch, type SwitchProps, TabNav, type TabNavItemType, type TabNavItemVariant, type TabNavPlacement, type TabNavProps, type TabNavSubItemType, Tag, type TagColor, type TagProps, Text, TextArea, type TextAreaAutoSize, type TextAreaProps, TextField, type TextFieldProps, type TextProps, Toast, type ToastOptions, type ToastPosition, type ToastType, Tooltip, type TooltipProps, TopNav, type TopNavCenterProps, type TopNavEndProps, type TopNavProps, type TopNavStartProps, VerticalNavigation, type VerticalNavigationCollapseProps, type VerticalNavigationFooterProps, type VerticalNavigationItemListProps, type VerticalNavigationItemProps, type VerticalNavigationProps, VisuallyHidden, type VisuallyHiddenProps, submenuPanelClassName, tagColors };
+//#region src/components/Tree/Tree.d.ts
+interface TreeItemType {
+  /**
+   * The unique key of the tree item.
+   */
+  key: Key;
+  /**
+   * The label of the tree item.
+   */
+  label: React$2.ReactNode;
+  /**
+   * The children of the tree item.
+   */
+  children?: TreeItemType[];
+  /**
+   * Whether the tree item is disabled.
+   */
+  isDisabled?: boolean;
+  /**
+   * The suffix of the tree item.
+   */
+  suffix?: React$2.ReactNode;
+  /**
+   * The trailing slot of the tree item.
+   */
+  trailingSlot?: React$2.ReactNode;
+}
+type TreeProps = StylingOverrideProps & {
+  /**
+   * Defines a string value that labels the current element.
+   */
+  'aria-label'?: string;
+  /**
+   * Identifies the element (or elements) that labels the current element.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * Items to render in the tree.
+   */
+  items: TreeItemType[];
+  /**
+   * Handler that is called when a user performs an action on an item.
+   */
+  onAction?: (key: Key) => void;
+  /**
+   * The initial expanded keys when in uncontrolled mode.
+   */
+  defaultExpandedKeys?: Iterable<Key>;
+  /**
+   * The initial selected keys when in uncontrolled mode.
+   */
+  defaultSelectedKeys?: Iterable<Key>;
+  /**
+   * The currently expanded keys when in controlled mode.
+   */
+  expandedKeys?: Iterable<Key>;
+  /**
+   * Handler that is called when the expanded keys change.
+   */
+  onExpandedChange?: (keys: Set<Key>) => void;
+  /**
+   * Callback that is fired when the selection changes.
+   */
+  onSelectionChange?: (keys: Set<Key>) => void;
+  /**
+   * The currently selected keys when in controlled mode.
+   */
+  selectedKeys?: Iterable<Key>;
+  /**
+   * The selection mode of the tree.
+   * @default 'multiple'
+   */
+  selectionMode?: 'none' | 'multiple';
+};
+/**
+ * A hierarchical tree with cascading multi-select and Capra ListItem row layout.
+ */
+declare function Tree({ FORCE__className: classNameOverride, items, selectionMode, defaultSelectedKeys, selectedKeys, onSelectionChange, expandedKeys, defaultExpandedKeys, ...props }: TreeProps): React$2.JSX.Element;
+//#endregion
+//#region src/components/input-helpers/Label.d.ts
+type LabelProps = {
+  /** Text to display in the label. */
+  children?: string;
+  /** Whether the field the label is labeling is required (shows asterisk after label). */
+  required?: boolean;
+  /** Content after the label text. */
+  trailingSlot?: React$2.ReactNode;
+} & StylingOverrideProps & Omit<React$2.ComponentPropsWithoutRef<'label'>, 'className' | 'style'>;
+/** Label text and optional required indicator for form fields, aligned with Capra field layouts. */
+declare const Label: React$2.ForwardRefExoticComponent<{
+  /** Text to display in the label. */
+  children?: string;
+  /** Whether the field the label is labeling is required (shows asterisk after label). */
+  required?: boolean;
+  /** Content after the label text. */
+  trailingSlot?: React$2.ReactNode;
+} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "className" | "style"> & React$2.RefAttributes<HTMLLabelElement>>;
+//#endregion
+export { Alert, type AlertProps, Anchor, type AnchorProps, AutocompleteField, type AutocompleteFieldProps, Badge, BadgeLayout, type BadgeProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, Card, Checkbox, type CheckboxProps, Collapse, type CollapseProps, CustomTooltipTrigger, type CustomTooltipTriggerProps, DatePickerField, type DatePickerFieldProps, DateRangePickerField, type DateRangePickerFieldPlaceholder, type DateRangePickerFieldProps, Divider, type DividerProps, type DividerType, Drawer, type DrawerPlacement, type DrawerProps, EmptyState, type EmptyStateProps, IconButton, type IconButtonProps, InputRow, type InputRowAddonProps, type InputRowProps, Label, type LabelProps, Link, type LinkProps, ListItem, type ListItemProps, Menu, type MenuDividerProps, type MenuHeaderProps, type MenuItemProps, type MenuListProps, type MenuPanelPadding, type MenuProps, type MenuSectionProps, type MenuSubmenuProps, Modal, type ModalProps, NumberField, type NumberFieldProps, Pagination, type PaginationProps, PasswordField, type PasswordFieldProps, Pill, type PillProps, Popover, type PopoverProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RadioTile, type RadioTileProps, Ribbon, type RibbonProps, type RoutedLinkProps, RouterProvider, SKELETON_SIZE, SKELETON_SIZE_TOKENS, Skeleton, type SkeletonElementProps, SkeletonGroup, type SkeletonGroupButtonProps, type SkeletonGroupInputProps, type SkeletonGroupNodeProps, type SkeletonParagraphProps, type SkeletonProps, type SkeletonSize, type SkeletonTitleProps, Spinner, type SpinnerProps, type StylingOverrideProps, Switch, type SwitchProps, TabNav, type TabNavItemType, type TabNavItemVariant, type TabNavPlacement, type TabNavProps, type TabNavSubItemType, Tag, type TagColor, type TagProps, Text, TextArea, type TextAreaAutoSize, type TextAreaProps, TextField, type TextFieldProps, type TextProps, Toast, type ToastOptions, type ToastPosition, type ToastType, Tooltip, type TooltipProps, TopNav, type TopNavCenterProps, type TopNavEndProps, type TopNavProps, type TopNavStartProps, Tree, type TreeItemType, type TreeProps, VerticalNavigation, type VerticalNavigationCollapseProps, type VerticalNavigationFooterProps, type VerticalNavigationItemListProps, type VerticalNavigationItemProps, type VerticalNavigationProps, VisuallyHidden, type VisuallyHiddenProps, submenuPanelClassName, tagColors };