@recursica/adapter-mantine-v8 1.2.1 → 1.3.0

package/dist/index.d.ts

@@ -28,8 +28,8 @@ import { DrawerTitleProps } from '@mantine/core';
 import { FlexProps as FlexProps_2 } from '@mantine/core';
 import { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
-import { GridColProps as GridColProps_2 } from '@mantine/core';
-import { GridProps as GridProps_2 } from '@mantine/core';
+import { GridColProps } from '@mantine/core';
+import { GridProps } from '@mantine/core';
 import { GroupProps as GroupProps_2 } from '@mantine/core';
 import { HoverCardDropdownProps as HoverCardDropdownProps_2 } from '@mantine/core';
 import { HoverCardProps as HoverCardProps_2 } from '@mantine/core';
@@ -58,12 +58,6 @@ import { ModalRootProps as ModalRootProps_2 } from '@mantine/core';
 import { ModalTitleProps as ModalTitleProps_2 } from '@mantine/core';
 import { NotificationProps } from '@mantine/core';
 import { NumberInputProps as NumberInputProps_2 } from '@mantine/core';
-import { Pagination as Pagination_2 } from '@mantine/core';
-import { PaginationControlProps as PaginationControlProps_2 } from '@mantine/core';
-import { PaginationDotsProps as PaginationDotsProps_2 } from '@mantine/core';
-import { PaginationEdgeProps as PaginationEdgeProps_2 } from '@mantine/core';
-import { PaginationProps as PaginationProps_2 } from '@mantine/core';
-import { PaginationRootProps as PaginationRootProps_2 } from '@mantine/core';
 import { PolymorphicComponentProps } from '@mantine/core';
 import { PopoverDropdownProps as PopoverDropdownProps_2 } from '@mantine/core';
 import { PopoverProps as PopoverProps_2 } from '@mantine/core';
@@ -95,11 +89,11 @@ import { RecursicaFileUploadItem } from '@recursica/adapter-common';
 import { RecursicaFileUploadProps as RecursicaFileUploadProps_2 } from '@recursica/adapter-common';
 import { RecursicaFormControlLayoutProps } from '@recursica/adapter-common';
 import { RecursicaFormControlWrapperProps } from '@recursica/adapter-common';
-import { RecursicaGridColProps } from '@recursica/adapter-common';
-import { RecursicaGridProps } from '@recursica/adapter-common';
 import { RecursicaHeadingProps } from '@recursica/adapter-common';
 import { RecursicaHoverCardProps } from '@recursica/adapter-common';
 import { RecursicaLabelProps } from '@recursica/adapter-common';
+import { RecursicaLayoutGridColProps } from '@recursica/adapter-common';
+import { RecursicaLayoutGridProps } from '@recursica/adapter-common';
 import { RecursicaLinkProps } from '@recursica/adapter-common';
 import { RecursicaLoaderProps } from '@recursica/adapter-common';
 import { RecursicaMenuProps } from '@recursica/adapter-common';
@@ -251,6 +245,22 @@ export declare const Breadcrumb: ForwardRefExoticComponent<BreadcrumbProps & Ref
 
 export declare type BreadcrumbProps = RecursicaOverStyled<Omit<BreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>;
 
+/**
+ * Builds a `{ name: "<start>px" }` breakpoints object from the manifest's layout grids, ready to
+ * pass to Mantine's `createTheme({ breakpoints })`. Opt-in: nothing in the
+ * adapters calls this for you, and the result is a plain object you can edit.
+ *
+ * Mantine breakpoints are mobile-first start widths, so each non-default grid maps to its
+ * `min-width`; a grid with only a `max-width` (e.g. `mobile`, up to 480px) starts at `0px`. The
+ * `default` grid has no width of its own: when other grids exist it is included, named `default`,
+ * starting one pixel past the widest `max-width`. A manifest with only the `default` grid (the
+ * stock Forge export) returns `{}`, so the theme is left untouched.
+ *
+ * Throws for a non-default grid with neither width, for non-numeric widths, and when no other grid
+ * has a `max-width` for `default` to start after.
+ */
+export declare function breakpointsFromRecManifest(manifest: ManifestWithLayoutGrids): Record<string, string>;
+
 /**
  * Recursica Button component wrapping Mantine's Button.
  *
@@ -277,6 +287,8 @@ export declare const Button: (<C = "button">(props: PolymorphicComponentProps<C,
     renderRoot?: (props: Record<string, any>) => any;
 })>, never> & Record<string, never>;
 
+declare type ButtonElementProps = Omit<default_2.ComponentPropsWithoutRef<"button">, "style" | "className"> & Pick<ButtonProps, "overStyled">;
+
 export declare type ButtonProps = RecursicaOverStyled<Omit<ButtonProps_2, "variant" | "size" | "leftSection" | "fullWidth"> & RecursicaButtonProps>;
 
 export declare const Card: typeof PolymorphicCard & {
@@ -482,113 +494,6 @@ export declare interface FormControlLayoutProps extends default_2.HTMLAttributes
 
 declare type FormControlWrapperProps = RecursicaOverStyled<Omit<InputWrapperProps, "labelProps" | "inputWrapperOrder"> & RecursicaFormControlWrapperProps>;
 
-export declare const Grid: GridComponent;
-
-/**
- * Recursica Grid layout wrapper.
- *
- * Supports polymorphism via the `component` prop for custom element rendering.
- * @example
- * ```tsx
- * <Grid>
- *   <Grid.Col span={3}>Quarter width (defaults to 6 columns)</Grid.Col>
- *   <Grid.Col span={3}>Quarter width</Grid.Col>
- * </Grid>
- * ```
- */
-declare const GridBase: (<C = "div">(props: PolymorphicComponentProps<C, GridProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<Omit<GridProps_2, "gutter" | "columns"> & RecursicaGridProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
-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;
-gutter?: string | number | RecursicaSpacing;
-spacing?: string | number | 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" | "gutter" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "variant" | "onChange" | "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" | "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" | "spacing" | "type" | "justify" | "component" | "align" | "overflow" | "grow" | "breakpoints" | keyof RecursicaGridProps> & {
-ref?: any;
-renderRoot?: (props: any) => any;
-}) | (Omit<Omit<GridProps_2, "gutter" | "columns"> & RecursicaGridProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
-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;
-gutter?: string | number | RecursicaSpacing;
-spacing?: string | number | RecursicaSpacing;
-} & {
-component: React.ElementType;
-renderRoot?: (props: Record<string, any>) => any;
-})>, never> & Record<string, never>;
-
-export declare const GridCol: (<C = "div">(props: PolymorphicComponentProps<C, GridColProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<GridColProps_2 & RecursicaGridColProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
-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;
-gutter?: string | number | RecursicaSpacing;
-spacing?: string | number | 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" | "gutter" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "variant" | "onChange" | "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" | "spacing" | "component" | "offset"> & {
-ref?: any;
-renderRoot?: (props: any) => any;
-}) | (Omit<GridColProps_2 & RecursicaGridColProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
-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;
-gutter?: string | number | RecursicaSpacing;
-spacing?: string | number | RecursicaSpacing;
-} & {
-component: React.ElementType;
-renderRoot?: (props: Record<string, any>) => any;
-})>, never> & Record<string, never>;
-
-export declare type GridColProps = WithRecursicaSpacing<GridColProps_2 & RecursicaGridColProps>;
-
-declare type GridComponent = typeof GridBase & {
-    Col: typeof GridCol;
-};
-
-/**
- * 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.
- *
- * Recursica's `layout-grids` tokens (column-gutter, row-gutter, margin) are design-system-managed
- * values, not integrator-facing settings — Grid applies them itself via CSS variables. Mantine's
- * own `gutter` prop is not accepted; only `columns` (from `RecursicaGridProps` in
- * `adapter-common`) is exposed as an override, matching how `Container.size` overrides its own
- * token-backed default. See `GRID_IMPLEMENTATION_NOTES.md`.
- */
-export declare type GridProps = WithRecursicaSpacing<Omit<GridProps_2, "gutter" | "columns"> & RecursicaGridProps>;
-
 export declare const Group: ForwardRefExoticComponent<Omit<GroupProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
 m?: string | number | RecursicaSpacing;
 mx?: string | number | RecursicaSpacing;
