@recursica/mui-adapter 0.5.0 → 0.7.0

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

@@ -1,3 +1,44 @@
 import { default as React } from 'react';
-export type AccordionProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Accordion: React.FC<AccordionProps>;
+import { AccordionProps as MuiAccordionProps, AccordionSummaryProps as MuiAccordionSummaryProps, AccordionDetailsProps as MuiAccordionDetailsProps } from '@mui/material';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+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;
+    value: string;
+} & RecursicaAccordionItemProps>;
+export declare const AccordionItem: React.ForwardRefExoticComponent<(Omit<Omit<Omit<MuiAccordionProps, "value" | "children"> & {
+    children?: React.ReactNode;
+    value: string;
+} & RecursicaAccordionItemProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<Omit<MuiAccordionProps, "value" | "children"> & {
+    children?: React.ReactNode;
+    value: string;
+} & RecursicaAccordionItemProps & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+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;
+} & 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;
+} & RecursicaAccordionControlProps & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export type AccordionPanelWrapperProps = RecursicaOverStyled<MuiAccordionDetailsProps>;
+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;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+type AccordionComponent = typeof AccordionBase & {
+    Item: typeof AccordionItem;
+    Control: typeof AccordionControl;
+    Panel: typeof AccordionPanel;
+};
+export declare const Accordion: AccordionComponent;
+export {};

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

@@ -1,3 +1,7 @@
 import { default as React } from 'react';
-export type AssistiveElementProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const AssistiveElement: React.FC<AssistiveElementProps>;
+import { FormHelperTextProps } from '@mui/material';
+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,3 +1,13 @@
 import { default as React } from 'react';
-export type AutocompleteProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Autocomplete: React.FC<AutocompleteProps>;
+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, "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, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<RecursicaAutocompleteProps & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,3 +1,10 @@
-import { default as React } from 'react';
-export type AvatarProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Avatar: React.FC<AvatarProps>;
+import { AvatarProps as MuiAvatarProps } from '@mui/material';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+import { RecursicaAvatarProps } from '@recursica/adapter-common';
+export type AvatarProps = RecursicaOverStyled<Omit<MuiAvatarProps, "variant" | "size" | "color" | "radius"> & RecursicaAvatarProps>;
+/**
+ * Recursica Avatar component wrapping Mui's Avatar.
+ *
+ * Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
+ */
+export declare const Avatar: any;

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

@@ -1,3 +1,10 @@
-import { default as React } from 'react';
-export type BadgeProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Badge: React.FC<BadgeProps>;
+import { BadgeProps as MuiBadgeProps } from '@mui/material';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+import { RecursicaBadgeProps } from '@recursica/adapter-common';
+export type BadgeProps = RecursicaOverStyled<Omit<MuiBadgeProps, "variant" | "size" | "color" | "radius"> & RecursicaBadgeProps>;
+/**
+ * Recursica Badge component wrapping Mui's Badge.
+ *
+ * Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
+ */
+export declare const Badge: any;

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

@@ -1,3 +1,9 @@
-import { default as React } from 'react';
-export type BreadcrumbProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+import { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+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, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<Omit<MuiBreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps & {
+    overStyled: true;
+}, "ref">) & import('react').RefAttributes<HTMLDivElement>>;

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, "style" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "bgcolor" | "color" | "zIndex" | "position" | "boxShadow" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "backgroundColor" | "sx"> & 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,3 +1,38 @@
-import { default as React } from 'react';
-export type CardProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Card: React.FC<CardProps>;
+import { CardProps as MuiCardProps } from '@mui/material';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+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.
+ */
+export declare const CardSection: import('react').ForwardRefExoticComponent<CardSectionProps & import('react').RefAttributes<HTMLDivElement>>;
+export type CardHeaderProps = RecursicaOverStyled<RecursicaCardSectionProps>;
+/**
+ * Replaces standard generic Mui `<Card.Section>` wrappers by directly injecting the strict Recursica design tokens for header sizing, background drops, and intrinsic padding limits.
+ */
+export declare const CardHeader: import('react').ForwardRefExoticComponent<CardHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+export type CardFooterProps = RecursicaOverStyled<RecursicaCardSectionProps>;
+/**
+ * Counterpart to `Card.Header`, applying specific footer elevation margins, sizes, and padding natively.
+ */
+export declare const CardFooter: import('react').ForwardRefExoticComponent<CardFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+export type CardContentProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement>>;
+/**
+ * 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.
+ */
+export declare const CardContent: import('react').ForwardRefExoticComponent<CardContentProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Recursica Card component wrapping Mui'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: any;
+export declare const Card: typeof PolymorphicCard & {
+    Section: typeof CardSection;
+    Header: typeof CardHeader;
+    Footer: typeof CardFooter;
+    Content: typeof CardContent;
+};
+export {};

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

@@ -1,3 +1,14 @@
 import { default as React } from 'react';
