@recursica/mui-adapter 0.9.1 → 0.11.0

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

@@ -6,8 +6,19 @@ import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormCont
 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 & {
+export declare const NumberInput: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<RecursicaNumberInputProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<RecursicaNumberInputProps & {
+}, "ref"> | Omit<Omit<RecursicaNumberInputProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLInputElement>>;

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

@@ -5,8 +5,19 @@ export type PaginationProps = RecursicaOverStyled<MuiPaginationProps & Recursica
 /**
  * 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 & {
+export declare const Pagination: import('react').ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<MuiPaginationProps & RecursicaPaginationProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<MuiPaginationProps & RecursicaPaginationProps & {
+}, "ref"> | Omit<Omit<MuiPaginationProps & RecursicaPaginationProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
     overStyled: true;
 }, "ref">) & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,11 @@
+import { DrawerProps as MuiDrawerProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
-import { RecursicaPanelProps } from '@recursica/adapter-common';
+import { RecursicaPanelProps as BaseRecursicaPanelProps } from '@recursica/adapter-common';
 /**
  * Recursica Panel root props. Extends Mui Drawer.
  */
+export interface RecursicaPanelProps extends Omit<MuiDrawerProps, "classes" | "position" | "style" | "anchor" | "open">, BaseRecursicaPanelProps {
+}
 export type PanelProps = RecursicaOverStyled<RecursicaPanelProps>;
 /**
  * Recursica Panel component wrapping Mui's Drawer.
@@ -13,7 +16,7 @@ export type PanelProps = RecursicaOverStyled<RecursicaPanelProps>;
  * cluttering the main interface.
  *
  * ```tsx
- * <Panel opened={opened} onClose={close} title="Panel Title" position="right">
+ * <Panel opened={opened} onClose={close} title="Panel Title" placement="right">
  *   <Panel.Body>
  *     Content goes here
  *   </Panel.Body>
@@ -31,10 +34,7 @@ export type PanelProps = RecursicaOverStyled<RecursicaPanelProps>;
  * - `Panel.Stack` — Stacked drawer context
  */
 declare const PanelBase: {
-    ({ overStyled, position, keepMounted, wrapHeaderText, ...rest }: PanelProps & {
-        position?: "left" | "right" | "top" | "bottom";
-        opened?: boolean;
-    }): import("react/jsx-runtime").JSX.Element;
+    ({ overStyled, placement, keepMounted, wrapHeaderText, opened, ...rest }: PanelProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export type PanelFooterProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement>>;

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

@@ -1 +1,2 @@
 export * from './Radio';
+export * from './RadioGroup';

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

@@ -8,14 +8,25 @@ export type SegmentedControlProps = RecursicaOverStyled<Omit<MuiSegmentedControl
 /**
  * Recursica SegmentedControl component wrapping Mui's SegmentedControl.
  */
-export declare const SegmentedControl: import('react').ForwardRefExoticComponent<(Omit<Omit<Omit<MuiSegmentedControlProps, "className" | "color" | "value" | "classNames" | "onChange" | "variant" | "disabled" | "size" | "radius"> & {
+export declare const SegmentedControl: import('react').ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<Omit<MuiSegmentedControlProps, "className" | "color" | "value" | "classNames" | "onChange" | "variant" | "disabled" | "size" | "radius"> & {
     className?: string;
     classNames?: Partial<Record<string, string>>;
-} & RecursicaSegmentedControlProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+} & RecursicaSegmentedControlProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<Omit<MuiSegmentedControlProps, "className" | "color" | "value" | "classNames" | "onChange" | "variant" | "disabled" | "size" | "radius"> & {
+}, "ref"> | Omit<Omit<Omit<MuiSegmentedControlProps, "className" | "color" | "value" | "classNames" | "onChange" | "variant" | "disabled" | "size" | "radius"> & {
     className?: string;
     classNames?: Partial<Record<string, string>>;
-} & RecursicaSegmentedControlProps & {
+} & RecursicaSegmentedControlProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
     overStyled: true;
 }, "ref">) & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -12,8 +12,19 @@ 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, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+export declare const Slider: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<RecursicaSliderProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<RecursicaSliderProps & {
+}, "ref"> | Omit<Omit<RecursicaSliderProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 import { StackProps as MUIStackProps } from '@mui/material';
-import { OmitSx } from '../../utils/filterStylingProps';
+import { OmitSx, WithRecursicaSpacing } 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>>;
+export type StackProps = WithRecursicaSpacing<OmitSx<Omit<MUIStackProps, "spacing"> & RecursicaStackProps>>;
+export declare const Stack: import('react').ForwardRefExoticComponent<Omit<StackProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,42 +1,97 @@
 import { default as React } from 'react';
-import { StepProps as MuiStepProps, StepLabelProps as MuiStepLabelProps, StepButtonProps as MuiStepButtonProps, StepConnectorProps as MuiStepConnectorProps } from '@mui/material';
+import { StepperProps as MuiStepperProps, StepProps as MuiStepProps, StepLabelProps as MuiStepLabelProps, StepButtonProps as MuiStepButtonProps, StepConnectorProps as MuiStepConnectorProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaStepperProps } from '@recursica/adapter-common';
-export type StepperProps = RecursicaOverStyled<RecursicaStepperProps>;
-export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+export interface RecursicaStepperPropsExtended extends Omit<Partial<MuiStepperProps>, "size">, RecursicaStepperProps {
+}
+export type StepperProps = RecursicaOverStyled<RecursicaStepperPropsExtended>;
+export declare const Stepper: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<RecursicaStepperPropsExtended>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<Omit<RecursicaStepperPropsExtended, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
+    overStyled: true;
+}, "ref">) & 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 & {
+export declare const Step: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<MuiStepProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "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;
+}, "ref"> | Omit<Omit<MuiStepProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
 } & {
     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 & {
+export declare const StepButton: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<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;
+}, "ref"> | Omit<Omit<MuiStepButtonProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
 } & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 export type StepLabelProps = RecursicaOverStyled<MuiStepLabelProps & {
     description?: React.ReactNode;
 }>;