@@ -677,6 +582,113 @@ export declare const Label: default_2.ForwardRefExoticComponent<LabelProps & def
 
 export declare type LabelProps = RecursicaOverStyled<Omit<InputLabelProps, "size"> & RecursicaLabelProps>;
 
+export declare const LayoutGrid: LayoutGridComponent;
+
+/**
+ * Recursica LayoutGrid layout wrapper.
+ *
+ * Supports polymorphism via the `component` prop for custom element rendering.
+ * @example
+ * ```tsx
+ * <LayoutGrid>
+ *   <LayoutGrid.Col span={3}>Half width at 6 columns (full width at 3)</LayoutGrid.Col>
+ *   <LayoutGrid.Col span={3}>Half width at 6 columns</LayoutGrid.Col>
+ * </LayoutGrid>
+ * ```
+ */
+declare const LayoutGridBase: (<C = "div">(props: PolymorphicComponentProps<C, LayoutGridProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<Omit<GridProps, "gutter" | "columns"> & Omit<RecursicaLayoutGridProps, "columns">, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
+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;
+gutter?: string | number | RecursicaSpacing;
+spacing?: string | number | 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" | "gutter" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "variant" | "onChange" | "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" | "spacing" | "type" | "justify" | "component" | "align" | "overflow" | "grow" | "breakpoints"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (Omit<Omit<GridProps, "gutter" | "columns"> & Omit<RecursicaLayoutGridProps, "columns">, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
+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;
+gutter?: string | number | RecursicaSpacing;
+spacing?: string | number | RecursicaSpacing;
+} & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export declare const LayoutGridCol: (<C = "div">(props: PolymorphicComponentProps<C, LayoutGridColProps>) => React.ReactElement) & Omit<FunctionComponent<(Omit<GridColProps & RecursicaLayoutGridColProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
+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;
+gutter?: string | number | RecursicaSpacing;
+spacing?: string | number | 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" | "gutter" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "variant" | "onChange" | "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" | "spacing" | "component" | "offset"> & {
+ref?: any;
+renderRoot?: (props: any) => any;
+}) | (Omit<GridColProps & RecursicaLayoutGridColProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
+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;
+gutter?: string | number | RecursicaSpacing;
+spacing?: string | number | RecursicaSpacing;
+} & {
+component: React.ElementType;
+renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+
+export declare type LayoutGridColProps = WithRecursicaSpacing<GridColProps & RecursicaLayoutGridColProps>;
+
+declare type LayoutGridComponent = typeof LayoutGridBase & {
+    Col: typeof LayoutGridCol;
+};
+
+/**
+ * LayoutGrid: the Recursica layout grid.
+ *
+ * Note: Unlike complex UI components, primitive layout components (Flex, Stack, Group, Container, LayoutGrid)
+ * 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.
+ *
+ * Recursica's `layout-grids` tokens (columns, column-gutter, row-gutter, margin) are
+ * design-system-managed and breakpoint-aware (Forge redefines them inside `@media` blocks), so
+ * LayoutGrid applies them itself via CSS variables. Neither Mantine's `gutter` nor `columns` is
+ * accepted; use Mantine's Grid directly for a fixed N-column grid. See
+ * `LAYOUT_GRID_IMPLEMENTATION_NOTES.md`.
+ */
+export declare type LayoutGridProps = WithRecursicaSpacing<Omit<GridProps, "gutter" | "columns"> & Omit<RecursicaLayoutGridProps, "columns">>;
+
 /**
  * Recursica Link component wrapping Mantine's Anchor.
  *
@@ -703,6 +715,12 @@ export declare const Loader: ForwardRefExoticComponent<LoaderProps & RefAttribut
 
 export declare type LoaderProps = RecursicaOverStyled<Omit<LoaderProps_2, "variant" | "size" | "type"> & RecursicaLoaderProps>;
 
+declare interface ManifestWithLayoutGrids {
+    brand?: {
+        "layout-grids"?: Record<string, unknown>;
+    };
+}
+
 export declare const Menu: MenuComponent;
 
 declare const MenuBase: {
@@ -903,16 +921,20 @@ declare const ModalTitle: default_2.ForwardRefExoticComponent<ModalTitleProps &
 
 export declare type ModalTitleProps = RecursicaOverStyled<ModalTitleProps_2>;
 
+declare type NavControl = "first" | "previous" | "next" | "last";
+
 export declare const NumberInput: default_2.ForwardRefExoticComponent<NumberInputProps & default_2.RefAttributes<HTMLInputElement>>;
 
 export declare type NumberInputProps = RecursicaOverStyled<RecursicaNumberInputProps>;
 
 /**
- * Recursica Pagination component wrapping Mantine's Pagination.
+ * Recursica Pagination. Its page and navigation buttons are Recursica `Button`s whose style and
+ * size come from the manifest's `ui-kit.components.pagination` selected variants. Requires the
+ * `manifest` prop on `RecursicaThemeProvider`.
  */
 export declare const Pagination: typeof _Pagination & {
     Root: typeof _PaginationRoot;
-    Items: typeof Pagination_2.Items;
+    Items: typeof PaginationItems;
     Control: typeof _PaginationControl;
     Dots: typeof _PaginationDots;
     Next: typeof _PaginationNext;
@@ -922,31 +944,52 @@ export declare const Pagination: typeof _Pagination & {
     Icon: typeof PaginationIcon;
 };
 
-declare const _Pagination: default_2.ForwardRefExoticComponent<PaginationProps & default_2.RefAttributes<HTMLDivElement>>;
+declare const _Pagination: default_2.ForwardRefExoticComponent<PaginationProps & default_2.RefAttributes<HTMLElement>>;
+
+declare interface PaginationBaseProps {
+    /** Total number of pages */
+    total: number;
+    /** Active page (controlled) */
+    value?: number;
+    /** Initial active page (uncontrolled) */
+    defaultValue?: number;
+    /** Called when the active page changes */
+    onChange?: (page: number) => void;
+    /** Pages shown on each side of the active page */
+    siblings?: number;
+    /** Pages always shown at the start and end */
+    boundaries?: number;
+    disabled?: boolean;
+    /** Extra props for each page button */
+    getItemProps?: (page: number) => Record<string, unknown>;
+    /** Extra props for each first/previous/next/last button */
+    getControlProps?: (control: NavControl) => Record<string, unknown>;
+    /** Replaces the dots between page ranges */
+    dotsIcon?: default_2.ReactNode;
+}
 
 declare const _PaginationControl: default_2.ForwardRefExoticComponent<PaginationControlProps & default_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type PaginationControlProps = RecursicaOverStyled<PaginationControlProps_2>;
+export declare type PaginationControlProps = RecursicaOverStyled<ButtonElementProps & {
+    /** Whether this is the active page: uses the manifest's `active-pages` Button variant. */
+    active?: boolean;
+}>;
 
-declare const _PaginationDots: default_2.ForwardRefExoticComponent<PaginationDotsProps & default_2.RefAttributes<HTMLDivElement>>;
+declare const _PaginationDots: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    icon?: default_2.ReactNode;
+} & default_2.RefAttributes<HTMLDivElement>>;
 
-export declare type PaginationDotsProps = RecursicaOverStyled<PaginationDotsProps_2>;
+export declare type PaginationDotsProps = default_2.ComponentPropsWithoutRef<"div"> & {
+    icon?: default_2.ReactNode;
+};
 
-export declare type PaginationEdgeProps<T extends default_2.ElementType> = RecursicaOverStyled<default_2.ComponentProps<T> & {
+export declare type PaginationEdgeProps = RecursicaOverStyled<Omit<ButtonElementProps, "children" | "rightSection"> & {
     /** If set to true, displays text labels alongside the icon. */
     withLabel?: boolean;
-    icon?: any;
+    icon?: default_2.ReactNode;
 }>;
 
-declare const _PaginationFirst: default_2.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: PolymorphicComponentProps<C, PaginationEdgeProps_2>) => default_2.ReactElement) & Omit<default_2.FunctionComponent<(PaginationEdgeProps_2 & {
-    component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps_2> & {
-    ref?: any;
-    renderRoot?: (props: any) => any;
-}) | (PaginationEdgeProps_2 & {
-    component: default_2.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
-})>, never> & Record<string, never>> & default_2.RefAttributes<HTMLButtonElement>>;
+declare const _PaginationFirst: default_2.ForwardRefExoticComponent<PaginationEdgeProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 declare const PaginationIcon: ({ type, className, ...props }: React.ComponentProps<"svg"> & {
     type: PaginationIconType;
@@ -954,41 +997,25 @@ declare const PaginationIcon: ({ type, className, ...props }: React.ComponentPro
 
 declare type PaginationIconType = "next" | "prev" | "first" | "last";
 
-declare const _PaginationLast: default_2.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: PolymorphicComponentProps<C, PaginationEdgeProps_2>) => default_2.ReactElement) & Omit<default_2.FunctionComponent<(PaginationEdgeProps_2 & {
-    component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps_2> & {
-    ref?: any;
-    renderRoot?: (props: any) => any;
-}) | (PaginationEdgeProps_2 & {
-    component: default_2.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
-})>, never> & Record<string, never>> & default_2.RefAttributes<HTMLButtonElement>>;
+declare function PaginationItems(): default_2.JSX.Element;
 
-declare const _PaginationNext: default_2.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: PolymorphicComponentProps<C, PaginationEdgeProps_2>) => default_2.ReactElement) & Omit<default_2.FunctionComponent<(PaginationEdgeProps_2 & {
-    component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps_2> & {
-    ref?: any;
-    renderRoot?: (props: any) => any;
-}) | (PaginationEdgeProps_2 & {
-    component: default_2.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
-})>, never> & Record<string, never>> & default_2.RefAttributes<HTMLButtonElement>>;
+declare namespace PaginationItems {
+    var displayName: string;
+}
 
-declare const _PaginationPrevious: default_2.ForwardRefExoticComponent<PaginationEdgeProps<(<C = "button">(props: PolymorphicComponentProps<C, PaginationEdgeProps_2>) => default_2.ReactElement) & Omit<default_2.FunctionComponent<(PaginationEdgeProps_2 & {
-    component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps_2> & {
-    ref?: any;
-    renderRoot?: (props: any) => any;
-}) | (PaginationEdgeProps_2 & {
-    component: default_2.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
-})>, never> & Record<string, never>> & default_2.RefAttributes<HTMLButtonElement>>;
+declare const _PaginationLast: default_2.ForwardRefExoticComponent<PaginationEdgeProps & default_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type PaginationProps = RecursicaOverStyled<PaginationProps_2 & RecursicaPaginationProps>;
+declare const _PaginationNext: default_2.ForwardRefExoticComponent<PaginationEdgeProps & default_2.RefAttributes<HTMLButtonElement>>;
 
-declare const _PaginationRoot: default_2.ForwardRefExoticComponent<PaginationRootProps & default_2.RefAttributes<HTMLDivElement>>;
+declare const _PaginationPrevious: default_2.ForwardRefExoticComponent<PaginationEdgeProps & default_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type PaginationRootProps = RecursicaOverStyled<PaginationRootProps_2>;
+export declare type PaginationProps = RecursicaOverStyled<RecursicaPaginationProps & PaginationBaseProps & Omit<default_2.ComponentPropsWithoutRef<"nav">, "onChange" | "children">>;
+
+declare const _PaginationRoot: default_2.ForwardRefExoticComponent<PaginationRootProps & default_2.RefAttributes<HTMLElement>>;
+
+export declare type PaginationRootProps = RecursicaOverStyled<PaginationBaseProps & Omit<default_2.ComponentPropsWithoutRef<"nav">, "onChange" | "children"> & {
+    children?: default_2.ReactNode;
+}>;
 
 export declare const Panel: PanelComponent;
 

package/llms.txt

@@ -40,7 +40,7 @@ Each component has its own `USAGE.md` documenting its props, adapter-specific be
 - [Flex](src/components/Flex/USAGE.md)
 - [FormControlLayout](src/components/FormControlLayout/USAGE.md)
 - [FormControlWrapper](src/components/FormControlWrapper/USAGE.md)
-- [Grid](src/components/Grid/USAGE.md)
+- [LayoutGrid](src/components/LayoutGrid/USAGE.md)
 - [Group](src/components/Group/USAGE.md)
 - [HoverCard](src/components/HoverCard/USAGE.md)
 - [Label](src/components/Label/USAGE.md)

package/package.json

@@ -12,7 +12,7 @@
     "type": "git",
     "url": "git+https://github.com/borderux/recursica-adapter-mantine-v8.git"
   },
-  "version": "1.2.1",
+  "version": "1.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -78,13 +78,13 @@
     "release": "changeset publish"
   },
   "dependencies": {
-    "@recursica/adapter-common": "^0.31.0"
+    "@recursica/adapter-common": "^1.1.0"
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.7",
     "@eslint/js": "^9.25.0",
     "@playwright/test": "^1.62.1",
-    "@recursica/adapter-tester": "^5.2.0",
+    "@recursica/adapter-tester": "^5.3.0",
     "@recursica/recursica-postcss-vars": "^1.5.0",
     "@recursica/storybook-template": "^0.7.11",
     "@recursica/token-analyzer": "^1.8.0",

package/recursica_brand.json

@@ -2603,8 +2603,8 @@
   },
   "$extensions": {
     "recursica.metadata": {
-      "exportedAt": "2026-09-23T16:11:12.118Z",
-      "version": "0.28.2"
+      "exportedAt": "2026-10-02T22:19:36.595Z",
+      "version": "0.29.0"
     }
   }
 }

