@recursica/mui-adapter 0.10.0 → 0.11.0

package/src/components/Slider/Slider.tsx

@@ -129,7 +129,7 @@ export const Slider = forwardRef<HTMLDivElement, SliderProps>(
       if (!isNaN(parsed)) {
         // Clamp input value to bounds
         const clamped = Math.max(min, Math.min(max, parsed));
-        handleValueChange(null as any, clamped);
+        handleValueChange(null as unknown as Event, clamped);
       }
     };
 
@@ -211,7 +211,7 @@ export const Slider = forwardRef<HTMLDivElement, SliderProps>(
         label={label}
         assistiveText={assistiveText}
         assistiveWithIcon={assistiveWithIcon}
-        error={error as any}
+        error={!!error}
         required={required}
         id={id}
         readOnly={readOnly}
@@ -239,14 +239,22 @@ export const Slider = forwardRef<HTMLDivElement, SliderProps>(
                 disabled={disabled}
                 value={resolvedValue}
                 onChange={handleValueChange}
-                onChangeCommitted={onChangeEnd as any}
+                onChangeCommitted={
+                  onChangeEnd as unknown as (
+                    event: Event | React.SyntheticEvent,
+                    value: number | number[],
+                  ) => void
+                }
                 min={min}
                 max={max}
                 step={step}
                 valueLabelDisplay={tooltipLabel === null ? "off" : "auto"}
                 valueLabelFormat={
                   typeof tooltipLabel === "function"
-                    ? (tooltipLabel as any)
+                    ? (tooltipLabel as unknown as (
+                        value: number,
+                        index: number,
+                      ) => React.ReactNode)
                     : undefined
                 }
                 {...(sanitizedProps as unknown as MuiSliderProps)}

package/src/components/Stepper/Stepper.tsx

@@ -46,6 +46,7 @@ export const Stepper = forwardRef<HTMLDivElement, StepperProps>(
         data-orientation={orientation}
       >
         <MuiStepper
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ref={ref as any}
           orientation={orientation}
           connector={

package/src/components/Switch/Switch.tsx

@@ -37,7 +37,7 @@ export type RecursicaSwitchPropsAlias =
 
 export type SwitchProps = RecursicaOverStyled<RecursicaSwitchPropsAlias>;
 
-type SwitchComponent = any;
+type SwitchComponent = React.ComponentType<SwitchProps>;
 
 export const Switch = forwardRef<HTMLInputElement, SwitchProps>(
   function Switch(props, ref) {
@@ -137,6 +137,7 @@ export const Switch = forwardRef<HTMLInputElement, SwitchProps>(
     // We omit Mui's sizing/coloring so we rely strictly on variables from Switch.module.css
     const switchNode = (
       <MuiSwitch
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ref={ref as any}
         className={!label ? `${finalClass} ${styles.inner}` : styles.inner}
         classes={mergedClassNames}

package/src/components/Switch/index.ts

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

package/src/components/Table/Table.tsx

@@ -22,7 +22,7 @@ export type TableProps = RecursicaOverStyled<
 >;
 
 const TableBase = forwardRef<HTMLTableElement, TableProps>(function Table(
-  { overStyled = false, className, ...rest },
+  { overStyled = false, ...rest },
   ref,
 ) {
   const sanitizedProps = filterStylingProps(rest, overStyled);

package/src/components/TextArea/TextArea.tsx

@@ -18,7 +18,14 @@ import { type RecursicaTextAreaProps as BaseRecursicaTextAreaProps } from "@recu
 export interface RecursicaTextAreaProps
   extends Omit<
       MuiTextareaProps,
-      "size" | "variant" | "radius" | "wrapperProps" | "maxRows" | "minRows"
+      | keyof React.HTMLAttributes<HTMLDivElement>
+      | "size"
+      | "variant"
+      | "radius"
+      | "wrapperProps"
+      | "maxRows"
+      | "minRows"
+      | "classes"
     >,
     Omit<
       RecursicaFormControlWrapperProps,
@@ -122,6 +129,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
           /* Naked Input execution safely decoupled from Mui's macro Input.Wrapper DOM hooks */
           <MuiTextarea
             multiline
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             inputRef={ref as any}
             classes={mergedClassNames}
             disabled={disabled}

package/src/components/TextField/TextField.tsx

@@ -137,7 +137,9 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
         required={required}
         id={id}
         readOnly={readOnly}
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         readOnlyComponent={readOnlyComponent as any}
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         emptyValueComponent={(emptyValueComponent as any) || undefined}
         readOnlyType="text"
         readOnlyValue={value !== undefined ? value : defaultValue}

package/src/components/Timeline/index.ts

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

package/src/components/Typography/index.ts

@@ -0,0 +1 @@
+export * from "./Typography";

package/src/components/index.ts

@@ -45,3 +45,4 @@ export * from "./Title";
 export * from "./Toast";
 export * from "./Tooltip";
 export * from "./TransferList";
+export * from "./Typography";

package/src/index.ts

@@ -1,7 +1,175 @@
 import "@recursica/adapter-common/style.css";
-export * from "./components";
+import * as rawComponents from "./components";
+import { wrapComponent } from "@recursica/adapter-common";
+
 export * from "@recursica/adapter-common";
 
+// Expose unwrapped structural layout primitives to preserve their polymorphic types
+export const Box = rawComponents.Box;
+export const Flex = rawComponents.Flex;
+export const Group = rawComponents.Group;
+export const Stack = rawComponents.Stack;
+export const Container = rawComponents.Container;
+export const Typography = rawComponents.Typography;
+export const FileInput = rawComponents.FileInput;
+export const FileUpload = rawComponents.FileUpload;
+
+// Statically wrap and export components to inject overStyled visual highlight in dev mode
+export const Accordion = wrapComponent(
+  rawComponents.Accordion,
+) as typeof rawComponents.Accordion;
+export const AccordionItem = wrapComponent(
+  rawComponents.AccordionItem,
+) as typeof rawComponents.AccordionItem;
+export const AccordionControl = wrapComponent(
+  rawComponents.AccordionControl,
+) as typeof rawComponents.AccordionControl;
+export const AccordionPanel = wrapComponent(
+  rawComponents.AccordionPanel,
+) as typeof rawComponents.AccordionPanel;
+export const AssistiveElement = wrapComponent(
+  rawComponents.AssistiveElement,
+) as typeof rawComponents.AssistiveElement;
+export const Autocomplete = wrapComponent(
+  rawComponents.Autocomplete,
+) as typeof rawComponents.Autocomplete;
+export const Avatar = wrapComponent(
+  rawComponents.Avatar,
+) as typeof rawComponents.Avatar;
+export const Badge = wrapComponent(
+  rawComponents.Badge,
+) as typeof rawComponents.Badge;
+export const Breadcrumb = wrapComponent(
+  rawComponents.Breadcrumb,
+) as typeof rawComponents.Breadcrumb;
+export const Button = wrapComponent(
+  rawComponents.Button,
+) as typeof rawComponents.Button;
+export const Card = wrapComponent(
+  rawComponents.Card,
+) as typeof rawComponents.Card;
+export const Checkbox = wrapComponent(
+  rawComponents.Checkbox,
+) as typeof rawComponents.Checkbox;
+export const CheckboxGroup = wrapComponent(
+  rawComponents.CheckboxGroup,
+) as typeof rawComponents.CheckboxGroup;
+export const Chip = wrapComponent(
+  rawComponents.Chip,
+) as typeof rawComponents.Chip;
+export const DatePicker = wrapComponent(
+  rawComponents.DatePicker,
+) as typeof rawComponents.DatePicker;
+export const Dropdown = wrapComponent(
+  rawComponents.Dropdown,
+) as typeof rawComponents.Dropdown;
+export const FormControlLayout = wrapComponent(
+  rawComponents.FormControlLayout,
+) as typeof rawComponents.FormControlLayout;
+export const FormControlWrapper = wrapComponent(
+  rawComponents.FormControlWrapper,
+) as typeof rawComponents.FormControlWrapper;
+export const HoverCard = wrapComponent(
+  rawComponents.HoverCard,
+) as typeof rawComponents.HoverCard;
+export const Label = wrapComponent(
+  rawComponents.Label,
+) as typeof rawComponents.Label;
+export const Link = wrapComponent(
+  rawComponents.Link,
+) as typeof rawComponents.Link;
+export const Loader = wrapComponent(
+  rawComponents.Loader,
+) as typeof rawComponents.Loader;
+export const Menu = wrapComponent(
+  rawComponents.Menu,
+) as typeof rawComponents.Menu;
+export const MenuItem = wrapComponent(
+  rawComponents.MenuItem,
+) as typeof rawComponents.MenuItem;
+export const MenuDivider = wrapComponent(
+  rawComponents.MenuDivider,
+) as typeof rawComponents.MenuDivider;
+export const Modal = wrapComponent(
+  rawComponents.Modal,
+) as typeof rawComponents.Modal;
+export const NumberInput = wrapComponent(
+  rawComponents.NumberInput,
+) as typeof rawComponents.NumberInput;
+export const Pagination = wrapComponent(
+  rawComponents.Pagination,
+) as typeof rawComponents.Pagination;
+export const Panel = wrapComponent(
+  rawComponents.Panel,
+) as typeof rawComponents.Panel;
+export const PanelFooter = wrapComponent(
+  rawComponents.PanelFooter,
+) as typeof rawComponents.PanelFooter;
+export const Radio = wrapComponent(
+  rawComponents.Radio,
+) as typeof rawComponents.Radio;
+export const RadioGroup = wrapComponent(
+  rawComponents.RadioGroup,
+) as typeof rawComponents.RadioGroup;
+export const ReadOnlyField = wrapComponent(
+  rawComponents.ReadOnlyField,
+) as typeof rawComponents.ReadOnlyField;
+export const SegmentedControl = wrapComponent(
+  rawComponents.SegmentedControl,
+) as typeof rawComponents.SegmentedControl;
+export const Slider = wrapComponent(
+  rawComponents.Slider,
+) as typeof rawComponents.Slider;
+export const Stepper = wrapComponent(
+  rawComponents.Stepper,
+) as typeof rawComponents.Stepper;
+export const Switch = wrapComponent(
+  rawComponents.Switch,
+) as typeof rawComponents.Switch;
+export const SwitchGroup = wrapComponent(
+  rawComponents.SwitchGroup,
+) as typeof rawComponents.SwitchGroup;
+export const Table = wrapComponent(
+  rawComponents.Table,
+) as typeof rawComponents.Table;
+export const Tab = wrapComponent(rawComponents.Tab) as typeof rawComponents.Tab;
+export const TabPanel = wrapComponent(
+  rawComponents.TabPanel,
+) as typeof rawComponents.TabPanel;
+export const Tabs = wrapComponent(
+  rawComponents.Tabs,
+) as typeof rawComponents.Tabs;
+export const Text = wrapComponent(
+  rawComponents.Text,
+) as typeof rawComponents.Text;
+export const TextArea = wrapComponent(
+  rawComponents.TextArea,
+) as typeof rawComponents.TextArea;
+export const TextField = wrapComponent(
+  rawComponents.TextField,
+) as typeof rawComponents.TextField;
+export const TimePicker = wrapComponent(
+  rawComponents.TimePicker,
+) as typeof rawComponents.TimePicker;
+export const Timeline = wrapComponent(
+  rawComponents.Timeline,
+) as typeof rawComponents.Timeline;
+export const TimelineItem = wrapComponent(
+  rawComponents.TimelineItem,
+) as typeof rawComponents.TimelineItem;
+export const Title = wrapComponent(
+  rawComponents.Title,
+) as typeof rawComponents.Title;
+export const Toast = wrapComponent(
+  rawComponents.Toast,
+) as typeof rawComponents.Toast;
+export const Tooltip = wrapComponent(
+  rawComponents.Tooltip,
+) as typeof rawComponents.Tooltip;
+export const TransferList = wrapComponent(
+  rawComponents.TransferList,
+) as typeof rawComponents.TransferList;
+
 export type {
   RecursicaAutocompleteProps,
   RecursicaDropdownProps,