-export type CheckboxProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Checkbox: React.FC<CheckboxProps>;
+import { CheckboxProps as MuiCheckboxProps } from '@mui/material';
+import { ReadOnlyControlProps, RequireAccessibleLabel, RecursicaCheckboxProps } from '@recursica/adapter-common';
+import { CheckboxGroup } from './CheckboxGroup';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+import { FormControlLayoutProps } from '../FormControlLayout/FormControlLayout';
+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;
+};
+export declare const Checkbox: CheckboxComponent;
+export {};

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { ReadOnlyControlProps, RecursicaCheckboxGroupProps as BaseRecursicaCheckboxGroupProps } from '@recursica/adapter-common';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
+export declare const CheckboxGroupContext: React.Context<{
+    value?: any[];
+    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, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<RecursicaCheckboxGroupProps & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1,5 @@
-export * from './Checkbox';
+import { CheckboxGroup } from './CheckboxGroup';
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';
+export { CheckboxGroup };
+export type { CheckboxGroupProps } from './CheckboxGroup';

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

@@ -1,3 +1,10 @@
 import { default as React } from 'react';
-export type ChipProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Chip: React.FC<ChipProps>;
+import { ChipProps as MuiChipProps } from '@mui/material';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+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, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<Omit<MuiChipProps, "color" | "variant" | "size" | "radius"> & RecursicaChipProps & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLInputElement>>;

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,3 +1,13 @@
 import { default as React } from 'react';
-export type DropdownProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Dropdown: React.FC<DropdownProps>;
+import { SelectProps as MuiSelectProps } from '@mui/material';
+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, BaseRecursicaDropdownProps {
+}
+export type DropdownProps = RecursicaOverStyled<RecursicaDropdownProps>;
+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;
+}, "ref">) & React.RefAttributes<HTMLInputElement>>;

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,3 +1,6 @@
 import { default as React } from 'react';
-export type FormControlLayoutProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const FormControlLayout: React.FC<FormControlLayoutProps>;
+import { RecursicaFormControlLayoutProps } from '@recursica/adapter-common';
+export interface FormControlLayoutProps extends React.HTMLAttributes<HTMLDivElement>, RecursicaFormControlLayoutProps {
+    overStyled?: boolean;
+}
+export declare const FormControlLayout: React.ForwardRefExoticComponent<FormControlLayoutProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,10 @@
 import { default as React } from 'react';
