@recursica/mui-adapter 0.21.0 → 0.22.0

package/src/components/Tabs/Tabs.module.css

@@ -221,10 +221,81 @@
   );
 }
 
+/* ---------------------------------
+   SELECTION INDICATOR & BASELINE
+   Mantine draws the active-tab underline/side-border and the full-length baseline natively off
+   the shared --tabs-color/--tabs-border-color vars above. MUI has no equivalent built-in, so we
+   drive its own indicator slot (classes.indicator, wired in Tabs.tsx) and the list's baseline
+   border explicitly from the same vars. Pills has no baseline/indicator — selection is carried
+   entirely by the pill's own background/border (see COLORS & TYPOGRAPHY below).
+--------------------------------- */
+.root[data-variant="default"] .indicator,
+.root[data-variant="outline"] .indicator {
+  background-color: var(--tabs-color) !important;
+}
+.root[data-variant="default"][data-orientation="horizontal"] .indicator,
+.root[data-variant="outline"][data-orientation="horizontal"] .indicator {
+  height: var(--tabs-active-border-size) !important;
+}
+/* MUI's Tabs root has no border/padding of its own, so the list's margin-bottom (the
+   tabs-content-gap, used to space the panel below) collapses into the root's auto height instead
+   of stopping at the list's own border edge. The indicator is absolutely positioned against that
+   inflated root box, so without this offset it renders content-gap pixels below the baseline
+   instead of flush against it. */
+.root[data-variant="default"][data-orientation="horizontal"]:not(
+    [data-inverted]
+  )
+  .indicator {
+  bottom: var(
+    --recursica_ui-kit_components_tabs_variants_styles_default_variants_orientation_horizontal_properties_tabs-content-gap
+  ) !important;
+}
+.root[data-variant="outline"][data-orientation="horizontal"]:not(
+    [data-inverted]
+  )
+  .indicator {
+  bottom: var(
+    --recursica_ui-kit_components_tabs_variants_styles_outline_variants_orientation_horizontal_properties_tabs-content-gap
+  ) !important;
+}
+.root[data-variant="default"][data-orientation="vertical"] .indicator,
+.root[data-variant="outline"][data-orientation="vertical"] .indicator {
+  width: var(--tabs-active-border-size) !important;
+}
+.root[data-variant="default"][data-orientation="horizontal"][data-inverted]
+  .indicator,
+.root[data-variant="outline"][data-orientation="horizontal"][data-inverted]
+  .indicator {
+  bottom: auto !important;
+  top: 0 !important;
+}
+.root[data-variant="pills"] .indicator {
+  display: none !important;
+}
+
+.root[data-variant="default"][data-orientation="horizontal"] .list,
+.root[data-variant="outline"][data-orientation="horizontal"] .list {
+  border-bottom: var(--tabs-inactive-border-size) solid var(--tabs-border-color);
+}
+.root[data-variant="default"][data-orientation="horizontal"][data-inverted]
+  .list,
+.root[data-variant="outline"][data-orientation="horizontal"][data-inverted]
+  .list {
+  border-bottom: none;
+  border-top: var(--tabs-inactive-border-size) solid var(--tabs-border-color);
+}
+.root[data-variant="default"][data-orientation="vertical"] .list,
+.root[data-variant="outline"][data-orientation="vertical"] .list {
+  border-right: var(--tabs-inactive-border-size) solid var(--tabs-border-color);
+}
+
 /* ---------------------------------
    TAB ELEMENT
 --------------------------------- */
 .root .tab {
+  /* MUI defaults icon+label tabs to a 72px min-height; Mantine's tab height is purely
+     content/padding-driven (auto), so without this reset MUI's row is visibly taller. */
+  min-height: auto !important;
   min-width: var(--tabs-min-width);
   max-width: var(--tabs-max-width);
   padding: var(--tabs-vertical-padding) var(--tabs-horizontal-padding);
@@ -334,43 +405,43 @@
   );
 }
 
