@recursica/mantine-adapter 0.27.0 → 0.29.0

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

@@ -4,7 +4,7 @@ import { RecursicaPanelProps as BaseRecursicaPanelProps } from '@recursica/adapt
 /**
  * Recursica Panel root props. Extends Mantine Drawer.
  */
-export interface RecursicaPanelProps extends Omit<MantineDrawerProps, "size" | "styles" | "classNames" | "style" | "position">, BaseRecursicaPanelProps {
+export interface RecursicaPanelProps extends Omit<MantineDrawerProps, "size" | "styles" | "classNames" | "style" | "position" | "opened">, BaseRecursicaPanelProps {
 }
 export type PanelProps = RecursicaOverStyled<RecursicaPanelProps>;
 /**

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

@@ -17,7 +17,9 @@ import { RecursicaPopoverProps } from '@recursica/adapter-common';
  * </Popover>
  * ```
  */
-export type PopoverProps = RecursicaOverStyled<MantinePopoverProps & RecursicaPopoverProps>;
+export type PopoverProps = Omit<RecursicaOverStyled<Omit<MantinePopoverProps, "position"> & RecursicaPopoverProps>, "position"> & {
+    position?: MantinePopoverProps["position"];
+};
 declare const PopoverBase: {
     ({ overStyled, withBeak, ...rest }: PopoverProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { RecursicaOverStyled } from '../../utils/filterStylingProps';
+export interface TreeProps extends React.ComponentPropsWithoutRef<"div"> {
+    overStyled?: boolean;
+}
+/**
+ * Placeholder component for Tree (Coming Soon).
+ */
+export declare const Tree: React.ForwardRefExoticComponent<RecursicaOverStyled<TreeProps> & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -42,7 +42,9 @@ export * from './TextArea/TextArea';
 export * from './TextField/TextField';
 export * from './TimePicker/TimePicker';
 export * from './Timeline/Timeline';
+export * from './Timeline/TimelineItem';
 export * from './Title/Title';
 export * from './Toast';
 export * from './Tooltip/Tooltip';
 export * from './TransferList/TransferList';
+export * from './Tree';

package/dist/src/index.d.ts

@@ -1,3 +1,155 @@
-export * from './components';
+import * as rawComponents from "./components";
 export * from '@recursica/adapter-common';
+export declare const Flex: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, rawComponents.FlexProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<(Omit<import('@mantine/core').FlexProps & import('@recursica/adapter-common').RecursicaFlexProps, "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" | "justify" | "component" | "wrap" | "align" | "direction"> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (Omit<import('@mantine/core').FlexProps & import('@recursica/adapter-common').RecursicaFlexProps, "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;
+    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;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Stack: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, rawComponents.StackProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<(Omit<import('@mantine/core').StackProps & import('@recursica/adapter-common').RecursicaStackProps, "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" | "justify" | "component" | "align"> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (Omit<import('@mantine/core').StackProps & import('@recursica/adapter-common').RecursicaStackProps, "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 Container: import('react').ForwardRefExoticComponent<Omit<Omit<import('@mantine/core').ContainerProps, "size"> & import('@recursica/adapter-common').RecursicaContainerProps, "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;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Link: (<C = "a">(props: import('@mantine/core').PolymorphicComponentProps<C, rawComponents.LinkProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((rawComponents.LinkProps & {
+    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" | "variant" | "color" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "icon" | "inherit" | "inline" | "size" | "__staticSelector" | "component" | "gradient" | "lineClamp" | "truncate"> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (rawComponents.LinkProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+export declare const Text: (<C = "p">(props: import('@mantine/core').PolymorphicComponentProps<C, rawComponents.TextProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((rawComponents.TextProps & {
+    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" | "variant" | "span" | "color" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "inherit" | "inline" | "size" | "__staticSelector" | "component" | "gradient" | "lineClamp" | "truncate"> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (rawComponents.TextProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+export declare const Accordion: typeof rawComponents.Accordion;
+export declare const AccordionItem: typeof rawComponents.AccordionItem;
+export declare const AccordionControl: typeof rawComponents.AccordionControl;
+export declare const AccordionPanel: typeof rawComponents.AccordionPanel;
+export declare const AutoComplete: typeof rawComponents.AutoComplete;
+export declare const Avatar: typeof rawComponents.Avatar;
+export declare const Badge: typeof rawComponents.Badge;
+export declare const Breadcrumb: typeof rawComponents.Breadcrumb;
+export declare const Button: typeof rawComponents.Button;
+export declare const Card: typeof rawComponents.Card;
+export declare const Checkbox: typeof rawComponents.Checkbox;
+export declare const CheckboxGroup: typeof rawComponents.CheckboxGroup;
+export declare const Chip: typeof rawComponents.Chip;
+export declare const DatePicker: typeof rawComponents.DatePicker;
+export declare const Dropdown: typeof rawComponents.Dropdown;
+export declare const FileInput: typeof rawComponents.FileInput;
+export declare const FileUpload: typeof rawComponents.FileUpload;
+export declare const FormControlLayout: typeof rawComponents.FormControlLayout;
+export declare const HoverCard: typeof rawComponents.HoverCard;
+export declare const Loader: typeof rawComponents.Loader;
+export declare const Label: typeof rawComponents.Label;
+export declare const Menu: typeof rawComponents.Menu;
+export declare const Modal: typeof rawComponents.Modal;
+export declare const NumberInput: typeof rawComponents.NumberInput;
+export declare const Pagination: typeof rawComponents.Pagination;
+export declare const Panel: typeof rawComponents.Panel;
+export declare const PanelFooter: typeof rawComponents.PanelFooter;
+export declare const Popover: typeof rawComponents.Popover;
+export declare const Radio: typeof rawComponents.Radio;
+export declare const RadioGroup: typeof rawComponents.RadioGroup;
+export declare const ReadOnlyField: typeof rawComponents.ReadOnlyField;
+export declare const SegmentedControl: typeof rawComponents.SegmentedControl;
+export declare const Slider: typeof rawComponents.Slider;
+export declare const Stepper: typeof rawComponents.Stepper;
+export declare const Switch: typeof rawComponents.Switch;
+export declare const SwitchGroup: typeof rawComponents.SwitchGroup;
+export declare const Table: typeof rawComponents.Table;
+export declare const Tabs: typeof rawComponents.Tabs;
+export declare const TextArea: typeof rawComponents.TextArea;
+export declare const TextField: typeof rawComponents.TextField;
+export declare const TimePicker: typeof rawComponents.TimePicker;
+export declare const Timeline: typeof rawComponents.Timeline;
+export declare const TimelineItem: typeof rawComponents.TimelineItem;
+export declare const Title: typeof rawComponents.Title;
+export declare const Toast: typeof rawComponents.Toast;
+export declare const Tooltip: typeof rawComponents.Tooltip;
+export declare const TransferList: typeof rawComponents.TransferList;
+export declare const Tree: typeof rawComponents.Tree;
 export type { RecursicaCheckboxGroupProps, RecursicaDatePickerProps, RecursicaDropdownProps, RecursicaNumberInputProps, RecursicaRadioGroupProps, RecursicaReadOnlyFieldProps, RecursicaReadOnlyTextFieldProps, RecursicaSliderProps, RecursicaSwitchGroupProps, RecursicaTextAreaProps, RecursicaTextFieldProps, } from './components';

package/package.json

@@ -13,7 +13,7 @@
     "url": "git+https://github.com/borderux/recursica.git",
     "directory": "packages/mantine-adapter"
   },
-  "version": "0.27.0",
+  "version": "0.29.0",
   "type": "module",
   "main": "./dist/mantine-adapter.cjs",
   "module": "./dist/mantine-adapter.js",
@@ -52,7 +52,7 @@
     "build-storybook": "storybook build -o storybook-static",
     "lint": "eslint .",
     "storybook": "storybook dev -p 6011",
-    "analyze-tokens": "analyze-tokens --css recursica_variables_scoped.css --dir src/components --output token-analysis.json",
+    "analyze-tokens": "analyze-tokens --css @recursica/official-release/recursica_variables_scoped.css --dir src/components --output token-analysis.json",
     "prebuild": "npm run analyze-tokens"
   },
   "devDependencies": {

package/src/OverStyling.tsx

@@ -1,7 +1,25 @@
-import { Container, Card, Title, Text, Group, Stack } from "./components";
-import { Button } from "./components/Button/Button";
+import {
+  Container,
+  Card,
+  Title,
+  Text as RawText,
+  Group,
+  Stack,
+  Switch as RawSwitch,
+} from "./components";
+import { Button as RawButton } from "./components/Button/Button";
+import {
+  useGlobalOverStyled,
+  toggleGlobalOverStyled,
+  wrapComponent,
+} from "@recursica/adapter-common";
+
+const Button = wrapComponent(RawButton);
+const Text = wrapComponent(RawText);
+const Switch = wrapComponent(RawSwitch);
 
 export const OverStylingInfo = () => {
+  const isHighlightActive = useGlobalOverStyled();
   return (
     <Container size="md" style={{ padding: "32px 0" }}>
       <Card>
@@ -197,6 +215,52 @@ export const OverStylingInfo = () => {
             mb="rec-xl"
           />
 
+          <Title order={3} mb="rec-sm">
+            Visual Auditing & Highlights (Development Only)
+          </Title>
+          <Text mb="rec-sm">
+            To make it easy to spot technical debt and design system violations,
+            Recursica automatically tracks any component that uses the{" "}
+            <code>overStyled={`{true}`}</code> prop.
+          </Text>
+          <Text mb="rec-sm">
+            In <strong>development builds</strong>, you can highlight all
+            over-styled components on the page. Open your browser's developer
+            console and run:
+          </Text>
+          <Stack
+            style={{
+              padding: 12,
+              backgroundColor: "#f5f5f5",
+              borderRadius: 6,
+              fontSize: 13,
+              marginTop: 8,
+              marginBottom: 16,
+            }}
+          >
+            <code>recursica.toggleOverStyled()</code>
+          </Stack>
+          <Group mb="rec-md">
+            <Switch
+              label="Highlight Over-Styled Components"
+              checked={isHighlightActive}
+              onChange={() => toggleGlobalOverStyled()}
+            />
+          </Group>
+          <Text mb="rec-xl">
+            This toggles a <strong>cyan 2px box shadow</strong> outline around
+            the children of all over-styled components. The wrapping elements
+            use <code>display: contents</code> under the hood to ensure they
+            occupy zero DOM space and do not affect flex, grid, or absolute
+            positioning flow. In production builds, this debugging helper is
+            completely disabled and stripped with zero performance overhead.
+          </Text>
+
+          <Stack
+            style={{ height: 1, backgroundColor: "#eaeaea" }}
+            mb="rec-xl"
+          />
+
           <Title order={3} mb="rec-md">
             Live Example
           </Title>
@@ -217,7 +281,7 @@ export const OverStylingInfo = () => {
             </Stack>
             <Stack gap="rec-sm">
               <Text overStyled size="sm" c="dimmed">
-                overStyled={`{true}`}
+                overStyled
               </Text>
               <Button overStyled={true} bg="pink" c="black" radius="xl">
                 Unsafe Pink Marketing Button

package/src/components/AutoComplete/AutoComplete.tsx

@@ -149,8 +149,8 @@ export const AutoComplete = forwardRef<HTMLInputElement, AutoCompleteProps>(
             ref={ref}
             classNames={mergedClassNames}
             disabled={disabled}
-            value={value as any}
-            defaultValue={defaultValue as any}
+            value={value as string | undefined}
+            defaultValue={defaultValue as string | undefined}
             wrapperProps={{
               "data-disabled": disabled ? "true" : undefined,
               "data-error": error ? "true" : undefined,

package/src/components/Button/Button.module.css

@@ -356,9 +356,23 @@
   color: var(
     --recursica_ui-kit_components_button_variants_styles_solid_properties_colors_text-hover
   );
+  border-color: var(
+    --recursica_ui-kit_components_button_variants_styles_solid_properties_colors_border-color-hover
+  );
   box-shadow: var(
     --recursica_ui-kit_components_button_variants_styles_solid_properties_hover-elevation
   );
+
+  .iconWrapper {
+    color: var(
+      --recursica_ui-kit_components_button_variants_styles_solid_properties_colors_icon-color-hover
+    );
+  }
+}
+.root[data-variant="solid"]:disabled {
+  box-shadow: var(
+    --recursica_ui-kit_components_button_variants_styles_solid_properties_disabled-elevation
+  );
 }
 
 /* OUTLINE */
@@ -389,9 +403,23 @@
   color: var(
     --recursica_ui-kit_components_button_variants_styles_outline_properties_colors_text-hover
   );
+  border-color: var(
+    --recursica_ui-kit_components_button_variants_styles_outline_properties_colors_border-color-hover
+  );
   box-shadow: var(
     --recursica_ui-kit_components_button_variants_styles_outline_properties_hover-elevation
   );
+
+  .iconWrapper {
+    color: var(
+      --recursica_ui-kit_components_button_variants_styles_outline_properties_colors_icon-color-hover
+    );
+  }
+}
+.root[data-variant="outline"]:disabled {
+  box-shadow: var(
+    --recursica_ui-kit_components_button_variants_styles_outline_properties_disabled-elevation
+  );
 }
 
 /* TEXT */
@@ -422,7 +450,21 @@
   color: var(
     --recursica_ui-kit_components_button_variants_styles_text_properties_colors_text-hover
   );
+  border-color: var(
+    --recursica_ui-kit_components_button_variants_styles_text_properties_colors_border-color-hover
+  );
   box-shadow: var(
     --recursica_ui-kit_components_button_variants_styles_text_properties_hover-elevation
   );
+
+  .iconWrapper {
+    color: var(
+      --recursica_ui-kit_components_button_variants_styles_text_properties_colors_icon-color-hover
+    );
+  }
+}
+.root[data-variant="text"]:disabled {
+  box-shadow: var(
+    --recursica_ui-kit_components_button_variants_styles_text_properties_disabled-elevation
+  );
 }

package/src/components/Card/Card.tsx

@@ -50,7 +50,9 @@ const CardBase = forwardRef<HTMLDivElement, CardProps>(function Card(
   ] as const;
   safeCardLayoutKeys.forEach((key) => {
     if (key in rest && !(key in sanitizedProps)) {
-      (sanitizedProps as any)[key] = (rest as any)[key];
+      (sanitizedProps as Record<string, unknown>)[key] = (
+        rest as Record<string, unknown>
+      )[key];
     }
   });
 

package/src/components/DatePicker/DatePicker.stories.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
 import { DatePicker } from "./DatePicker";
 import { formControlArgTypes } from "../../../.storybook/commonArgTypes";

package/src/components/Dropdown/Dropdown.stories.tsx

@@ -42,12 +42,6 @@ const meta: Meta<DropdownStoryProps> = {
     clearable: {
       control: "boolean",
     },
-    checked: {
-      table: { disable: true },
-    },
-    defaultChecked: {
-      table: { disable: true },
-    },
     containerWidth: {
       table: { disable: true },
     },

package/src/components/Dropdown/Dropdown.tsx

@@ -150,7 +150,7 @@ export const Dropdown = forwardRef<HTMLInputElement, DropdownProps>(
             disabled={disabled}
             value={value}
             defaultValue={defaultValue}
-            data={(data as any) || []}
+            data={(data as unknown as MantineSelectProps["data"]) || []}
             label={undefined}
             description={undefined}
             error={undefined}

package/src/components/Link/Link.tsx

@@ -49,7 +49,7 @@ const _Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(
       classNames={mergedClassNames}
       underline="never"
       {...(icon ? { "data-has-icon": "" } : {})}
-      {...(sanitizedProps as any)}
+      {...(sanitizedProps as Record<string, unknown>)}
     >
       {icon && (
         <span className={styles.iconWrapper} aria-hidden>

package/src/components/NumberInput/NumberInput.stories.tsx

@@ -21,8 +21,6 @@ const meta: Meta<typeof NumberInput> = {
       control: "select",
       options: ["small", "default", "large"],
     },
-    checked: { table: { disable: true } },
-    defaultChecked: { table: { disable: true } },
     assistiveWithIcon: { table: { disable: true } },
     labelOptionalText: { table: { disable: true } },
     labelWithEditIcon: { table: { disable: true } },

package/src/components/Panel/Panel.tsx

@@ -21,7 +21,7 @@ import { type RecursicaPanelProps as BaseRecursicaPanelProps } from "@recursica/
 export interface RecursicaPanelProps
   extends Omit<
       MantineDrawerProps,
-      "size" | "styles" | "classNames" | "style" | "position"
+      "size" | "styles" | "classNames" | "style" | "position" | "opened"
     >,
     BaseRecursicaPanelProps {}
 

package/src/components/Popover/Popover.tsx

@@ -35,9 +35,14 @@ import { type RecursicaPopoverProps } from "@recursica/adapter-common";
  * </Popover>
  * ```
  */
-export type PopoverProps = RecursicaOverStyled<
-  MantinePopoverProps & RecursicaPopoverProps
->;
+export type PopoverProps = Omit<
+  RecursicaOverStyled<
+    Omit<MantinePopoverProps, "position"> & RecursicaPopoverProps
+  >,
+  "position"
+> & {
+  position?: MantinePopoverProps["position"];
+};
 
 const PopoverBase = function Popover({
   overStyled = false,

package/src/components/SegmentedControl/SegmentedControl.module.css

@@ -3,6 +3,7 @@
    - background-color: transparent; on label hover (overriding Mantine)
    - Scope prefix .root to enforce Figma tokens over Mantine's inline calculation without using !important
 */
+/* recursica-ignore: --recursica_ui-kit_components_segmented-control-item_properties_item_border-radius */
 
 .root {
   background-color: var(

package/src/components/Slider/Slider.module.css

@@ -5,6 +5,7 @@
  * - transform: translateX(-50%); (Mantine's standard step marks positioning alignment offset)
  * - outline: none; border-style: solid; (Standard focus reset and border outlines)
  */
+/* recursica-ignore: --recursica_ui-kit_components_slider_properties_input-border-size */
 
 /* ==========================================
    1. Baseline, Reset & Layout Overrides
@@ -356,6 +357,34 @@
    6. State-Specific Overrides (Disabled, Error)
    ========================================== */
 
+/* Focus states */
+.sliderRoot:has(.sliderThumb:focus) .sliderTrack,
+.sliderRoot:focus-within .sliderTrack {
+  background-color: var(
+    --recursica_ui-kit_components_slider_variants_states_focus_properties_colors_track
+  );
+}
+
+.sliderRoot:has(.sliderThumb:focus) .sliderMark,
+.sliderRoot:focus-within .sliderMark {
+  background-color: var(
+    --recursica_ui-kit_components_slider_variants_states_focus_properties_colors_step-indicator-color
+  );
+}
+
+.sliderRoot:has(.sliderThumb:focus) .sliderMark[data-filled],
+.sliderRoot:focus-within .sliderMark[data-filled] {
+  background-color: var(
+    --recursica_ui-kit_components_slider_variants_states_focus_properties_colors_step-indicator-color-active
+  );
+}
+
+.sliderContainer:focus-within .iconWrapper {
+  color: var(
+    --recursica_ui-kit_components_slider_variants_states_focus_properties_colors_icon-color
+  );
+}
+
 /* Disabled state */
 .sliderContainer[data-disabled="true"] .iconWrapper {
   color: var(