-export declare const StepLabel: React.ForwardRefExoticComponent<(Omit<Omit<MuiStepLabelProps & {
+export declare const StepLabel: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<MuiStepLabelProps & {
     description?: React.ReactNode;
-}, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+}>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<MuiStepLabelProps & {
+}, "ref"> | Omit<Omit<MuiStepLabelProps & {
     description?: React.ReactNode;
+}, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
 } & {
     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 & {
+export declare const StepConnector: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<MuiStepConnectorProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<MuiStepConnectorProps & {
+}, "ref"> | Omit<Omit<MuiStepConnectorProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLDivElement>>;

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

@@ -5,6 +5,6 @@ import { FormControlLayoutProps } from '../FormControlLayout/FormControlLayout';
 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;
+type SwitchComponent = React.ComponentType<SwitchProps>;
 export declare const Switch: SwitchComponent;
 export {};

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

@@ -3,11 +3,22 @@ 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<MuiFormGroupProps, "size" | "labelProps" | "onChange" | "classes" | "ref" | "value" | "defaultValue">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "classes" | "onChange">, ReadOnlyControlProps, BaseRecursicaSwitchGroupProps {
+export interface RecursicaSwitchGroupProps extends Omit<MuiFormGroupProps, "size" | "labelProps" | "onChange" | "classes" | "ref" | "value" | "defaultValue">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "classes" | "onChange" | "defaultValue">, ReadOnlyControlProps, BaseRecursicaSwitchGroupProps {
 }
 export type SwitchGroupProps = RecursicaOverStyled<RecursicaSwitchGroupProps>;
-export declare const SwitchGroup: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaSwitchGroupProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+export declare const SwitchGroup: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<RecursicaSwitchGroupProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<RecursicaSwitchGroupProps & {
+}, "ref"> | Omit<Omit<RecursicaSwitchGroupProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1,2 @@
 export * from './Switch';
+export * from './SwitchGroup';

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

@@ -1,4 +1,35 @@
-import { default as React } from 'react';
+import { TableProps as MuiTableProps, TableBody as MuiTableBody, TableCell as MuiTableCell, TableContainer as MuiTableContainer, TableHead as MuiTableHead, TableRow as MuiTableRow, TableFooter as MuiTableFooter, TableSortLabel as MuiTableSortLabel } from '@mui/material';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaTableProps } from '@recursica/adapter-common';
-export type TableProps = React.HTMLAttributes<HTMLDivElement> & RecursicaTableProps;
-export declare const Table: React.FC<TableProps>;
+export type TableProps = RecursicaOverStyled<MuiTableProps & RecursicaTableProps>;
+declare const TableBase: import('react').ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<import('@mui/material').TableOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "className" | "classes" | "style" | "sx" | "children" | "padding" | "size" | "stickyHeader"> & {
+    component?: React.ElementType | undefined;
+} & RecursicaTableProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<Omit<import('@mui/material').TableOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "className" | "classes" | "style" | "sx" | "children" | "padding" | "size" | "stickyHeader"> & {
+    component?: React.ElementType | undefined;
+} & RecursicaTableProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
+    overStyled: true;
+}, "ref">) & import('react').RefAttributes<HTMLTableElement>>;
+type TableComponent = typeof TableBase & {
+    Body: typeof MuiTableBody;
+    Cell: typeof MuiTableCell;
+    Container: typeof MuiTableContainer;
+    Head: typeof MuiTableHead;
+    Row: typeof MuiTableRow;
+    Footer: typeof MuiTableFooter;
+    SortLabel: typeof MuiTableSortLabel;
+};
+export declare const Table: TableComponent;
+export {};

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

