@recursica/mui-adapter 0.6.0 → 0.9.0

package/dist/src/components/Accordion/Accordion.d.ts

@@ -1,56 +1,36 @@
 import { default as React } from 'react';
 import { AccordionProps as MuiAccordionProps, AccordionSummaryProps as MuiAccordionSummaryProps, AccordionDetailsProps as MuiAccordionDetailsProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-export type AccordionProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement> & {
-    variant?: string;
-    value?: string | string[];
-    defaultValue?: string | string[];
-    onChange?: (value: string | string[] | null) => void;
-    multiple?: boolean;
-}>;
+import { RecursicaAccordionProps, RecursicaAccordionItemProps, RecursicaAccordionControlProps } from '@recursica/adapter-common';
+export type AccordionProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement> & RecursicaAccordionProps>;
 declare const AccordionBase: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 export type AccordionItemWrapperProps = RecursicaOverStyled<Omit<MuiAccordionProps, "children" | "value"> & {
     children?: React.ReactNode;
-    title?: React.ReactNode;
-    leftIcon?: React.ReactNode;
-    divider?: boolean;
     value: string;
-}>;
+} & RecursicaAccordionItemProps>;
 export declare const AccordionItem: React.ForwardRefExoticComponent<(Omit<Omit<Omit<MuiAccordionProps, "value" | "children"> & {
     children?: React.ReactNode;
-    title?: React.ReactNode;
-    leftIcon?: React.ReactNode;
-    divider?: boolean;
     value: string;
-}, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex"> & import('../../utils/filterStylingProps').ForbiddenStyles & {
+} & RecursicaAccordionItemProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<Omit<MuiAccordionProps, "value" | "children"> & {
     children?: React.ReactNode;
-    title?: React.ReactNode;
-    leftIcon?: React.ReactNode;
-    divider?: boolean;
     value: string;
-} & {
+} & RecursicaAccordionItemProps & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLDivElement>>;
-export type AccordionControlWrapperProps = RecursicaOverStyled<MuiAccordionSummaryProps & {
-    leftIcon?: React.ReactNode;
-}>;
+export type AccordionControlWrapperProps = RecursicaOverStyled<MuiAccordionSummaryProps & RecursicaAccordionControlProps>;
 export declare const AccordionControl: React.ForwardRefExoticComponent<(Omit<Omit<import('@mui/material').AccordionSummaryOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "sx" | "tabIndex" | "children" | "disabled" | "slots" | "slotProps" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & {
     component?: React.ElementType | undefined;
-} & {
-    leftIcon?: React.ReactNode;
-}, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex"> & import('../../utils/filterStylingProps').ForbiddenStyles & {
+} & RecursicaAccordionControlProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<import('@mui/material').AccordionSummaryOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "sx" | "tabIndex" | "children" | "disabled" | "slots" | "slotProps" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & {
     component?: React.ElementType | undefined;
-} & {
-    leftIcon?: React.ReactNode;
-} & {
+} & RecursicaAccordionControlProps & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLDivElement>>;
 export type AccordionPanelWrapperProps = RecursicaOverStyled<MuiAccordionDetailsProps>;
