@capra/core 1.8.1 → 1.8.2

package/dist/index.d.cts

@@ -3,7 +3,6 @@ import React$1, { HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy } from
 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 { SvgIcon } from "@capra/icons";
 import { SvgLogo } from "@capra/icons/logos";
-
 //#region src/utils/stylingOverride.d.ts
 interface StylingOverrideProps {
   /**
@@ -17,9 +16,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 +80,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 +109,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 +139,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 +164,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> = {
   /**
@@ -210,7 +223,7 @@ 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`.
    */
@@ -218,39 +231,63 @@ declare const Text: <As extends React$2.ElementType = "span">(props: {
 } & StylingOverrideProps & Omit<React$2.PropsWithoutRef<React$2.ComponentProps<As>>, "className"> & 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 +332,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 };
+  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: ({ 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 +415,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 +439,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 = {
@@ -442,7 +452,8 @@ type ChildrenLabel = {
  */
 type LabelProps = AccessibleLabelProps | ChildrenLabel;
 type RadioProps = {
-  /** The value of the radio button. */value: string | null;
+  /** The value of the radio button. */
+  value: string | null;
 } & Partial<RadioGroupContextValue> & LabelProps & 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 +501,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 +543,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 +568,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 +596,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 +616,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 +627,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 +637,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 +654,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 +670,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 +687,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 +725,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 +788,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 +813,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 +858,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 +910,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 +927,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 +952,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 +1032,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 +1068,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 +1117,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 +1202,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> = {
@@ -1333,48 +1390,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;
+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 {}
 /**
  * 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;
+declare const Collapse$1: ({ FORCE__className, onClick, ...props }: VerticalNavigationCollapseProps) => React$2.JSX.Element;
 interface VerticalNavigationItemListProps extends 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;
+declare const ItemList: ({ children, FORCE__className, ...props }: VerticalNavigationItemListProps) => React$2.JSX.Element;
 interface VerticalNavigationFooterProps extends 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 +1423,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 +1504,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 +1512,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 +1542,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 = {
@@ -1580,34 +1589,26 @@ type SkeletonProps = {
    */
   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;
-};
+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'>;
 type SkeletonGroupButtonProps = SkeletonElementProps & {
@@ -1620,19 +1621,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 +1647,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 +1697,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;
 };
 /**
@@ -1900,100 +1902,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: {
+  ({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className, FORCE__className: classNameOverride, ...rest }: MenuSectionProps): React$2.JSX.Element;
+  displayName: string;
+};
+declare const MenuItem: {
+  <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;
-  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;
-  };
 };
+/**
+ * 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;
+};
+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 as Item };
+  export { MenuHeader as Header };
+  export { MenuSection 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 +2037,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 +2056,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 +2084,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 +2120,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.