@recursica/mantine-adapter 0.33.0 → 0.35.0

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

@@ -0,0 +1,91 @@
+import { GridProps as MantineGridProps, GridColProps as MantineGridColProps } from '@mantine/core';
+import { WithRecursicaSpacing } from '../../utils/filterStylingProps';
+import { RecursicaGridProps, RecursicaGridColProps } from '@recursica/adapter-common';
+/**
+ * Grid layout wrapper.
+ *
+ * Note: Unlike complex UI components, primitive layout components (Flex, Stack, Group, Container, Grid)
+ * DO NOT use the `RecursicaOverStyled` gatekeeper. Developers must be able to freely pass
+ * width, height, padding, margins, and flexbox alignment props to construct structural layouts.
+ */
+export type GridProps = WithRecursicaSpacing<Omit<MantineGridProps, "gutter"> & RecursicaGridProps>;
+/**
+ * Recursica Grid layout wrapper.
+ *
+ * Supports polymorphism via the `component` prop for custom element rendering.
+ * @example
+ * ```tsx
+ * <Grid gap="rec-default">
+ *   <Grid.Col span={6}>Half width</Grid.Col>
+ *   <Grid.Col span={6}>Half width</Grid.Col>
+ * </Grid>
+ * ```
+ */
+declare const GridBase: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, GridProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<(Omit<Omit<MantineGridProps, "gutter"> & RecursicaGridProps, "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;
+} & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "type" | "justify" | "component" | "align" | "overflow" | "grow" | "columns" | "breakpoints"> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (Omit<Omit<MantineGridProps, "gutter"> & RecursicaGridProps, "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;
+} & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+export type GridColProps = WithRecursicaSpacing<MantineGridColProps & RecursicaGridColProps>;
+export declare const GridCol: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, GridColProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<(Omit<MantineGridColProps & RecursicaGridColProps, "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;
+} & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "span" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "order" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "component" | "offset"> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (Omit<MantineGridColProps & RecursicaGridColProps, "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;
+} & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+type GridComponent = typeof GridBase & {
+    Col: typeof GridCol;
+};
+export declare const Grid: GridComponent;
+export {};

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Modal as MantineModal, ModalProps as MantineModalProps } from '@mantine/core';
+import { ModalProps as MantineModalProps, ModalRootProps as MantineModalRootProps, ModalOverlayProps as MantineModalOverlayProps, ModalContentProps as MantineModalContentProps, ModalHeaderProps as MantineModalHeaderProps, ModalTitleProps as MantineModalTitleProps, ModalCloseButtonProps as MantineModalCloseButtonProps } from '@mantine/core';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaModalProps } from '@recursica/adapter-common';
 /**
@@ -20,18 +20,31 @@ export type ModalProps = RecursicaOverStyled<Omit<MantineModalProps, "size" | "r
  * > primary action button MUST be the right-most element, with the secondary
  * > (outline variant) action placed immediately to the left of it.
  */