package/recursica_tokens.json

@@ -762,8 +762,8 @@
   },
   "$extensions": {
     "recursica.metadata": {
-      "exportedAt": "2026-09-23T16:11:12.114Z",
-      "version": "0.28.2"
+      "exportedAt": "2026-10-02T22:19:36.595Z",
+      "version": "0.29.0"
     }
   }
 }

package/recursica_ui-kit.json

@@ -9042,8 +9042,8 @@
   },
   "$extensions": {
     "recursica.metadata": {
-      "exportedAt": "2026-09-23T16:11:12.142Z",
-      "version": "0.28.2"
+      "exportedAt": "2026-10-02T22:19:36.595Z",
+      "version": "0.29.0"
     }
   }
 }

package/recursica_variables_scoped.css

@@ -1,8 +1,8 @@
 /*
  * Recursica CSS Variables - Scoped
- * Transform version: 1.3.3
- * Source JSON version: 0.28.2
- * Generated: Wed, 23 Sep 2026 16:11:12 GMT
+ * Transform version: 1.4.0
+ * Source JSON version: 0.29.0
+ * Generated: Fri, 02 Oct 2026 22:19:36 GMT
  *
  * --- How to integrate this file ---
  *
@@ -133,10 +133,14 @@
   --recursica_brand_layer_1_elements_interactive_tone: var(--recursica_tokens_colors_scale-06_400);
   --recursica_brand_layer_2_elements_interactive_tone: var(--recursica_tokens_colors_scale-06_400);
   --recursica_brand_layer_3_elements_interactive_tone: var(--recursica_tokens_colors_scale-06_400);
+  --recursica_brand_layout-grids_column-gutter: var(--recursica_brand_layout-grids_default_column-gutter);
+  --recursica_brand_layout-grids_columns: var(--recursica_brand_layout-grids_default_columns);
   --recursica_brand_layout-grids_default_column-gutter: var(--recursica_tokens_sizes_2x);
   --recursica_brand_layout-grids_default_columns: 6;
   --recursica_brand_layout-grids_default_margin: var(--recursica_tokens_sizes_3x);
   --recursica_brand_layout-grids_default_row-gutter: var(--recursica_tokens_sizes_3x);
+  --recursica_brand_layout-grids_margin: var(--recursica_brand_layout-grids_default_margin);
+  --recursica_brand_layout-grids_row-gutter: var(--recursica_brand_layout-grids_default_row-gutter);
   --recursica_brand_modes_dark_elevations_elevation-0: var(--recursica_brand_modes_dark_elevations_elevation-0_x) var(--recursica_brand_modes_dark_elevations_elevation-0_y) var(--recursica_brand_modes_dark_elevations_elevation-0_blur) var(--recursica_brand_modes_dark_elevations_elevation-0_spread) var(--recursica_brand_modes_dark_elevations_elevation-0_color);
   --recursica_brand_modes_dark_elevations_elevation-0_blur: 0px;
   --recursica_brand_modes_dark_elevations_elevation-0_color: var(--recursica_brand_modes_dark_palettes_neutral_500_color_tone);

package/src/components/Container/USAGE.md

@@ -35,7 +35,6 @@ All Recursica components in the `@recursica/adapter-mantine-v8` package adhere s
 
 > [!IMPORTANT]
 >
-> - **Anti-override protection**: Rogues style injections (like inline `style` or arbitrary `className`) are automatically blocked by our prop layer unless `overStyled={true}` is explicitly provided.
 > - **No Direct Layers**: Do not pass a `layer` prop to this component. To place it on a specific visual layer, wrap it in a `<Layer layer={0|1|2|3}>` component natively.
 > - **Variables and Theming**: Styling is entirely determined by local CSS variables defined in `recursica_variables_scoped.css` and mapped in the component's CSS module.