-export declare const AccordionPanel: React.ForwardRefExoticComponent<(Omit<Omit<MuiAccordionDetailsProps, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex"> & import('../../utils/filterStylingProps').ForbiddenStyles & {
+export declare const AccordionPanel: React.ForwardRefExoticComponent<(Omit<Omit<MuiAccordionDetailsProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<MuiAccordionDetailsProps & {
     overStyled: true;

package/dist/src/components/AssistiveElement/AssistiveElement.d.ts

@@ -1,10 +1,7 @@
 import { default as React } from 'react';
 import { FormHelperTextProps } from '@mui/material';
-export interface AssistiveElementProps extends FormHelperTextProps {
-    /** Governs the semantic rendering block (changes icon and CSS structural hooks natively). */
-    assistiveVariant?: "help" | "error";
-    /** Renders the structural mapping icon inline beside the text natively. */
-    assistiveWithIcon?: boolean;
+import { RecursicaAssistiveElementProps } from '@recursica/adapter-common';
+export interface AssistiveElementProps extends FormHelperTextProps, RecursicaAssistiveElementProps {
     overStyled?: boolean;
 }
 export declare const AssistiveElement: React.ForwardRefExoticComponent<Omit<AssistiveElementProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/src/components/Autocomplete/Autocomplete.d.ts

@@ -1,16 +1,12 @@
 import { default as React } from 'react';
-import { AutocompleteProps as MuiAutocompleteProps, InputWrapperProps } from '@mui/material';
-import { ReadOnlyControlProps } from '@recursica/adapter-common';
+import { AutocompleteProps as MuiAutocompleteProps } from '@mui/material';
+import { ReadOnlyControlProps, RecursicaAutocompleteProps as BaseRecursicaAutocompleteProps } from '@recursica/adapter-common';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
-export interface RecursicaAutocompleteProps extends Omit<MuiAutocompleteProps<any, any, any, any>, "size" | "variant" | "radius" | "wrapperProps" | "renderInput">, Pick<InputWrapperProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps {
-    data?: any[];
-    leftSection?: React.ReactNode;
-    rightSection?: React.ReactNode;
-    placeholder?: string;
+export interface RecursicaAutocompleteProps extends Omit<MuiAutocompleteProps<any, any, any, any, "div">, "variant" | "size" | "wrapperProps" | "radius" | "renderInput" | "classes" | "defaultValue">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "error" | keyof MuiAutocompleteProps<any, any, any, any, "div">>, ReadOnlyControlProps, BaseRecursicaAutocompleteProps {
 }
 export type AutocompleteProps = RecursicaOverStyled<RecursicaAutocompleteProps>;
-export declare const Autocomplete: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaAutocompleteProps, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex"> & import('../../utils/filterStylingProps').ForbiddenStyles & {
+export declare const Autocomplete: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaAutocompleteProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<RecursicaAutocompleteProps & {
     overStyled: true;

package/dist/src/components/Avatar/Avatar.d.ts

@@ -1,11 +1,6 @@
-import { default as React } from 'react';
 import { AvatarProps as MuiAvatarProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-export interface RecursicaAvatarProps {
-    size?: "small" | "default" | "large";
-    variant?: "solid" | "outline" | "ghost";
-    icon?: React.ReactNode;
-}
+import { RecursicaAvatarProps } from '@recursica/adapter-common';
 export type AvatarProps = RecursicaOverStyled<Omit<MuiAvatarProps, "variant" | "size" | "color" | "radius"> & RecursicaAvatarProps>;
 /**
  * Recursica Avatar component wrapping Mui's Avatar.

package/dist/src/components/Badge/Badge.d.ts

@@ -1,9 +1,6 @@
 import { BadgeProps as MuiBadgeProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-export interface RecursicaBadgeProps {
-    /** Map to the component styles defined in variables */
-    variant?: "alert" | "primary-color" | "success" | "warning";
-}
+import { RecursicaBadgeProps } from '@recursica/adapter-common';
 export type BadgeProps = RecursicaOverStyled<Omit<MuiBadgeProps, "variant" | "size" | "color" | "radius"> & RecursicaBadgeProps>;
 /**
  * Recursica Badge component wrapping Mui's Badge.

package/dist/src/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,9 +1,8 @@
 import { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-export interface RecursicaBreadcrumbProps {
-}
+import { RecursicaBreadcrumbProps } from '@recursica/adapter-common';
 export type BreadcrumbProps = RecursicaOverStyled<Omit<MuiBreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>;
-export declare const Breadcrumb: import('react').ForwardRefExoticComponent<(Omit<Omit<Omit<MuiBreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex"> & import('../../utils/filterStylingProps').ForbiddenStyles & {
+export declare const Breadcrumb: import('react').ForwardRefExoticComponent<(Omit<Omit<Omit<MuiBreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<Omit<MuiBreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps & {
     overStyled: true;

package/dist/src/components/Button/Button.d.ts

@@ -1,22 +1,7 @@
 import { default as React } from 'react';
-import { RecursicaLoaderProps } from '../Loader/Loader';
 import { ButtonProps as MuiButtonProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-export interface RecursicaButtonProps {
-    variant?: "solid" | "outline" | "text";
-    size?: "default" | "small";
-    icon?: React.ReactNode;
-    /**
-     * For polymorphic support (e.g., `component="a"`), native to MUI.
-     */
-    component?: React.ElementType;
-    /** Which Recursica Loader variant to use */
-    loaderVariant?: RecursicaLoaderProps["variant"];
-    /** The size variant for the loader */
-    loaderSize?: RecursicaLoaderProps["size"];
-    /** Whether to use the Recursica loader or fallback to the Mantine loader */
-    useRecursicaLoader?: boolean;
-}
+import { RecursicaButtonProps } from '@recursica/adapter-common';
 export type ButtonProps = RecursicaOverStyled<Omit<MuiButtonProps, "variant" | "size" | "color" | "fullWidth"> & RecursicaButtonProps>;
 /**
  * Recursica Button component wrapping MUI's Button.
@@ -34,7 +19,7 @@ export type ButtonProps = RecursicaOverStyled<Omit<MuiButtonProps, "variant" | "
  * <Button component={Link} to="/home">Home</Button>
  * ```
  */
-export declare const Button: React.ForwardRefExoticComponent<(Omit<Omit<Omit<MuiButtonProps, "color" | "variant" | "size" | "fullWidth"> & RecursicaButtonProps, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex"> & import('../../utils/filterStylingProps').ForbiddenStyles & {
+export declare const Button: React.ForwardRefExoticComponent<(Omit<Omit<Omit<MuiButtonProps, "color" | "variant" | "size" | "fullWidth"> & RecursicaButtonProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<Omit<MuiButtonProps, "color" | "variant" | "size" | "fullWidth"> & RecursicaButtonProps & {
     overStyled: true;

package/dist/src/components/Card/Card.d.ts

@@ -1,9 +1,7 @@
 import { CardProps as MuiCardProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-export type CardProps = RecursicaOverStyled<MuiCardProps>;
-export type RecursicaCardSectionProps = React.HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
-};
+import { RecursicaCardProps, RecursicaCardSectionProps } from '@recursica/adapter-common';
+export type CardProps = RecursicaOverStyled<MuiCardProps & RecursicaCardProps>;
 export type CardSectionProps = RecursicaOverStyled<RecursicaCardSectionProps>;
 /**
  * A generalized edge-to-edge structural wrapper native to Mui. Strips typical boundary padding via negative margins to allow content (like maps or header images) to touch the border seamlessly.

package/dist/src/components/Checkbox/Checkbox.d.ts

@@ -1,14 +1,12 @@
 import { default as React } from 'react';
 import { CheckboxProps as MuiCheckboxProps } from '@mui/material';
-import { ReadOnlyControlProps } from '@recursica/adapter-common';
+import { ReadOnlyControlProps, RequireAccessibleLabel, RecursicaCheckboxProps } from '@recursica/adapter-common';
 import { CheckboxGroup } from './CheckboxGroup';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-import { RequireAccessibleLabel } from '../../utils/RequireAccessibleLabel';
 import { FormControlLayoutProps } from '../FormControlLayout/FormControlLayout';
-export type RecursicaCheckboxProps = RequireAccessibleLabel<Omit<MuiCheckboxProps, "size" | "color"> & {
-    label?: React.ReactNode;
-} & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">>;
-export type CheckboxProps = RecursicaOverStyled<RecursicaCheckboxProps>;
+export type CheckboxWrapperProps = Omit<MuiCheckboxProps, "size" | "color"> & RecursicaCheckboxProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
+export type RecursicaCheckboxPropsAlias = RequireAccessibleLabel<CheckboxWrapperProps>;
+export type CheckboxProps = RecursicaOverStyled<RecursicaCheckboxPropsAlias>;
 type CheckboxComponent = React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>> & {
     Group: typeof CheckboxGroup;
 };

package/dist/src/components/Checkbox/CheckboxGroup.d.ts

@@ -1,15 +1,17 @@
 import { default as React } from 'react';
-import { FormGroupProps } from '@mui/material';
-import { ReadOnlyControlProps } from '@recursica/adapter-common';
+import { ReadOnlyControlProps, RecursicaCheckboxGroupProps as BaseRecursicaCheckboxGroupProps } from '@recursica/adapter-common';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
-export interface RecursicaCheckboxGroupProps extends Omit<FormGroupProps, "size" | "onChange">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps {
+export declare const CheckboxGroupContext: React.Context<{
     value?: any[];
-    defaultValue?: any[];
-    onChange?: (value: any[]) => void;
+    onChange?: (event: React.SyntheticEvent, value: any) => void;
+    name?: string;
+    readOnly?: boolean;
+} | null>;
+export interface RecursicaCheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "onChange" | "classes" | "withAsterisk">, ReadOnlyControlProps, BaseRecursicaCheckboxGroupProps {
 }
 export type CheckboxGroupProps = RecursicaOverStyled<RecursicaCheckboxGroupProps>;
-export declare const CheckboxGroup: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaCheckboxGroupProps, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex"> & import('../../utils/filterStylingProps').ForbiddenStyles & {
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaCheckboxGroupProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<RecursicaCheckboxGroupProps & {
     overStyled: true;

package/dist/src/components/Chip/Chip.d.ts

@@ -1,18 +1,9 @@
 import { default as React } from 'react';
 import { ChipProps as MuiChipProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-export interface RecursicaChipProps {
-    /** Enables the error state styling */
-    error?: boolean;
-    /** Leading icon content */
-    icon?: React.ReactNode;
-    /** Called when the remove (X) icon is clicked. If provided, the remove icon will be displayed. */
-    onRemove?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    /** Screen reader label for the remove button. Defaults to 'Remove' */
-    removeLabel?: string;
-}
+import { RecursicaChipProps } from '@recursica/adapter-common';
 export type ChipProps = RecursicaOverStyled<Omit<MuiChipProps, "variant" | "size" | "color" | "radius"> & RecursicaChipProps>;
-export declare const Chip: React.ForwardRefExoticComponent<(Omit<Omit<Omit<MuiChipProps, "color" | "variant" | "size" | "radius"> & RecursicaChipProps, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex"> & import('../../utils/filterStylingProps').ForbiddenStyles & {
+export declare const Chip: React.ForwardRefExoticComponent<(Omit<Omit<Omit<MuiChipProps, "color" | "variant" | "size" | "radius"> & RecursicaChipProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<Omit<MuiChipProps, "color" | "variant" | "size" | "radius"> & RecursicaChipProps & {
     overStyled: true;

package/dist/src/components/Container/Container.d.ts

@@ -1,9 +1,5 @@
 import { default as React } from 'react';
 import { ContainerProps as MUIContainerProps } from '@mui/material';
-import { RecursicaSpacing } from '../../utils/filterStylingProps';
-export interface RecursicaContainerProps {
-    children?: React.ReactNode;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | RecursicaSpacing | (string & {}) | number;
-}
+import { RecursicaContainerProps } from '@recursica/adapter-common';
 export type ContainerProps = Omit<MUIContainerProps, "maxWidth"> & RecursicaContainerProps;
 export declare const Container: React.ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -1,3 +1,4 @@
 import { default as React } from 'react';
-export type DatePickerProps = React.HTMLAttributes<HTMLDivElement>;
+import { RecursicaDatePickerProps } from '@recursica/adapter-common';
+export type DatePickerProps = React.HTMLAttributes<HTMLDivElement> & RecursicaDatePickerProps;
 export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/src/components/Dropdown/Dropdown.d.ts

@@ -1,22 +1,12 @@
-import { default as React, ReactNode } from 'react';
+import { default as React } from 'react';
 import { SelectProps as MuiSelectProps } from '@mui/material';
-import { ReadOnlyControlProps } from '@recursica/adapter-common';
+import { ReadOnlyControlProps, RecursicaDropdownProps as BaseRecursicaDropdownProps } from '@recursica/adapter-common';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
-export interface RecursicaDropdownProps extends Omit<MuiSelectProps, "size" | "variant" | "classes" | "inputProps" | "SelectDisplayProps">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps {
-    /** Internal hook for Selects to override raw layout width properties when necessary */
-    containerWidth?: React.CSSProperties["width"];
-    data?: (string | {
-        value: string;
-        label: ReactNode;
-        disabled?: boolean;
-    })[];
-    searchable?: boolean;
-    clearable?: boolean;
-    withAsterisk?: boolean;
+export interface RecursicaDropdownProps extends Omit<MuiSelectProps, "size" | "variant" | "classes" | "inputProps" | "SelectDisplayProps">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps, BaseRecursicaDropdownProps {
 }
 export type DropdownProps = RecursicaOverStyled<RecursicaDropdownProps>;
-export declare const Dropdown: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaDropdownProps, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex"> & import('../../utils/filterStylingProps').ForbiddenStyles & {
+export declare const Dropdown: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaDropdownProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<RecursicaDropdownProps & {
     overStyled: true;

package/dist/src/components/Flex/Flex.d.ts

@@ -1,26 +1,6 @@
 import { default as React } from 'react';
 import { BoxProps as MUIBoxProps } from '@mui/material';
-import { RecursicaSpacing, OmitSx } from '../../utils/filterStylingProps';
-export interface RecursicaFlexProps {
-    /**
-     * Content to render inside the flex container.
-     */
-    children?: React.ReactNode;
-    /**
-     * The gap between flex items. Accepts standard MUI spacing or Recursica gap tokens
-     * (e.g. "rec-md").
-     */
-    gap?: string | number | RecursicaSpacing;
-    /**
-     * The vertical gap between flex items when wrapping. Accepts standard MUI spacing
-     * or Recursica gap tokens.
-     */
-    rowGap?: string | number | RecursicaSpacing;
-    /**
-     * The horizontal gap between flex items when wrapping. Accepts standard MUI spacing
-     * or Recursica gap tokens.
-     */
-    columnGap?: string | number | RecursicaSpacing;
-}
+import { OmitSx } from '../../utils/filterStylingProps';
+import { RecursicaFlexProps } from '@recursica/adapter-common';
 export type FlexProps = OmitSx<MUIBoxProps & RecursicaFlexProps>;
 export declare const Flex: React.ForwardRefExoticComponent<Omit<FlexProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/FormControlLayout/FormControlLayout.d.ts

@@ -1,11 +1,6 @@
 import { default as React } from 'react';
-export interface FormControlLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+import { RecursicaFormControlLayoutProps } from '@recursica/adapter-common';
+export interface FormControlLayoutProps extends React.HTMLAttributes<HTMLDivElement>, RecursicaFormControlLayoutProps {
     overStyled?: boolean;
-    formLayout?: "stacked" | "side-by-side";
-    labelSize?: "small" | "default" | "md";
-    controlMaxWidth?: string;
-    controlMinWidth?: string;
-    leftSection?: React.ReactNode;
-    children: React.ReactNode;
 }
 export declare const FormControlLayout: React.ForwardRefExoticComponent<FormControlLayoutProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/FormControlWrapper/FormControlWrapper.d.ts

@@ -1,25 +1,10 @@
 import { default as React } from 'react';
 import { FormControlProps } from '@mui/material';
-export interface RecursicaFormControlWrapperProps extends Omit<FormControlProps, "margin" | "variant" | "size" | "color"> {
+import { RecursicaFormControlWrapperProps as BaseRecursicaFormControlWrapperProps } from '@recursica/adapter-common';
+export interface RecursicaFormControlWrapperProps extends Omit<FormControlProps, "margin" | "variant" | "size" | "color">, BaseRecursicaFormControlWrapperProps {
     overStyled?: boolean;
     label?: React.ReactNode;
-    /** Primary assistive description bound natively to the component footer. Maps to MUI's 'helperText' dynamically. */
-    assistiveText?: React.ReactNode;
-    /** Secondary parameter fallback identical to assistiveText to match MUI / Mantine native APIs safely. */
-    description?: React.ReactNode;
-    /** Fallback mapping for MUI's native helperText */
-    helperText?: React.ReactNode;
-    assistiveWithIcon?: boolean;
-    formLayout?: "stacked" | "side-by-side";
-    labelSize?: "small" | "default" | "md";
-    labelAlignment?: "left" | "right";
-    labelOptionalText?: React.ReactNode | true;
-    labelWithEditIcon?: boolean;
-    onLabelEditClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    labelActionArea?: React.ReactNode;
-    /** Allows layout mapping to limit the input's bounding box without impacting the label */
-    controlMaxWidth?: string;
-    controlMinWidth?: string;
+    focused?: boolean;
 }
 export type FormControlWrapperProps = RecursicaFormControlWrapperProps;
 export declare const FormControlWrapper: React.ForwardRefExoticComponent<Omit<RecursicaFormControlWrapperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/Group/Group.d.ts

@@ -1,11 +1,6 @@
 import { default as React } from 'react';
 import { StackProps as MUIStackProps } from '@mui/material';
-import { RecursicaSpacing, OmitSx } from '../../utils/filterStylingProps';
-export interface RecursicaGroupProps {
-    children?: React.ReactNode;
-    gap?: MUIStackProps["spacing"] | RecursicaSpacing;
-    rowGap?: MUIStackProps["spacing"] | RecursicaSpacing;
-    columnGap?: MUIStackProps["spacing"] | RecursicaSpacing;
-}
+import { OmitSx } from '../../utils/filterStylingProps';
+import { RecursicaGroupProps } from '@recursica/adapter-common';
 export type GroupProps = OmitSx<Omit<MUIStackProps, "spacing" | "direction"> & RecursicaGroupProps>;
 export declare const Group: React.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/HoverCard/HoverCard.d.ts

@@ -1,50 +1,24 @@
-import { PopoverProps as MuiHoverCardProps } from '@mui/material';
+import { default as React } from 'react';
+import { TooltipProps as MuiTooltipProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-/**
- * Recursica-specific props for HoverCard.
- */
-export interface RecursicaHoverCardProps {
-    /**
-     * Whether to display a beak (arrow) pointing from the dropdown to the target.
-     * This is the Recursica equivalent of Mui's `withArrow`.
-     * When both `withBeak` and `withArrow` are provided, `withBeak` takes precedence.
-     */
-    withBeak?: boolean;
-}
-/**
- * Recursica HoverCard component wrapping Mui'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>
- * ```
- */
-export type HoverCardProps = RecursicaOverStyled<MuiHoverCardProps & RecursicaHoverCardProps>;
+import { RecursicaHoverCardProps } from '@recursica/adapter-common';
+export type HoverCardProps = RecursicaOverStyled<Omit<MuiTooltipProps, "title" | "children"> & RecursicaHoverCardProps>;
 declare const HoverCardBase: {
-    ({ overStyled, withBeak, ...rest }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ overStyled, withBeak, position, openDelay, closeDelay, disabled, offset, children, ...rest }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-/**
- * Wrapper for the element that triggers the hover card.
- * Requires a single child element that supports ref forwarding.
- */
-export type HoverCardTargetProps = any;
+export type HoverCardTargetProps = {
+    children?: React.ReactNode;
+};
 declare const HoverCardTarget: {
-    (props: HoverCardTargetProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, }: HoverCardTargetProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-/** The dropdown panel displayed when hovering over the target. */
-export type HoverCardDropdownProps = RecursicaOverStyled<any>;
+export type HoverCardDropdownProps = {
+    children?: React.ReactNode;
+};
 declare const HoverCardDropdown: {
-    ({ overStyled, ...rest }: HoverCardDropdownProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, }: HoverCardDropdownProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 type HoverCardComponent = typeof HoverCardBase & {

package/dist/src/components/Label/Label.d.ts

@@ -1,14 +1,7 @@
 import { default as React } from 'react';
 import { InputLabelProps } from '@mui/material';
-export interface LabelProps extends InputLabelProps {
+import { RecursicaLabelProps } from '@recursica/adapter-common';
+export interface LabelProps extends InputLabelProps, RecursicaLabelProps {
     overStyled?: boolean;
-    /** Explicit optional text to render safely mapping alongside the label. Hidden natively if 'required' is flagged true. */
-    labelOptionalText?: React.ReactNode | true;
-    /** Triggers the inline edit action icon native layout hook beside the label element. */
-    labelWithEditIcon?: boolean;
-    /** Fires specifically on icon click natively. */
-    onLabelEditClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    /** Replaces the right side optional text block natively with any custom React node (e.g. actions, toggles). */
-    labelActionArea?: React.ReactNode;
 }
 export declare const Label: React.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/dist/src/components/Link/Link.d.ts

@@ -1,13 +1,9 @@
 import { default as React } from 'react';
 import { LinkProps as MUILinkProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-export interface RecursicaLinkProps {
-    icon?: React.ReactNode;
-    children?: React.ReactNode;
-    component?: React.ElementType;
-}
+import { RecursicaLinkProps } from '@recursica/adapter-common';
 export type LinkProps = RecursicaOverStyled<Omit<MUILinkProps, "underline"> & RecursicaLinkProps>;
-export declare const Link: React.ForwardRefExoticComponent<(Omit<Omit<Omit<MUILinkProps, "underline"> & RecursicaLinkProps, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex"> & import('../../utils/filterStylingProps').ForbiddenStyles & {
+export declare const Link: React.ForwardRefExoticComponent<(Omit<Omit<Omit<MUILinkProps, "underline"> & RecursicaLinkProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<Omit<MUILinkProps, "underline"> & RecursicaLinkProps & {
     overStyled: true;

package/dist/src/components/Loader/Loader.d.ts

@@ -1,10 +1,5 @@
 import { default as React } from 'react';
-import { RecursicaOverStyled, RecursicaSize } from '../../utils/filterStylingProps';
-export interface RecursicaLoaderProps {
-    /** Map to the component styles defined in variables */
-    variant?: "oval" | "bars" | "dots";
-    /** Map to Recursica sizes */
-    size?: "sm" | "md" | "lg" | RecursicaSize;
-}
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+import { RecursicaLoaderProps } from '@recursica/adapter-common';
 export type LoaderProps = RecursicaOverStyled<React.HTMLAttributes<HTMLSpanElement> & RecursicaLoaderProps>;
 export declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLSpanElement>>;