@recursica/mantine-adapter 0.36.1 → 0.38.1

package/dist/index.d.ts

@@ -1,2 +1,2892 @@
-export * from './src/index'
-export {}
+import { AccordionControlProps } from '@mantine/core';
+import { AccordionItemProps } from '@mantine/core';
+import { AccordionPanelProps } from '@mantine/core';
+import { AccordionProps as AccordionProps_2 } from '@mantine/core';
+import { AnchorProps } from '@mantine/core';
+import { AutocompleteProps } from '@mantine/core';
+import { AvatarProps as AvatarProps_2 } from '@mantine/core';
+import { BadgeProps as BadgeProps_2 } from '@mantine/core';
+import { BreadcrumbsProps } from '@mantine/core';
+import { ButtonProps as ButtonProps_2 } from '@mantine/core';
+import { CardProps as CardProps_2 } from '@mantine/core';
+import { CardSectionProps as CardSectionProps_2 } from '@mantine/core';
+import { CheckboxGroupProps as CheckboxGroupProps_2 } from '@mantine/core';
+import { CheckboxProps } from '@mantine/core';
+import { ChipProps as ChipProps_2 } from '@mantine/core';
+import { ContainerProps as ContainerProps_2 } from '@mantine/core';
+import { DatePickerInputProps } from '@mantine/dates';
+import { default as default_2 } from 'react';
+import { Drawer } from '@mantine/core';
+import { DrawerBodyProps } from '@mantine/core';
+import { DrawerCloseButtonProps } from '@mantine/core';
+import { DrawerContentProps } from '@mantine/core';
+import { DrawerHeaderProps } from '@mantine/core';
+import { DrawerOverlayProps } from '@mantine/core';
+import { DrawerProps } from '@mantine/core';
+import { DrawerRootProps } from '@mantine/core';
+import { DrawerTitleProps } from '@mantine/core';
+import { FlexProps as FlexProps_2 } from '@mantine/core';
+import { ForwardRefExoticComponent } from 'react';
+import { FunctionComponent } from 'react';
+import { GridColProps as GridColProps_2 } from '@mantine/core';
+import { GridProps as GridProps_2 } from '@mantine/core';
+import { GroupProps as GroupProps_2 } from '@mantine/core';
+import { HoverCardDropdownProps as HoverCardDropdownProps_2 } from '@mantine/core';
+import { HoverCardProps as HoverCardProps_2 } from '@mantine/core';
+import { HoverCardTargetProps as HoverCardTargetProps_2 } from '@mantine/core';
+import { HTMLAttributes } from 'react';
+import { InputLabelProps } from '@mantine/core';
+import { InputProps } from '@mantine/core';
+import { InputWrapperProps } from '@mantine/core';
+import { JSX } from 'react/jsx-runtime';
+import { LoaderProps as LoaderProps_2 } from '@mantine/core';
+import { MenuDividerProps as MenuDividerProps_2 } from '@mantine/core';
+import { MenuDropdownProps as MenuDropdownProps_2 } from '@mantine/core';
+import { MenuItemProps as MenuItemProps_2 } from '@mantine/core';
+import { MenuLabelProps as MenuLabelProps_2 } from '@mantine/core';
+import { MenuProps as MenuProps_2 } from '@mantine/core';
+import { MenuSubDropdownProps as MenuSubDropdownProps_2 } from '@mantine/core';
+import { MenuSubProps as MenuSubProps_2 } from '@mantine/core';
+import { MenuSubTargetProps as MenuSubTargetProps_2 } from '@mantine/core';
+import { MenuTargetProps as MenuTargetProps_2 } from '@mantine/core';
+import { ModalBodyProps } from '@mantine/core';
+import { ModalCloseButtonProps as ModalCloseButtonProps_2 } from '@mantine/core';
+import { ModalContentProps as ModalContentProps_2 } from '@mantine/core';
+import { ModalHeaderProps as ModalHeaderProps_2 } from '@mantine/core';
+import { ModalOverlayProps as ModalOverlayProps_2 } from '@mantine/core';
+import { ModalProps as ModalProps_2 } from '@mantine/core';
+import { ModalRootProps as ModalRootProps_2 } from '@mantine/core';
+import { ModalTitleProps as ModalTitleProps_2 } from '@mantine/core';
+import { NotificationProps } from '@mantine/core';
+import { NumberInputProps } from '@mantine/core';
+import { Pagination as Pagination_3 } from '@mantine/core';
+import { PaginationControlProps as PaginationControlProps_2 } from '@mantine/core';
+import { PaginationDotsProps as PaginationDotsProps_2 } from '@mantine/core';
+import { PaginationEdgeProps as PaginationEdgeProps_2 } from '@mantine/core';
+import { PaginationProps as PaginationProps_2 } from '@mantine/core';
+import { PaginationRootProps as PaginationRootProps_2 } from '@mantine/core';
+import { PolymorphicComponentProps } from '@mantine/core';
+import { PopoverDropdownProps as PopoverDropdownProps_2 } from '@mantine/core';
+import { PopoverProps as PopoverProps_2 } from '@mantine/core';
+import { PopoverTargetProps as PopoverTargetProps_2 } from '@mantine/core';
+import { RadioGroupProps as RadioGroupProps_2 } from '@mantine/core';
+import { RadioProps } from '@mantine/core';
+import { RefAttributes } from 'react';
+import { SegmentedControlProps as SegmentedControlProps_2 } from '@mantine/core';
+import { SelectProps } from '@mantine/core';
+import { SliderProps } from '@mantine/core';
+import { StackProps as StackProps_2 } from '@mantine/core';
+import { Stepper as Stepper_3 } from '@mantine/core';
+import { StepperProps } from '@mantine/core';
+import { StepperStepProps as StepperStepProps_2 } from '@mantine/core';
+import { SwitchGroupProps as SwitchGroupProps_2 } from '@mantine/core';
+import { SwitchProps } from '@mantine/core';
+import { TableCaptionProps as TableCaptionProps_2 } from '@mantine/core';
+import { TableProps as TableProps_2 } from '@mantine/core';
+import { TableScrollContainerProps as TableScrollContainerProps_2 } from '@mantine/core';
+import { TableTbodyProps as TableTbodyProps_2 } from '@mantine/core';
+import { TableTdProps as TableTdProps_2 } from '@mantine/core';
+import { TableTfootProps as TableTfootProps_2 } from '@mantine/core';
+import { TableTheadProps as TableTheadProps_2 } from '@mantine/core';
+import { TableThProps as TableThProps_2 } from '@mantine/core';
+import { TableTrProps as TableTrProps_2 } from '@mantine/core';
+import { TabsListProps as TabsListProps_2 } from '@mantine/core';
+import { TabsPanelProps as TabsPanelProps_2 } from '@mantine/core';
+import { TabsProps } from '@mantine/core';
+import { TabsTabProps as TabsTabProps_2 } from '@mantine/core';
+import { TextareaProps } from '@mantine/core';
+import { TextProps as TextProps_2 } from '@mantine/core';
+import { TimelineItemProps as TimelineItemProps_2 } from '@mantine/core';
+import { TimelineProps as TimelineProps_2 } from '@mantine/core';
+import { TimePickerProps } from '@mantine/dates';
+import { TitleProps as TitleProps_2 } from '@mantine/core';
+import { Tooltip as Tooltip_3 } from '@mantine/core';
+import { TooltipFloatingProps as TooltipFloatingProps_2 } from '@mantine/core';
+import { TooltipProps as TooltipProps_2 } from '@mantine/core';
+
+export declare const Accordion: typeof rawComponents.Accordion;
+
+declare const Accordion_2: AccordionComponent;
+
+declare const AccordionBase: {
+    ({ variant, overStyled, ...rest }: AccordionProps): JSX.Element;
+    displayName: string;
+};
+
+declare type AccordionComponent = typeof AccordionBase & {
+    Item: typeof AccordionItem_2;
+    Control: typeof AccordionControl_2;
+    Panel: typeof AccordionPanel_2;
+};
+
+export declare const AccordionControl: typeof rawComponents.AccordionControl;
+
+declare const AccordionControl_2: ForwardRefExoticComponent<AccordionControlWrapperProps & RefAttributes<HTMLButtonElement>>;
+
+declare type AccordionControlWrapperProps = RecursicaOverStyled<AccordionControlProps & RecursicaAccordionControlProps>;
+
+export declare const AccordionItem: typeof rawComponents.AccordionItem;
+
+declare const AccordionItem_2: ForwardRefExoticComponent<AccordionItemWrapperProps & RefAttributes<HTMLDivElement>>;
+
+declare type AccordionItemWrapperProps = RecursicaOverStyled<AccordionItemProps & RecursicaAccordionItemProps>;
+
+export declare const AccordionPanel: typeof rawComponents.AccordionPanel;
+
+declare const AccordionPanel_2: ForwardRefExoticComponent<AccordionPanelWrapperProps & RefAttributes<HTMLDivElement>>;
+
+declare type AccordionPanelWrapperProps = RecursicaOverStyled<AccordionPanelProps>;
+
+declare type AccordionProps = RecursicaOverStyled<Omit<AccordionProps_2, "value" | "defaultValue" | "onChange" | "multiple" | "variant"> & RecursicaAccordionProps>;
+
+export declare const AssistiveElement: typeof rawComponents.AssistiveElement;
+
+declare const AssistiveElement_2: default_2.ForwardRefExoticComponent<AssistiveElementProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type AssistiveElementProps = RecursicaOverStyled<default_2.HTMLAttributes<HTMLDivElement> & RecursicaAssistiveElementProps>;
+
+export declare const AutoComplete: typeof rawComponents.AutoComplete;
+
+declare const AutoComplete_2: default_2.ForwardRefExoticComponent<AutoCompleteProps & default_2.RefAttributes<HTMLInputElement>>;
+
+declare type AutoCompleteProps = RecursicaOverStyled<RecursicaAutoCompleteProps>;
+
+export declare const Avatar: typeof rawComponents.Avatar;
+
+/**
+ * Recursica Avatar component wrapping Mantine's Avatar.
+ *
+ * Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
+ */
+declare const Avatar_2: (<C = "div">(props: PolymorphicComponentProps<C, AvatarProps>) => React.ReactElement) & Omit<FunctionComponent<((AvatarProps & {
+component?: any;
+}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "name" | "icon" | "size" | "component" | "alt" | "src" | "gradient" | "imageProps" | "autoContrast" | "allowedInitialsColors"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (AvatarProps & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+declare type AvatarProps = RecursicaOverStyled<Omit<AvatarProps_2, "variant" | "size" | "color" | "radius"> & RecursicaAvatarProps>;
+
+export declare const Badge: typeof rawComponents.Badge;
+
+/**
+ * Recursica Badge component wrapping Mantine's Badge.
+ *
+ * Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
+ */
+declare const Badge_2: (<C = "div">(props: PolymorphicComponentProps<C, BadgeProps>) => React.ReactElement) & Omit<FunctionComponent<((BadgeProps & {
+component?: any;
+}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "circle" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "component" | "leftSection" | "rightSection" | "gradient" | "autoContrast" | "fullWidth"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (BadgeProps & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+declare type BadgeProps = RecursicaOverStyled<Omit<BadgeProps_2, "variant" | "size" | "color" | "radius"> & RecursicaBadgeProps>;
+
+/**
+ * List of styling keys that are blocked from being overriden unless overStyled is enabled.
+ */
+export declare type BlockedStylingKeys = "className" | "classNames" | "classes" | "style" | "styles" | "vars" | "sx" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex";
+
+export declare const Breadcrumb: typeof rawComponents.Breadcrumb;
+
+declare const Breadcrumb_2: ForwardRefExoticComponent<BreadcrumbProps & RefAttributes<HTMLDivElement>>;
+
+declare type BreadcrumbProps = RecursicaOverStyled<Omit<BreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>;
+
+export declare const Button: typeof rawComponents.Button;
+
+/**
+ * Recursica Button component wrapping Mantine's Button.
+ *
+ * Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
+ * This is particularly useful when you need a button that behaves as a hyperlink (rendering an `<a>` tag)
+ * or integrates with a routing library (e.g., `react-router-dom` or Next.js), while preserving full visual styling.
+ *
+ * @example
+ * ```tsx
+ * // Renders as an <a> tag natively
+ * <Button component="a" href="/dashboard" target="_blank">Navigate</Button>
+ *
+ * // Renders using a custom router link
+ * <Button renderRoot={(props) => <Link to="/home" {...props} />}>Home</Button>
+ * ```
+ */
+declare const Button_2: (<C = "button">(props: PolymorphicComponentProps<C, ButtonProps>) => default_2.ReactElement) & Omit<default_2.FunctionComponent<((ButtonProps & {
+    component?: any;
+}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "color" | "children" | "radius" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "disabled" | "icon" | "justify" | "size" | "component" | "rightSection" | "data-disabled" | "gradient" | "autoContrast" | "loading" | "loaderProps" | "loaderVariant" | "loaderSize" | "useRecursicaLoader"> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (ButtonProps & {
+    component: default_2.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+declare type ButtonProps = RecursicaOverStyled<Omit<ButtonProps_2, "variant" | "size" | "leftSection" | "fullWidth"> & RecursicaButtonProps>;
+
+export declare const Card: typeof rawComponents.Card;
+
+declare const Card_2: typeof PolymorphicCard & {
+    Section: typeof CardSection;
+    Header: typeof CardHeader;
+    Footer: typeof CardFooter;
+    Content: typeof CardContent;
+};
+
+/**
+ * Internal container that safely binds typography and structural flex gaps driven by the active UI kit tokens natively, preserving correct padding blocks compared to rigid `Card.Section` edges.
+ */
+declare const CardContent: ForwardRefExoticComponent<CardContentProps & RefAttributes<HTMLDivElement>>;
+
+declare type CardContentProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement>>;
+
+/**
+ * Counterpart to `Card.Header`, applying specific footer elevation margins, sizes, and padding natively.
+ */
+declare const CardFooter: ForwardRefExoticComponent<CardFooterProps & RefAttributes<HTMLDivElement>>;
+
+declare type CardFooterProps = RecursicaOverStyled<RecursicaCardSectionProps>;
+
+/**
+ * Replaces standard generic Mantine `<Card.Section>` wrappers by directly injecting the strict Recursica design tokens for header sizing, background drops, and intrinsic padding limits.
+ */
+declare const CardHeader: ForwardRefExoticComponent<CardHeaderProps & RefAttributes<HTMLDivElement>>;
+
+declare type CardHeaderProps = RecursicaOverStyled<RecursicaCardSectionProps>;
+
+declare type CardProps = RecursicaOverStyled<CardProps_2 & RecursicaCardProps> & {
+    flex?: string | number;
+    flexGrow?: string | number;
+    flexShrink?: string | number;
+    flexBasis?: string | number;
+    grow?: string | number;
+    h?: string | number;
+    height?: string | number;
+};
+
+/**
+ * A generalized edge-to-edge structural wrapper native to Mantine. Strips typical boundary padding via negative margins to allow content (like maps or header images) to touch the border seamlessly.
+ */
+declare const CardSection: ForwardRefExoticComponent<CardSectionProps & RefAttributes<HTMLDivElement>>;
+
+declare type CardSectionProps = RecursicaOverStyled<CardSectionProps_2 & RecursicaCardSectionProps>;
+
+export declare const Checkbox: typeof rawComponents.Checkbox;
+
+declare const Checkbox_2: CheckboxComponent;
+
+declare type CheckboxComponent = React.ForwardRefExoticComponent<CheckboxProps_2 & React.RefAttributes<HTMLInputElement>> & {
+    Group: typeof CheckboxGroup_2;
+};
+
+export declare const CheckboxGroup: typeof rawComponents.CheckboxGroup;
+
+declare const CheckboxGroup_2: default_2.ForwardRefExoticComponent<CheckboxGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type CheckboxGroupProps = RecursicaOverStyled<RecursicaCheckboxGroupProps>;
+
+declare type CheckboxProps_2 = RecursicaOverStyled<RecursicaCheckboxPropsAlias>;
+
+declare type CheckboxWrapperProps = Omit<CheckboxProps, "size" | "color" | "radius" | "iconColor" | "variant"> & RecursicaCheckboxProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
+
+export declare const Chip: typeof rawComponents.Chip;
+
+declare const Chip_2: default_2.ForwardRefExoticComponent<ChipProps & default_2.RefAttributes<HTMLInputElement>>;
+
+declare type ChipProps = RecursicaOverStyled<Omit<ChipProps_2, "variant" | "size" | "color" | "radius"> & RecursicaChipProps>;
+
+export declare const Container: ForwardRefExoticComponent<Omit<Omit<ContainerProps_2, "size"> & RecursicaContainerProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & RefAttributes<HTMLDivElement>>;
+
+declare const Container_2: ForwardRefExoticComponent<Omit<Omit<ContainerProps_2, "size"> & RecursicaContainerProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Container layout wrapper.
+ *
+ * Note: Unlike complex UI components, primitive layout components (Flex, Stack, Group, Container)
+ * DO NOT use the `RecursicaOverStyled` gatekeeper. Developers must be able to freely pass
+ * width, height, padding, margins, and flexbox alignment props to construct structural layouts.
+ */
+declare type ContainerProps = WithRecursicaSpacing<Omit<ContainerProps_2, "size"> & RecursicaContainerProps>;
+
+/**
+ * Helper function for copy text to clipboard
+ * @param {string} textToCopy The text string for copying to the clipboard
+ * @param {element|node} componentRef The ref of the component that we want to trigger the copy
+ */
+export declare const copyToClipboard: (textToCopy: string, componentRef: default_2.RefObject<HTMLElement | null>) => Promise<void>;
+
+export declare const DatePicker: typeof rawComponents.DatePicker;
+
+declare const DatePicker_2: default_2.ForwardRefExoticComponent<DatePickerProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type DatePickerProps = RecursicaOverStyled<RecursicaDatePickerProps>;
+
+export declare const Dropdown: typeof rawComponents.Dropdown;
+
+declare const Dropdown_2: default_2.ForwardRefExoticComponent<DropdownProps & default_2.RefAttributes<HTMLInputElement>>;
+
+declare type DropdownProps = RecursicaOverStyled<RecursicaDropdownProps>;
+
+/**
+ * Renders default visual fallbacks for Empty Values in ReadOnly contexts.
+ */
+export declare const EmptyValueRenderer: default_2.FC<EmptyValueRendererProps> & {
+    check: (value: any) => boolean;
+};
+
+export declare interface EmptyValueRendererProps {
+    /** The empty value that tripped the check, provided for potential custom rendering logic hooks */
+    value?: any;
+    /** Custom fallback text applied dynamically replacing standard 'N/A' defaults strings explicitly */
+    emptyText?: string;
+}
+
+export declare const FileInput: typeof rawComponents.FileInput;
+
+declare const FileInput_2: default_2.FC<FileInputProps>;
+
+declare type FileInputProps = default_2.HTMLAttributes<HTMLDivElement>;
+
+export declare const FileUpload: typeof rawComponents.FileUpload;
+
+declare const FileUpload_2: default_2.FC<FileUploadProps>;
+
+declare type FileUploadProps = default_2.HTMLAttributes<HTMLDivElement>;
+
+export declare const Flex: (<C = "div">(props: PolymorphicComponentProps<C, rawComponents.FlexProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<FlexProps_2 & RecursicaFlexProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "justify" | "component" | "wrap" | "align" | "direction"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (Omit<FlexProps_2 & RecursicaFlexProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+/**
+ * Recursica Flex layout wrapper.
+ *
+ * Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
+ * @example
+ * ```tsx
+ * <Flex component="nav">...</Flex>
+ * <Flex component="section">...</Flex>
+ * ```
+ */
+declare const Flex_2: (<C = "div">(props: PolymorphicComponentProps<C, FlexProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<FlexProps_2 & RecursicaFlexProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "justify" | "component" | "wrap" | "align" | "direction"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (Omit<FlexProps_2 & RecursicaFlexProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+/**
+ * Flex layout wrapper.
+ *
+ * Note: Unlike complex UI components, primitive layout components (Flex, Stack, Group, Container)
+ * DO NOT use the `RecursicaOverStyled` gatekeeper. Developers must be able to freely pass
+ * width, height, padding, margins, and flexbox alignment props to construct structural layouts.
+ */
+declare type FlexProps = WithRecursicaSpacing<FlexProps_2 & RecursicaFlexProps>;
+
+export declare type ForbiddenStyles = {
+    [K in BlockedStylingKeys]?: never;
+};
+
+export declare const FormControlLayout: typeof rawComponents.FormControlLayout;
+
+/**
+ * A layout component used to correctly position form inputs alongside their labels.
+ *
+ * **When to use this:**
+ * Typically, you should use `FormControlWrapper` instead, which uses this component
+ * under the hood to handle layout automatically.
+ *
+ * However, this component is useful when you need to align standalone inputs
+ * (like a `Switch` or `Checkbox` without a label) so they perfectly match the spacing
+ * and alignment of your other form fields in a `side-by-side` layout.
+ */
+declare const FormControlLayout_2: default_2.ForwardRefExoticComponent<FormControlLayoutProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface FormControlLayoutProps extends default_2.HTMLAttributes<HTMLDivElement>, RecursicaFormControlLayoutProps {
+}
+
+declare type FormControlWrapperProps = RecursicaOverStyled<Omit<InputWrapperProps, "labelProps" | "inputWrapperOrder"> & RecursicaFormControlWrapperProps>;
+
+export declare const Grid: (<C = "div">(props: PolymorphicComponentProps<C, rawComponents.GridProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<Omit<GridProps_2, "gutter"> & RecursicaGridProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "type" | "justify" | "component" | "align" | "overflow" | "grow" | "columns" | "breakpoints"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (Omit<Omit<GridProps_2, "gutter"> & RecursicaGridProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never> & {
+    Col: typeof rawComponents.GridCol;
+};
+
+declare const Grid_2: GridComponent;
+
+/**
+ * Recursica Grid layout wrapper.
+ *
+ * Supports polymorphism via the `component` prop for custom element rendering.
+ * @example
+ * ```tsx
+ * <Grid gap="rec-default">
+ *   <Grid.Col span={6}>Half width</Grid.Col>
+ *   <Grid.Col span={6}>Half width</Grid.Col>
+ * </Grid>
+ * ```
+ */
+declare const GridBase: (<C = "div">(props: PolymorphicComponentProps<C, GridProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<Omit<GridProps_2, "gutter"> & RecursicaGridProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "type" | "justify" | "component" | "align" | "overflow" | "grow" | "columns" | "breakpoints"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (Omit<Omit<GridProps_2, "gutter"> & RecursicaGridProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export declare const GridCol: (<C = "div">(props: PolymorphicComponentProps<C, rawComponents.GridColProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<GridColProps_2 & RecursicaGridColProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "span" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "order" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "component" | "offset"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (Omit<GridColProps_2 & RecursicaGridColProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+declare const GridCol_2: (<C = "div">(props: PolymorphicComponentProps<C, GridColProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<GridColProps_2 & RecursicaGridColProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "span" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "order" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "component" | "offset"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (Omit<GridColProps_2 & RecursicaGridColProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+declare type GridColProps = WithRecursicaSpacing<GridColProps_2 & RecursicaGridColProps>;
+
+declare type GridComponent = typeof GridBase & {
+    Col: typeof GridCol_2;
+};
+
+/**
+ * Grid layout wrapper.
+ *
+ * Note: Unlike complex UI components, primitive layout components (Flex, Stack, Group, Container, Grid)
+ * DO NOT use the `RecursicaOverStyled` gatekeeper. Developers must be able to freely pass
+ * width, height, padding, margins, and flexbox alignment props to construct structural layouts.
+ */
+declare type GridProps = WithRecursicaSpacing<Omit<GridProps_2, "gutter"> & RecursicaGridProps>;
+
+export declare const Group: ForwardRefExoticComponent<Omit<GroupProps_2 & RecursicaGroupProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & RefAttributes<HTMLDivElement>>;
+
+declare const Group_2: ForwardRefExoticComponent<Omit<GroupProps_2 & RecursicaGroupProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Group flex layout wrapper.
+ *
+ * Note: Unlike complex UI components, primitive layout components (Flex, Stack, Group, Container)
+ * DO NOT use the `RecursicaOverStyled` gatekeeper. Developers must be able to freely pass
+ * width, height, padding, margins, and flexbox alignment props to construct structural layouts.
+ */
+declare type GroupProps = WithRecursicaSpacing<GroupProps_2 & RecursicaGroupProps>;
+
+export declare const HoverCard: typeof rawComponents.HoverCard;
+
+declare const HoverCard_2: HoverCardComponent;
+
+declare const HoverCardBase: {
+    ({ overStyled, withBeak, ...rest }: HoverCardProps): JSX.Element;
+    displayName: string;
+};
+
+declare type HoverCardComponent = typeof HoverCardBase & {
+    Target: typeof HoverCardTarget;
+    Dropdown: typeof HoverCardDropdown;
+};
+
+declare const HoverCardDropdown: {
+    ({ overStyled, ...rest }: HoverCardDropdownProps): JSX.Element;
+    displayName: string;
+};
+
+/** The dropdown panel displayed when hovering over the target. */
+declare type HoverCardDropdownProps = RecursicaOverStyled<HoverCardDropdownProps_2>;
+
+/**
+ * Recursica HoverCard component wrapping Mantine's composable HoverCard.
+ *
+ * Displays a dropdown panel when the user hovers over a target element.
+ * Uses the composable dot-notation pattern:
+ * ```tsx
+ * <HoverCard withBeak>
+ *   <HoverCard.Target>
+ *     <Button>Hover me</Button>
+ *   </HoverCard.Target>
+ *   <HoverCard.Dropdown>
+ *     Content displayed on hover
+ *   </HoverCard.Dropdown>
+ * </HoverCard>
+ * ```
+ */
+declare type HoverCardProps = RecursicaOverStyled<HoverCardProps_2 & RecursicaHoverCardProps>;
+
+declare const HoverCardTarget: {
+    (props: HoverCardTargetProps): JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Wrapper for the element that triggers the hover card.
+ * Requires a single child element that supports ref forwarding.
+ */
+declare type HoverCardTargetProps = HoverCardTargetProps_2;
+
+/**
+ * Injects the global styles for `.recursica-over-styled` elements into the document.
+ */
+export declare function injectOverStyledStyles(): void;
+
+export declare const IS_DEV: boolean;
+
+/**
+ * Returns the current global overStyled active state.
+ */
+export declare function isGlobalOverStyledActive(): boolean;
+
+export declare const Label: typeof rawComponents.Label;
+
+declare const Label_2: default_2.ForwardRefExoticComponent<LabelProps & default_2.RefAttributes<HTMLLabelElement>>;
+
+declare type LabelProps = RecursicaOverStyled<Omit<InputLabelProps, "size"> & RecursicaLabelProps>;
+
+/**
+ * Applies a Recursica layer context. Root has data-recursica-layer so scoped CSS
+ * theme+layer blocks (e.g. [data-recursica-theme="light"] [data-recursica-layer="1"])
+ * set generic brand vars on this element; descendants inherit. Use with theme on
+ * document root (RecursicaThemeProvider). Root is display: block so padding/background apply.
+ */
+export declare const Layer: ForwardRefExoticComponent<RecursicaLayerProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
+
+export declare type LayerProps = RecursicaLayerProps & React.HTMLAttributes<HTMLDivElement>;
+
+export declare const Link: (<C = "a">(props: PolymorphicComponentProps<C, rawComponents.LinkProps>) => React.ReactElement) & Omit<FunctionComponent<((rawComponents.LinkProps & {
+component?: any;
+}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "color" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "icon" | "inherit" | "inline" | "size" | "__staticSelector" | "component" | "gradient" | "lineClamp" | "truncate"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (rawComponents.LinkProps & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+/**
+ * Recursica Link component wrapping Mantine's Anchor.
+ *
+ * Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering (e.g. react-router Link).
+ * @example
+ * ```tsx
+ * <Link component="a" href="https://example.com">External Link</Link>
+ * <Link renderRoot={(props) => <RouterLink to="/home" {...props} />}>Home</Link>
+ * ```
+ */
+declare const Link_2: (<C = "a">(props: PolymorphicComponentProps<C, LinkProps>) => React.ReactElement) & Omit<FunctionComponent<((LinkProps & {
+component?: any;
+}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "color" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "icon" | "inherit" | "inline" | "size" | "__staticSelector" | "component" | "gradient" | "lineClamp" | "truncate"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (LinkProps & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+declare type LinkProps = RecursicaOverStyled<Omit<AnchorProps, "underline"> & Omit<RecursicaLinkProps, "component">>;
+
+export declare const Loader: typeof rawComponents.Loader;
+
+declare const Loader_2: ForwardRefExoticComponent<LoaderProps & RefAttributes<HTMLSpanElement>>;
+
+declare type LoaderProps = RecursicaOverStyled<Omit<LoaderProps_2, "variant" | "size" | "type"> & RecursicaLoaderProps>;
+
+export declare const Menu: typeof rawComponents.Menu;
+
+declare const Menu_2: MenuComponent;
+
+declare const MenuBase: {
+    ({ overStyled, ...rest }: MenuProps): JSX.Element;
+    displayName: string;
+};
+
+declare type MenuComponent = typeof MenuBase & {
+    Target: typeof MenuTarget;
+    Dropdown: typeof MenuDropdown;
+    Item: typeof MenuItem;
+    Divider: typeof MenuDivider;
+    Label: typeof MenuLabel;
+    Sub: MenuSubComponent;
+};
+
+declare const MenuDivider: ForwardRefExoticComponent<MenuDividerProps & RefAttributes<HTMLHRElement>>;
+
+/** A visual separator between groups of menu items. */
+declare type MenuDividerProps = RecursicaOverStyled<MenuDividerProps_2>;
+
+declare const MenuDropdown: ForwardRefExoticComponent<MenuDropdownProps & RefAttributes<HTMLDivElement>>;
+
+/** The dropdown panel containing menu items, dividers, and labels. */
+declare type MenuDropdownProps = RecursicaOverStyled<MenuDropdownProps_2>;
+
+/**
+ * An individual actionable item within the menu dropdown.
+ *
+ * Supports polymorphism via the `component` prop for link-style items.
+ * @example
+ * ```tsx
+ * <Menu.Item component="a" href="/settings">Settings</Menu.Item>
+ * ```
+ */
+declare const MenuItem: (<C = "button">(props: PolymorphicComponentProps<C, MenuItemProps>) => React.ReactElement) & Omit<FunctionComponent<((MenuItemProps & {
+component?: any;
+}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "overStyled" | "disabled" | "component" | "leftSection" | "rightSection" | "data-disabled" | "closeMenuOnClick"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (MenuItemProps & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+/**
+ * An individual actionable item within the menu dropdown.
+ *
+ * **Note:** Mantine's `color` prop is stripped in strict mode to enforce
+ * design token adherence. Use `overStyled={true}` if you need to bypass.
+ */
+declare type MenuItemProps = RecursicaOverStyled<Omit<MenuItemProps_2, "color">>;
+
+declare const MenuLabel: ForwardRefExoticComponent<MenuLabelProps & RefAttributes<HTMLDivElement>>;
+
+/** A non-interactive section label used to categorize groups of menu items. */
+declare type MenuLabelProps = RecursicaOverStyled<MenuLabelProps_2>;
+
+/**
+ * Recursica Menu component wrapping Mantine's composable Menu.
+ *
+ * Usage follows the composable dot-notation pattern:
+ * ```tsx
+ * <Menu>
+ *   <Menu.Target><Button>Open</Button></Menu.Target>
+ *   <Menu.Dropdown>
+ *     <Menu.Label>Section</Menu.Label>
+ *     <Menu.Item>Action</Menu.Item>
+ *     <Menu.Divider />
+ *     <Menu.Item>Another action</Menu.Item>
+ *   </Menu.Dropdown>
+ * </Menu>
+ * ```
+ */
+declare type MenuProps = RecursicaOverStyled<MenuProps_2 & RecursicaMenuProps>;
+
+declare const MenuSubBase: {
+    (props: MenuSubProps): JSX.Element;
+    displayName: string;
+};
+
+declare type MenuSubComponent = typeof MenuSubBase & {
+    Target: typeof MenuSubTarget;
+    Item: typeof MenuSubItem;
+    Dropdown: typeof MenuSubDropdown;
+};
+
+declare const MenuSubDropdown: ForwardRefExoticComponent<MenuSubDropdownProps & RefAttributes<HTMLDivElement>>;
+
+/** The dropdown panel for a submenu. */
+declare type MenuSubDropdownProps = RecursicaOverStyled<MenuSubDropdownProps_2>;
+
+/**
+ * A menu item that acts as a submenu trigger.
+ *
+ * Supports polymorphism via the `component` prop.
+ */
+declare const MenuSubItem: (<C = "button">(props: PolymorphicComponentProps<C, MenuSubItemProps>) => React.ReactElement) & Omit<FunctionComponent<((MenuSubItemProps & {
+component?: any;
+}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "overStyled" | "disabled" | "component" | "leftSection" | "rightSection" | "data-disabled" | "closeMenuOnClick"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (MenuSubItemProps & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+/**
+ * A menu item that acts as a submenu trigger.
+ * Renders within Menu.Sub.Target and displays a chevron indicator.
+ */
+declare type MenuSubItemProps = RecursicaOverStyled<Omit<MenuItemProps_2, "color">>;
+
+/** Container for a submenu, wrapping Menu.Sub.Target and Menu.Sub.Dropdown. */
+declare type MenuSubProps = MenuSubProps_2;
+
+declare const MenuSubTarget: {
+    (props: MenuSubTargetProps): JSX.Element;
+    displayName: string;
+};
+
+/** Wrapper for the element that triggers the submenu. */
+declare type MenuSubTargetProps = MenuSubTargetProps_2;
+
+declare const MenuTarget: {
+    (props: MenuTargetProps): JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Wrapper for the element that triggers the menu.
+ * Requires a single child element that supports ref forwarding.
+ */
+declare type MenuTargetProps = MenuTargetProps_2;
+
+export declare const Modal: typeof rawComponents.Modal;
+
+declare const Modal_2: ModalComponent & {
+    Footer: typeof ModalFooter;
+};
+
+declare const ModalBody: default_2.ForwardRefExoticComponent<Omit<ModalBodyProps & default_2.RefAttributes<HTMLDivElement> & {
+    component?: any;
+    renderRoot?: (props: Record<string, any>) => default_2.ReactNode;
+}, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const ModalCloseButton: default_2.ForwardRefExoticComponent<ModalCloseButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type ModalCloseButtonProps = RecursicaOverStyled<ModalCloseButtonProps_2>;
+
+declare interface ModalComponent extends default_2.ForwardRefExoticComponent<ModalProps & default_2.RefAttributes<HTMLDivElement>> {
+    Root: typeof ModalRoot;
+    Overlay: typeof ModalOverlay;
+    Content: typeof ModalContent;
+    Header: typeof ModalHeader;
+    Title: typeof ModalTitle;
+    CloseButton: typeof ModalCloseButton;
+    Body: typeof ModalBody;
+    Footer: typeof ModalFooter;
+}
+
+declare const ModalContent: default_2.ForwardRefExoticComponent<ModalContentProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type ModalContentProps = RecursicaOverStyled<ModalContentProps_2>;
+
+declare const ModalFooter: default_2.ForwardRefExoticComponent<ModalFooterProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * The `Modal.Footer` provides a perfectly padded container for modal actions.
+ *
+ * **Recursica Abstract:**
+ * By default, this container aligns its children to the right (`justify-content: flex-end`)
+ * and applies the standard Figma button-gap spacing.
+ *
+ * > [!IMPORTANT]
+ * > **Button Hierarchy:** Recursica design language explicitly requires that the
+ * > primary action button MUST be the right-most element, with the secondary
+ * > (outline variant) action placed immediately to the left of it.
+ */
+declare type ModalFooterProps = RecursicaOverStyled<default_2.ComponentPropsWithoutRef<"div">>;
+
+declare const ModalHeader: default_2.ForwardRefExoticComponent<ModalHeaderProps & default_2.RefAttributes<HTMLElement>>;
+
+declare type ModalHeaderProps = RecursicaOverStyled<ModalHeaderProps_2>;
+
+declare const ModalOverlay: default_2.ForwardRefExoticComponent<ModalOverlayProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type ModalOverlayProps = RecursicaOverStyled<ModalOverlayProps_2>;
+
+/**
+ * Properties for the strictly-tokenized Modal component.
+ * Native Mantine abstract properties like `size`, `radius`, and `shadow` have been stripped out
+ * because they directly conflict with the non-negotiable pixel boundaries defined in the Recursica UI Kit.
+ */
+declare type ModalProps = RecursicaOverStyled<Omit<ModalProps_2, "size" | "radius" | "shadow"> & RecursicaModalProps>;
+
+declare const ModalRoot: default_2.ForwardRefExoticComponent<ModalRootProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type ModalRootProps = RecursicaOverStyled<ModalRootProps_2>;
+
+declare const ModalTitle: default_2.ForwardRefExoticComponent<ModalTitleProps & default_2.RefAttributes<HTMLHeadingElement>>;
+
+declare type ModalTitleProps = RecursicaOverStyled<ModalTitleProps_2>;
+
+export declare const NumberInput: typeof rawComponents.NumberInput;
+
+declare const NumberInput_2: default_2.ForwardRefExoticComponent<NumberInputProps_2 & default_2.RefAttributes<HTMLInputElement>>;
+
+declare type NumberInputProps_2 = RecursicaOverStyled<RecursicaNumberInputProps>;
+
+export declare const Pagination: typeof rawComponents.Pagination;
+
+declare const _Pagination: default_2.ForwardRefExoticComponent<PaginationProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Recursica Pagination component wrapping Mantine's Pagination.
+ */
+declare const Pagination_2: typeof _Pagination & {
+    Root: typeof _PaginationRoot;
+    Items: typeof Pagination_3.Items;
+    Control: typeof _PaginationControl;
+    Dots: typeof _PaginationDots;
+    Next: typeof _PaginationNext;
+    Previous: typeof _PaginationPrevious;
+    First: typeof _PaginationFirst;
+    Last: typeof _PaginationLast;
+    Icon: typeof PaginationIcon;
+};
+
+declare const _PaginationControl: default_2.ForwardRefExoticComponent<PaginationControlProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type PaginationControlProps = RecursicaOverStyled<PaginationControlProps_2>;
+
+declare const _PaginationDots: default_2.ForwardRefExoticComponent<PaginationDotsProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type PaginationDotsProps = RecursicaOverStyled<PaginationDotsProps_2>;
+
+declare type PaginationEdgeProps<T extends default_2.ElementType> = RecursicaOverStyled<default_2.ComponentProps<T> & {
+    /** If set to true, displays text labels alongside the icon. */
+    withLabel?: boolean;
+    icon?: any;
+}>;
+
+declare const _PaginationFirst: default_2.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: PolymorphicComponentProps<C, PaginationEdgeProps_2>) => default_2.ReactElement) & Omit<default_2.FunctionComponent<(PaginationEdgeProps_2 & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps_2> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (PaginationEdgeProps_2 & {
+    component: default_2.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>> & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const PaginationIcon: ({ type, className, ...props }: React.ComponentProps<"svg"> & {
+    type: PaginationIconType;
+}) => JSX.Element;
+
+declare type PaginationIconType = "next" | "prev" | "first" | "last";
+
+declare const _PaginationLast: default_2.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: PolymorphicComponentProps<C, PaginationEdgeProps_2>) => default_2.ReactElement) & Omit<default_2.FunctionComponent<(PaginationEdgeProps_2 & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps_2> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (PaginationEdgeProps_2 & {
+    component: default_2.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>> & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const _PaginationNext: default_2.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: PolymorphicComponentProps<C, PaginationEdgeProps_2>) => default_2.ReactElement) & Omit<default_2.FunctionComponent<(PaginationEdgeProps_2 & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps_2> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (PaginationEdgeProps_2 & {
+    component: default_2.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>> & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const _PaginationPrevious: default_2.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: PolymorphicComponentProps<C, PaginationEdgeProps_2>) => default_2.ReactElement) & Omit<default_2.FunctionComponent<(PaginationEdgeProps_2 & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps_2> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (PaginationEdgeProps_2 & {
+    component: default_2.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>> & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type PaginationProps = RecursicaOverStyled<PaginationProps_2 & RecursicaPaginationProps>;
+
+declare const _PaginationRoot: default_2.ForwardRefExoticComponent<PaginationRootProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type PaginationRootProps = RecursicaOverStyled<PaginationRootProps_2>;
+
+export declare const Panel: typeof rawComponents.Panel;
+
+declare const Panel_2: PanelComponent;
+
+/**
+ * Recursica Panel component wrapping Mantine's Drawer.
+ *
+ * Panels slide in or expand from the edge of the screen to reveal
+ * additional content or functionality. They are commonly used to provide
+ * supplementary information, navigation options, or toolsets without
+ * cluttering the main interface.
+ *
+ * ```tsx
+ * <Panel opened={opened} onClose={close} title="Panel Title" placement="right">
+ *   <Panel.Body>
+ *     Content goes here
+ *   </Panel.Body>
+ * </Panel>
+ * ```
+ *
+ * Mantine Drawer sub-components available via dot-notation:
+ * - `Panel.Header` — Top section with title and close button
+ * - `Panel.Title` — Title text within the header
+ * - `Panel.CloseButton` — Close button within the header
+ * - `Panel.Body` — Scrollable body content area
+ * - `Panel.Content` — Outer content container
+ * - `Panel.Overlay` — Background overlay
+ * - `Panel.Root` — Root element for advanced composition
+ * - `Panel.Stack` — Stacked drawer context
+ */
+declare const PanelBase: {
+    ({ overStyled, placement, keepMounted, wrapHeaderText, ...rest }: PanelProps): JSX.Element;
+    displayName: string;
+};
+
+declare const PanelBody: ForwardRefExoticComponent<PanelBodyProps & RefAttributes<HTMLDivElement>>;
+
+declare type PanelBodyProps = RecursicaOverStyled<DrawerBodyProps>;
+
+declare const PanelCloseButton: ForwardRefExoticComponent<PanelCloseButtonProps & RefAttributes<HTMLButtonElement>>;
+
+declare type PanelCloseButtonProps = RecursicaOverStyled<DrawerCloseButtonProps>;
+
+declare type PanelComponent = typeof PanelBase & {
+    Root: typeof PanelRoot;
+    Overlay: typeof PanelOverlay;
+    Content: typeof PanelContent;
+    Header: typeof PanelHeader;
+    Title: typeof PanelTitle;
+    CloseButton: typeof PanelCloseButton;
+    Body: typeof PanelBody;
+    Stack: typeof Drawer.Stack;
+    Footer: typeof PanelFooter_2;
+};
+
+declare const PanelContent: ForwardRefExoticComponent<PanelContentProps & RefAttributes<HTMLDivElement>>;
+
+declare type PanelContentProps = RecursicaOverStyled<DrawerContentProps>;
+
+export declare const PanelFooter: typeof rawComponents.PanelFooter;
+
+/**
+ * Panel footer section with action buttons.
+ * Separated from the body by a divider. Remains fixed at the bottom.
+ * This is a Recursica-specific sub-component; Mantine Drawer does not
+ * natively provide a footer.
+ */
+declare const PanelFooter_2: ForwardRefExoticComponent<PanelFooterProps & RefAttributes<HTMLDivElement>>;
+
+declare type PanelFooterProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement>>;
+
+declare const PanelHeader: ForwardRefExoticComponent<PanelHeaderProps & RefAttributes<HTMLElement>>;
+
+declare type PanelHeaderProps = RecursicaOverStyled<DrawerHeaderProps>;
+
+declare const PanelOverlay: ForwardRefExoticComponent<PanelOverlayProps & RefAttributes<HTMLDivElement>>;
+
+declare type PanelOverlayProps = RecursicaOverStyled<DrawerOverlayProps>;
+
+declare type PanelProps = RecursicaOverStyled<RecursicaPanelProps_2>;
+
+declare const PanelRoot: ForwardRefExoticComponent<PanelRootProps & RefAttributes<HTMLDivElement>>;
+
+declare type PanelRootProps = RecursicaOverStyled<DrawerRootProps>;
+
+declare const PanelTitle: ForwardRefExoticComponent<PanelTitleProps & RefAttributes<HTMLHeadingElement>>;
+
+declare type PanelTitleProps = RecursicaOverStyled<DrawerTitleProps>;
+
+/**
+ * Recursica Card component wrapping Mantine's Card (Paper).
+ *
+ * Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
+ * Use dot-notation sub-components for structured card layouts.
+ */
+declare const PolymorphicCard: (<C = "div">(props: PolymorphicComponentProps<C, CardProps>) => React.ReactElement) & Omit<FunctionComponent<((CardProps & {
+component?: any;
+}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "radius" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "height" | "component" | "padding" | "withBorder" | "flexGrow" | "flexShrink" | "flexBasis" | "grow"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (CardProps & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & {
+    Section: typeof CardSection;
+    Header: typeof CardHeader;
+    Footer: typeof CardFooter;
+    Content: typeof CardContent;
+};
+
+export declare const Popover: typeof rawComponents.Popover;
+
+declare const Popover_2: PopoverComponent;
+
+declare const PopoverBase: {
+    ({ overStyled, withBeak, ...rest }: PopoverProps): JSX.Element;
+    displayName: string;
+};
+
+declare type PopoverComponent = typeof PopoverBase & {
+    Target: typeof PopoverTarget;
+    Dropdown: typeof PopoverDropdown;
+};
+
+declare const PopoverDropdown: {
+    ({ overStyled, ...rest }: PopoverDropdownProps): JSX.Element;
+    displayName: string;
+};
+
+/** The dropdown panel displayed from the popover. */
+declare type PopoverDropdownProps = RecursicaOverStyled<PopoverDropdownProps_2>;
+
+/**
+ * Recursica Popover component wrapping Mantine's composable Popover.
+ *
+ * Displays a dropdown panel when the user clicks or interacts with a target element.
+ * Uses the composable dot-notation pattern:
+ * ```tsx
+ * <Popover withBeak>
+ *   <Popover.Target>
+ *     <Button>Click me</Button>
+ *   </Popover.Target>
+ *   <Popover.Dropdown>
+ *     Content displayed in popover
+ *   </Popover.Dropdown>
+ * </Popover>
+ * ```
+ */
+declare type PopoverProps = Omit<RecursicaOverStyled<Omit<PopoverProps_2, "position"> & RecursicaPopoverProps>, "position"> & {
+    position?: PopoverProps_2["position"];
+};
+
+declare const PopoverTarget: {
+    (props: PopoverTargetProps): JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Wrapper for the element that triggers the popover.
+ * Requires a single child element that supports ref forwarding.
+ */
+declare type PopoverTargetProps = PopoverTargetProps_2;
+
+export declare const Radio: typeof rawComponents.Radio;
+
+declare const Radio_2: RadioComponent;
+
+declare type RadioComponent = React.ForwardRefExoticComponent<RadioProps_2 & React.RefAttributes<HTMLInputElement>> & {
+    Group: typeof RadioGroup_2;
+};
+
+export declare const RadioGroup: typeof rawComponents.RadioGroup;
+
+declare const RadioGroup_2: default_2.ForwardRefExoticComponent<RadioGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type RadioGroupProps = RecursicaOverStyled<RecursicaRadioGroupProps>;
+
+declare type RadioProps_2 = RecursicaOverStyled<RecursicaRadioPropsAlias>;
+
+declare type RadioWrapperProps = Omit<RadioProps, "size" | "color" | "radius" | "iconColor" | "variant"> & RecursicaRadioProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
+
+declare namespace rawComponents {
+    export {
+        AccordionProps,
+        AccordionItemWrapperProps,
+        AccordionItem_2 as AccordionItem,
+        AccordionControlWrapperProps,
+        AccordionControl_2 as AccordionControl,
+        AccordionPanelWrapperProps,
+        AccordionPanel_2 as AccordionPanel,
+        Accordion_2 as Accordion,
+        AssistiveElementProps,
+        AssistiveElement_2 as AssistiveElement,
+        RecursicaAutoCompleteProps,
+        AutoCompleteProps,
+        AutoComplete_2 as AutoComplete,
+        AvatarProps,
+        Avatar_2 as Avatar,
+        BadgeProps,
+        Badge_2 as Badge,
+        BreadcrumbProps,
+        Breadcrumb_2 as Breadcrumb,
+        ButtonProps,
+        Button_2 as Button,
+        CardProps,
+        CardSectionProps,
+        CardSection,
+        CardHeaderProps,
+        CardHeader,
+        CardFooterProps,
+        CardFooter,
+        CardContentProps,
+        CardContent,
+        Card_2 as Card,
+        CheckboxWrapperProps,
+        RecursicaCheckboxPropsAlias,
+        CheckboxProps_2 as CheckboxProps,
+        Checkbox_2 as Checkbox,
+        RecursicaCheckboxGroupProps,
+        CheckboxGroupProps,
+        CheckboxGroup_2 as CheckboxGroup,
+        ChipProps,
+        Chip_2 as Chip,
+        ContainerProps,
+        Container_2 as Container,
+        RecursicaDatePickerProps,
+        DatePickerProps,
+        DatePicker_2 as DatePicker,
+        RecursicaDropdownProps,
+        DropdownProps,
+        Dropdown_2 as Dropdown,
+        FileInputProps,
+        FileInput_2 as FileInput,
+        FileUploadProps,
+        FileUpload_2 as FileUpload,
+        FlexProps,
+        Flex_2 as Flex,
+        FormControlLayoutProps,
+        FormControlLayout_2 as FormControlLayout,
+        GridProps,
+        GridColProps,
+        GridCol_2 as GridCol,
+        Grid_2 as Grid,
+        GroupProps,
+        Group_2 as Group,
+        HoverCardProps,
+        HoverCardTargetProps,
+        HoverCardDropdownProps,
+        HoverCard_2 as HoverCard,
+        LinkProps,
+        Link_2 as Link,
+        LoaderProps,
+        Loader_2 as Loader,
+        LabelProps,
+        Label_2 as Label,
+        MenuProps,
+        MenuTargetProps,
+        MenuDropdownProps,
+        MenuItemProps,
+        MenuDividerProps,
+        MenuLabelProps,
+        MenuSubProps,
+        MenuSubTargetProps,
+        MenuSubItemProps,
+        MenuSubDropdownProps,
+        Menu_2 as Menu,
+        ModalProps,
+        ModalFooterProps,
+        ModalRootProps,
+        ModalOverlayProps,
+        ModalContentProps,
+        ModalHeaderProps,
+        ModalTitleProps,
+        ModalCloseButtonProps,
+        Modal_2 as Modal,
+        RecursicaNumberInputProps,
+        NumberInputProps_2 as NumberInputProps,
+        NumberInput_2 as NumberInput,
+        PaginationProps,
+        PaginationRootProps,
+        PaginationEdgeProps,
+        PaginationControlProps,
+        PaginationDotsProps,
+        Pagination_2 as Pagination,
+        RecursicaPanelProps_2 as RecursicaPanelProps,
+        PanelProps,
+        PanelFooterProps,
+        PanelFooter_2 as PanelFooter,
+        PanelRootProps,
+        PanelRoot,
+        PanelOverlayProps,
+        PanelOverlay,
+        PanelContentProps,
+        PanelContent,
+        PanelHeaderProps,
+        PanelHeader,
+        PanelTitleProps,
+        PanelTitle,
+        PanelCloseButtonProps,
+        PanelCloseButton,
+        PanelBodyProps,
+        PanelBody,
+        Panel_2 as Panel,
+        PopoverProps,
+        PopoverTargetProps,
+        PopoverDropdownProps,
+        Popover_2 as Popover,
+        RadioWrapperProps,
+        RecursicaRadioPropsAlias,
+        RadioProps_2 as RadioProps,
+        Radio_2 as Radio,
+        RecursicaRadioGroupProps,
+        RadioGroupProps,
+        RadioGroup_2 as RadioGroup,
+        RecursicaReadOnlyFieldProps,
+        ReadOnlyFieldProps,
+        ReadOnlyField_2 as ReadOnlyField,
+        WithReadOnlyWrapperProps,
+        WithReadOnlyWrapper,
+        RecursicaReadOnlyTextFieldProps,
+        ReadOnlyTextFieldProps,
+        ReadOnlyTextField,
+        ReadOnlySwitchField,
+        ReadOnlyBooleanField,
+        SegmentedControlProps,
+        SegmentedControl_2 as SegmentedControl,
+        RecursicaSliderProps,
+        SliderProps_2 as SliderProps,
+        Slider_2 as Slider,
+        StackProps,
+        Stack_2 as Stack,
+        RecursicaStepperPropsExtended,
+        StepperProps_2 as StepperProps,
+        StepperStepProps,
+        Stepper_2 as Stepper,
+        SwitchWrapperProps,
+        RecursicaSwitchPropsAlias,
+        SwitchProps_2 as SwitchProps,
+        Switch_2 as Switch,
+        RecursicaSwitchGroupProps,
+        SwitchGroupProps,
+        SwitchGroup_2 as SwitchGroup,
+        TableProps,
+        TableTheadProps,
+        TableThead,
+        TableTbodyProps,
+        TableTbody,
+        TableTrProps,
+        TableTr,
+        TableThProps,
+        TableTh,
+        TableTdProps,
+        TableTd,
+        TableTfootProps,
+        TableTfoot,
+        TableCaptionProps,
+        TableCaption,
+        TableScrollContainerProps,
+        TableScrollContainer,
+        Table_2 as Table,
+        RecursicaTabsPropsExtended,
+        TabsProps_2 as TabsProps,
+        TabsListProps,
+        TabsTabProps,
+        TabsPanelProps,
+        Tabs_2 as Tabs,
+        TextProps,
+        Text_3 as Text,
+        RecursicaTextAreaProps,
+        TextAreaProps,
+        TextArea_2 as TextArea,
+        RecursicaTextFieldProps,
+        TextFieldProps,
+        TextField_2 as TextField,
+        RecursicaTimePickerProps,
+        TimePickerProps_2 as TimePickerProps,
+        TimePicker_2 as TimePicker,
+        TimelineProps,
+        Timeline_2 as Timeline,
+        TimelineItemProps,
+        TimelineItem_2 as TimelineItem,
+        TitleProps,
+        Title_2 as Title,
+        ToastProps,
+        Toast_2 as Toast,
+        TooltipProps,
+        TooltipFloatingProps,
+        TooltipFloating,
+        Tooltip_2 as Tooltip,
+        TransferListProps,
+        TransferList_2 as TransferList,
+        TreeProps,
+        Tree_2 as Tree
+    }
+}
+
+declare const ReadOnlyBooleanField: default_2.FC<{
+    checked: boolean;
+    label?: default_2.ReactNode;
+}>;
+
+/**
+ * Base properties required by any input control supporting native ReadOnly state injections globally.
+ */
+export declare interface ReadOnlyControlProps<TProps = any> {
+    /** Enables structural read-only mode dynamically mapping data boundaries instead of interactive elements. */
+    readOnly?: boolean;
+    /** Explicitly overrides the standard layout bindings injecting a custom React component natively instead of default text rendering. Receives full native props securely. */
+    readOnlyComponent?: React.ElementType<TProps>;
+    /** Custom renderer explicitly responsible for formatting missing/empty value mappings (overriding default 'N/A') */
+    emptyValueComponent?: React.ElementType<{
+        value?: any;
+    }>;
+}
+
+export declare const ReadOnlyField: typeof rawComponents.ReadOnlyField;
+
+/**
+ * A native generic form control wrapper exclusively responsible for displaying fixed data.
+ * Internally maps to structural ReadOnly primitive blocks bridging standard `FormControlWrapper` layouts natively.
+ */
+declare const ReadOnlyField_2: default_2.ForwardRefExoticComponent<ReadOnlyFieldProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type ReadOnlyFieldProps = RecursicaOverStyled<RecursicaReadOnlyFieldProps>;
+
+/**
+ * Defines the structured interpretation map determining how data is rendered visually when in Read-only mode natively.
+ */
+export declare type ReadOnlyFieldType = "text" | "number" | "date" | "boolean" | "switch";
+
+declare const ReadOnlySwitchField: default_2.FC<{
+    checked: boolean;
+    label?: default_2.ReactNode;
+}>;
+
+declare const ReadOnlyTextField: default_2.FC<ReadOnlyTextFieldProps>;
+
+declare type ReadOnlyTextFieldProps = RecursicaOverStyled<RecursicaReadOnlyTextFieldProps>;
+
+/**
+ * Official list of all components in Recursica.
+ */
+export declare const RECURSICA_COMPONENTS: readonly ["Accordion", "AssistiveElement", "Autocomplete", "Avatar", "Badge", "Breadcrumb", "Button", "Card", "Checkbox", "Chip", "Container", "DatePicker", "Dropdown", "EmptyValueRenderer", "Flex", "FormControlLayout", "FormControlWrapper", "Grid", "Group", "HoverCard", "Label", "Layer", "Link", "Loader", "Menu", "Modal", "NumberInput", "Pagination", "Panel", "Popover", "Radio", "ReadOnlyField", "SegmentedControl", "Slider", "Stack", "Stepper", "Switch", "Table", "Tabs", "Text", "TextArea", "TextField", "TimePicker", "Timeline", "Title", "Toast", "Tooltip", "TransferList"];
+
+/**
+ * Props for the Recursica Accordion Control component.
+ */
+export declare interface RecursicaAccordionControlProps {
+    /** Leading icon displayed inside the control boundary */
+    leftIcon?: default_2.ReactNode;
+}
+
+/**
+ * Props for the Recursica Accordion Item component.
+ */
+export declare interface RecursicaAccordionItemProps {
+    /** The text or element label for the item control */
+    title?: default_2.ReactNode;
+    /** Leading icon for the item control */
+    leftIcon?: default_2.ReactNode;
+    /** Toggle visibility of the divider below the item */
+    divider?: boolean;
+    /** Unique value identifier for this item */
+    value?: string;
+}
+
+/**
+ * Props for the Recursica Accordion container component.
+ */
+export declare interface RecursicaAccordionProps {
+    /** The styling variant of the accordion */
+    variant?: string;
+    /** Current expanded value(s) in controlled mode */
+    value?: string | string[];
+    /** Initial expanded value(s) in uncontrolled mode */
+    defaultValue?: string | string[];
+    /** Callback triggered when value changes */
+    onChange?: (value: string | string[] | null) => void;
+    /** Allow multiple panels to be open simultaneously */
+    multiple?: boolean;
+    /** Custom chevron icon to replace the default expand/collapse indicator */
+    chevron?: default_2.ReactNode;
+}
+
+/**
+ * Props for the Recursica AssistiveElement component.
+ */
+export declare interface RecursicaAssistiveElementProps {
+    /** The semantic variant driving the icon and text colors */
+    assistiveVariant?: "help" | "error";
+    /** Explicitly toggle the rendering of the variant-specific SVG icon */
+    assistiveWithIcon?: boolean;
+}
+
+declare interface RecursicaAutoCompleteProps extends Omit<AutocompleteProps, "size" | "variant" | "radius" | "wrapperProps" | "data" | "defaultValue" | "value">, Pick<InputWrapperProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, RecursicaAutocompleteProps {
+    /** Current input value */
+    value?: string;
+}
+
+/**
+ * Props for the Recursica Autocomplete input component.
+ */
+export declare interface RecursicaAutocompleteProps {
+    /** Data options to show in the dropdown */
+    data?: unknown[];
+    /** Error message or toggle state */
+    error?: boolean | default_2.ReactNode;
+    /** Marks input as required */
+    required?: boolean;
+    /** Renders asterisk beside label */
+    withAsterisk?: boolean;
+    /** Unique identifier */
+    id?: string;
+    /** Initial default value */
+    defaultValue?: unknown;
+    /** Left section decoration (e.g. icon) */
+    leftSection?: default_2.ReactNode;
+    /** Right section decoration (e.g. action button) */
+    rightSection?: default_2.ReactNode;
+    /** Placeholder text */
+    placeholder?: string;
+}
+
+/**
+ * Props for the Recursica Avatar component.
+ */
+export declare interface RecursicaAvatarProps {
+    /** Size of the avatar */
+    size?: "small" | "default" | "large";
+    /** Visual variant style */
+    variant?: "solid" | "outline" | "ghost";
+    /** Icon element fallback when initials or src aren't shown */
+    icon?: default_2.ReactNode;
+}
+
+/**
+ * Props for the Recursica Badge component.
+ */
+export declare interface RecursicaBadgeProps {
+    /** Map to the component styles defined in variables */
+    variant?: "alert" | "primary-color" | "success" | "warning";
+}
+
+/**
+ * Props for the Recursica Breadcrumb component.
+ */
+export declare interface RecursicaBreadcrumbProps {
+}
+
+/**
+ * Props for the Recursica Button component.
+ */
+export declare interface RecursicaButtonProps {
+    /** The visual style variant of the button */
+    variant?: "solid" | "outline" | "text";
+    /** The size of the button */
+    size?: "default" | "small";
+    /** An optional icon element to display to the left of the button text */
+    icon?: default_2.ReactNode;
+    /** Which Recursica Loader variant to use when loading */
+    loaderVariant?: "oval" | "bars" | "dots";
+    /** The size variant for the loader */
+    loaderSize?: "sm" | "md" | "lg" | "small" | "default" | "large";
+    /** Whether to use the Recursica loader or fallback to default */
+    useRecursicaLoader?: boolean;
+}
+
+/**
+ * Props for the Recursica Card component.
+ */
+export declare interface RecursicaCardProps {
+    /** The content nodes rendered inside the card container */
+    children?: default_2.ReactNode;
+}
+
+/**
+ * Props for the Recursica Card Section sub-component.
+ */
+export declare interface RecursicaCardSectionProps {
+    /** Content of the card section */
+    children?: default_2.ReactNode;
+}
+
+export declare interface RecursicaCheckboxGroupProps extends Omit<CheckboxGroupProps_2, "size" | "labelProps" | "defaultValue" | "value" | "onChange">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, RecursicaCheckboxGroupProps_2 {
+}
+
+/**
+ * Props for the Recursica CheckboxGroup component.
+ */
+declare interface RecursicaCheckboxGroupProps_2 {
+    /** Selected values in controlled mode */
+    value?: unknown[];
+    /** Default selected values in uncontrolled mode */
+    defaultValue?: unknown[];
+    /** Callback triggered on selection change */
+    onChange?: (value: unknown[]) => void;
+    /** Toggle horizontal row display */
+    row?: boolean;
+}
+
+/**
+ * Props for the Recursica Checkbox component.
+ */
+export declare interface RecursicaCheckboxProps {
+    /** Visual label of the checkbox */
+    label?: default_2.ReactNode;
+    /** Auxiliary description helper text */
+    description?: default_2.ReactNode;
+    /** Error message or toggle */
+    error?: default_2.ReactNode;
+}
+
+declare type RecursicaCheckboxPropsAlias = RequireAccessibleLabel<CheckboxWrapperProps>;
+
+/**
+ * Props for the Recursica Chip component.
+ */
+export declare interface RecursicaChipProps {
+    /** Enables the error state styling */
+    error?: boolean;
+    /** Leading icon content */
+    icon?: default_2.ReactNode;
+    /** Called when the remove (X) icon is clicked. If provided, the remove icon will be displayed. */
+    onRemove?: (e: default_2.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    /** Screen reader label for the remove button. Defaults to 'Remove' */
+    removeLabel?: string;
+    /** Checked state for the chip (acts as a checkbox) */
+    checked?: boolean;
+}
+
+/**
+ * Union type of all Recursica components.
+ */
+export declare type RecursicaComponent = (typeof RECURSICA_COMPONENTS)[number];
+
+/**
+ * Props for the Recursica Container layout component.
+ */
+export declare interface RecursicaContainerProps {
+    /** Content inside the container */
+    children?: default_2.ReactNode;
+    /** Maximum width constraint */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | RecursicaSpacing | (string & {}) | number;
+    /** Fluid container takes 100% of max-width */
+    fluid?: boolean;
+}
+
+export declare interface RecursicaDatePickerProps extends Omit<DatePickerInputProps, "size" | "variant" | "radius" | "wrapperProps" | "label" | "error" | "required" | "withAsterisk" | "id" | "description">, Pick<DatePickerInputProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, RecursicaDatePickerProps_2 {
+}
+
+/**
+ * Props for the Recursica DatePicker component.
+ */
+declare interface RecursicaDatePickerProps_2 {
+}
+
+export declare interface RecursicaDropdownProps extends Omit<SelectProps, "size" | "variant" | "radius" | "wrapperProps" | "data">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, RecursicaDropdownProps_2 {
+}
+
+/**
+ * Props for the Recursica Dropdown/Select component.
+ */
+declare interface RecursicaDropdownProps_2 {
+    /** Internal hook for Selects to override raw layout width properties */
+    containerWidth?: default_2.CSSProperties["width"];
+    /** Data options array */
+    data?: (string | {
+        value: string;
+        label: default_2.ReactNode;
+        disabled?: boolean;
+    })[];
+    /** Enable autocomplete search functionality */
+    searchable?: boolean;
+    /** Show input clear option button */
+    clearable?: boolean;
+    /** Marks field with visual asterisk */
+    withAsterisk?: boolean;
+    /** Placeholder text when value is empty */
+    placeholder?: string;
+}
+
+/**
+ * Props for the Recursica Flex layout component.
+ */
+export declare interface RecursicaFlexProps {
+    /** Children nodes */
+    children?: default_2.ReactNode;
+    /** Global gap spacing key or CSS value */
+    gap?: string | number | RecursicaSpacing;
+    /** Horizontal row spacing */
+    rowGap?: string | number | RecursicaSpacing;
+    /** Vertical column spacing */
+    columnGap?: string | number | RecursicaSpacing;
+    /** Flex direction */
+    direction?: default_2.CSSProperties["flexDirection"];
+    /** Align items */
+    align?: default_2.CSSProperties["alignItems"];
+    /** Justify content */
+    justify?: default_2.CSSProperties["justifyContent"];
+    /** Flex wrap */
+    wrap?: default_2.CSSProperties["flexWrap"];
+}
+
+/**
+ * Props for the Recursica FormControlLayout component.
+ */
+export declare interface RecursicaFormControlLayoutProps {
+    /** Layout structure direction */
+    formLayout?: "stacked" | "side-by-side";
+    /** Label sizing constraint */
+    labelSize?: "small" | "default" | "md";
+    /** Optional left section element (usually Label) */
+    leftSection?: default_2.ReactNode;
+    /** Main wrapper bounding maximum width */
+    controlMaxWidth?: string;
+    /** Main wrapper bounding minimum width */
+    controlMinWidth?: string;
+}
+
+/**
+ * Base properties required by any input control supporting native form wrapper layouts.
+ */
+export declare interface RecursicaFormControlWrapperProps extends RecursicaLabelProps {
+    /** Overall structural flow mapping the Form Control natively cascading down to Label and Input logic. */
+    formLayout?: "stacked" | "side-by-side";
+    /** Securely replaces standard descriptions safely providing standard Assistive properties. */
+    assistiveText?: default_2.ReactNode;
+    /** Fallback description prop to match native APIs safely. */
+    description?: default_2.ReactNode;
+    /** Fallback helperText prop to match native APIs safely. */
+    helperText?: default_2.ReactNode;
+    /** Explicit toggle to suppress the Info icon rendering natively alongside the assistiveText. Defaults to true. */
+    assistiveWithIcon?: boolean;
+    /** Custom action area to render alongside the label instead of the default edit icon. */
+    labelActionArea?: default_2.ReactNode;
+    /** Pass the native maximum width design variable dynamically bounding the specific wrapper width exclusively. */
+    controlMaxWidth?: string | undefined;
+    /** Pass the native minimum width design variable dynamically bounding the specific wrapper width exclusively. */
+    controlMinWidth?: string | undefined;
+}
+
+declare type RecursicaGridBreakpoint = "base" | "xs" | "sm" | "md" | "lg" | "xl";
+
+/**
+ * Props for the Recursica Grid.Col layout component.
+ */
+export declare interface RecursicaGridColProps {
+    /** Content of the column */
+    children?: default_2.ReactNode;
+    /** Column span, either a fixed value or a per-breakpoint object */
+    span?: number | "auto" | "content" | Partial<Record<RecursicaGridBreakpoint, number | "auto" | "content">>;
+    /** Column offset, either a fixed value or a per-breakpoint object */
+    offset?: number | Partial<Record<RecursicaGridBreakpoint, number>>;
+    /** Column order, either a fixed value or a per-breakpoint object */
+    order?: number | Partial<Record<RecursicaGridBreakpoint, number>>;
+    /** Hides the column below the given breakpoint */
+    visibleFrom?: RecursicaGridBreakpoint;
+    /** Hides the column above the given breakpoint */
+    hiddenFrom?: RecursicaGridBreakpoint;
+}
+
+/**
+ * Props for the Recursica Grid layout component.
+ */
+export declare interface RecursicaGridProps {
+    /** Grid columns and their content */
+    children?: default_2.ReactNode;
+    /** Gap between columns. Renamed from Mantine's `gutter` for consistency with Flex/Stack/Group. */
+    gap?: string | number | RecursicaSpacing;
+    /** Number of columns in each row */
+    columns?: number;
+    /** If set, columns in the last row expand to fill all available space */
+    grow?: boolean;
+    /** Justify-content flexbox property */
+    justify?: default_2.CSSProperties["justifyContent"];
+    /** Align-items flexbox property */
+    align?: default_2.CSSProperties["alignItems"];
+}
+
+/**
+ * Props for the Recursica Group layout component.
+ */
+export declare interface RecursicaGroupProps {
+    /** Children elements to align horizontally */
+    children?: default_2.ReactNode;
+    /** Gap spacing */
+    gap?: string | RecursicaSpacing;
+    /** Row gap spacing */
+    rowGap?: string | RecursicaSpacing;
+    /** Column gap spacing */
+    columnGap?: string | RecursicaSpacing;
+    /** Align items justify properties */
+    justify?: default_2.CSSProperties["justifyContent"];
+    /** Align items vertical alignment */
+    align?: default_2.CSSProperties["alignItems"];
+    /** Flex-wrap settings */
+    wrap?: default_2.CSSProperties["flexWrap"];
+}
+
+/**
+ * Props for the Recursica HoverCard component.
+ */
+export declare interface RecursicaHoverCardProps {
+    /** Draw directional arrow pointing to anchor element */
+    withBeak?: boolean;
+    /** Visual placement target orientation */
+    position?: "bottom" | "bottom-start" | "bottom-end" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    /** Delay before triggering open state in ms */
+    openDelay?: number;
+    /** Delay before triggering close state in ms */
+    closeDelay?: number;
+    /** Disable hover triggers */
+    disabled?: boolean;
+    /** Absolute offset spacing */
+    offset?: number;
+    /** Children target content */
+    children?: default_2.ReactNode;
+}
+
+/**
+ * Base properties for Recursica label indicators.
+ */
+export declare interface RecursicaLabelProps {
+    /** Specifies the sizing metrics natively mapping the Label boundaries. */
+    labelSize?: "default" | "small" | "md";
+    /** Overall alignment directive for the label strings natively forcing Left/Right justification. */
+    labelAlignment?: "left" | "right";
+    /** Injects an indicator text block alongside the label. Can be boolean (`true` maps to '(Optional)') or custom React nodes. */
+    labelOptionalText?: boolean | default_2.ReactNode;
+    /** When true, forces the native Edit Icon to replace the standard asterisk visually. */
+    labelWithEditIcon?: boolean;
+    /** Custom action area to render alongside the label instead of the default edit icon. */
+    labelActionArea?: default_2.ReactNode;
+    /** Interaction hook invoked whenever a generated edit icon block natively triggers a click event. */
+    onLabelEditClick?: default_2.MouseEventHandler<HTMLButtonElement>;
+}
+
+/**
+ * Recursica design-system props for Layer.
+ * Sets data-recursica-layer so scoped CSS theme+layer blocks apply that layer's
+ * generic brand vars (e.g. --recursica_brand_layer_N_properties_surface) to this element
+ * and descendants. Theme is set on the document root (e.g. via RecursicaThemeProvider).
+ * See recursica_variables_scoped.css header.
+ */
+export declare interface RecursicaLayerProps {
+    /** Layer (0–3). Sets data-recursica-layer on the root so descendants use this layer's styles. */
+    layer: 0 | 1 | 2 | 3;
+    /**
+     * When true, the root uses display: contents (no box, not styled) and data-recursica-layer
+     * is omitted so Recursica layer styling is not applied. Children still participate in the cascade.
+     */
+    contentsOnly?: boolean;
+    /** Children nodes */
+    children?: default_2.ReactNode;
+}
+
+/**
+ * Props for the Recursica Link component.
+ */
+export declare interface RecursicaLinkProps {
+    /** Leading icon shown next to text link */
+    icon?: default_2.ReactNode;
+    /** Text or target elements */
+    children?: default_2.ReactNode;
+    /** Polymorphic tag type override */
+    component?: default_2.ElementType;
+}
+
+/**
+ * Props for the Recursica Loader spinner component.
+ */
+export declare interface RecursicaLoaderProps {
+    /** Map to the component styles defined in variables */
+    variant?: "oval" | "bars" | "dots";
+    /** Map to Recursica sizes */
+    size?: "sm" | "md" | "lg" | RecursicaSize;
+}
+
+/**
+ * Props for the Recursica Menu component.
+ */
+export declare interface RecursicaMenuProps {
+}
+
+/**
+ * Props for the Recursica Modal component.
+ */
+export declare interface RecursicaModalProps {
+    /** Control visibility state */
+    opened?: boolean;
+    /** Render standard top-right close cross button */
+    withCloseButton?: boolean;
+    /** Modal header title label */
+    title?: default_2.ReactNode;
+}
+
+export declare interface RecursicaNumberInputProps extends Omit<NumberInputProps, "size" | "variant" | "radius" | "wrapperProps" | "classNames" | "styles">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps, RecursicaNumberInputProps_2 {
+}
+
+/**
+ * Props for the Recursica NumberInput component.
+ */
+declare interface RecursicaNumberInputProps_2 {
+    /** Enables/disables the controls to increment and decrement the value */
+    hideControls?: boolean;
+    /** Content rendered on the left side of the input (e.g. icon) */
+    leftSection?: React.ReactNode;
+    /** Content rendered on the right side of the input (e.g. percentage sign) */
+    rightSection?: React.ReactNode;
+    /** Minimum possible value */
+    min?: number;
+    /** Maximum possible value */
+    max?: number;
+    /** Step value for incrementing/decrementing */
+    step?: number;
+}
+
+/**
+ * A wrapper type that blocks styling overrides unless `overStyled: true` is explicitly provided.
+ */
+export declare type RecursicaOverStyled<T> = (Omit<WithRecursicaSpacing<T>, BlockedStylingKeys> & ForbiddenStyles & {
+    overStyled?: false | undefined;
+}) | (WithRecursicaSpacing<T> & {
+    overStyled: true;
+});
+
+/**
+ * Props for the Recursica Pagination component.
+ */
+export declare interface RecursicaPaginationProps {
+    /** If set to true, displays text labels alongside the icons for next/previous/first/last edges. */
+    withLabels?: boolean;
+    /** Total number of pages */
+    total?: number;
+    /** If set to true, first and last page buttons are visible */
+    withEdges?: boolean;
+    /** If set to true, next and prev page buttons are visible */
+    withControls?: boolean;
+}
+
+/**
+ * Props for the Recursica Panel component.
+ */
+export declare interface RecursicaPanelProps {
+    /** Forces header text onto a single line truncating overflow with ellipsis */
+    wrapHeaderText?: boolean;
+    /** Direction or placement where the panel slides out from */
+    placement?: "top" | "bottom" | "left" | "right";
+    /** Control visibility state */
+    opened?: boolean;
+}
+
+/**
+ * Recursica Panel root props. Extends Mantine Drawer.
+ */
+declare interface RecursicaPanelProps_2 extends Omit<DrawerProps, "size" | "styles" | "classNames" | "style" | "position" | "opened">, RecursicaPanelProps {
+}
+
+/**
+ * Props for the Recursica Popover component.
+ */
+export declare interface RecursicaPopoverProps {
+    /** Whether to display a beak (arrow) pointing from the popover to the target */
+    withBeak?: boolean;
+}
+
+export declare interface RecursicaRadioGroupProps extends Omit<RadioGroupProps_2, "size" | "labelProps" | "defaultValue" | "value" | "onChange">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, RecursicaRadioGroupProps_2 {
+}
+
+/**
+ * Props for the Recursica RadioGroup component.
+ */
+declare interface RecursicaRadioGroupProps_2 {
+    /** Active value key in controlled mode */
+    value?: unknown;
+    /** Initial selected value in uncontrolled mode */
+    defaultValue?: unknown;
+    /** Callback triggered when active value changes */
+    onChange?: (event: any, value: string) => void;
+}
+
+/**
+ * Props for the Recursica Radio component.
+ */
+export declare interface RecursicaRadioProps {
+    /** Visual label label string */
+    label?: default_2.ReactNode;
+    /** Auxiliary description helper text */
+    description?: default_2.ReactNode;
+    /** Error text description */
+    error?: default_2.ReactNode;
+}
+
+declare type RecursicaRadioPropsAlias = RequireAccessibleLabel<RadioWrapperProps>;
+
+export declare interface RecursicaReadOnlyFieldProps extends Omit<FormControlWrapperProps, "children" | "overStyled" | "controlMaxWidth" | "controlMinWidth">, Pick<ReadOnlyControlProps, "emptyValueComponent">, RecursicaReadOnlyFieldProps_2 {
+}
+
+/**
+ * Props for the Recursica ReadOnlyField component wrapper.
+ */
+declare interface RecursicaReadOnlyFieldProps_2 {
+    /** The specific value to be rendered in read-only mode */
+    value?: unknown;
+    /** The data type formatting rules bounding how the string is presented */
+    type?: ReadOnlyFieldType;
+    /** Pass the native maximum width design variable dynamically bounding the specific wrapper width exclusively */
+    controlMaxWidth?: string | undefined;
+    /** Pass the native minimum width design variable dynamically bounding the specific wrapper width exclusively */
+    controlMinWidth?: string | undefined;
+}
+
+export declare interface RecursicaReadOnlyTextFieldProps {
+    /** The value strictly rendered as text output */
+    value?: any;
+}
+
+/**
+ * Props for the Recursica SegmentedControl component.
+ */
+export declare interface RecursicaSegmentedControlProps {
+    /** The orientation layout direction of the control buttons */
+    orientation?: "horizontal" | "vertical";
+    /** If true, the control will stretch full-width */
+    fullWidth?: boolean;
+    /** SegmentedControl explicitly forbids disabled prop */
+    disabled?: never;
+    /** Data configuration options array */
+    data?: Array<string | {
+        label: default_2.ReactNode;
+        value: string;
+        disabled?: boolean;
+    }>;
+    /** Active selected item value key */
+    value?: string;
+    /** Callback triggered when selected item changes */
+    onChange?: (value: string) => void;
+}
+
+/**
+ * List of standard sizes supported by Recursica.
+ */
+export declare type RecursicaSize = "small" | "default" | "large";
+
+export declare interface RecursicaSliderProps extends Omit<SliderProps, "size" | "variant" | "radius" | "wrapperProps" | "classNames" | "styles" | "label">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, Pick<InputWrapperProps, "error" | "required" | "withAsterisk">, ReadOnlyControlProps, RecursicaSliderProps_2 {
+}
+
+/**
+ * Props for the Recursica Slider component.
+ */
+declare interface RecursicaSliderProps_2 {
+    /** Active error state indicator or text label */
+    error?: boolean | default_2.ReactNode;
+    /** Required field validator */
+    required?: boolean;
+    /** Render visual asterisk */
+    withAsterisk?: boolean;
+    /** Callback triggered when slider value changes */
+    onChange?: (value: number) => void;
+    /** Callback triggered when dragging ends */
+    onChangeEnd?: (value: number) => void;
+    /** Visual form label above track */
+    label?: default_2.ReactNode;
+    /** Custom formatter function or React node for tooltip label */
+    tooltipLabel?: default_2.ReactNode | ((value: number) => default_2.ReactNode);
+    /** Icon shown to the left of the slider track */
+    icon?: default_2.ReactNode;
+    /** Render numeric input side-by-side or stacked */
+    showInput?: boolean;
+    /** Show min and max labels below track */
+    showMinMaxLabels?: boolean;
+}
+
+/**
+ * List of spacing keys supported by Recursica.
+ */
+export declare type RecursicaSpacing = "rec-none" | "rec-sm" | "rec-default" | "rec-md" | "rec-lg" | "rec-xl" | "rec-2xl";
+
+/**
+ * Props for the Recursica Stack layout component.
+ */
+export declare interface RecursicaStackProps {
+    /** Children elements aligned vertically */
+    children?: default_2.ReactNode;
+    /** Gap space size */
+    gap?: string | number | RecursicaSpacing;
+    /** Align-items flexbox property */
+    align?: default_2.CSSProperties["alignItems"];
+    /** Justify-content flexbox property */
+    justify?: default_2.CSSProperties["justifyContent"];
+}
+
+/**
+ * Props for the Recursica Stepper component.
+ */
+export declare interface RecursicaStepperProps {
+    /** Visual size variant */
+    size?: "small" | "large";
+}
+
+declare interface RecursicaStepperPropsExtended extends Omit<StepperProps, "size">, RecursicaStepperProps {
+}
+
+export declare interface RecursicaSwitchGroupProps extends Omit<SwitchGroupProps_2, "size" | "labelProps" | "defaultValue" | "value" | "onChange">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, RecursicaSwitchGroupProps_2 {
+}
+
+/**
+ * Props for the Recursica SwitchGroup component.
+ */
+declare interface RecursicaSwitchGroupProps_2 {
+    /** Checked values list in controlled mode */
+    value?: unknown[];
+    /** Checked default values list in uncontrolled mode */
+    defaultValue?: unknown[];
+    /** Callback triggered when any switch toggles state */
+    onChange?: (value: unknown[]) => void;
+}
+
+/**
+ * Props for the Recursica Switch component.
+ */
+export declare interface RecursicaSwitchProps {
+    /** Visual label next to track */
+    label?: default_2.ReactNode;
+    /** Description label below switch */
+    description?: default_2.ReactNode;
+    /** Error text label */
+    error?: default_2.ReactNode;
+}
+
+declare type RecursicaSwitchPropsAlias = RequireAccessibleLabel<SwitchWrapperProps>;
+
+/**
+ * Props for the Recursica Table component.
+ */
+export declare interface RecursicaTableProps {
+}
+
+/**
+ * Props for the Recursica Tabs component.
+ */
+export declare interface RecursicaTabsProps {
+    /** Tab layout variant styles */
+    variant?: "default" | "outline" | "pills";
+    /** Whether the tabs are inverted (tabs list at the bottom/right instead of top/left) */
+    inverted?: boolean;
+}
+
+declare interface RecursicaTabsPropsExtended extends Omit<TabsProps, "variant">, RecursicaTabsProps {
+}
+
+export declare interface RecursicaTextAreaProps extends Omit<TextareaProps, "size" | "variant" | "radius" | "wrapperProps">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, RecursicaTextAreaProps_2 {
+}
+
+/**
+ * Props for the Recursica TextArea component.
+ */
+declare interface RecursicaTextAreaProps_2 {
+    /** Shows asterisk next to label */
+    withAsterisk?: boolean;
+    /** Max rows constraint for autosizing */
+    maxRows?: number;
+    /** Min rows constraint for autosizing */
+    minRows?: number;
+    /** Allow height to stretch automatically with content */
+    autosize?: boolean;
+}
+
+export declare interface RecursicaTextFieldProps extends Omit<InputProps, "size" | "variant" | "radius" | "wrapperProps">, Pick<InputWrapperProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<default_2.ComponentPropsWithoutRef<"input">, "size" | "style" | "className" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, RecursicaTextFieldProps_2 {
+}
+
+/**
+ * Props for the Recursica TextField component.
+ */
+declare interface RecursicaTextFieldProps_2 {
+    /** Section rendered inside input on the left (e.g. icon) */
+    leftSection?: default_2.ReactNode;
+    /** Section rendered inside input on the right (e.g. clear button) */
+    rightSection?: default_2.ReactNode;
+}
+
+/**
+ * Props for the Recursica Text component.
+ */
+export declare interface RecursicaTextProps {
+    /** Visual style variant layout */
+    variant?: TextVariant;
+    /** Children nodes */
+    children?: default_2.ReactNode;
+    /** Polymorphic component tag override */
+    component?: default_2.ElementType;
+}
+
+/**
+ * Sets data-recursica-theme on document.documentElement so Recursica scoped CSS
+ * (e.g. recursica_variables_scoped.css) applies the correct theme and layer-0 variables.
+ * Default is light theme. Wraps children in a layer-0 `Layer` by default (see `initLayer0`).
+ */
+export declare function RecursicaThemeProvider({ children, theme, initLayer0, }: RecursicaThemeProviderProps): JSX.Element;
+
+export declare interface RecursicaThemeProviderProps {
+    /** 'light' | 'dark'. Defaults to 'light' when omitted. */
+    theme?: "light" | "dark";
+    /**
+     * When true (the default), automatically wraps `children` in a `<Layer layer={0}>`
+     * so the base page surface/border/elevation variables resolve without any extra
+     * setup. Set to `false` if you want to place the base `Layer` yourself (e.g. to use
+     * `contentsOnly`, or to control exactly where in the tree layer 0 starts).
+     */
+    initLayer0?: boolean;
+    children: React.ReactNode;
+}
+
+/**
+ * Props for the Recursica TimelineItem sub-component.
+ */
+export declare interface RecursicaTimelineItemProps {
+    /** Timestamp content node */
+    timestamp?: default_2.ReactNode;
+    /** Stylistic bullet marker indicator */
+    bulletVariant?: "default" | "avatar" | "icon" | "icon-alternative";
+    /** Custom element to render inside the bullet circle */
+    bullet?: default_2.ReactNode;
+}
+
+/**
+ * Props for the Recursica Timeline component.
+ */
+export declare interface RecursicaTimelineProps {
+    /** The timeline items or elements to render */
+    children?: default_2.ReactNode;
+    /** Active timeline item index dynamically highlighting progress */
+    active?: number;
+}
+
+export declare interface RecursicaTimePickerProps extends Omit<TimePickerProps, "size" | "variant" | "radius" | "wrapperProps" | "format" | "min" | "max" | "amPmInputLabel" | "amPmLabels" | "amPmSelectProps" | "amPmRef" | "withDropdown" | "presets" | "maxDropdownContentHeight" | "scrollAreaProps" | "reverseTimeControlsList" | "popoverProps">, Pick<InputWrapperProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, RecursicaTimePickerProps_2 {
+}
+
+/**
+ * Props for the Recursica TimePicker component.
+ */
+declare interface RecursicaTimePickerProps_2 {
+    /** Whether the seconds segment should be shown and editable. Defaults to `false`. */
+    withSeconds?: boolean;
+    /** Minimum possible time string. Format is `HH:mm` normally, or `HH:mm:ss` when `withSeconds` is true. */
+    minTime?: string;
+    /** Maximum possible time string. Format is `HH:mm` normally, or `HH:mm:ss` when `withSeconds` is true. */
+    maxTime?: string;
+}
+
+/**
+ * Props for the Recursica Title component.
+ */
+export declare interface RecursicaTitleProps extends default_2.HTMLAttributes<HTMLHeadingElement> {
+    /** Heading ordering hierarchies (1 represents H1, 6 represents H6) */
+    order?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Title contents */
+    children?: default_2.ReactNode;
+    /** Polymorphic component override */
+    component?: default_2.ElementType;
+}
+
+/**
+ * Props for the Recursica Toast notification component.
+ */
+export declare interface RecursicaToastProps {
+    /** Visual semantic variant styles */
+    variant?: "default" | "error" | "success";
+    /** Forced disabled loading state property */
+    loading?: false;
+}
+
+/**
+ * Props for the Recursica Tooltip component.
+ */
+export declare interface RecursicaTooltipProps {
+    /** Enable visual beak arrow indicator pointing to anchor */
+    withBeak?: boolean;
+}
+
+/**
+ * Props for the Recursica TransferList component.
+ */
+export declare interface RecursicaTransferListProps {
+}
+
+/**
+ * A single node in a Recursica Tree's `data` array. Structurally compatible
+ * with the underlying libraries' own node shapes (e.g. Mantine's
+ * `TreeNodeData`), so adapters can pass it straight through without mapping.
+ */
+export declare interface RecursicaTreeNode {
+    /** Unique identifier for this node, used for selection/expansion state */
+    value: string;
+    /** Label content rendered for this node */
+    label: default_2.ReactNode;
+    /** Nested child nodes; presence of this array (even empty) makes the node expandable */
+    children?: RecursicaTreeNode[];
+}
+
+/**
+ * Props for the Recursica Tree component.
+ *
+ * **Fixed interaction pattern (not configurable):** expanding/collapsing and selecting are
+ * separate, independent actions, so a user can toggle a subtree without changing selection.
+ * - Clicking the expand/collapse button (chevron) toggles that node's subtree only; it never
+ *   selects.
+ * - Clicking anywhere else on a node's row selects it; it never toggles expansion.
+ * - `Enter`/`Space` while a node is focused selects it (never toggles expansion, even when the
+ *   node has children).
+ * - `ArrowLeft`/`ArrowRight` expand/collapse the focused node only; they never change selection.
+ * - `ArrowUp`/`ArrowDown` move focus between rows (standard roving-tabindex navigation).
+ *
+ * There used to be `expandOnClick`/`selectOnClick` toggles for the old combined click behavior;
+ * they're gone now that expand and select are always independent.
+ */
+export declare interface RecursicaTreeProps {
+    /** Hierarchical data used to render the tree */
+    data: RecursicaTreeNode[];
+    /** Node values expanded by default, or `"*"` to expand every node (uncontrolled) */
+    initialExpandedValues?: string[] | "*";
+    /** Node values selected by default (uncontrolled) */
+    initialSelectedValues?: string[];
+    /** Allow more than one node to be selected at a time @default false */
+    multiple?: boolean;
+    /** Disable the whole tree — no expand/collapse or select via click or keyboard, dimmed to the
+     * standard disabled opacity. Per-node disabling isn't exposed (no design token or data field
+     * backs it); a selected node stays visibly selected, just dimmed along with everything else.
+     * @default false */
+    disabled?: boolean;
+    /** Called with the node value whenever a node expands */
+    onNodeExpand?: (value: string) => void;
+    /** Called with the node value whenever a node collapses */
+    onNodeCollapse?: (value: string) => void;
+    /** Called with the full list of selected values whenever selection changes */
+    onSelectedChange?: (values: string[]) => void;
+}
+
+/**
+ * Registers the global `recursica.toggleOverStyled` command on the window object.
+ */
+export declare function registerOverStyledConsoleCommand(): void;
+
+/**
+ * Enforces accessibility by strictly requiring at least one form of labeling:
+ * either a visual `label`, an `aria-label`, or an `aria-labelledby`.
+ */
+export declare type RequireAccessibleLabel<T> = T & ({
+    label: default_2.ReactNode;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+} | {
+    label?: default_2.ReactNode;
+    "aria-label": string;
+    "aria-labelledby"?: string;
+} | {
+    label?: default_2.ReactNode;
+    "aria-label"?: string;
+    "aria-labelledby": string;
+});
+
+export declare const SegmentedControl: typeof rawComponents.SegmentedControl;
+
+/**
+ * Recursica SegmentedControl component wrapping Mantine's SegmentedControl.
+ */
+declare const SegmentedControl_2: ForwardRefExoticComponent<SegmentedControlProps & RefAttributes<HTMLDivElement>>;
+
+declare type SegmentedControlProps = RecursicaOverStyled<Omit<SegmentedControlProps_2, "variant" | "size" | "radius" | "color" | "classNames" | "className" | "disabled"> & {
+    className?: string;
+    classNames?: Partial<Record<string, string>>;
+} & RecursicaSegmentedControlProps>;
+
+export declare const Slider: typeof rawComponents.Slider;
+
+/**
+ * Recursica Slider component wrapping Mantine's Slider.
+ *
+ * Implements a bidirectional text input field next to the slider track, responsive layouts,
+ * custom typography-bound min/max labels, an optional leading icon, and an explicit read-only layout.
+ */
+declare const Slider_2: default_2.ForwardRefExoticComponent<SliderProps_2 & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type SliderProps_2 = RecursicaOverStyled<RecursicaSliderProps>;
+
+export declare const Stack: (<C = "div">(props: PolymorphicComponentProps<C, rawComponents.StackProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<StackProps_2 & RecursicaStackProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "justify" | "component" | "align"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (Omit<StackProps_2 & RecursicaStackProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+declare const Stack_2: (<C = "div">(props: PolymorphicComponentProps<C, StackProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<StackProps_2 & RecursicaStackProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "justify" | "component" | "align"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (Omit<StackProps_2 & RecursicaStackProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+/**
+ * Stack flex layout wrapper.
+ *
+ * Note: Unlike complex UI components, primitive layout components (Flex, Stack, Group, Container)
+ * DO NOT use the `RecursicaOverStyled` gatekeeper. Developers must be able to freely pass
+ * width, height, padding, margins, and flexbox alignment props to construct structural layouts.
+ */
+declare type StackProps = WithRecursicaSpacing<StackProps_2 & RecursicaStackProps>;
+
+export declare const Stepper: typeof rawComponents.Stepper;
+
+declare const _Stepper: default_2.ForwardRefExoticComponent<StepperProps_2 & default_2.RefAttributes<HTMLDivElement>>;
+
+declare const Stepper_2: typeof _Stepper & {
+    Step: typeof _StepperStep;
+    Completed: typeof Stepper_3.Completed;
+};
+
+declare type StepperProps_2 = RecursicaOverStyled<RecursicaStepperPropsExtended>;
+
+declare const _StepperStep: default_2.ForwardRefExoticComponent<StepperStepProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type StepperStepProps = RecursicaOverStyled<StepperStepProps_2>;
+
+export declare const Switch: typeof rawComponents.Switch;
+
+declare const Switch_2: SwitchComponent;
+
+declare type SwitchComponent = React.ForwardRefExoticComponent<SwitchProps_2 & React.RefAttributes<HTMLInputElement>> & {
+    Group: typeof SwitchGroup_2;
+};
+
+export declare const SwitchGroup: typeof rawComponents.SwitchGroup;
+
+declare const SwitchGroup_2: default_2.ForwardRefExoticComponent<SwitchGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type SwitchGroupProps = RecursicaOverStyled<RecursicaSwitchGroupProps>;
+
+declare type SwitchProps_2 = RecursicaOverStyled<RecursicaSwitchPropsAlias>;
+
+declare type SwitchWrapperProps = Omit<SwitchProps, "size" | "color" | "radius" | "variant"> & RecursicaSwitchProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
+
+export declare const Table: typeof rawComponents.Table;
+
+declare const Table_2: TableComponent;
+
+declare const TableBase: ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>>;
+
+declare const TableCaption: ForwardRefExoticComponent<TableCaptionProps & RefAttributes<HTMLTableCaptionElement>>;
+
+declare type TableCaptionProps = RecursicaOverStyled<TableCaptionProps_2>;
+
+declare type TableComponent = typeof TableBase & {
+    Thead: typeof TableThead;
+    Tbody: typeof TableTbody;
+    Tr: typeof TableTr;
+    Th: typeof TableTh;
+    Td: typeof TableTd;
+    Tfoot: typeof TableTfoot;
+    Caption: typeof TableCaption;
+    ScrollContainer: typeof TableScrollContainer;
+};
+
+declare type TableProps = RecursicaOverStyled<TableProps_2 & RecursicaTableProps>;
+
+declare const TableScrollContainer: ForwardRefExoticComponent<TableScrollContainerProps & RefAttributes<HTMLDivElement>>;
+
+declare type TableScrollContainerProps = RecursicaOverStyled<TableScrollContainerProps_2>;
+
+declare const TableTbody: ForwardRefExoticComponent<TableTbodyProps & RefAttributes<HTMLTableSectionElement>>;
+
+declare type TableTbodyProps = RecursicaOverStyled<TableTbodyProps_2>;
+
+declare const TableTd: ForwardRefExoticComponent<TableTdProps & RefAttributes<HTMLTableCellElement>>;
+
+declare type TableTdProps = RecursicaOverStyled<TableTdProps_2>;
+
+declare const TableTfoot: ForwardRefExoticComponent<TableTfootProps & RefAttributes<HTMLTableSectionElement>>;
+
+declare type TableTfootProps = RecursicaOverStyled<TableTfootProps_2>;
+
+declare const TableTh: ForwardRefExoticComponent<TableThProps & RefAttributes<HTMLTableCellElement>>;
+
+declare const TableThead: ForwardRefExoticComponent<TableTheadProps & RefAttributes<HTMLTableSectionElement>>;
+
+declare type TableTheadProps = RecursicaOverStyled<TableTheadProps_2>;
+
+declare type TableThProps = RecursicaOverStyled<TableThProps_2>;
+
+declare const TableTr: ForwardRefExoticComponent<TableTrProps & RefAttributes<HTMLTableRowElement>>;
+
+declare type TableTrProps = RecursicaOverStyled<TableTrProps_2>;
+
+export declare const Tabs: typeof rawComponents.Tabs;
+
+declare const _Tabs: ForwardRefExoticComponent<TabsProps_2 & RefAttributes<HTMLDivElement>>;
+
+declare const Tabs_2: typeof _Tabs & {
+    List: typeof _TabsList;
+    Tab: typeof _TabsTab;
+    Panel: typeof _TabsPanel;
+};
+
+declare const _TabsList: ForwardRefExoticComponent<TabsListProps & RefAttributes<HTMLDivElement>>;
+
+declare type TabsListProps = RecursicaOverStyled<TabsListProps_2>;
+
+declare const _TabsPanel: ForwardRefExoticComponent<TabsPanelProps & RefAttributes<HTMLDivElement>>;
+
+declare type TabsPanelProps = RecursicaOverStyled<TabsPanelProps_2>;
+
+declare type TabsProps_2 = RecursicaOverStyled<RecursicaTabsPropsExtended>;
+
+declare const _TabsTab: ForwardRefExoticComponent<TabsTabProps & RefAttributes<HTMLButtonElement>>;
+
+declare type TabsTabProps = RecursicaOverStyled<TabsTabProps_2>;
+
+declare const Text_2: (<C = "p">(props: PolymorphicComponentProps<C, rawComponents.TextProps>) => React.ReactElement) & Omit<FunctionComponent<((rawComponents.TextProps & {
+component?: any;
+}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "span" | "color" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "inherit" | "inline" | "size" | "__staticSelector" | "component" | "gradient" | "lineClamp" | "truncate"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (rawComponents.TextProps & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+export { Text_2 as Text }
+
+/**
+ * A generalized typographical wrapper limiting text properties to bounded Recursica UI-kit tokens inherently.
+ * Do not use for semantic headings; use the explicit `<Title>` component for `<h1>` - `<h6>`.
+ *
+ * Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
+ * @example
+ * ```tsx
+ * <Text component="span">Inline text</Text>
+ * <Text component="label" htmlFor="input-id">Label text</Text>
+ * ```
+ */
+declare const Text_3: (<C = "p">(props: PolymorphicComponentProps<C, TextProps>) => React.ReactElement) & Omit<FunctionComponent<((TextProps & {
+component?: any;
+}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "span" | "color" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "inherit" | "inline" | "size" | "__staticSelector" | "component" | "gradient" | "lineClamp" | "truncate"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (TextProps & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export declare const TextArea: typeof rawComponents.TextArea;
+
+declare const TextArea_2: default_2.ForwardRefExoticComponent<TextAreaProps & default_2.RefAttributes<HTMLTextAreaElement>>;
+
+declare type TextAreaProps = RecursicaOverStyled<RecursicaTextAreaProps>;
+
+export declare const TextField: typeof rawComponents.TextField;
+
+declare const TextField_2: default_2.ForwardRefExoticComponent<TextFieldProps & default_2.RefAttributes<HTMLInputElement>>;
+
+declare type TextFieldProps = RecursicaOverStyled<RecursicaTextFieldProps>;
+
+declare type TextProps = RecursicaOverStyled<Omit<TextProps_2, "variant"> & RecursicaTextProps>;
+
+/**
+ * Supported typographical layout variants in Recursica.
+ */
+export declare type TextVariant = "body" | "body-small" | "caption" | "overline" | "subtitle" | "subtitle-small";
+
+export declare const Timeline: typeof rawComponents.Timeline;
+
+declare const Timeline_2: TimelineComponent;
+
+declare interface TimelineComponent extends default_2.ForwardRefExoticComponent<TimelineProps & default_2.RefAttributes<HTMLDivElement>> {
+    Item: typeof TimelineItem_2;
+}
+
+export declare const TimelineItem: typeof rawComponents.TimelineItem;
+
+/**
+ * The individual item component for the Timeline.
+ *
+ * **Recursica Abstract:**
+ * The `Timeline.Item` has been extended to support a `timestamp` string natively,
+ * rendering it below the body content. It also accepts a `bulletVariant` to morph
+ * the structural dimensions of the node circle automatically.
+ */
+declare const TimelineItem_2: default_2.ForwardRefExoticComponent<TimelineItemProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type TimelineItemProps = RecursicaOverStyled<Omit<TimelineItemProps_2, "radius" | "color" | "lineVariant"> & RecursicaTimelineItemProps>;
+
+/**
+ * Properties for the strictly-tokenized Timeline component.
+ * Native Mantine abstract properties like `color`, `radius`, `bulletSize`, and `lineWidth`
+ * have been stripped out to strictly enforce the structural mappings of the Recursica UI Kit.
+ */
+declare type TimelineProps = RecursicaOverStyled<Omit<TimelineProps_2, "color" | "radius" | "bulletSize" | "lineWidth"> & RecursicaTimelineProps>;
+
+export declare const TimePicker: typeof rawComponents.TimePicker;
+
+declare const TimePicker_2: default_2.ForwardRefExoticComponent<TimePickerProps_2 & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type TimePickerProps_2 = RecursicaOverStyled<RecursicaTimePickerProps>;
+
+export declare const Title: typeof rawComponents.Title;
+
+/**
+ * Enforces highly accessible structural markup utilizing semantic `<h1>` through `<h6>` tags securely bound directly to Recursica typographic scales.
+ */
+declare const Title_2: ForwardRefExoticComponent<TitleProps & RefAttributes<HTMLHeadingElement>>;
+
+declare type TitleProps = RecursicaOverStyled<Omit<TitleProps_2, "size"> & RecursicaTitleProps>;
+
+export declare const Toast: typeof rawComponents.Toast;
+
+declare const Toast_2: default_2.ForwardRefExoticComponent<ToastProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Toast component wrapping Mantine's Notification.
+ *
+ * Can be used as a standalone visual component to display a notification or message.
+ */
+declare type ToastProps = RecursicaOverStyled<Omit<NotificationProps, "color" | "radius" | "variant" | "loading"> & RecursicaToastProps>;
+
+/**
+ * Toggles the global highlight state for overStyled components.
+ * When active, components with overStyled=true will render a wrapping div with a cyan box shadow.
+ *
+ * @param active - Optional boolean to force a state.
+ * @returns The new active state.
+ */
+export declare function toggleGlobalOverStyled(active?: boolean): boolean;
+
+export declare const Tooltip: typeof rawComponents.Tooltip;
+
+declare const Tooltip_2: TooltipComponent;
+
+declare const TooltipBase: {
+    ({ overStyled, withBeak, ...rest }: TooltipProps): JSX.Element;
+    displayName: string;
+};
+
+declare type TooltipComponent = typeof TooltipBase & {
+    Floating: typeof TooltipFloating;
+    Group: typeof Tooltip_3.Group;
+};
+
+declare const TooltipFloating: ForwardRefExoticComponent<TooltipFloatingProps & RefAttributes<HTMLDivElement>>;
+
+declare type TooltipFloatingProps = RecursicaOverStyled<TooltipFloatingProps_2>;
+
+/**
+ * Recursica Tooltip component wrapping Mantine's Tooltip.
+ *
+ * Displays a floating label when the user hovers over or focuses a target element.
+ * Unlike HoverCard, Tooltip is a single component (not composable) — content is
+ * passed via the `label` prop, and the trigger is passed as `children`.
+ *
+ * ```tsx
+ * <Tooltip label="Helpful information" withBeak>
+ *   <Button>Hover me</Button>
+ * </Tooltip>
+ * ```
+ *
+ * Static sub-components available via dot-notation:
+ * - `Tooltip.Floating` — Tooltip that follows the cursor
+ * - `Tooltip.Group` — Shared hover delay group for multiple tooltips
+ */
+declare type TooltipProps = RecursicaOverStyled<TooltipProps_2 & RecursicaTooltipProps>;
+
+export declare const TransferList: typeof rawComponents.TransferList;
+
+declare const TransferList_2: default_2.FC<TransferListProps>;
+
+declare type TransferListProps = default_2.HTMLAttributes<HTMLDivElement> & RecursicaTransferListProps;
+
+export declare const Tree: typeof rawComponents.Tree;
+
+/**
+ * Recursively renders hierarchical `data` as an expandable/selectable tree.
+ *
+ * **Recursica Abstract:**
+ * Wraps Mantine's `Tree` with a fully custom node renderer so every visual aspect (row box
+ * model, selected/unselected colors and typography, indent, item spacing) comes from
+ * Recursica's `tree` design tokens rather than Mantine's defaults.
+ *
+ * **Interaction pattern (fixed, not prop-configurable):** expand/collapse and select are
+ * independent — the chevron button toggles a node's subtree only, clicking the rest of a row
+ * (or pressing `Enter`/`Space`) selects it only, and `ArrowLeft`/`ArrowRight` toggle expansion
+ * only. See `RecursicaTreeProps` for the full breakdown.
+ */
+declare const Tree_2: default_2.ForwardRefExoticComponent<TreeProps & default_2.RefAttributes<HTMLUListElement>>;
+
+declare type TreeProps = RecursicaOverStyled<RecursicaTreeProps & Omit<default_2.ComponentPropsWithoutRef<"ul">, "children">>;
+
+/**
+ * React hook that returns the current global overStyled active state and subscribes to changes.
+ */
+export declare function useGlobalOverStyled(): boolean;
+
+/**
+ * Universal execution barrier trapping readOnly states globally.
+ * Natively delegates active logic down avoiding duplicative internal component bindings dynamically.
+ */
+declare const WithReadOnlyWrapper: default_2.ForwardRefExoticComponent<WithReadOnlyWrapperProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface WithReadOnlyWrapperProps extends Omit<FormControlWrapperProps, "children" | "overStyled"> {
+    /** Injects whether the field defaults to reading mode natively */
+    readOnly?: boolean;
+    /** Explicit React component directly overtaking the baseline text renderer when read-only mode is active */
+    readOnlyComponent?: default_2.ElementType<any>;
+    /** Custom renderer explicitly responsible for formatting missing/empty value mappings (overriding default 'N/A') */
+    emptyValueComponent?: default_2.ElementType<{
+        value?: any;
+    }>;
+    /** The full native props dictionary securely forwarded into the custom readOnlyComponent if active */
+    readOnlyNativeProps?: any;
+    /** Instructs the underlying generic ReadOnlyField which raw visual structure to bridge automatically */
+    readOnlyType?: ReadOnlyFieldType;
+    /** The isolated raw data value intercepted explicitly into the ReadOnly formatters */
+    readOnlyValue?: any;
+    /** Safely enables deep Mantine overrides transparently bypassing block filters */
+    overStyled?: boolean;
+    /** The nested active node dynamically exposed exclusively when read-only bounds are disabled */
+    activeComponent: default_2.ReactNode;
+}
+
+/**
+ * Utility type to override margin and gap properties with RecursicaSpacing.
+ */
+export declare type WithRecursicaSpacing<T> = Omit<T, "m" | "mx" | "my" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | RecursicaSpacing;
+    mx?: string | number | RecursicaSpacing;
+    my?: string | number | RecursicaSpacing;
+    mt?: string | number | RecursicaSpacing;
+    mb?: string | number | RecursicaSpacing;
+    ml?: string | number | RecursicaSpacing;
+    mr?: string | number | RecursicaSpacing;
+    gap?: string | number | RecursicaSpacing;
+    rowGap?: string | number | RecursicaSpacing;
+    columnGap?: string | number | RecursicaSpacing;
+};
+
+export declare function wrapComponent<T>(Component: T): T;
+
+export { }