-declare const ModalFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ModalFooterProps = RecursicaOverStyled<React.ComponentPropsWithoutRef<"div">>;
+declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
 declare const ModalBody: React.ForwardRefExoticComponent<Omit<import('@mantine/core').ModalBodyProps & React.RefAttributes<HTMLDivElement> & {
     component?: any;
     renderRoot?: (props: Record<string, any>) => React.ReactNode;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ModalRootProps = RecursicaOverStyled<MantineModalRootProps>;
+declare const ModalRoot: React.ForwardRefExoticComponent<ModalRootProps & React.RefAttributes<HTMLDivElement>>;
+export type ModalOverlayProps = RecursicaOverStyled<MantineModalOverlayProps>;
+declare const ModalOverlay: React.ForwardRefExoticComponent<ModalOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export type ModalContentProps = RecursicaOverStyled<MantineModalContentProps>;
+declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
+export type ModalHeaderProps = RecursicaOverStyled<MantineModalHeaderProps>;
+declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLElement>>;
+export type ModalTitleProps = RecursicaOverStyled<MantineModalTitleProps>;
+declare const ModalTitle: React.ForwardRefExoticComponent<ModalTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export type ModalCloseButtonProps = RecursicaOverStyled<MantineModalCloseButtonProps>;
+declare const ModalCloseButton: React.ForwardRefExoticComponent<ModalCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
 interface ModalComponent extends React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> {
-    Root: typeof MantineModal.Root;
-    Overlay: typeof MantineModal.Overlay;
-    Content: typeof MantineModal.Content;
-    Header: typeof MantineModal.Header;
-    Title: typeof MantineModal.Title;
-    CloseButton: typeof MantineModal.CloseButton;
+    Root: typeof ModalRoot;
+    Overlay: typeof ModalOverlay;
+    Content: typeof ModalContent;
+    Header: typeof ModalHeader;
+    Title: typeof ModalTitle;
+    CloseButton: typeof ModalCloseButton;
     Body: typeof ModalBody;
     Footer: typeof ModalFooter;
 }

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

@@ -1,45 +1,65 @@
 import { default as React } from 'react';
-import { Pagination as MantinePagination, PaginationProps as MantinePaginationProps, PaginationRootProps as MantinePaginationRootProps } from '@mantine/core';
+import { Pagination as MantinePagination, PaginationProps as MantinePaginationProps, PaginationRootProps as MantinePaginationRootProps, PaginationControlProps as MantinePaginationControlProps, PaginationDotsProps as MantinePaginationDotsProps } from '@mantine/core';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { PaginationIcon } from './Pagination.icons';
 import { RecursicaPaginationProps } from '@recursica/adapter-common';
 export type PaginationProps = RecursicaOverStyled<MantinePaginationProps & RecursicaPaginationProps>;
 export type PaginationRootProps = RecursicaOverStyled<MantinePaginationRootProps>;
-export type PaginationEdgeProps<T extends React.ElementType> = React.ComponentProps<T> & {
+export type PaginationEdgeProps<T extends React.ElementType> = RecursicaOverStyled<React.ComponentProps<T> & {
     /** If set to true, displays text labels alongside the icon. */
     withLabel?: boolean;
     icon?: any;
-};
+}>;
 declare const _PaginationRoot: React.ForwardRefExoticComponent<PaginationRootProps & React.RefAttributes<HTMLDivElement>>;
-declare const _PaginationNext: React.ForwardRefExoticComponent<{
-    /** If set to true, displays text labels alongside the icon. */
-    withLabel?: boolean;
-    icon?: any;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const _PaginationPrevious: React.ForwardRefExoticComponent<{
-    /** If set to true, displays text labels alongside the icon. */
-    withLabel?: boolean;
-    icon?: any;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const _PaginationFirst: React.ForwardRefExoticComponent<{
-    /** If set to true, displays text labels alongside the icon. */
-    withLabel?: boolean;
-    icon?: any;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const _PaginationLast: React.ForwardRefExoticComponent<{
-    /** If set to true, displays text labels alongside the icon. */
-    withLabel?: boolean;
-    icon?: any;
-} & React.RefAttributes<HTMLButtonElement>>;
+declare const _PaginationNext: React.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, import('@mantine/core').PaginationEdgeProps>) => React.ReactElement) & Omit<React.FunctionComponent<(import('@mantine/core').PaginationEdgeProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof import('@mantine/core').PaginationEdgeProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (import('@mantine/core').PaginationEdgeProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>> & React.RefAttributes<HTMLButtonElement>>;
+declare const _PaginationPrevious: React.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, import('@mantine/core').PaginationEdgeProps>) => React.ReactElement) & Omit<React.FunctionComponent<(import('@mantine/core').PaginationEdgeProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof import('@mantine/core').PaginationEdgeProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (import('@mantine/core').PaginationEdgeProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>> & React.RefAttributes<HTMLButtonElement>>;
+declare const _PaginationFirst: React.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, import('@mantine/core').PaginationEdgeProps>) => React.ReactElement) & Omit<React.FunctionComponent<(import('@mantine/core').PaginationEdgeProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof import('@mantine/core').PaginationEdgeProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (import('@mantine/core').PaginationEdgeProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>> & React.RefAttributes<HTMLButtonElement>>;
+declare const _PaginationLast: React.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, import('@mantine/core').PaginationEdgeProps>) => React.ReactElement) & Omit<React.FunctionComponent<(import('@mantine/core').PaginationEdgeProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof import('@mantine/core').PaginationEdgeProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (import('@mantine/core').PaginationEdgeProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>> & React.RefAttributes<HTMLButtonElement>>;
 declare const _Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
+export type PaginationControlProps = RecursicaOverStyled<MantinePaginationControlProps>;
+declare const _PaginationControl: React.ForwardRefExoticComponent<PaginationControlProps & React.RefAttributes<HTMLButtonElement>>;
+export type PaginationDotsProps = RecursicaOverStyled<MantinePaginationDotsProps>;
+declare const _PaginationDots: React.ForwardRefExoticComponent<PaginationDotsProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * Recursica Pagination component wrapping Mantine's Pagination.
  */
 export declare const Pagination: typeof _Pagination & {
     Root: typeof _PaginationRoot;
     Items: typeof MantinePagination.Items;
-    Control: typeof MantinePagination.Control;
-    Dots: typeof MantinePagination.Dots;
+    Control: typeof _PaginationControl;
+    Dots: typeof _PaginationDots;
     Next: typeof _PaginationNext;
     Previous: typeof _PaginationPrevious;
     First: typeof _PaginationFirst;

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

@@ -1,4 +1,4 @@
-import { Drawer as MantineDrawer, DrawerProps as MantineDrawerProps } from '@mantine/core';
+import { Drawer as MantineDrawer, DrawerProps as MantineDrawerProps, DrawerRootProps as MantineDrawerRootProps, DrawerOverlayProps as MantineDrawerOverlayProps, DrawerContentProps as MantineDrawerContentProps, DrawerHeaderProps as MantineDrawerHeaderProps, DrawerTitleProps as MantineDrawerTitleProps, DrawerCloseButtonProps as MantineDrawerCloseButtonProps, DrawerBodyProps as MantineDrawerBodyProps } from '@mantine/core';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaPanelProps as BaseRecursicaPanelProps } from '@recursica/adapter-common';
 /**
@@ -45,14 +45,28 @@ export type PanelFooterProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivE
  * natively provide a footer.
  */
 export declare const PanelFooter: import('react').ForwardRefExoticComponent<PanelFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+export type PanelRootProps = RecursicaOverStyled<MantineDrawerRootProps>;
+export declare const PanelRoot: import('react').ForwardRefExoticComponent<PanelRootProps & import('react').RefAttributes<HTMLDivElement>>;
+export type PanelOverlayProps = RecursicaOverStyled<MantineDrawerOverlayProps>;
+export declare const PanelOverlay: import('react').ForwardRefExoticComponent<PanelOverlayProps & import('react').RefAttributes<HTMLDivElement>>;
+export type PanelContentProps = RecursicaOverStyled<MantineDrawerContentProps>;
+export declare const PanelContent: import('react').ForwardRefExoticComponent<PanelContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export type PanelHeaderProps = RecursicaOverStyled<MantineDrawerHeaderProps>;
+export declare const PanelHeader: import('react').ForwardRefExoticComponent<PanelHeaderProps & import('react').RefAttributes<HTMLElement>>;
+export type PanelTitleProps = RecursicaOverStyled<MantineDrawerTitleProps>;
+export declare const PanelTitle: import('react').ForwardRefExoticComponent<PanelTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
+export type PanelCloseButtonProps = RecursicaOverStyled<MantineDrawerCloseButtonProps>;
+export declare const PanelCloseButton: import('react').ForwardRefExoticComponent<PanelCloseButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export type PanelBodyProps = RecursicaOverStyled<MantineDrawerBodyProps>;
+export declare const PanelBody: import('react').ForwardRefExoticComponent<PanelBodyProps & import('react').RefAttributes<HTMLDivElement>>;
 type PanelComponent = typeof PanelBase & {
-    Root: typeof MantineDrawer.Root;
-    Overlay: typeof MantineDrawer.Overlay;
-    Content: typeof MantineDrawer.Content;
-    Header: typeof MantineDrawer.Header;
-    Title: typeof MantineDrawer.Title;
-    CloseButton: typeof MantineDrawer.CloseButton;
-    Body: typeof MantineDrawer.Body;
+    Root: typeof PanelRoot;
+    Overlay: typeof PanelOverlay;
+    Content: typeof PanelContent;
+    Header: typeof PanelHeader;
+    Title: typeof PanelTitle;
+    CloseButton: typeof PanelCloseButton;
+    Body: typeof PanelBody;
     Stack: typeof MantineDrawer.Stack;
     Footer: typeof PanelFooter;
 };

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

@@ -1,13 +1,15 @@
 import { default as React } from 'react';
-import { Stepper as MantineStepper, StepperProps as MantineStepperProps } from '@mantine/core';
+import { Stepper as MantineStepper, StepperProps as MantineStepperProps, StepperStepProps as MantineStepperStepProps } from '@mantine/core';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaStepperProps } from '@recursica/adapter-common';
 export interface RecursicaStepperPropsExtended extends Omit<MantineStepperProps, "size">, RecursicaStepperProps {
 }
 export type StepperProps = RecursicaOverStyled<RecursicaStepperPropsExtended>;
 declare const _Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+export type StepperStepProps = RecursicaOverStyled<MantineStepperStepProps>;
+declare const _StepperStep: React.ForwardRefExoticComponent<StepperStepProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const Stepper: typeof _Stepper & {
-    Step: typeof MantineStepper.Step;
+    Step: typeof _StepperStep;
     Completed: typeof MantineStepper.Completed;
 };
 export {};

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

@@ -1,17 +1,33 @@
-import { Table as MantineTable, TableProps as MantineTableProps } from '@mantine/core';
+import { TableProps as MantineTableProps, TableTheadProps as MantineTableTheadProps, TableTbodyProps as MantineTableTbodyProps, TableTrProps as MantineTableTrProps, TableThProps as MantineTableThProps, TableTdProps as MantineTableTdProps, TableTfootProps as MantineTableTfootProps, TableCaptionProps as MantineTableCaptionProps, TableScrollContainerProps as MantineTableScrollContainerProps } from '@mantine/core';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaTableProps } from '@recursica/adapter-common';
 export type TableProps = RecursicaOverStyled<MantineTableProps & RecursicaTableProps>;
 declare const TableBase: import('react').ForwardRefExoticComponent<TableProps & import('react').RefAttributes<HTMLTableElement>>;
+export type TableTheadProps = RecursicaOverStyled<MantineTableTheadProps>;
+export declare const TableThead: import('react').ForwardRefExoticComponent<TableTheadProps & import('react').RefAttributes<HTMLTableSectionElement>>;
+export type TableTbodyProps = RecursicaOverStyled<MantineTableTbodyProps>;
+export declare const TableTbody: import('react').ForwardRefExoticComponent<TableTbodyProps & import('react').RefAttributes<HTMLTableSectionElement>>;
+export type TableTrProps = RecursicaOverStyled<MantineTableTrProps>;
+export declare const TableTr: import('react').ForwardRefExoticComponent<TableTrProps & import('react').RefAttributes<HTMLTableRowElement>>;
+export type TableThProps = RecursicaOverStyled<MantineTableThProps>;
+export declare const TableTh: import('react').ForwardRefExoticComponent<TableThProps & import('react').RefAttributes<HTMLTableCellElement>>;
+export type TableTdProps = RecursicaOverStyled<MantineTableTdProps>;
+export declare const TableTd: import('react').ForwardRefExoticComponent<TableTdProps & import('react').RefAttributes<HTMLTableCellElement>>;
+export type TableTfootProps = RecursicaOverStyled<MantineTableTfootProps>;
+export declare const TableTfoot: import('react').ForwardRefExoticComponent<TableTfootProps & import('react').RefAttributes<HTMLTableSectionElement>>;
+export type TableCaptionProps = RecursicaOverStyled<MantineTableCaptionProps>;
+export declare const TableCaption: import('react').ForwardRefExoticComponent<TableCaptionProps & import('react').RefAttributes<HTMLTableCaptionElement>>;
+export type TableScrollContainerProps = RecursicaOverStyled<MantineTableScrollContainerProps>;
+export declare const TableScrollContainer: import('react').ForwardRefExoticComponent<TableScrollContainerProps & import('react').RefAttributes<HTMLDivElement>>;
 type TableComponent = typeof TableBase & {
-    Thead: typeof MantineTable.Thead;
-    Tbody: typeof MantineTable.Tbody;
-    Tr: typeof MantineTable.Tr;
-    Th: typeof MantineTable.Th;
-    Td: typeof MantineTable.Td;
-    Tfoot: typeof MantineTable.Tfoot;
-    Caption: typeof MantineTable.Caption;
-    ScrollContainer: typeof MantineTable.ScrollContainer;
+    Thead: typeof TableThead;
+    Tbody: typeof TableTbody;
+    Tr: typeof TableTr;
+    Th: typeof TableTh;
+    Td: typeof TableTd;
+    Tfoot: typeof TableTfoot;
+    Caption: typeof TableCaption;
+    ScrollContainer: typeof TableScrollContainer;
 };
 export declare const Table: TableComponent;
 export {};

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

@@ -1,4 +1,4 @@
-import { Tooltip as MantineTooltip, TooltipProps as MantineTooltipProps } from '@mantine/core';
+import { Tooltip as MantineTooltip, TooltipProps as MantineTooltipProps, TooltipFloatingProps as MantineTooltipFloatingProps } from '@mantine/core';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaTooltipProps } from '@recursica/adapter-common';
 /**
@@ -23,8 +23,10 @@ declare const TooltipBase: {
     ({ overStyled, withBeak, ...rest }: TooltipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export type TooltipFloatingProps = RecursicaOverStyled<MantineTooltipFloatingProps>;
+export declare const TooltipFloating: import('react').ForwardRefExoticComponent<TooltipFloatingProps & import('react').RefAttributes<HTMLDivElement>>;
 type TooltipComponent = typeof TooltipBase & {
-    Floating: typeof MantineTooltip.Floating;
+    Floating: typeof TooltipFloating;
     Group: typeof MantineTooltip.Group;
 };
 export declare const Tooltip: TooltipComponent;

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

@@ -15,6 +15,7 @@ export * from './FileInput/FileInput';
 export * from './FileUpload/FileUpload';
 export * from './Flex/Flex';
 export * from './FormControlLayout/FormControlLayout';
+export * from './Grid/Grid';
 export * from './Group/Group';
 export * from './HoverCard/HoverCard';
 export * from './Link/Link';

package/dist/src/index.d.ts

@@ -31,6 +31,70 @@ export declare const Flex: (<C = "div">(props: import('@mantine/core').Polymorph
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
 })>, never> & Record<string, never>;
+export declare const Grid: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, rawComponents.GridProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<(Omit<Omit<import('@mantine/core').GridProps, "gutter"> & import('@recursica/adapter-common').RecursicaGridProps, "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;
+} & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "type" | "justify" | "component" | "align" | "overflow" | "grow" | "columns" | "breakpoints"> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (Omit<Omit<import('@mantine/core').GridProps, "gutter"> & import('@recursica/adapter-common').RecursicaGridProps, "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;
+} & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never> & {
+    Col: typeof rawComponents.GridCol;
+};
+export declare const GridCol: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, rawComponents.GridColProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<(Omit<import('@mantine/core').GridColProps & import('@recursica/adapter-common').RecursicaGridColProps, "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;
+} & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "span" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "order" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "component" | "offset"> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (Omit<import('@mantine/core').GridColProps & import('@recursica/adapter-common').RecursicaGridColProps, "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;
+} & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
 export declare const Group: import('react').ForwardRefExoticComponent<Omit<import('@mantine/core').GroupProps & import('@recursica/adapter-common').RecursicaGroupProps, "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;

package/llms.txt

@@ -9,8 +9,64 @@ This adapter converts Recursica design tokens into Mantine-specific themes and c
 - Relies on `@mantine/core`, `@mantine/dates`, and `@mantine/hooks` peer dependencies.
 - When building UI in consumer applications, prioritize using components exported by this package to adhere to the Recursica design system.
 
-## Documentation
+## Reference Documentation
 
-- [USAGE](USAGE.md): Detailed usage instructions.
+- [USAGE](USAGE.md): Detailed usage instructions, import rules, and layout/token conventions.
+- [OVERSTYLING](OVERSTYLING.md): The `overStyled` escape hatch — when it's appropriate, what's permitted by default, and how to visually audit its usage.
+- [SETUP](SETUP.md): Installation and integration steps.
 - [ARCHITECTURE](ARCHITECTURE.md): Package architecture and dependencies.
 - [README](README.md)
+
+## Components
+
+Each component has its own `USAGE.md` documenting its props, adapter-specific behaviors, layout constraints, and accessibility requirements.
+
+- [Accordion](src/components/Accordion/USAGE.md)
+- [AssistiveElement](src/components/AssistiveElement/USAGE.md)
+- [AutoComplete](src/components/AutoComplete/USAGE.md)
+- [Avatar](src/components/Avatar/USAGE.md)
+- [Badge](src/components/Badge/USAGE.md)
+- [Breadcrumb](src/components/Breadcrumb/USAGE.md)
+- [Button](src/components/Button/USAGE.md)
+- [Card](src/components/Card/USAGE.md)
+- [Checkbox](src/components/Checkbox/USAGE.md)
+- [Chip](src/components/Chip/USAGE.md)
+- [Container](src/components/Container/USAGE.md)
+- [DatePicker](src/components/DatePicker/USAGE.md)
+- [Dropdown](src/components/Dropdown/USAGE.md)
+- [FileInput](src/components/FileInput/USAGE.md)
+- [FileUpload](src/components/FileUpload/USAGE.md)
+- [Flex](src/components/Flex/USAGE.md)
+- [FormControlLayout](src/components/FormControlLayout/USAGE.md)
+- [FormControlWrapper](src/components/FormControlWrapper/USAGE.md)
+- [Grid](src/components/Grid/USAGE.md)
+- [Group](src/components/Group/USAGE.md)
+- [HoverCard](src/components/HoverCard/USAGE.md)
+- [Label](src/components/Label/USAGE.md)
+- [Link](src/components/Link/USAGE.md)
+- [Loader](src/components/Loader/USAGE.md)
+- [Menu](src/components/Menu/USAGE.md)
+- [Modal](src/components/Modal/USAGE.md)
+- [NumberInput](src/components/NumberInput/USAGE.md)
+- [Pagination](src/components/Pagination/USAGE.md)
+- [Panel](src/components/Panel/USAGE.md)
+- [Popover](src/components/Popover/USAGE.md)
+- [Radio](src/components/Radio/USAGE.md)
+- [ReadOnlyField](src/components/ReadOnlyField/USAGE.md)
+- [SegmentedControl](src/components/SegmentedControl/USAGE.md)
+- [Slider](src/components/Slider/USAGE.md)
+- [Stack](src/components/Stack/USAGE.md)
+- [Stepper](src/components/Stepper/USAGE.md)
+- [Switch](src/components/Switch/USAGE.md)
+- [Table](src/components/Table/USAGE.md)
+- [Tabs](src/components/Tabs/USAGE.md)
+- [Text](src/components/Text/USAGE.md)
+- [TextArea](src/components/TextArea/USAGE.md)
+- [TextField](src/components/TextField/USAGE.md)
+- [TimePicker](src/components/TimePicker/USAGE.md)
+- [Timeline](src/components/Timeline/USAGE.md)
+- [Title](src/components/Title/USAGE.md)
+- [Toast](src/components/Toast/USAGE.md)
+- [Tooltip](src/components/Tooltip/USAGE.md)
+- [TransferList](src/components/TransferList/USAGE.md)
+- [Tree](src/components/Tree/USAGE.md)

package/package.json

@@ -13,7 +13,7 @@
     "url": "git+https://github.com/borderux/recursica.git",
     "directory": "packages/mantine-adapter"
   },
-  "version": "0.33.0",
+  "version": "0.35.0",
   "type": "module",
   "main": "./dist/mantine-adapter.cjs",
   "module": "./dist/mantine-adapter.js",
@@ -34,7 +34,8 @@
     "llms.txt",
     "USAGE.md",
     "ARCHITECTURE.md",
-    "SETUP.md"
+    "SETUP.md",
+    "OVERSTYLING.md"
   ],
   "keywords": [
     "react",