-export type FormControlWrapperProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const FormControlWrapper: React.FC<FormControlWrapperProps>;
+import { FormControlProps } from '@mui/material';
+import { RecursicaFormControlWrapperProps as BaseRecursicaFormControlWrapperProps } from '@recursica/adapter-common';
+export interface RecursicaFormControlWrapperProps extends Omit<FormControlProps, "margin" | "variant" | "size" | "color">, BaseRecursicaFormControlWrapperProps {
+    overStyled?: boolean;
+    label?: React.ReactNode;
+    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,3 +1,29 @@
 import { default as React } from 'react';
-export type HoverCardProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const HoverCard: React.FC<HoverCardProps>;
+import { TooltipProps as MuiTooltipProps } from '@mui/material';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+import { RecursicaHoverCardProps } from '@recursica/adapter-common';
+export type HoverCardProps = RecursicaOverStyled<Omit<MuiTooltipProps, "title" | "children"> & RecursicaHoverCardProps>;
+declare const HoverCardBase: {
+    ({ overStyled, withBeak, position, openDelay, closeDelay, disabled, offset, children, ...rest }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type HoverCardTargetProps = {
+    children?: React.ReactNode;
+};
+declare const HoverCardTarget: {
+    ({ children, }: HoverCardTargetProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type HoverCardDropdownProps = {
+    children?: React.ReactNode;
+};
+declare const HoverCardDropdown: {
+    ({ children, }: HoverCardDropdownProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type HoverCardComponent = typeof HoverCardBase & {
+    Target: typeof HoverCardTarget;
+    Dropdown: typeof HoverCardDropdown;
+};
+export declare const HoverCard: HoverCardComponent;
+export {};

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

@@ -1,3 +1,7 @@
 import { default as React } from 'react';
-export type LabelProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Label: React.FC<LabelProps>;
+import { InputLabelProps } from '@mui/material';
+import { RecursicaLabelProps } from '@recursica/adapter-common';
+export interface LabelProps extends InputLabelProps, RecursicaLabelProps {
+    overStyled?: boolean;
+}
+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, "style" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "bgcolor" | "color" | "zIndex" | "position" | "boxShadow" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "backgroundColor" | "sx"> & 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>>;

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

@@ -1,3 +1,25 @@
-import { default as React } from 'react';
-export type MenuProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Menu: React.FC<MenuProps>;
+import { MenuProps as MuiMenuProps, MenuItemProps as MuiMenuItemProps, DividerProps as MuiDividerProps } from '@mui/material';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+import { RecursicaMenuProps } from '@recursica/adapter-common';
+export type MenuProps = RecursicaOverStyled<MuiMenuProps & RecursicaMenuProps>;
+export declare const Menu: import('react').ForwardRefExoticComponent<(Omit<Omit<MuiMenuProps & RecursicaMenuProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<MuiMenuProps & RecursicaMenuProps & {
+    overStyled: true;
+}, "ref">) & import('react').RefAttributes<HTMLDivElement>>;
+export type MenuItemProps = RecursicaOverStyled<MuiMenuItemProps>;
+export declare const MenuItem: import('react').ForwardRefExoticComponent<(Omit<Omit<MuiMenuItemProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<import('@mui/material').MenuItemOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "className" | "classes" | "style" | "sx" | "autoFocus" | "tabIndex" | "children" | "disabled" | "disableGutters" | "divider" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "selected"> & {
+    component?: React.ElementType | undefined;
+} & {
+    overStyled: true;
+}, "ref">) & import('react').RefAttributes<HTMLLIElement>>;
+export type MenuDividerProps = RecursicaOverStyled<MuiDividerProps>;
+export declare const MenuDivider: import('react').ForwardRefExoticComponent<(Omit<Omit<MuiDividerProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<import('@mui/material').DividerOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "className" | "classes" | "style" | "sx" | "textAlign" | "children" | "variant" | "light" | "absolute" | "orientation" | "flexItem"> & {
+    component?: React.ElementType | undefined;
+} & {
+    overStyled: true;
+}, "ref">) & import('react').RefAttributes<HTMLHRElement>>;

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

@@ -1,3 +1,38 @@
 import { default as React } from 'react';
-export type ModalProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Modal: React.FC<ModalProps>;
+import { DialogProps as MuiDialogProps, DialogTitleProps as MuiDialogTitleProps, DialogContentProps as MuiDialogContentProps, DialogActionsProps as MuiDialogActionsProps } from '@mui/material';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+import { RecursicaModalProps } from '@recursica/adapter-common';
+export type ModalProps = RecursicaOverStyled<Omit<MuiDialogProps, "size" | "radius" | "shadow" | "open"> & RecursicaModalProps>;
+declare const ModalRoot: React.ForwardRefExoticComponent<(Omit<Omit<Omit<MuiDialogProps, "shadow" | "size" | "open" | "radius"> & RecursicaModalProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<Omit<MuiDialogProps, "shadow" | "size" | "open" | "radius"> & RecursicaModalProps & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export type ModalTitleProps = RecursicaOverStyled<MuiDialogTitleProps>;
+declare const ModalTitle: React.ForwardRefExoticComponent<(Omit<Omit<MuiDialogTitleProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<{
+    component?: React.ElementType | undefined;
+} & import('@mui/material').DialogTitleOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "children" | "variant" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "marginX" | "marginY" | "paddingX" | "paddingY" | "displayPrint" | "component" | "align" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping"> & {
+    component?: React.ElementType | undefined;
+} & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export type ModalBodyProps = RecursicaOverStyled<MuiDialogContentProps>;
+declare const ModalBody: React.ForwardRefExoticComponent<(Omit<Omit<MuiDialogContentProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<MuiDialogContentProps & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export type ModalFooterProps = RecursicaOverStyled<MuiDialogActionsProps>;
+declare const ModalFooter: React.ForwardRefExoticComponent<(Omit<Omit<MuiDialogActionsProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<MuiDialogActionsProps & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export declare const Modal: typeof ModalRoot & {
+    Title: typeof ModalTitle;
+    Body: typeof ModalBody;
+    Footer: typeof ModalFooter;
+};
+export {};

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

@@ -1,3 +1,13 @@
 import { default as React } from 'react';
-export type NumberInputProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const NumberInput: React.FC<NumberInputProps>;
+import { TextFieldProps as MuiNumberInputProps } from '@mui/material';
+import { ReadOnlyControlProps, RecursicaNumberInputProps as BaseRecursicaNumberInputProps } from '@recursica/adapter-common';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
+export interface RecursicaNumberInputProps extends Omit<MuiNumberInputProps, "size" | "variant" | "radius" | "wrapperProps" | "classNames" | "styles">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps, BaseRecursicaNumberInputProps {
+}
+export type NumberInputProps = RecursicaOverStyled<RecursicaNumberInputProps>;
+export declare const NumberInput: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaNumberInputProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<RecursicaNumberInputProps & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,3 +1,12 @@
-import { default as React } from 'react';
-export type PaginationProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Pagination: React.FC<PaginationProps>;
+import { PaginationProps as MuiPaginationProps } from '@mui/material';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+import { RecursicaPaginationProps } from '@recursica/adapter-common';
+export type PaginationProps = RecursicaOverStyled<MuiPaginationProps & RecursicaPaginationProps>;
+/**
+ * Recursica Pagination component wrapping Mui's Pagination.
+ */
+export declare const Pagination: import('react').ForwardRefExoticComponent<(Omit<Omit<MuiPaginationProps & RecursicaPaginationProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<MuiPaginationProps & RecursicaPaginationProps & {
+    overStyled: true;
+}, "ref">) & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Pagination/Pagination.icons.d.ts

@@ -0,0 +1,8 @@
+export type PaginationIconType = "next" | "prev" | "first" | "last";
+export declare const PaginationIcon: ({ type, className, ...props }: React.ComponentProps<"svg"> & {
+    type: PaginationIconType;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const NextWithLabel: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const PrevWithLabel: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const FirstWithLabel: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const LastWithLabel: (props: any) => import("react/jsx-runtime").JSX.Element;