@recursica/mantine-adapter 0.27.0 → 0.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/mantine-adapter.cjs +11 -1
  3. package/dist/mantine-adapter.cjs.map +1 -1
  4. package/dist/mantine-adapter.js +2047 -1874
  5. package/dist/mantine-adapter.js.map +1 -1
  6. package/dist/src/components/index.d.ts +1 -0
  7. package/dist/src/index.d.ts +152 -1
  8. package/package.json +1 -1
  9. package/src/OverStyling.tsx +67 -3
  10. package/src/components/AutoComplete/AutoComplete.tsx +2 -2
  11. package/src/components/Card/Card.tsx +3 -1
  12. package/src/components/Dropdown/Dropdown.tsx +1 -1
  13. package/src/components/Link/Link.tsx +1 -1
  14. package/src/components/Table/Table.tsx +1 -1
  15. package/src/components/index.ts +1 -0
  16. package/src/index.ts +154 -1
package/dist/src/components/index.d.ts CHANGED
@@ -42,6 +42,7 @@ export * from './TextArea/TextArea';
42
42
  export * from './TextField/TextField';
43
43
  export * from './TimePicker/TimePicker';
44
44
  export * from './Timeline/Timeline';
45
+ export * from './Timeline/TimelineItem';
45
46
  export * from './Title/Title';
46
47
  export * from './Toast';
47
48
  export * from './Tooltip/Tooltip';
package/dist/src/index.d.ts CHANGED
@@ -1,3 +1,154 @@
1
- export * from './components';
1
+ import * as rawComponents from "./components";
2
2
  export * from '@recursica/adapter-common';