-.root[data-variant="default"] .tab[data-active] {
+.root[data-variant="default"] .tab:global(.Mui-selected) {
   background-color: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_default_variants_selection-states_active_properties_colors_background-color
-  );
+  ) !important;
   color: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_default_variants_selection-states_active_properties_colors_text-color
-  );
+  ) !important;
 
   font-family: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_default_variants_selection-states_active_properties_text_font-family
-  );
+  ) !important;
   font-size: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_default_variants_selection-states_active_properties_text_font-size
-  );
+  ) !important;
   font-style: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_default_variants_selection-states_active_properties_text_font-style
-  );
+  ) !important;
   font-weight: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_default_variants_selection-states_active_properties_text_font-weight
-  );
+  ) !important;
   letter-spacing: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_default_variants_selection-states_active_properties_text_letter-spacing
-  );
+  ) !important;
   line-height: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_default_variants_selection-states_active_properties_text_line-height
-  );
+  ) !important;
   text-decoration: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_default_variants_selection-states_active_properties_text_text-decoration
-  );
+  ) !important;
   text-transform: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_default_variants_selection-states_active_properties_text_text-transform
-  );
+  ) !important;
 }
-.root[data-variant="default"] .tab[data-active] svg {
+.root[data-variant="default"] .tab:global(.Mui-selected) svg {
   color: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_default_variants_selection-states_active_properties_colors_icon-color
-  );
+  ) !important;
 }
 
 /* Outline Variant Colors & Typography */
@@ -413,43 +484,43 @@
   );
 }
 
-.root[data-variant="outline"] .tab[data-active] {
+.root[data-variant="outline"] .tab:global(.Mui-selected) {
   background-color: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_outline_variants_selection-states_active_properties_colors_background-color
-  );
+  ) !important;
   color: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_outline_variants_selection-states_active_properties_colors_text-color
-  );
+  ) !important;
 
   font-family: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_outline_variants_selection-states_active_properties_text_font-family
-  );
+  ) !important;
   font-size: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_outline_variants_selection-states_active_properties_text_font-size
-  );
+  ) !important;
   font-style: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_outline_variants_selection-states_active_properties_text_font-style
-  );
+  ) !important;
   font-weight: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_outline_variants_selection-states_active_properties_text_font-weight
-  );
+  ) !important;
   letter-spacing: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_outline_variants_selection-states_active_properties_text_letter-spacing
-  );
+  ) !important;
   line-height: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_outline_variants_selection-states_active_properties_text_line-height
-  );
+  ) !important;
   text-decoration: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_outline_variants_selection-states_active_properties_text_text-decoration
-  );
+  ) !important;
   text-transform: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_outline_variants_selection-states_active_properties_text_text-transform
-  );
+  ) !important;
 }
-.root[data-variant="outline"] .tab[data-active] svg {
+.root[data-variant="outline"] .tab:global(.Mui-selected) svg {
   color: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_outline_variants_selection-states_active_properties_colors_icon-color
-  );
+  ) !important;
 }
 
 /* Pills Variant Colors & Typography */
@@ -496,58 +567,64 @@
   );
 }
 
-.root[data-variant="pills"] .tab[data-active] {
+.root[data-variant="pills"] .tab:global(.Mui-selected) {
   background-color: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_colors_background-color
-  );
+  ) !important;
   color: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_colors_text-color
-  );
+  ) !important;
   border: var(--tabs-active-border-size) solid
     var(
       --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_colors_border-color
-    );
+    ) !important;
 
   font-family: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_text_font-family
-  );
+  ) !important;
   font-size: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_text_font-size
-  );
+  ) !important;
   font-style: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_text_font-style
-  );
+  ) !important;
   font-weight: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_text_font-weight
-  );
+  ) !important;
   letter-spacing: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_text_letter-spacing
-  );
+  ) !important;
   line-height: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_text_line-height
-  );
+  ) !important;
   text-decoration: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_text_text-decoration
-  );
+  ) !important;
   text-transform: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_text_text-transform
-  );
+  ) !important;
 }
