@recursica/mui-adapter 0.6.0 → 0.9.0

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

@@ -1,99 +1,25 @@
-import { MenuProps as MuiMenuProps } from '@mui/material';
+import { MenuProps as MuiMenuProps, MenuItemProps as MuiMenuItemProps, DividerProps as MuiDividerProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-/**
- * Recursica Menu component wrapping Mui'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>
- * ```
- */
-export type MenuProps = RecursicaOverStyled<MuiMenuProps>;
-declare const MenuBase: {
-    ({ overStyled, ...rest }: MenuProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/**
- * Wrapper for the element that triggers the menu.
- * Requires a single child element that supports ref forwarding.
- */
-export type MenuTargetProps = any;
-declare const MenuTarget: {
-    (props: MenuTargetProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/** The dropdown panel containing menu items, dividers, and labels. */
-export type MenuDropdownProps = RecursicaOverStyled<any>;
-declare const MenuDropdown: import('react').ForwardRefExoticComponent<Omit<any, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * An individual actionable item within the menu dropdown.
- *
- * **Note:** Mui's `color` prop is stripped in strict mode to enforce
- * design token adherence. Use `overStyled={true}` if you need to bypass.
- */
-export type MenuItemProps = RecursicaOverStyled<Omit<any, "color">>;
-/**
- * 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: any;
-/** A visual separator between groups of menu items. */
-export type MenuDividerProps = RecursicaOverStyled<any>;
-declare const MenuDivider: import('react').ForwardRefExoticComponent<Omit<any, "ref"> & import('react').RefAttributes<HTMLHRElement>>;
-/** A non-interactive section label used to categorize groups of menu items. */
-export type MenuLabelProps = RecursicaOverStyled<any>;
-declare const MenuLabel: import('react').ForwardRefExoticComponent<Omit<any, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-/** Container for a submenu, wrapping Menu.Sub.Target and Menu.Sub.Dropdown. */
-export type MenuSubProps = any;
-declare const MenuSubBase: {
-    (props: MenuSubProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/** Wrapper for the element that triggers the submenu. */
-export type MenuSubTargetProps = any;
-declare const MenuSubTarget: {
-    (props: MenuSubTargetProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-/**
- * A menu item that acts as a submenu trigger.
- * Renders within Menu.Sub.Target and displays a chevron indicator.
- */
-export type MenuSubItemProps = RecursicaOverStyled<Omit<any, "color">>;
-/**
- * A menu item that acts as a submenu trigger.
- *
- * Supports polymorphism via the `component` prop.
- */
-declare const MenuSubItem: any;
-/** The dropdown panel for a submenu. */
-export type MenuSubDropdownProps = RecursicaOverStyled<any>;
-declare const MenuSubDropdown: import('react').ForwardRefExoticComponent<Omit<any, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-type MenuSubComponent = typeof MenuSubBase & {
-    Target: typeof MenuSubTarget;
-    Item: typeof MenuSubItem;
-    Dropdown: typeof MenuSubDropdown;
-};
-type MenuComponent = typeof MenuBase & {
-    Target: typeof MenuTarget;
-    Dropdown: typeof MenuDropdown;
-    Item: typeof MenuItem;
-    Divider: typeof MenuDivider;
-    Label: typeof MenuLabel;
-    Sub: MenuSubComponent;
-};
-export declare const Menu: MenuComponent;
-export {};
+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,37 +1,38 @@
 import { default as React } from 'react';
-import { Modal as MuiModal, ModalProps as MuiModalProps } from '@mui/material';
+import { DialogProps as MuiDialogProps, DialogTitleProps as MuiDialogTitleProps, DialogContentProps as MuiDialogContentProps, DialogActionsProps as MuiDialogActionsProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-/**
- * Properties for the strictly-tokenized Modal component.
- * Native Mui 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.
- */
-export type ModalProps = RecursicaOverStyled<Omit<MuiModalProps, "size" | "radius" | "shadow">>;
-/**
- * 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 const ModalFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ModalBody: React.ForwardRefExoticComponent<any>;
-interface ModalComponent extends React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> {
-    Root: typeof MuiModal.Root;
-    Overlay: typeof MuiModal.Overlay;
-    Content: typeof MuiModal.Content;
-    Header: typeof MuiModal.Header;
-    Title: typeof MuiModal.Title;
-    CloseButton: typeof MuiModal.CloseButton;
+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 declare const Modal: ModalComponent & {
-    Footer: typeof ModalFooter;
 };
 export {};

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

@@ -1,14 +1,12 @@
 import { default as React } from 'react';
 import { TextFieldProps as MuiNumberInputProps } from '@mui/material';
-import { ReadOnlyControlProps } from '@recursica/adapter-common';
+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 {
-    /** Enables/disables the controls to increment and decrement the value */
-    hideControls?: boolean;
+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, "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 NumberInput: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaNumberInputProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<RecursicaNumberInputProps & {
     overStyled: true;

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

@@ -1,45 +1,12 @@
-import { default as React } from 'react';
-import { Pagination as MuiPagination, PaginationProps as MuiPaginationProps, PaginationRootProps as MuiPaginationRootProps } from '@mui/material';
+import { PaginationProps as MuiPaginationProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-import { PaginationIcon } from './Pagination.icons';
-export type PaginationProps = RecursicaOverStyled<MuiPaginationProps> & {
-    /** If set to true, displays text labels alongside the icons for next/previous/first/last edges. */
-    withLabels?: boolean;
-};
-export type PaginationRootProps = RecursicaOverStyled<MuiPaginationRootProps>;
-export type PaginationEdgeProps<T extends React.ElementType> = React.ComponentProps<T> & {
-    /** If set to true, displays text labels alongside the icon. */
-    withLabel?: boolean;
-    icon?: any;
-};
-declare const _PaginationRoot: React.ForwardRefExoticComponent<any>;
-declare const _PaginationNext: React.ForwardRefExoticComponent<any>;
-declare const _PaginationPrevious: React.ForwardRefExoticComponent<any>;
-declare const _PaginationFirst: React.ForwardRefExoticComponent<any>;
-declare const _PaginationLast: React.ForwardRefExoticComponent<any>;
-declare const _Pagination: React.ForwardRefExoticComponent<(Omit<Omit<MuiPaginationProps, "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 & {
-    overStyled?: false | undefined;
-} & {
-    /** If set to true, displays text labels alongside the icons for next/previous/first/last edges. */
-    withLabels?: boolean;
-}, "ref"> | Omit<MuiPaginationProps & {
-    overStyled: true;
-} & {
-    /** If set to true, displays text labels alongside the icons for next/previous/first/last edges. */
-    withLabels?: boolean;
-}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+import { RecursicaPaginationProps } from '@recursica/adapter-common';
+export type PaginationProps = RecursicaOverStyled<MuiPaginationProps & RecursicaPaginationProps>;
 /**
  * Recursica Pagination component wrapping Mui's Pagination.
  */
-export declare const Pagination: typeof _Pagination & {
-    Root: typeof _PaginationRoot;
-    Items: typeof MuiPagination.Items;
-    Control: typeof MuiPagination.Control;
-    Dots: typeof MuiPagination.Dots;
-    Next: typeof _PaginationNext;
-    Previous: typeof _PaginationPrevious;
-    First: typeof _PaginationFirst;
-    Last: typeof _PaginationLast;
-    Icon: typeof PaginationIcon;
-};
-export {};
+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/Panel/Panel.d.ts

@@ -1,13 +1,5 @@
-import { Drawer as MuiDrawer, DrawerProps as MuiDrawerProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-export interface RecursicaPanelProps extends MuiDrawerProps {
-    /**
-     * If true, forces the header text to a single line and truncates with an ellipsis.
-     * Note: While the prop is named `wrapHeaderText` for backward compatibility,
-     * setting it to `true` actually PREVENTS wrapping (it forces truncation).
-     */
-    wrapHeaderText?: boolean;
-}
+import { RecursicaPanelProps } from '@recursica/adapter-common';
 /**
  * Recursica Panel root props. Extends Mui Drawer.
  */
@@ -39,7 +31,10 @@ export type PanelProps = RecursicaOverStyled<RecursicaPanelProps>;
  * - `Panel.Stack` — Stacked drawer context
  */
 declare const PanelBase: {
-    ({ overStyled, position, keepMounted, wrapHeaderText, ...rest }: PanelProps): import("react/jsx-runtime").JSX.Element;
+    ({ overStyled, position, keepMounted, wrapHeaderText, ...rest }: PanelProps & {
+        position?: "left" | "right" | "top" | "bottom";
+        opened?: boolean;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export type PanelFooterProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement>>;
@@ -51,14 +46,6 @@ export type PanelFooterProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivE
  */
 export declare const PanelFooter: import('react').ForwardRefExoticComponent<PanelFooterProps & import('react').RefAttributes<HTMLDivElement>>;
 type PanelComponent = typeof PanelBase & {
-    Root: typeof MuiDrawer.Root;
-    Overlay: typeof MuiDrawer.Overlay;
-    Content: typeof MuiDrawer.Content;
-    Header: typeof MuiDrawer.Header;
-    Title: typeof MuiDrawer.Title;
-    CloseButton: typeof MuiDrawer.CloseButton;
-    Body: typeof MuiDrawer.Body;
-    Stack: typeof MuiDrawer.Stack;
     Footer: typeof PanelFooter;
 };
 export declare const Panel: PanelComponent;

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

@@ -1,11 +1,11 @@
 import { RadioProps as MuiRadioProps } from '@mui/material';
-import { ReadOnlyControlProps } from '@recursica/adapter-common';
+import { ReadOnlyControlProps, RequireAccessibleLabel, RecursicaRadioProps } from '@recursica/adapter-common';
 import { RadioGroup } from './RadioGroup';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-import { RequireAccessibleLabel } from '../../utils/RequireAccessibleLabel';
 import { FormControlLayoutProps } from '../FormControlLayout/FormControlLayout';
-export type RecursicaRadioProps = RequireAccessibleLabel<Omit<MuiRadioProps, "size" | "color"> & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">>;
-export type RadioProps = RecursicaOverStyled<RecursicaRadioProps>;
+export type RadioWrapperProps = Omit<MuiRadioProps, "size" | "color"> & RecursicaRadioProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
+export type RecursicaRadioPropsAlias = RequireAccessibleLabel<RadioWrapperProps>;
+export type RadioProps = RecursicaOverStyled<RecursicaRadioPropsAlias>;
 type RadioComponent = React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> & {
     Group: typeof RadioGroup;
 };

package/dist/src/components/Radio/RadioGroup.d.ts

@@ -1,13 +1,9 @@
 import { default as React } from 'react';
 import { RadioGroupProps as MuiRadioGroupProps } from '@mui/material';
-import { ReadOnlyControlProps } from '@recursica/adapter-common';
+import { ReadOnlyControlProps, RecursicaRadioGroupProps as BaseRecursicaRadioGroupProps } from '@recursica/adapter-common';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
-export interface RecursicaRadioGroupProps extends Omit<MuiRadioGroupProps, "size" | "labelProps">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps {
+export interface RecursicaRadioGroupProps extends Omit<MuiRadioGroupProps, "size" | "labelProps" | "classes" | "ref" | "onChange" | "value" | "defaultValue">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "classes" | "onChange" | keyof MuiRadioGroupProps>, ReadOnlyControlProps, BaseRecursicaRadioGroupProps {
 }
 export type RadioGroupProps = RecursicaOverStyled<RecursicaRadioGroupProps>;
-export declare const RadioGroup: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaRadioGroupProps, "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 & {
-    overStyled?: false | undefined;
-}, "ref"> | Omit<RecursicaRadioGroupProps & {
-    overStyled: true;
-}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,5 @@
 import { default as React } from 'react';
-import { ReadOnlyControlProps } from '@recursica/adapter-common';
+import { ReadOnlyControlProps, RecursicaReadOnlyFieldProps as BaseRecursicaReadOnlyFieldProps } from '@recursica/adapter-common';
 import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
-export type ReadOnlyFieldProps = Omit<RecursicaFormControlWrapperProps, "error" | "focused"> & ReadOnlyControlProps & {
-    value?: any;
-    type?: "text" | "boolean" | "number" | "switch" | "date";
-};
+export type ReadOnlyFieldProps = Omit<RecursicaFormControlWrapperProps, "error" | "focused" | "controlMaxWidth" | "controlMinWidth"> & ReadOnlyControlProps & BaseRecursicaReadOnlyFieldProps;
 export declare const ReadOnlyField: React.ForwardRefExoticComponent<Omit<ReadOnlyFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,29 +1,19 @@
 import { ToggleButtonGroupProps as MuiSegmentedControlProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-export interface RecursicaSegmentedControlProps {
-    /** The orientation of the control */
-    orientation?: "horizontal" | "vertical";
-    /** If true, the control will take up the full width of its container */
-    fullWidth?: boolean;
-    /**
-     * SegmentedControl should NOT be allowed to be disabled by design.
-     * This component explicitly disables the `disabled` prop.
-     */
-    disabled?: never;
-}
-export type SegmentedControlProps = RecursicaOverStyled<Omit<MuiSegmentedControlProps, "variant" | "size" | "radius" | "color" | "classNames" | "className" | "disabled"> & {
+import { RecursicaSegmentedControlProps } from '@recursica/adapter-common';
+export type SegmentedControlProps = RecursicaOverStyled<Omit<MuiSegmentedControlProps, "variant" | "size" | "radius" | "color" | "classNames" | "className" | "disabled" | "value" | "onChange"> & {
     className?: string;
     classNames?: Partial<Record<string, string>>;
 } & RecursicaSegmentedControlProps>;
 /**
  * Recursica SegmentedControl component wrapping Mui's SegmentedControl.
  */
-export declare const SegmentedControl: import('react').ForwardRefExoticComponent<(Omit<Omit<Omit<MuiSegmentedControlProps, "className" | "color" | "variant" | "disabled" | "size" | "radius" | "classNames"> & {
+export declare const SegmentedControl: import('react').ForwardRefExoticComponent<(Omit<Omit<Omit<MuiSegmentedControlProps, "className" | "color" | "value" | "classNames" | "onChange" | "variant" | "disabled" | "size" | "radius"> & {
     className?: string;
     classNames?: Partial<Record<string, string>>;
-} & RecursicaSegmentedControlProps, "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 & {
+} & RecursicaSegmentedControlProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<Omit<MuiSegmentedControlProps, "className" | "color" | "variant" | "disabled" | "size" | "radius" | "classNames"> & {
+}, "ref"> | Omit<Omit<MuiSegmentedControlProps, "className" | "color" | "value" | "classNames" | "onChange" | "variant" | "disabled" | "size" | "radius"> & {
     className?: string;
     classNames?: Partial<Record<string, string>>;
 } & RecursicaSegmentedControlProps & {

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

@@ -1,19 +1,9 @@
 import { default as React } from 'react';
-import { SliderProps as MuiSliderProps, InputWrapperProps } from '@mui/material';
-import { ReadOnlyControlProps } from '@recursica/adapter-common';
+import { SliderProps as MuiSliderProps } from '@mui/material';
+import { ReadOnlyControlProps, RecursicaSliderProps as BaseRecursicaSliderProps } from '@recursica/adapter-common';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
-export interface RecursicaSliderProps extends Omit<Omit<MuiSliderProps, "size" | "color">, "variant" | "radius" | "wrapperProps" | "classNames" | "styles" | "label">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, Pick<InputWrapperProps, "error" | "required" | "withAsterisk">, ReadOnlyControlProps {
-    /** The form control label displayed above or beside the slider track. */
-    label?: React.ReactNode;
-    /** Floating tooltip shown above the thumb when dragging. Replaces Mui's `label`. */
-    tooltipLabel?: MuiSliderProps["label"];
-    /** An optional icon rendered to the left of the slider track. */
-    icon?: React.ReactNode;
-    /** Whether to render a numeric input field side-by-side or stacked with the track. Defaults to false. */
-    showInput?: boolean;
-    /** Whether to render min and max labels below the track. Defaults to true. */
-    showMinMaxLabels?: boolean;
+export interface RecursicaSliderProps extends Omit<MuiSliderProps, "size" | "color" | "classes" | "onChange" | "onChangeCommitted">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "error" | "required" | "withAsterisk" | keyof MuiSliderProps>, ReadOnlyControlProps, BaseRecursicaSliderProps {
 }
 export type SliderProps = RecursicaOverStyled<RecursicaSliderProps>;
 /**
@@ -22,7 +12,7 @@ export type SliderProps = RecursicaOverStyled<RecursicaSliderProps>;
  * 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.
  */
-export declare const Slider: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaSliderProps, "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 Slider: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaSliderProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<RecursicaSliderProps & {
     overStyled: true;

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

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

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

@@ -1,22 +1,42 @@
 import { default as React } from 'react';
-import { StepperProps as MuiStepperProps } from '@mui/material';
+import { StepProps as MuiStepProps, StepLabelProps as MuiStepLabelProps, StepButtonProps as MuiStepButtonProps, StepConnectorProps as MuiStepConnectorProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-export interface RecursicaStepperProps extends Omit<MuiStepperProps, "size" | "color" | "radius" | "iconSize" | "contentPadding" | "activeStep"> {
-    size?: "small" | "large";
-    active?: number;
-    onStepClick?: (stepIndex: number) => void;
-    orientation?: "horizontal" | "vertical";
-}
+import { RecursicaStepperProps } from '@recursica/adapter-common';
 export type StepperProps = RecursicaOverStyled<RecursicaStepperProps>;
-export declare const StepperStep: React.FC<any>;
-export declare const StepperCompleted: React.FC<any>;
-declare const _Stepper: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaStepperProps, "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 Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+export type StepProps = RecursicaOverStyled<MuiStepProps>;
+export declare const Step: React.ForwardRefExoticComponent<(Omit<Omit<MuiStepProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<RecursicaStepperProps & {
+}, "ref"> | Omit<{
+    component?: React.ElementType | undefined;
+} & import('@mui/material').StepOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "sx" | "children" | "disabled" | "expanded" | "component" | "last" | "active" | "index" | "completed"> & {
+    component?: React.ElementType | undefined;
+} & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export type StepButtonProps = RecursicaOverStyled<MuiStepButtonProps>;
+export declare const StepButton: React.ForwardRefExoticComponent<(Omit<Omit<MuiStepButtonProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<import('@mui/material').StepButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "classes" | "style" | "sx" | "tabIndex" | "children" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "icon" | "optional"> & {
+    component?: React.ElementType | undefined;
+} & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
+export type StepLabelProps = RecursicaOverStyled<MuiStepLabelProps & {
+    description?: React.ReactNode;
+}>;
+export declare const StepLabel: React.ForwardRefExoticComponent<(Omit<Omit<MuiStepLabelProps & {
+    description?: React.ReactNode;
+}, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<MuiStepLabelProps & {
+    description?: React.ReactNode;
+} & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export type StepConnectorProps = RecursicaOverStyled<MuiStepConnectorProps>;
+export declare const StepConnector: React.ForwardRefExoticComponent<(Omit<Omit<MuiStepConnectorProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<MuiStepConnectorProps & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLDivElement>>;
-export declare const Stepper: typeof _Stepper & {
-    Step: typeof StepperStep;
-    Completed: typeof StepperCompleted;
-};
-export {};

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

@@ -1,10 +1,10 @@
 import { SwitchProps as MuiSwitchProps } from '@mui/material';
-import { ReadOnlyControlProps } from '@recursica/adapter-common';
+import { ReadOnlyControlProps, RequireAccessibleLabel, RecursicaSwitchProps } from '@recursica/adapter-common';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-import { RequireAccessibleLabel } from '../../utils/RequireAccessibleLabel';
 import { FormControlLayoutProps } from '../FormControlLayout/FormControlLayout';
-export type RecursicaSwitchProps = RequireAccessibleLabel<Omit<MuiSwitchProps, "size" | "color" | "radius" | "variant"> & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">>;
-export type SwitchProps = RecursicaOverStyled<RecursicaSwitchProps>;
+export type SwitchWrapperProps = Omit<MuiSwitchProps, "size" | "color" | "radius" | "variant"> & RecursicaSwitchProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
+export type RecursicaSwitchPropsAlias = RequireAccessibleLabel<SwitchWrapperProps>;
+export type SwitchProps = RecursicaOverStyled<RecursicaSwitchPropsAlias>;
 type SwitchComponent = any;
 export declare const Switch: SwitchComponent;
 export {};

package/dist/src/components/Switch/SwitchGroup.d.ts

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
-import { SwitchGroupProps as MuiSwitchGroupProps } from '@mui/material';
-import { ReadOnlyControlProps } from '@recursica/adapter-common';
+import { FormGroupProps as MuiFormGroupProps } from '@mui/material';
+import { ReadOnlyControlProps, RecursicaSwitchGroupProps as BaseRecursicaSwitchGroupProps } from '@recursica/adapter-common';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
-export interface RecursicaSwitchGroupProps extends Omit<MuiSwitchGroupProps, "size" | "labelProps">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps {
+export interface RecursicaSwitchGroupProps extends Omit<MuiFormGroupProps, "size" | "labelProps" | "onChange" | "classes" | "ref" | "value" | "defaultValue">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "classes" | "onChange">, ReadOnlyControlProps, BaseRecursicaSwitchGroupProps {
 }
 export type SwitchGroupProps = RecursicaOverStyled<RecursicaSwitchGroupProps>;
-export declare const SwitchGroup: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaSwitchGroupProps, "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 SwitchGroup: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaSwitchGroupProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
 }, "ref"> | Omit<RecursicaSwitchGroupProps & {
     overStyled: true;

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

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