@@ -1,20 +1,57 @@
-import { TabProps as MuiTabProps } from '@mui/material';
+import { TabsProps as MuiTabsProps, TabProps as MuiTabProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaTabsProps } from '@recursica/adapter-common';
 import { TabPanelProps as MuiTabPanelProps } from '@mui/lab';
-export type TabsProps = RecursicaOverStyled<RecursicaTabsProps>;
-export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface RecursicaTabsPropsExtended extends Omit<MuiTabsProps, "variant">, RecursicaTabsProps {
+}
+export type TabsProps = RecursicaOverStyled<RecursicaTabsPropsExtended>;
+export declare const Tabs: import('react').ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<RecursicaTabsPropsExtended>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<Omit<RecursicaTabsPropsExtended, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
+    overStyled: true;
+}, "ref">) & import('react').RefAttributes<HTMLDivElement>>;
 export type TabProps = RecursicaOverStyled<MuiTabProps>;
-export declare const Tab: import('react').ForwardRefExoticComponent<(Omit<Omit<MuiTabProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+export declare const Tab: import('react').ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<MuiTabProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<import('@mui/material').TabOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "sx" | "value" | "tabIndex" | "children" | "disabled" | "label" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "icon" | "disableFocusRipple" | "iconPosition" | "wrapped"> & {
-    component?: React.ElementType | undefined;
+}, "ref"> | Omit<Omit<MuiTabProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
 } & {
     overStyled: true;
 }, "ref">) & import('react').RefAttributes<HTMLDivElement>>;
 export type TabPanelProps = RecursicaOverStyled<MuiTabPanelProps>;
-export declare const TabPanel: import('react').ForwardRefExoticComponent<(Omit<Omit<MuiTabPanelProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+export declare const TabPanel: import('react').ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<MuiTabPanelProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<MuiTabPanelProps & {
+}, "ref"> | Omit<Omit<MuiTabPanelProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
     overStyled: true;
 }, "ref">) & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,20 @@
-import { default as React } from 'react';
+import { TypographyProps as MuiTypographyProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaTextProps } from '@recursica/adapter-common';
-export type TextProps = RecursicaOverStyled<RecursicaTextProps>;
-export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
+export type TextProps = RecursicaOverStyled<Omit<MuiTypographyProps, "variant" | "classes"> & RecursicaTextProps>;
+export declare const Text: import('react').ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<Omit<MuiTypographyProps, "classes" | "variant"> & RecursicaTextProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<Omit<Omit<MuiTypographyProps, "classes" | "variant"> & RecursicaTextProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
+    overStyled: true;
+}, "ref">) & import('react').RefAttributes<HTMLElement>>;

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

@@ -3,11 +3,22 @@ import { TextFieldProps as MuiTextareaProps } from '@mui/material';
 import { ReadOnlyControlProps, RecursicaTextAreaProps as BaseRecursicaTextAreaProps } from '@recursica/adapter-common';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