-.root[data-variant="pills"] .tab[data-active] svg {
+.root[data-variant="pills"] .tab:global(.Mui-selected) svg {
   color: var(
     --recursica_ui-kit_components_tabs-item_variants_styles_pills_variants_selection-states_active_properties_colors_icon-color
-  );
+  ) !important;
 }
 
-/* Content panel */
-.root .panel {
+/* Content panel
+   Note: unlike .list (MUI's internal flexContainer, a true descendant of .root), TabPanel
+   renders as a DOM sibling of <Tabs>, not nested inside it — `.root .panel` would never match.
+   Scope directly off the CSS-module-scoped class name instead. */
+.panel {
   /* Recursica doesn't define panel colors intrinsically, leaves it to child content */
+  /* MUI's TabPanel defaults to theme.spacing(3) padding; Mantine's Tabs.Panel has none, and
+     the tab-to-content gap is already carried by the list's own margin (tabs-content-gap) */
+  padding: 0 !important;
 }
 
 /* Hover state uses a pseudo-element to apply opacity to the background without fading the text.
    No per-variant hover-color/hover-opacity tokens exist anymore; use the generic overlay tokens
    shared across components instead. */
-.root[data-variant] .tab:not([data-active]):hover::before {
+.root[data-variant] .tab:not(:global(.Mui-selected)):hover::before {
   content: "";
   position: absolute;
   inset: 0;

package/src/components/Tabs/Tabs.stories.tsx

@@ -48,9 +48,12 @@ const InteractiveTabs = (
   };
 
   return (
-    <Flex style={{ width: 600, height: 300 }}>
+    <Flex
+      direction={args.orientation === "vertical" ? "row" : "column"}
+      style={{ width: 600, height: 300 }}
+    >
       <TabContext value={value}>
-        <Tabs onChange={handleChange} {...args}>
+        <Tabs value={value} onChange={handleChange} {...args}>
           <Tab
             value="gallery"
             label="Gallery"

package/src/components/Tabs/Tabs.tsx

@@ -35,6 +35,7 @@ export const Tabs = forwardRef<HTMLDivElement, TabsProps>(
     return (
       <MuiTabs
         ref={ref}
+        {...(sanitizedProps as MuiTabsProps)}
         orientation={orientation}
         className={`${styles.root} ${className || ""}`}
         data-variant={variant}
@@ -44,7 +45,6 @@ export const Tabs = forwardRef<HTMLDivElement, TabsProps>(
           flexContainer: styles.list,
           indicator: styles.indicator,
         }}
-        {...(sanitizedProps as MuiTabsProps)}
       />
     );
   },

package/src/components/Tabs/USAGE.md

@@ -7,27 +7,43 @@ This document describes how to integrate and use the `Tabs` component in your pr
 ## 1. Import Reference
 
 ```tsx
-import { Tabs } from "@recursica/mui-adapter";
+import { Tabs, Tab, TabPanel } from "@recursica/mui-adapter";
 ```
 
 ---
 
 ## 2. Basic Example
 
+Unlike the mantine-adapter, `Tabs` has no `.List`/`.Panel` compound API — it mirrors native
+MUI's own `@mui/lab` split, where `Tabs`/`Tab` and `TabPanel` are separate elements coordinated
+by `TabContext`. Because `TabPanel` renders as a sibling of `Tabs` (not nested inside it), wrap
+both in a column-direction container yourself so the panel renders below the tab list instead of
+beside it.
+
+> [!WARNING] > `Tabs` wraps `@mui/material`'s `Tabs`, which does **not** read `TabContext` for its own
+> selected state — only `TabPanel` (from `@mui/lab`) does that. You must pass `value` to `Tabs`
+> explicitly, in addition to wrapping everything in `TabContext`. Omitting it silently leaves
+> every tab unselected (no active styling, no indicator).
+
 ```tsx
-import React from "react";
-import { Tabs } from "@recursica/mui-adapter";
+import React, { useState } from "react";
+import { TabContext } from "@mui/lab";
+import { Tabs, Tab, TabPanel, Flex } from "@recursica/mui-adapter";
 
 export default function Demo() {
+  const [value, setValue] = useState("home");
+
   return (
-    <Tabs defaultValue="home">
-      <Tabs.List>
-        <Tabs.Tab value="home">Home</Tabs.Tab>
-        <Tabs.Tab value="profile">Profile</Tabs.Tab>
-      </Tabs.List>
-      <Tabs.Panel value="home">Home content</Tabs.Panel>
-      <Tabs.Panel value="profile">Profile content</Tabs.Panel>
-    </Tabs>
+    <Flex direction="column">
+      <TabContext value={value}>
+        <Tabs value={value} onChange={(_e, v) => setValue(v)}>
+          <Tab value="home" label="Home" />
+          <Tab value="profile" label="Profile" />
+        </Tabs>
+        <TabPanel value="home">Home content</TabPanel>
+        <TabPanel value="profile">Profile content</TabPanel>
+      </TabContext>
+    </Flex>
   );
 }
 ```

package/src/components/TextField/TextField.tsx

@@ -153,6 +153,7 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
           /* Naked Input execution safely decoupled from MUI's macro FormControl DOM hooks */
           <InputBase
             inputRef={ref} // MUI specific forward ref mapping
+            {...(sanitizedProps as unknown as InputBaseProps)}
             classes={{
               root: mergedClassNames.wrapper,
               input: mergedClassNames.input,
@@ -167,7 +168,6 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
             data-error={error ? "true" : undefined}
             data-with-left-section={leftSection ? "true" : undefined}
             data-with-right-section={rightSection ? "true" : undefined}
-            {...(sanitizedProps as unknown as InputBaseProps)}
           />
         }
       />

package/src/components/TimePicker/TimePicker.tsx

@@ -209,6 +209,7 @@ export const TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(
           <div className={styles.root} data-error={error ? "true" : undefined}>
             <LocalizationProvider dateAdapter={AdapterDayjs}>
               <MuiTimePicker
+                {...(sanitizedProps as unknown as Partial<MuiTimePickerProps>)}
                 value={internalValue}
                 onChange={handleFieldChange}
                 disabled={disabled}
@@ -231,7 +232,6 @@ export const TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(
                     className: styles.field,
                   },
                 }}
-                {...(sanitizedProps as unknown as Partial<MuiTimePickerProps>)}
               />
             </LocalizationProvider>
             <BareDropdown

package/src/components/Timeline/Timeline.tsx

@@ -70,11 +70,11 @@ const TimelineInner = React.forwardRef<HTMLUListElement, TimelineProps>(
     return (
       <MuiTimeline
         ref={ref}
-        classes={mergedClassNames}
         {...(sanitizedProps as unknown as Omit<
           MuiTimelineProps,
           "color" | "radius" | "bulletSize" | "lineWidth"
         >)}
+        classes={mergedClassNames}
       />
     );
   },

package/src/components/Timeline/TimelineItem.tsx

@@ -76,12 +76,12 @@ export const TimelineItem = React.forwardRef<HTMLDivElement, TimelineItemProps>(
     return (
       <MuiTimelineItem
         ref={ref}
-        classes={mergedClassNames}
-        data-variant={bulletVariant}
         {...(sanitizedProps as unknown as Omit<
           MuiTimelineItemProps,
           "radius" | "color" | "lineVariant"
         >)}
+        classes={mergedClassNames}
+        data-variant={bulletVariant}
       >
         {content}
       </MuiTimelineItem>

package/src/components/Toast/Toast.tsx

@@ -94,6 +94,10 @@ export const Toast = React.forwardRef<HTMLDivElement, ToastProps>(
     return (
       <MuiAlert
         ref={ref}
+        {...(sanitizedProps as unknown as Omit<
+          MuiAlertProps,
+          "color" | "radius" | "variant" | "onClose"
+        >)}
         icon={icon}
         data-variant={variant}
         className={`${className || ""}`}
@@ -110,10 +114,6 @@ export const Toast = React.forwardRef<HTMLDivElement, ToastProps>(
             </MuiIconButton>
           ) : undefined
         }
-        {...(sanitizedProps as unknown as Omit<
-          MuiAlertProps,
-          "color" | "radius" | "variant" | "onClose"
-        >)}
       >
         {title && (
           <MuiAlertTitle className={styles.title}>{title}</MuiAlertTitle>

package/src/components/Tooltip/Tooltip.tsx

@@ -77,12 +77,12 @@ const TooltipBase = function Tooltip({
 
   return (
     <MuiTooltip
+      {...(sanitizedProps as unknown as Omit<MuiTooltipProps, "title">)}
       title={label || title || ""}
       open={opened}
       placement="top" /* Recursica default; Mui defaults to "bottom" */
       arrow={resolvedWithArrow}
       classes={mergedClassNames}
-      {...(sanitizedProps as unknown as Omit<MuiTooltipProps, "title">)}
     />
   );
 };

package/src/components/Tree/Tree.tsx

@@ -248,6 +248,7 @@ export const Tree = forwardRef<HTMLUListElement, TreeProps>(function Tree(
   return (
     <RichTreeView
       ref={ref}
+      {...(sanitizedProps as unknown as Record<string, unknown>)}
       items={data}
       getItemId={(item: RecursicaTreeNode) => item.value}
       getItemLabel={(item: RecursicaTreeNode) =>
@@ -284,7 +285,6 @@ export const Tree = forwardRef<HTMLUListElement, TreeProps>(function Tree(
         item: CustomTreeItem,
       }}
       classes={{ root: rootClass }}
-      {...(sanitizedProps as unknown as Record<string, unknown>)}
     />
   );
 });

package/dist/src/OverStyling.d.ts

@@ -1 +0,0 @@
-export declare const OverStylingInfo: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/Version.d.ts

@@ -1 +0,0 @@
-export declare const VersionInfo: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,77 +0,0 @@
-import { default as React } from 'react';
-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<import('@recursica/adapter-common').WithRecursicaSpacing<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<Omit<MuiAccordionProps, "value" | "children"> & {
-    children?: React.ReactNode;
-    value: string;
-} & RecursicaAccordionItemProps, "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 AccordionControlWrapperProps = RecursicaOverStyled<MuiAccordionSummaryProps & RecursicaAccordionControlProps>;
-export declare const AccordionControl: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<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<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, "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 AccordionPanelWrapperProps = RecursicaOverStyled<MuiAccordionDetailsProps>;
-export declare const AccordionPanel: React.ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<MuiAccordionDetailsProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
-    overStyled?: false | undefined;
-}, "ref"> | Omit<Omit<MuiAccordionDetailsProps, "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>>;
-type AccordionComponent = typeof AccordionBase & {
-    Item: typeof AccordionItem;
-    Control: typeof AccordionControl;
-    Panel: typeof AccordionPanel;
-};
-export declare const Accordion: AccordionComponent;
-export {};

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

@@ -1 +0,0 @@
-export * from './Accordion';

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

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-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/AssistiveElement/index.d.ts

@@ -1 +0,0 @@
-export * from './AssistiveElement';

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

@@ -1,24 +0,0 @@
-import { default as React } from 'react';
-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<import('@recursica/adapter-common').WithRecursicaSpacing<RecursicaAutocompleteProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
-    overStyled?: false | undefined;
-}, "ref"> | Omit<Omit<RecursicaAutocompleteProps, "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/Autocomplete/index.d.ts

@@ -1 +0,0 @@
-export * from './Autocomplete';

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

@@ -1,25 +0,0 @@
-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: import('react').ForwardRefExoticComponent<(Omit<Omit<import('@recursica/adapter-common').WithRecursicaSpacing<Omit<MuiAvatarProps, "color" | "variant" | "size" | "radius"> & RecursicaAvatarProps>, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
-    overStyled?: false | undefined;
-}, "ref"> | Omit<Omit<Omit<MuiAvatarProps, "color" | "variant" | "size" | "radius"> & RecursicaAvatarProps, "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/Avatar/index.d.ts

@@ -1 +0,0 @@
-export * from './Avatar';