3
+ 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"> & {
4
+ m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
5
+ mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
6
+ my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
7
+ mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
8
+ mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
9
+ ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
10
+ mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
11
+ gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
12
+ rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
13
+ columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
14
+ } & {
15
+ component?: any;
16
+ } & 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"> & {
17
+ ref?: any;
18
+ renderRoot?: (props: any) => any;
19
+ }) | (Omit<import('@mantine/core').FlexProps & import('@recursica/adapter-common').RecursicaFlexProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
20
+ m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
21
+ mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
22
+ my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
23
+ mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
24
+ mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
25
+ ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
26
+ mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
27
+ gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
28
+ rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
29
+ columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
30
+ } & {
31
+ component: React.ElementType;
32
+ renderRoot?: (props: Record<string, any>) => any;
33
+ })>, never> & Record<string, never>;
34
+ 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"> & {
35
+ m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
36
+ mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
37
+ my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
38
+ mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
39
+ mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
40
+ ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
41
+ mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
42
+ gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
43
+ rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
44
+ columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
45
+ } & import('react').RefAttributes<HTMLDivElement>>;
46
+ 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"> & {
47
+ m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
48
+ mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
49
+ my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
50
+ mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
51
+ mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
52
+ ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
53
+ mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
54
+ gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
55
+ rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
56
+ columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
57
+ } & {
58
+ component?: any;
59
+ } & 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"> & {
60
+ ref?: any;
61
+ renderRoot?: (props: any) => any;
62
+ }) | (Omit<import('@mantine/core').StackProps & import('@recursica/adapter-common').RecursicaStackProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
63
+ m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
64
+ mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
65
+ my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
66
+ mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
67
+ mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
68
+ ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
69
+ mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
70
+ gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
71
+ rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
72
+ columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
73
+ } & {
74
+ component: React.ElementType;
75
+ renderRoot?: (props: Record<string, any>) => any;
76
+ })>, never> & Record<string, never>;
77
+ 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"> & {
78
+ m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
79
+ mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
80
+ my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
81
+ mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
82
+ mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
83
+ ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
84
+ mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
85
+ gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
86
+ rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
87
+ columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
88
+ } & import('react').RefAttributes<HTMLDivElement>>;
89
+ export declare const Link: (<C = "a">(props: import('@mantine/core').PolymorphicComponentProps<C, rawComponents.LinkProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((rawComponents.LinkProps & {
90
+ component?: any;
91
+ }) & 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"> & {
92
+ ref?: any;
93
+ renderRoot?: (props: any) => any;
94
+ }) | (rawComponents.LinkProps & {
95
+ component: React.ElementType;
96
+ renderRoot?: (props: Record<string, any>) => any;
97
+ })>, never> & Record<string, never>;
98
+ export declare const Text: (<C = "p">(props: import('@mantine/core').PolymorphicComponentProps<C, rawComponents.TextProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((rawComponents.TextProps & {
99
+ component?: any;
100
+ }) & 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"> & {
101
+ ref?: any;
102
+ renderRoot?: (props: any) => any;
103
+ }) | (rawComponents.TextProps & {
104
+ component: React.ElementType;
105
+ renderRoot?: (props: Record<string, any>) => any;
106
+ })>, never> & Record<string, never>;
107
+ export declare const Accordion: typeof rawComponents.Accordion;
108
+ export declare const AccordionItem: typeof rawComponents.AccordionItem;
109
+ export declare const AccordionControl: typeof rawComponents.AccordionControl;
110
+ export declare const AccordionPanel: typeof rawComponents.AccordionPanel;
111
+ export declare const AutoComplete: typeof rawComponents.AutoComplete;
112
+ export declare const Avatar: typeof rawComponents.Avatar;
113
+ export declare const Badge: typeof rawComponents.Badge;
114
+ export declare const Breadcrumb: typeof rawComponents.Breadcrumb;
115
+ export declare const Button: typeof rawComponents.Button;
116
+ export declare const Card: typeof rawComponents.Card;
117
+ export declare const Checkbox: typeof rawComponents.Checkbox;
118
+ export declare const CheckboxGroup: typeof rawComponents.CheckboxGroup;
119
+ export declare const Chip: typeof rawComponents.Chip;
120
+ export declare const DatePicker: typeof rawComponents.DatePicker;
121
+ export declare const Dropdown: typeof rawComponents.Dropdown;
122
+ export declare const FileInput: typeof rawComponents.FileInput;
123
+ export declare const FileUpload: typeof rawComponents.FileUpload;
124
+ export declare const FormControlLayout: typeof rawComponents.FormControlLayout;
125
+ export declare const HoverCard: typeof rawComponents.HoverCard;
126
+ export declare const Loader: typeof rawComponents.Loader;
127
+ export declare const Label: typeof rawComponents.Label;
128
+ export declare const Menu: typeof rawComponents.Menu;
129
+ export declare const Modal: typeof rawComponents.Modal;
130
+ export declare const NumberInput: typeof rawComponents.NumberInput;
131
+ export declare const Pagination: typeof rawComponents.Pagination;
132
+ export declare const Panel: typeof rawComponents.Panel;
133
+ export declare const PanelFooter: typeof rawComponents.PanelFooter;
134
+ export declare const Popover: typeof rawComponents.Popover;
135
+ export declare const Radio: typeof rawComponents.Radio;
136
+ export declare const RadioGroup: typeof rawComponents.RadioGroup;
137
+ export declare const ReadOnlyField: typeof rawComponents.ReadOnlyField;
138
+ export declare const SegmentedControl: typeof rawComponents.SegmentedControl;
139
+ export declare const Slider: typeof rawComponents.Slider;
140
+ export declare const Stepper: typeof rawComponents.Stepper;
141
+ export declare const Switch: typeof rawComponents.Switch;
142
+ export declare const SwitchGroup: typeof rawComponents.SwitchGroup;
143
+ export declare const Table: typeof rawComponents.Table;
144
+ export declare const Tabs: typeof rawComponents.Tabs;
145
+ export declare const TextArea: typeof rawComponents.TextArea;
146
+ export declare const TextField: typeof rawComponents.TextField;
147
+ export declare const TimePicker: typeof rawComponents.TimePicker;
148
+ export declare const Timeline: typeof rawComponents.Timeline;
149
+ export declare const TimelineItem: typeof rawComponents.TimelineItem;
150
+ export declare const Title: typeof rawComponents.Title;
151
+ export declare const Toast: typeof rawComponents.Toast;
152
+ export declare const Tooltip: typeof rawComponents.Tooltip;
153
+ export declare const TransferList: typeof rawComponents.TransferList;
3
154
  export type { RecursicaCheckboxGroupProps, RecursicaDatePickerProps, RecursicaDropdownProps, RecursicaNumberInputProps, RecursicaRadioGroupProps, RecursicaReadOnlyFieldProps, RecursicaReadOnlyTextFieldProps, RecursicaSliderProps, RecursicaSwitchGroupProps, RecursicaTextAreaProps, RecursicaTextFieldProps, } from './components';
package/package.json CHANGED
@@ -13,7 +13,7 @@
13
13
  "url": "git+https://github.com/borderux/recursica.git",
14
14
  "directory": "packages/mantine-adapter"
15
15
  },
16
- "version": "0.27.0",
16
+ "version": "0.28.0",
17
17
  "type": "module",
18
18
  "main": "./dist/mantine-adapter.cjs",
19
19
  "module": "./dist/mantine-adapter.js",
package/src/OverStyling.tsx CHANGED
@@ -1,7 +1,25 @@
1
- import { Container, Card, Title, Text, Group, Stack } from "./components";
2
- import { Button } from "./components/Button/Button";
1
+ import {
2
+ Container,
3
+ Card,
4
+ Title,
5
+ Text as RawText,
6
+ Group,
7
+ Stack,
8
+ Switch as RawSwitch,
9
+ } from "./components";
10
+ import { Button as RawButton } from "./components/Button/Button";
11
+ import {
12
+ useGlobalOverStyled,
13
+ toggleGlobalOverStyled,
14
+ wrapComponent,
15
+ } from "@recursica/adapter-common";
16
+
17
+ const Button = wrapComponent(RawButton);
18
+ const Text = wrapComponent(RawText);
19
+ const Switch = wrapComponent(RawSwitch);
3
20
 
4
21
  export const OverStylingInfo = () => {
22
+ const isHighlightActive = useGlobalOverStyled();
5
23
  return (
6
24
  <Container size="md" style={{ padding: "32px 0" }}>
7
25
  <Card>
@@ -197,6 +215,52 @@ export const OverStylingInfo = () => {
197
215
  mb="rec-xl"
198
216
  />
199
217
 
218
+ <Title order={3} mb="rec-sm">
219
+ Visual Auditing & Highlights (Development Only)
220
+ </Title>
221
+ <Text mb="rec-sm">
222
+ To make it easy to spot technical debt and design system violations,
223
+ Recursica automatically tracks any component that uses the{" "}
224
+ <code>overStyled={`{true}`}</code> prop.
225
+ </Text>
226
+ <Text mb="rec-sm">
227
+ In <strong>development builds</strong>, you can highlight all
228
+ over-styled components on the page. Open your browser's developer
229
+ console and run:
230
+ </Text>
231
+ <Stack
232
+ style={{
233
+ padding: 12,
234
+ backgroundColor: "#f5f5f5",
235
+ borderRadius: 6,
236
+ fontSize: 13,
237
+ marginTop: 8,
238
+ marginBottom: 16,
239
+ }}
240
+ >
241
+ <code>recursica.toggleOverStyled()</code>
242
+ </Stack>
243
+ <Group mb="rec-md">
244
+ <Switch
245
+ label="Highlight Over-Styled Components"
246
+ checked={isHighlightActive}
247
+ onChange={() => toggleGlobalOverStyled()}
248
+ />
249
+ </Group>
250
+ <Text mb="rec-xl">
251
+ This toggles a <strong>cyan 2px box shadow</strong> outline around
252
+ the children of all over-styled components. The wrapping elements
253
+ use <code>display: contents</code> under the hood to ensure they
254
+ occupy zero DOM space and do not affect flex, grid, or absolute
255
+ positioning flow. In production builds, this debugging helper is
256
+ completely disabled and stripped with zero performance overhead.
257
+ </Text>
258
+
259
+ <Stack
260
+ style={{ height: 1, backgroundColor: "#eaeaea" }}
261
+ mb="rec-xl"
262
+ />
263
+
200
264
  <Title order={3} mb="rec-md">
201
265
  Live Example
202
266
  </Title>
@@ -217,7 +281,7 @@ export const OverStylingInfo = () => {
217
281
  </Stack>
218
282
  <Stack gap="rec-sm">
219
283
  <Text overStyled size="sm" c="dimmed">
220
- overStyled={`{true}`}
284
+ overStyled
221
285
  </Text>
222
286
  <Button overStyled={true} bg="pink" c="black" radius="xl">
223
287
  Unsafe Pink Marketing Button
package/src/components/AutoComplete/AutoComplete.tsx CHANGED
@@ -149,8 +149,8 @@ export const AutoComplete = forwardRef<HTMLInputElement, AutoCompleteProps>(
149
149
  ref={ref}
150
150
  classNames={mergedClassNames}
151
151
  disabled={disabled}
152
- value={value as any}
153
- defaultValue={defaultValue as any}
152
+ value={value as string | undefined}
153
+ defaultValue={defaultValue as string | undefined}
154
154
  wrapperProps={{
155
155
  "data-disabled": disabled ? "true" : undefined,
156
156
  "data-error": error ? "true" : undefined,
package/src/components/Card/Card.tsx CHANGED
@@ -50,7 +50,9 @@ const CardBase = forwardRef<HTMLDivElement, CardProps>(function Card(
50
50
  ] as const;
51
51
  safeCardLayoutKeys.forEach((key) => {
52
52
  if (key in rest && !(key in sanitizedProps)) {
53
- (sanitizedProps as any)[key] = (rest as any)[key];
53
+ (sanitizedProps as Record<string, unknown>)[key] = (
54
+ rest as Record<string, unknown>
55
+ )[key];
54
56
  }
55
57
  });
56
58
 
package/src/components/Dropdown/Dropdown.tsx CHANGED
@@ -150,7 +150,7 @@ export const Dropdown = forwardRef<HTMLInputElement, DropdownProps>(
150
150
  disabled={disabled}
151
151
  value={value}
152
152
  defaultValue={defaultValue}
153
- data={(data as any) || []}
153
+ data={(data as unknown as MantineSelectProps["data"]) || []}
154
154
  label={undefined}
155
155
  description={undefined}
156
156
  error={undefined}
package/src/components/Link/Link.tsx CHANGED
@@ -49,7 +49,7 @@ const _Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(
49
49
  classNames={mergedClassNames}
50
50
  underline="never"
51
51
  {...(icon ? { "data-has-icon": "" } : {})}
52
- {...(sanitizedProps as any)}
52
+ {...(sanitizedProps as Record<string, unknown>)}
53
53
  >
54
54
  {icon && (
55
55
  <span className={styles.iconWrapper} aria-hidden>
package/src/components/Table/Table.tsx CHANGED
@@ -15,7 +15,7 @@ export type TableProps = RecursicaOverStyled<
15
15
  >;
16
16
 
17
17
  const TableBase = forwardRef<HTMLTableElement, TableProps>(function Table(
18
- { overStyled = false, className, ...rest },
18
+ { overStyled = false, ...rest },
19
19
  ref,
20
20
  ) {
21
21
  const sanitizedProps = filterStylingProps(rest, overStyled);
package/src/components/index.ts CHANGED
@@ -42,6 +42,7 @@ export * from "./TextArea/TextArea";
42
42
  export * from "./TextField/TextField";
43
43
  export * from "./TimePicker/TimePicker";
44
44
  export * from "./Timeline/Timeline";
45
+ export * from "./Timeline/TimelineItem";
45
46
  export * from "./Title/Title";
46
47
  export * from "./Toast";
47
48
  export * from "./Tooltip/Tooltip";
package/src/index.ts CHANGED
@@ -1,7 +1,160 @@
1
1
  import "@recursica/adapter-common/style.css";
2
- export * from "./components";
2
+ import * as rawComponents from "./components";
3
+ import { wrapComponent } from "@recursica/adapter-common";
4
+
3
5
  export * from "@recursica/adapter-common";
4
6
 
7
+ // Expose unwrapped structural layout primitives to preserve their polymorphic types
8
+ export const Flex = rawComponents.Flex;
9
+ export const Group = rawComponents.Group;
10
+ export const Stack = rawComponents.Stack;
11
+ export const Container = rawComponents.Container;
12
+ export const Link = rawComponents.Link;
13
+ export const Text = rawComponents.Text;
14
+
15
+ // Statically wrap and export components to inject overStyled visual highlight in dev mode
16
+ export const Accordion = wrapComponent(
17
+ rawComponents.Accordion,
18
+ ) as typeof rawComponents.Accordion;
19
+ export const AccordionItem = wrapComponent(
20
+ rawComponents.AccordionItem,
21
+ ) as typeof rawComponents.AccordionItem;
22
+ export const AccordionControl = wrapComponent(
23
+ rawComponents.AccordionControl,
24
+ ) as typeof rawComponents.AccordionControl;
25
+ export const AccordionPanel = wrapComponent(
26
+ rawComponents.AccordionPanel,
27
+ ) as typeof rawComponents.AccordionPanel;
28
+ export const AutoComplete = wrapComponent(
29
+ rawComponents.AutoComplete,
30
+ ) as typeof rawComponents.AutoComplete;
31
+ export const Avatar = wrapComponent(
32
+ rawComponents.Avatar,
33
+ ) as typeof rawComponents.Avatar;
34
+ export const Badge = wrapComponent(
35
+ rawComponents.Badge,
36
+ ) as typeof rawComponents.Badge;
37
+ export const Breadcrumb = wrapComponent(
38
+ rawComponents.Breadcrumb,
39
+ ) as typeof rawComponents.Breadcrumb;
40
+ export const Button = wrapComponent(
41
+ rawComponents.Button,
42
+ ) as typeof rawComponents.Button;
43
+ export const Card = wrapComponent(
44
+ rawComponents.Card,
45
+ ) as typeof rawComponents.Card;
46
+ export const Checkbox = wrapComponent(
47
+ rawComponents.Checkbox,
48
+ ) as typeof rawComponents.Checkbox;
49
+ export const CheckboxGroup = wrapComponent(
50
+ rawComponents.CheckboxGroup,
51
+ ) as typeof rawComponents.CheckboxGroup;
52
+ export const Chip = wrapComponent(
53
+ rawComponents.Chip,
54
+ ) as typeof rawComponents.Chip;
55
+ export const DatePicker = wrapComponent(
56
+ rawComponents.DatePicker,
57
+ ) as typeof rawComponents.DatePicker;
58
+ export const Dropdown = wrapComponent(
59
+ rawComponents.Dropdown,
60
+ ) as typeof rawComponents.Dropdown;
61
+ export const FileInput = wrapComponent(
62
+ rawComponents.FileInput,
63
+ ) as typeof rawComponents.FileInput;
64
+ export const FileUpload = wrapComponent(
65
+ rawComponents.FileUpload,
66
+ ) as typeof rawComponents.FileUpload;
67
+ export const FormControlLayout = wrapComponent(
68
+ rawComponents.FormControlLayout,
69
+ ) as typeof rawComponents.FormControlLayout;
70
+ export const HoverCard = wrapComponent(
71
+ rawComponents.HoverCard,
72
+ ) as typeof rawComponents.HoverCard;
73
+ export const Loader = wrapComponent(
74
+ rawComponents.Loader,
75
+ ) as typeof rawComponents.Loader;
76
+ export const Label = wrapComponent(
77
+ rawComponents.Label,
78
+ ) as typeof rawComponents.Label;
79
+ export const Menu = wrapComponent(
80
+ rawComponents.Menu,
81
+ ) as typeof rawComponents.Menu;
82
+ export const Modal = wrapComponent(
83
+ rawComponents.Modal,
84
+ ) as typeof rawComponents.Modal;
85
+ export const NumberInput = wrapComponent(
86
+ rawComponents.NumberInput,
87
+ ) as typeof rawComponents.NumberInput;
88
+ export const Pagination = wrapComponent(
89
+ rawComponents.Pagination,
90
+ ) as typeof rawComponents.Pagination;
91
+ export const Panel = wrapComponent(
92
+ rawComponents.Panel,
93
+ ) as typeof rawComponents.Panel;
94
+ export const PanelFooter = wrapComponent(
95
+ rawComponents.PanelFooter,
96
+ ) as typeof rawComponents.PanelFooter;
97
+ export const Popover = wrapComponent(
98
+ rawComponents.Popover,
99
+ ) as typeof rawComponents.Popover;
100
+ export const Radio = wrapComponent(
101
+ rawComponents.Radio,
102
+ ) as typeof rawComponents.Radio;
103
+ export const RadioGroup = wrapComponent(
104
+ rawComponents.RadioGroup,
105
+ ) as typeof rawComponents.RadioGroup;
106
+ export const ReadOnlyField = wrapComponent(
107
+ rawComponents.ReadOnlyField,
108
+ ) as typeof rawComponents.ReadOnlyField;
109
+ export const SegmentedControl = wrapComponent(
110
+ rawComponents.SegmentedControl,
111
+ ) as typeof rawComponents.SegmentedControl;
112
+ export const Slider = wrapComponent(
113
+ rawComponents.Slider,
114
+ ) as typeof rawComponents.Slider;
115
+ export const Stepper = wrapComponent(
116
+ rawComponents.Stepper,
117
+ ) as typeof rawComponents.Stepper;
118
+ export const Switch = wrapComponent(
119
+ rawComponents.Switch,
120
+ ) as typeof rawComponents.Switch;
121
+ export const SwitchGroup = wrapComponent(
122
+ rawComponents.SwitchGroup,
123
+ ) as typeof rawComponents.SwitchGroup;
124
+ export const Table = wrapComponent(
125
+ rawComponents.Table,
126
+ ) as typeof rawComponents.Table;
127
+ export const Tabs = wrapComponent(
128
+ rawComponents.Tabs,
129
+ ) as typeof rawComponents.Tabs;
130
+ export const TextArea = wrapComponent(
131
+ rawComponents.TextArea,
132
+ ) as typeof rawComponents.TextArea;
133
+ export const TextField = wrapComponent(
134
+ rawComponents.TextField,
135
+ ) as typeof rawComponents.TextField;
136
+ export const TimePicker = wrapComponent(
137
+ rawComponents.TimePicker,
138
+ ) as typeof rawComponents.TimePicker;
139
+ export const Timeline = wrapComponent(
140
+ rawComponents.Timeline,
141
+ ) as typeof rawComponents.Timeline;
142
+ export const TimelineItem = wrapComponent(
143
+ rawComponents.TimelineItem,
144
+ ) as typeof rawComponents.TimelineItem;
145
+ export const Title = wrapComponent(
146
+ rawComponents.Title,
147
+ ) as typeof rawComponents.Title;
148
+ export const Toast = wrapComponent(
149
+ rawComponents.Toast,
150
+ ) as typeof rawComponents.Toast;
151
+ export const Tooltip = wrapComponent(
152
+ rawComponents.Tooltip,
153
+ ) as typeof rawComponents.Tooltip;
154
+ export const TransferList = wrapComponent(
155
+ rawComponents.TransferList,
156
+ ) as typeof rawComponents.TransferList;
157
+
5
158
  export type {
6
159
  RecursicaCheckboxGroupProps,
7
160
  RecursicaDatePickerProps,