@recursica/mui-adapter 0.23.0 → 0.25.0

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @recursica/mui-adapter
 
+## 0.25.0
+
+### Minor Changes
+
+- e0f5643: Implement `TransferList` (dual listbox) in both adapters, replacing the "coming soon" stub. Composes `FormControlWrapper`, `TextField`, `Checkbox`/`CheckboxGroup`, `Badge`, and `Button` — supports controlled/uncontrolled `data`, per-item grouping, per-pane search, and `stacked`/`side-by-side` form layout.
+- 2fb7069: Add `Popover` component (click-controlled dropdown with beak/arrow, composable `Popover.Target`/`Popover.Dropdown`), bringing mui-adapter in parity with mantine-adapter's Popover.
+- 2fb7069: Fix `Popover`: gap now matches Mantine (Mui's built-in per-placement tooltip margin was stacking on top of our offset), and the beak now has a visible border matching the dropdown body. Fix `Button`: line-height now applies via `labelText` per size (matching Mantine) instead of being dropped from the small-size token.
+- 2fb7069: Fix `SegmentedControl` height (MUI's default `ToggleButton` box model was stacking on top of the token-driven label height) and selected-state styling (`Mui-selected` wasn't wrapped in `:global()`, so CSS Modules silently dropped the selector).
+  Also default to the first item selected when uncontrolled, matching mantine.
+- 2fb7069: Fix `SegmentedControl` labels rendering all-caps in MUI (its `ToggleButton` uppercase default was leaking through an invalid text-transform token). Labels now match Mantine's original casing.
+- 2fb7069: Fix `Slider`'s `Disabled` story (was passing `disabled: false` in both adapters). In `mui-adapter`, also fix the disabled track showing red instead of grey, make the thumb focus ring keyboard-only (no glow on click/drag) to match Mantine, render assistive text as a `<span>`, and align mark label color/position with Mantine (which now applies its own mark label color token too).
+- 2fb7069: Fix `Stepper`: use MUI's `alternativeLabel` so horizontal labels center under the icon and the connector centers on it, render the completed check mark as our own token-colored glyph instead of MUI's default blue `CheckCircle` SVG, and draw the vertical connecting line as a stretch-aware rail so it reaches the next step's circle regardless of description height.
+- 2fb7069: Fix `Tabs` showing a MUI click ripple that Mantine's tabs don't have. `Tab` now passes `disableRipple`.
+- 2fb7069: Fix `Tabs`: `outline` variant's selected tab now shows a connected border box (matching Mantine) with no stray bottom border line. `default` variant no longer shifts sibling tabs when selecting one (a stray ripple element was being pulled into flex layout). `vertical` orientation no longer stretches the tablist to the full row width, and its divider now runs the full height with the selection indicator aligned on it instead of offset to the side.
+- 2fb7069: Fix `TextArea`: error state border now uses the recursica error color (was never triggering in either adapter). MUI disabled background/border, focus ring color, and default height now match Mantine instead of MUI's own defaults.
+- 2fb7069: Fix `Timeline`: rebuild `Timeline.Item` on Mui's `TimelineSeparator`/`TimelineDot`/`TimelineConnector`/`TimelineContent` primitives so the bullet marker, connecting line, active state, and bullet variants render (and left-align) like the Mantine adapter instead of not rendering at all.
+
+### Patch Changes
+
+- 1616144: Fix `FileInput`'s clear-all button: pressing Enter or Space while it was focused opened the native file picker instead of clearing the selection (a regression from switching the control to the shared `Button` component, which dropped the keydown handler the previous bespoke element had).
+- 3ff5821: Fix `TransferList` checkboxes not toggling/showing checked state in either adapter (grouping-for-layout was silently overriding item selection). Add `readOnly` support and a `ReadOnly` story.
+- Updated dependencies [e0f5643]
+- Updated dependencies [1616144]
+- Updated dependencies [3ff5821]
+  - @recursica/adapter-common@0.18.0
+
+## 0.24.0
+
+### Minor Changes
+
+- 3d75770: Implement the `FileInput` component (single-line, `TextField`-shaped file picker with a native drag-and-drop drop target, single- and multiple-file modes, and a trailing clear icon) in `mantine-adapter` and `mui-adapter`, replacing the "coming soon" stub, with a shared `RecursicaFileInputProps` contract in `adapter-common` reusing `FileUpload`'s `RecursicaFileUploadItem`/validation interface (`accept`/`maxSize`/`maxFiles`/`readOnly`). Also adds `FileInput` to `RECURSICA_COMPONENTS` and moves `mui-adapter`'s export of it into the standard `wrapComponent` set (it was previously exported unwrapped, alongside the polymorphic layout primitives, as a leftover from its stub form).
+
+### Patch Changes
+
+- b86ca2b: `FileInput` now renders every selected file as a removable `Chip` in a horizontally scrollable row, in both single- and multiple-file mode (previously single-file mode showed plain filename text with no remove affordance). The trailing clear-all control is now a real shared `Button` (icon-only, "text" variant) instead of a bespoke `<span role="button">`.
+- Updated dependencies [3d75770]
+- Updated dependencies [b86ca2b]
+  - @recursica/adapter-common@0.17.0
+
 ## 0.23.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -22,7 +22,6 @@ import { DialogProps } from '@mui/material';
 import { DialogTitleProps } from '@mui/material';
 import { DividerProps } from '@mui/material';
 import { DrawerProps } from '@mui/material';
-import { FC } from 'react';
 import { FormControlProps } from '@mui/material';
 import { FormGroupProps } from '@mui/material';
 import { FormHelperTextProps } from '@mui/material';
@@ -501,11 +500,39 @@ export declare interface EmptyValueRendererProps {
     emptyText?: string;
 }
 
-export declare const FileInput: FC<rawComponents.FileInputProps>;
+export declare const FileInput: typeof rawComponents.FileInput;
 
-declare const FileInput_2: default_2.FC<FileInputProps>;
+/**
+ * A single-line, `TextField`-shaped control for choosing one or more files, sharing
+ * `FileUpload`'s selection/validation interface (`accept`/`maxSize`/`maxFiles`, `readOnly`)
+ * behind a different presentation.
+ *
+ * @example
+ * <FileInput
+ *   label="Resume"
+ *   files={files}
+ *   onFilesAdded={(added) => setFiles(added.map((file) => ({ file })))}
+ *   onFileRemove={() => setFiles([])}
+ * />
+ */
+declare const FileInput_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaFileInputProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
+    overStyled?: false | undefined;
+}, "ref"> | Omit<Omit<RecursicaFileInputProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+    m?: string | number | RecursicaSpacing;
+    mx?: string | number | RecursicaSpacing;
+    my?: string | number | RecursicaSpacing;
+    mt?: string | number | RecursicaSpacing;
+    mb?: string | number | RecursicaSpacing;
+    ml?: string | number | RecursicaSpacing;
+    mr?: string | number | RecursicaSpacing;
+    gap?: string | number | RecursicaSpacing;
+    rowGap?: string | number | RecursicaSpacing;
+    columnGap?: string | number | RecursicaSpacing;
+} & {
+    overStyled: true;
+}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
 