-export interface RecursicaTextAreaProps extends Omit<MuiTextareaProps, "size" | "variant" | "radius" | "wrapperProps">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps, BaseRecursicaTextAreaProps {
+export interface RecursicaTextAreaProps extends Omit<MuiTextareaProps, keyof React.HTMLAttributes<HTMLDivElement> | "size" | "variant" | "radius" | "wrapperProps" | "maxRows" | "minRows" | "classes">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, BaseRecursicaTextAreaProps {
 }
 export type TextAreaProps = RecursicaOverStyled<RecursicaTextAreaProps>;
-export declare const TextArea: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaTextAreaProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+export declare const TextArea: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<RecursicaTextAreaProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<RecursicaTextAreaProps & {
+}, "ref"> | Omit<Omit<RecursicaTextAreaProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -6,8 +6,19 @@ import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormCont
 export interface RecursicaTextFieldProps extends Omit<InputBaseProps, "color" | "size" | "startAdornment" | "endAdornment" | "autoComplete">, Omit<React.ComponentPropsWithoutRef<"input">, keyof InputBaseProps | "size" | "color" | "style" | "className" | "id">, Pick<RecursicaFormControlWrapperProps, "label" | "error" | "required" | "id" | "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps, BaseRecursicaTextFieldProps {
 }
 export type TextFieldProps = RecursicaOverStyled<RecursicaTextFieldProps>;
-export declare const TextField: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaTextFieldProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+export declare const TextField: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<RecursicaTextFieldProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<RecursicaTextFieldProps & {
+}, "ref"> | Omit<Omit<RecursicaTextFieldProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/Timeline/TimelineItem.d.ts

@@ -11,8 +11,19 @@ export type TimelineItemProps = RecursicaOverStyled<Omit<MuiTimelineItemProps, "
  * rendering it below the body content. It also accepts a `bulletVariant` to morph
  * the structural dimensions of the node circle automatically.
  */
-export declare const TimelineItem: React.ForwardRefExoticComponent<(Omit<Omit<Omit<MuiTimelineItemProps, "color" | "radius" | "lineVariant"> & RecursicaTimelineItemProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+export declare const TimelineItem: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<Omit<MuiTimelineItemProps, "color" | "radius" | "lineVariant"> & RecursicaTimelineItemProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<Omit<MuiTimelineItemProps, "color" | "radius" | "lineVariant"> & RecursicaTimelineItemProps & {
+}, "ref"> | Omit<Omit<Omit<MuiTimelineItemProps, "color" | "radius" | "lineVariant"> & RecursicaTimelineItemProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1,2 @@
 export * from './Timeline';
+export * from './TimelineItem';

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

@@ -1,5 +1,21 @@
 import { default as React } from 'react';
+import { TypographyProps as MuiTypographyProps } from '@mui/material';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaTitleProps } from '@recursica/adapter-common';
-export type TitleProps = RecursicaOverStyled<RecursicaTitleProps>;
-export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLElement>>;
+export type TitleProps = RecursicaOverStyled<Omit<MuiTypographyProps, "variant" | "classes"> & RecursicaTitleProps>;
+export declare const Title: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<Omit<MuiTypographyProps, "classes" | "variant"> & RecursicaTitleProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<Omit<Omit<MuiTypographyProps, "classes" | "variant"> & RecursicaTitleProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
+    overStyled: true;
+}, "ref">) & React.RefAttributes<HTMLElement>>;

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

@@ -14,8 +14,19 @@ export interface RecursicaToastProps extends BaseRecursicaToastProps {
  * Can be used as a standalone visual component to display a notification or message.
  */
 export type ToastProps = RecursicaOverStyled<Omit<MuiAlertProps, "color" | "radius" | "variant" | "onClose"> & RecursicaToastProps>;
-export declare const Toast: React.ForwardRefExoticComponent<(Omit<Omit<Omit<MuiAlertProps, "color" | "variant" | "onClose" | "radius"> & RecursicaToastProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
+export declare const Toast: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<Omit<MuiAlertProps, "color" | "variant" | "onClose" | "radius"> & RecursicaToastProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<Omit<MuiAlertProps, "color" | "variant" | "onClose" | "radius"> & RecursicaToastProps & {
+}, "ref"> | Omit<Omit<Omit<MuiAlertProps, "color" | "variant" | "onClose" | "radius"> & RecursicaToastProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+    columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
+} & {
     overStyled: true;
 }, "ref">) & React.RefAttributes<HTMLDivElement>>;