-declare type FileInputProps = default_2.HTMLAttributes<HTMLDivElement>;
+declare type FileInputProps = RecursicaOverStyled<RecursicaFileInputProps_2>;
 
 /**
  * Mirrors the semantics of the native HTML `accept` attribute (comma-separated file extensions,
@@ -980,6 +1007,84 @@ h?: string | number;
 height?: string | number;
 }, "ref">) & RefAttributes<HTMLDivElement>>;
 
+export declare const Popover: typeof rawComponents.Popover;
+
+declare const Popover_2: PopoverComponent;
+
+declare const PopoverBase: {
+    ({ overStyled, withBeak, position, defaultOpened, opened, onChange, offset, width, children, ...rest }: PopoverProps): JSX.Element;
+    displayName: string;
+};
+
+declare type PopoverComponent = typeof PopoverBase & {
+    Target: typeof PopoverTarget;
+    Dropdown: typeof PopoverDropdown;
+};
+
+declare const PopoverDropdown: {
+    ({ children, }: PopoverDropdownProps): JSX.Element;
+    displayName: string;
+};
+
+/** The dropdown panel displayed from the popover. */
+declare type PopoverDropdownProps = {
+    children?: default_2.ReactNode;
+};
+
+/**
+ * Behavioral props specific to this adapter's click-controlled implementation.
+ * `withBeak` comes from the shared `RecursicaPopoverProps` (adapter-common); the
+ * rest map to Mantine's own `PopoverProps` surface, reproduced here since Mui has
+ * no single library type that already covers them.
+ */
+declare interface PopoverOwnProps extends RecursicaPopoverProps {
+    /** Dropdown position relative to the target */
+    position?: TooltipProps["placement"];
+    /** Initial opened state (uncontrolled) */
+    defaultOpened?: boolean;
+    /** Controlled opened state */
+    opened?: boolean;
+    /** Called whenever the opened state changes */
+    onChange?: (opened: boolean) => void;
+    /** Distance in px between the dropdown and the target */
+    offset?: number;
+    /** Fixed width applied to the dropdown panel */
+    width?: number | string;
+    children?: default_2.ReactNode;
+}
+
+/**
+ * Recursica Popover component wrapping Mui's Tooltip in click-controlled mode.
+ *
+ * Displays a dropdown panel when the user clicks the target element.
+ * Uses the composable dot-notation pattern:
+ * ```tsx
+ * <Popover withBeak>
+ *   <Popover.Target>
+ *     <Button>Click me</Button>
+ *   </Popover.Target>
+ *   <Popover.Dropdown>
+ *     Content displayed in popover
+ *   </Popover.Dropdown>
+ * </Popover>
+ * ```
+ */
+declare type PopoverProps = RecursicaOverStyled<Omit<TooltipProps, "title" | "children" | "open" | "onClose" | "onOpen" | "placement"> & PopoverOwnProps>;
+
+declare const PopoverTarget: {
+    ({ children }: PopoverTargetProps): JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Wrapper for the element that triggers the popover.
+ * Requires a single child element; only used as a marker to locate the
+ * trigger element, it is never rendered directly (see `PopoverBase`).
+ */
+declare type PopoverTargetProps = {
+    children?: default_2.ReactNode;
+};
+
 export declare const Radio: typeof rawComponents.Radio;
 
 declare const Radio_2: RadioComponent;
@@ -1046,9 +1151,10 @@ declare namespace rawComponents {
         RecursicaDropdownProps,
         DropdownProps,
         Dropdown_2 as Dropdown,
+        RecursicaFileUploadItem,
+        RecursicaFileInputProps_2 as RecursicaFileInputProps,
         FileInputProps,
         FileInput_2 as FileInput,
-        RecursicaFileUploadItem,
         RecursicaFileUploadProps_2 as RecursicaFileUploadProps,
         FileUploadProps,
         FileUpload_2 as FileUpload,
@@ -1096,6 +1202,11 @@ declare namespace rawComponents {
         PanelFooterProps,
         PanelFooter_2 as PanelFooter,
         Panel_2 as Panel,
+        PopoverOwnProps,
+        PopoverProps,
+        PopoverTargetProps,
+        PopoverDropdownProps,
+        Popover_2 as Popover,
         RadioWrapperProps,
         RecursicaRadioPropsAlias,
         RadioProps_2 as RadioProps,
@@ -1178,6 +1289,9 @@ declare namespace rawComponents {
         Toast_2 as Toast,
         TooltipProps_2 as TooltipProps,
         Tooltip_2 as Tooltip,
+        RecursicaTransferListItem,
+        RecursicaTransferListData,
+        RecursicaTransferListProps_2 as RecursicaTransferListProps,
         TransferListProps,
         TransferList_2 as TransferList,
         TypographyProps_2 as TypographyProps,
@@ -1215,7 +1329,7 @@ export declare type ReadOnlyFieldType = "text" | "number" | "date" | "boolean" |
 /**
  * Official list of all components in Recursica.
  */
-export declare const RECURSICA_COMPONENTS: readonly ["Accordion", "AssistiveElement", "Autocomplete", "Avatar", "Badge", "Breadcrumb", "Button", "Card", "Checkbox", "Chip", "Container", "DatePicker", "Dropdown", "EmptyValueRenderer", "Flex", "FormControlLayout", "FormControlWrapper", "Grid", "Group", "HoverCard", "Label", "Layer", "Link", "Loader", "Menu", "Modal", "NumberInput", "Pagination", "Panel", "Popover", "Radio", "ReadOnlyField", "SegmentedControl", "Slider", "Stack", "Stepper", "Switch", "Table", "Tabs", "Text", "TextArea", "TextField", "TimePicker", "Timeline", "Title", "Toast", "Tooltip", "TransferList"];
+export declare const RECURSICA_COMPONENTS: readonly ["Accordion", "AssistiveElement", "Autocomplete", "Avatar", "Badge", "Box", "Breadcrumb", "Button", "Card", "Checkbox", "CheckboxGroup", "Chip", "Container", "DatePicker", "Dropdown", "EmptyValueRenderer", "FileInput", "FileUpload", "Flex", "FormControlLayout", "FormControlWrapper", "Grid", "Group", "HoverCard", "Label", "Layer", "Link", "Loader", "Menu", "Modal", "NumberInput", "Pagination", "Panel", "Popover", "Radio", "ReadOnlyField", "SegmentedControl", "Slider", "Stack", "Stepper", "Switch", "Table", "Tabs", "Text", "TextArea", "TextField", "TimePicker", "Timeline", "Title", "Toast", "Tooltip", "TransferList", "Tree", "Typography"];
 
 /**
  * Props for the Recursica Accordion Control component.
@@ -1493,10 +1607,95 @@ declare interface RecursicaDropdownProps_2 {
     placeholder?: string;
 }
 
+/**
+ * Props for the Recursica FileInput component.
+ *
+ * `FileInput` is presented as a single-line, `TextField`-shaped control rather than
+ * `FileUpload`'s dropzone, but shares the same file-selection interface and validation
+ * behavior (`accept`/`maxSize`/`maxFiles`, `onFilesRejected`, `readOnly`) so integrators can
+ * move between them without relearning the contract.
+ */
+export declare interface RecursicaFileInputProps {
+    /**
+     * Files currently selected. This is a controlled list — `onFilesAdded`/`onFileRemove`
+     * report changes, but `FileInput` never mutates this array itself; merge the reported
+     * changes into your own state and pass the updated list back in.
+     */
+    files?: RecursicaFileUploadItem[];
+    /**
+     * Called with the files the user just picked via the native file dialog or dropped onto
+     * the control. Only the newly added files are passed — merge them into `files` yourself.
+     */
+    onFilesAdded?: (files: File[]) => void;
+    /**
+     * Called when a file's remove affordance is activated, identified by its `id` (or
+     * `file.name` when no `id` was given for that entry). In single-file mode this is also
+     * called when the trailing clear icon removes the one selected file.
+     */
+    onFileRemove?: (id: string) => void;
+    /**
+     * Native `accept` attribute for the underlying file input (e.g. `".pdf,.png"` or
+     * `"image/*"`) — constrains the native file-picker dialog. Also enforced against files
+     * dropped onto the control, the same way `FileUpload` enforces it.
+     */
+    accept?: string;
+    /** Whether more than one file can be selected/dropped at once. Defaults to `false`. */
+    multiple?: boolean;
+    /**
+     * Maximum size per file, in bytes. Files exceeding this are passed to
+     * `onFilesRejected` instead of `onFilesAdded`.
+     */
+    maxSize?: number;
+    /**
+     * Maximum total number of files allowed in `files`. Only meaningful when `multiple` is
+     * `true` — Once reached, further dropped/picked files are passed to `onFilesRejected`
+     * instead of `onFilesAdded`.
+     */
+    maxFiles?: number;
+    /**
+     * Called with any files rejected for exceeding `maxSize`/`maxFiles` or not matching
+     * `accept`.
+     */
+    onFilesRejected?: (files: File[]) => void;
+    /**
+     * Error message shown (via the standard assistive-text error slot) when a dropped/picked
+     * file's extension or MIME type doesn't match `accept`. Defaults to
+     * `"File type not accepted"`.
+     */
+    invalidFileTypeMessage?: default_2.ReactNode;
+    /**
+     * Error message shown (via the standard assistive-text error slot) when a dropped/picked
+     * file would exceed `maxFiles`. Defaults to `"Maximum of {maxFiles} files allowed"`.
+     */
+    maxFilesMessage?: default_2.ReactNode;
+    /** Leading icon shown inside the control. Defaults to the built-in upload icon. */
+    icon?: default_2.ReactNode;
+    /** Text shown when no file is selected. Defaults to `"Select a file..."`. */
+    placeholder?: default_2.ReactNode;
+    /** Screen-reader label for the control itself. Defaults to `"Choose file"`. */
+    browseLabel?: string;
+    /** Screen-reader label for a file chip's remove button. Defaults to `"Remove"`. */
+    removeFileLabel?: string;
+    /** Screen-reader label for the trailing clear-all icon. Defaults to `"Clear"`. */
+    clearLabel?: string;
+    /** Disables the control and its remove/clear icons. */
+    disabled?: boolean;
+    /**
+     * Renders `files` as a static, non-interactive display with no clear/remove icons, and
+     * disables picking or dropping new files.
+     */
+    readOnly?: boolean;
+}
+
+declare interface RecursicaFileInputProps_2 extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "children" | "onDrop" | "onChange">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, RecursicaFileInputProps {
+    /** Visually forces the mandatory asterisk. Accepted for API parity with other adapters; MUI's own `required` already renders the asterisk, so this has no separate effect here. */
+    withAsterisk?: boolean;
+}
+
 /**
  * A single file entry rendered as a removable chip in the FileUpload's file list.
  */
-export declare interface RecursicaFileUploadItem {
+declare interface RecursicaFileUploadItem {
     /** The underlying browser File object. */
     file: File;
     /**
@@ -1505,6 +1704,8 @@ export declare interface RecursicaFileUploadItem {
      */
     id?: string;
 }
+export { RecursicaFileUploadItem as RecursicaFileInputItem }
+export { RecursicaFileUploadItem }
 
 /**
  * Props for the Recursica FileUpload component.
@@ -2215,10 +2416,47 @@ export declare interface RecursicaTooltipProps {
     withBeak?: boolean;
 }
 
+/** Controlled/uncontrolled data shape: [sourceItems, targetItems] */
+export declare type RecursicaTransferListData = [
+RecursicaTransferListItem[],
+RecursicaTransferListItem[]
+];
+
+/**
+ * A single transferable item.
+ */
+export declare interface RecursicaTransferListItem {
+    /** Unique identifier used for selection and transfer */
+    value: string;
+    /** Display text */
+    label: string;
+    /** Optional group name — items sharing a group render under a CheckboxGroup */
+    group?: string;
+}
+
 /**
  * Props for the Recursica TransferList component.
  */
 export declare interface RecursicaTransferListProps {
+    /** Controlled data: [sourceItems, targetItems] */
+    data?: RecursicaTransferListData;
+    /** Uncontrolled initial data: [sourceItems, targetItems] */
+    defaultData?: RecursicaTransferListData;
+    /** Called with the new [sourceItems, targetItems] whenever items are transferred */
+    onChange?: (data: RecursicaTransferListData) => void;
+    /** Label for the source (left) list */
+    sourceLabel?: string;
+    /** Label for the target (right) list */
+    targetLabel?: string;
+    /** Enable per-pane search filtering. Defaults to true */
+    searchable?: boolean;
+    /** Placeholder text for the search fields */
+    searchPlaceholder?: string;
+}
+
+declare interface RecursicaTransferListProps_2 extends Omit<FormControlWrapperProps, "children" | "overStyled" | "controlMaxWidth" | "controlMinWidth" | "onChange">, ReadOnlyControlProps, RecursicaTransferListProps {
+    /** Disables the whole control */
+    disabled?: boolean;
 }
 
 /**
@@ -2811,7 +3049,7 @@ export declare const Timeline: typeof rawComponents.Timeline;
 
 declare const Timeline_2: TimelineComponent;
 
-declare interface TimelineComponent extends default_2.ForwardRefExoticComponent<TimelineProps & default_2.RefAttributes<HTMLDivElement>> {
+declare interface TimelineComponent extends default_2.ForwardRefExoticComponent<TimelineProps & default_2.RefAttributes<HTMLUListElement>> {
     Item: typeof TimelineItem_2;
 }
 
@@ -2824,10 +3062,24 @@ export declare const TimelineItem: typeof rawComponents.TimelineItem;
  * The `Timeline.Item` has been extended to support a `timestamp` string natively,
  * rendering it below the body content. It also accepts a `bulletVariant` to morph
  * the structural dimensions of the node circle automatically.
- */
-declare const TimelineItem_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TimelineItemProps, "color" | "radius" | "lineVariant"> & RecursicaTimelineItemProps>, BlockedStylingKeys> & ForbiddenStyles & {
+ *
+ * Internally it composes Mui's `TimelineSeparator`/`TimelineDot`/`TimelineConnector`/
+ * `TimelineContent` primitives (Mui has no single "item" abstraction like Mantine's
+ * `Timeline.Item` that renders a bullet + connector on its own).
+ */
+declare const TimelineItem_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TimelineItemProps, "color" | "title" | "radius" | "lineVariant"> & RecursicaTimelineItemProps & {
+/** Heading rendered above the item's description/timestamp */
+title?: default_2.ReactNode;
+/* Excluded from this release type: __active */
+/* Excluded from this release type: __isLast */
+}>, BlockedStylingKeys> & ForbiddenStyles & {
     overStyled?: false | undefined;
-}, "ref"> | Omit<Omit<Omit<TimelineItemProps, "color" | "radius" | "lineVariant"> & RecursicaTimelineItemProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+}, "ref"> | Omit<Omit<Omit<TimelineItemProps, "color" | "title" | "radius" | "lineVariant"> & RecursicaTimelineItemProps & {
+    /** Heading rendered above the item's description/timestamp */
+    title?: default_2.ReactNode;
+    /* Excluded from this release type: __active */
+    /* Excluded from this release type: __isLast */
+}, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
     m?: string | number | RecursicaSpacing;
     mx?: string | number | RecursicaSpacing;
     my?: string | number | RecursicaSpacing;
@@ -2840,9 +3092,14 @@ declare const TimelineItem_2: default_2.ForwardRefExoticComponent<(Omit<Omit<Wit
     columnGap?: string | number | RecursicaSpacing;
 } & {
     overStyled: true;
-}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
+}, "ref">) & default_2.RefAttributes<HTMLLIElement>>;
 
-declare type TimelineItemProps_2 = RecursicaOverStyled<Omit<TimelineItemProps, "radius" | "color" | "lineVariant"> & RecursicaTimelineItemProps>;
+declare type TimelineItemProps_2 = RecursicaOverStyled<Omit<TimelineItemProps, "radius" | "color" | "lineVariant" | "title"> & RecursicaTimelineItemProps & {
+    /** Heading rendered above the item's description/timestamp */
+    title?: default_2.ReactNode;
+    /* Excluded from this release type: __active */
+    /* Excluded from this release type: __isLast */
+}>;
 
 /**
  * Properties for the strictly-tokenized Timeline component.
@@ -2944,9 +3201,24 @@ declare type TooltipProps_2 = RecursicaOverStyled<TooltipProps & RecursicaToolti
 
 export declare const TransferList: typeof rawComponents.TransferList;
 
-declare const TransferList_2: default_2.FC<TransferListProps>;
+declare const TransferList_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTransferListProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
+overStyled?: false | undefined;
+}, "ref"> | Omit<Omit<RecursicaTransferListProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
+m?: string | number | RecursicaSpacing;
+mx?: string | number | RecursicaSpacing;
+my?: string | number | RecursicaSpacing;
+mt?: string | number | RecursicaSpacing;
+mb?: string | number | RecursicaSpacing;
+ml?: string | number | RecursicaSpacing;
+mr?: string | number | RecursicaSpacing;
+gap?: string | number | RecursicaSpacing;
+rowGap?: string | number | RecursicaSpacing;
+columnGap?: string | number | RecursicaSpacing;
+} & {
+overStyled: true;
+}, "ref">) & RefAttributes<HTMLDivElement>>;
 
-declare type TransferListProps = default_2.HTMLAttributes<HTMLDivElement> & RecursicaTransferListProps;
+declare type TransferListProps = RecursicaOverStyled<RecursicaTransferListProps_2>;
 
 export declare const Tree: typeof rawComponents.Tree;