@recursica/mantine-adapter 0.23.0 → 0.26.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 (130) hide show
  1. package/ARCHITECTURE.md +15 -0
  2. package/CHANGELOG.md +32 -0
  3. package/SETUP.md +79 -0
  4. package/USAGE.md +55 -0
  5. package/dist/mantine-adapter.cjs +1 -1
  6. package/dist/mantine-adapter.cjs.map +1 -1
  7. package/dist/mantine-adapter.css +1 -1
  8. package/dist/mantine-adapter.js +928 -878
  9. package/dist/mantine-adapter.js.map +1 -1
  10. package/dist/src/components/Accordion/Accordion.d.ts +4 -24
  11. package/dist/src/components/AssistiveElement/AssistiveElement.d.ts +1 -6
  12. package/dist/src/components/AutoComplete/AutoComplete.d.ts +7 -3
  13. package/dist/src/components/Avatar/Avatar.d.ts +2 -6
  14. package/dist/src/components/Badge/Badge.d.ts +2 -5
  15. package/dist/src/components/Breadcrumb/Breadcrumb.d.ts +1 -2
  16. package/dist/src/components/Button/Button.d.ts +2 -16
  17. package/dist/src/components/Card/Card.d.ts +4 -6
  18. package/dist/src/components/Checkbox/Checkbox.d.ts +4 -4
  19. package/dist/src/components/Checkbox/CheckboxGroup.d.ts +7 -3
  20. package/dist/src/components/Chip/Chip.d.ts +1 -10
  21. package/dist/src/components/Container/Container.d.ts +1 -11
  22. package/dist/src/components/DatePicker/DatePicker.d.ts +7 -3
  23. package/dist/src/components/Dropdown/Dropdown.d.ts +2 -4
  24. package/dist/src/components/Flex/Flex.d.ts +2 -11
  25. package/dist/src/components/FormControlLayout/FormControlLayout.d.ts +2 -7
  26. package/dist/src/components/FormControlWrapper/FormControlWrapper.d.ts +1 -15
  27. package/dist/src/components/Group/Group.d.ts +1 -10
  28. package/dist/src/components/HoverCard/HoverCard.d.ts +1 -11
  29. package/dist/src/components/Label/Label.d.ts +1 -14
  30. package/dist/src/components/Link/Link.d.ts +2 -11
  31. package/dist/src/components/Loader/Loader.d.ts +2 -7
  32. package/dist/src/components/Menu/Menu.d.ts +4 -3
  33. package/dist/src/components/Modal/Modal.d.ts +2 -1
  34. package/dist/src/components/NumberInput/NumberInput.d.ts +2 -4
  35. package/dist/src/components/Pagination/Pagination.d.ts +2 -4
  36. package/dist/src/components/Panel/Panel.d.ts +2 -9
  37. package/dist/src/components/Popover/Popover.d.ts +1 -11
  38. package/dist/src/components/Radio/Radio.d.ts +4 -4
  39. package/dist/src/components/Radio/RadioGroup.d.ts +7 -3
  40. package/dist/src/components/ReadOnlyField/ReadOnlyField.d.ts +2 -10
  41. package/dist/src/components/SegmentedControl/SegmentedControl.d.ts +1 -11
  42. package/dist/src/components/Slider/Slider.d.ts +7 -13
  43. package/dist/src/components/Stack/Stack.d.ts +2 -9
  44. package/dist/src/components/Stepper/Stepper.d.ts +2 -4
  45. package/dist/src/components/Switch/Switch.d.ts +4 -4
  46. package/dist/src/components/Switch/SwitchGroup.d.ts +7 -3
  47. package/dist/src/components/Table/Table.d.ts +2 -1
  48. package/dist/src/components/Tabs/Tabs.d.ts +2 -4
  49. package/dist/src/components/Text/Text.d.ts +2 -11
  50. package/dist/src/components/TextArea/TextArea.d.ts +2 -8
  51. package/dist/src/components/TextField/TextField.d.ts +7 -3
  52. package/dist/src/components/TimePicker/TimePicker.d.ts +2 -1
  53. package/dist/src/components/Timeline/Timeline.d.ts +2 -1
  54. package/dist/src/components/Timeline/TimelineItem.d.ts +1 -12
  55. package/dist/src/components/Title/Title.d.ts +1 -7
  56. package/dist/src/components/Toast/Toast.d.ts +1 -12
  57. package/dist/src/components/Tooltip/Tooltip.d.ts +1 -12
  58. package/dist/src/components/TransferList/TransferList.d.ts +2 -1
  59. package/dist/src/utils/RequireAccessibleLabel.d.ts +1 -18
  60. package/dist/src/utils/filterStylingProps.d.ts +1 -11
  61. package/llms.txt +16 -0
  62. package/package.json +9 -2
  63. package/src/components/Accordion/Accordion.module.css +1 -2
  64. package/src/components/Accordion/Accordion.tsx +15 -28
  65. package/src/components/AssistiveElement/AssistiveElement.tsx +1 -6
  66. package/src/components/AutoComplete/AutoComplete.tsx +4 -1
  67. package/src/components/Avatar/Avatar.tsx +1 -5
  68. package/src/components/Badge/Badge.tsx +1 -4
  69. package/src/components/Breadcrumb/Breadcrumb.tsx +1 -2
  70. package/src/components/Button/Button.module.css +18 -45
  71. package/src/components/Button/Button.tsx +1 -15
  72. package/src/components/Card/Card.tsx +11 -6
  73. package/src/components/Checkbox/Checkbox.module.css +6 -10
  74. package/src/components/Checkbox/Checkbox.tsx +19 -14
  75. package/src/components/Checkbox/CheckboxGroup.tsx +4 -1
  76. package/src/components/Chip/CHIP_IMPLEMENTATION_NOTES.md +4 -1
  77. package/src/components/Chip/Chip.module.css +36 -28
  78. package/src/components/Chip/Chip.tsx +8 -15
  79. package/src/components/Container/Container.tsx +1 -19
  80. package/src/components/DatePicker/DatePicker.module.css +2 -2
  81. package/src/components/DatePicker/DatePicker.tsx +4 -1
  82. package/src/components/Dropdown/Dropdown.tsx +4 -4
  83. package/src/components/Flex/Flex.tsx +2 -13
  84. package/src/components/FormControlLayout/FormControlLayout.module.css +6 -18
  85. package/src/components/FormControlLayout/FormControlLayout.tsx +4 -8
  86. package/src/components/FormControlWrapper/FormControlWrapper.tsx +2 -15
  87. package/src/components/Group/Group.tsx +2 -13
  88. package/src/components/HoverCard/HoverCard.tsx +1 -8
  89. package/src/components/Label/Label.module.css +5 -10
  90. package/src/components/Label/Label.tsx +1 -14
  91. package/src/components/Link/Link.module.css +4 -3
  92. package/src/components/Link/Link.stories.tsx +2 -3
  93. package/src/components/Link/Link.tsx +1 -10
  94. package/src/components/Loader/Loader.module.css +1 -2
  95. package/src/components/Loader/Loader.tsx +1 -7
  96. package/src/components/Menu/Menu.tsx +5 -1
  97. package/src/components/Modal/Modal.tsx +3 -1
  98. package/src/components/NumberInput/NumberInput.tsx +4 -4
  99. package/src/components/Pagination/Pagination.module.css +12 -24
  100. package/src/components/Pagination/Pagination.stories.tsx +0 -8
  101. package/src/components/Pagination/Pagination.tsx +5 -4
  102. package/src/components/Panel/Panel.tsx +1 -8
  103. package/src/components/Popover/Popover.tsx +1 -8
  104. package/src/components/Radio/Radio.module.css +4 -10
  105. package/src/components/Radio/Radio.tsx +19 -14
  106. package/src/components/Radio/RadioGroup.tsx +4 -1
  107. package/src/components/ReadOnlyField/ReadOnlyField.module.css +9 -18
  108. package/src/components/ReadOnlyField/ReadOnlyField.tsx +4 -11
  109. package/src/components/SegmentedControl/SegmentedControl.module.css +20 -44
  110. package/src/components/SegmentedControl/SegmentedControl.tsx +1 -11
  111. package/src/components/Slider/Slider.module.css +1 -4
  112. package/src/components/Slider/Slider.tsx +4 -12
  113. package/src/components/Stack/Stack.tsx +2 -11
  114. package/src/components/Stepper/Stepper.tsx +1 -7
  115. package/src/components/Switch/Switch.tsx +19 -11
  116. package/src/components/Switch/SwitchGroup.tsx +4 -1
  117. package/src/components/Table/Table.tsx +3 -1
  118. package/src/components/Tabs/Tabs.tsx +1 -7
  119. package/src/components/Text/Text.tsx +2 -16
  120. package/src/components/TextArea/TextArea.tsx +4 -8
  121. package/src/components/TextField/TextField.tsx +4 -1
  122. package/src/components/TimePicker/TimePicker.tsx +3 -1
  123. package/src/components/Timeline/Timeline.tsx +4 -1
  124. package/src/components/Timeline/TimelineItem.tsx +1 -12
  125. package/src/components/Title/Title.tsx +1 -6
  126. package/src/components/Toast/Toast.tsx +1 -13
  127. package/src/components/Tooltip/Tooltip.tsx +1 -9
  128. package/src/components/TransferList/TransferList.tsx +3 -1
  129. package/src/utils/RequireAccessibleLabel.ts +1 -12
  130. package/src/utils/filterStylingProps.ts +7 -20
@@ -1,35 +1,15 @@
1
1
  import { default as React } from 'react';
2
2
  import { AccordionProps as MantineAccordionProps, AccordionItemProps, AccordionControlProps, AccordionPanelProps } from '@mantine/core';
3
3
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
4
- export type AccordionProps = RecursicaOverStyled<MantineAccordionProps>;
4
+ import { RecursicaAccordionProps, RecursicaAccordionItemProps, RecursicaAccordionControlProps } from '@recursica/adapter-common';
5
+ export type AccordionProps = RecursicaOverStyled<Omit<MantineAccordionProps, "value" | "defaultValue" | "onChange" | "multiple" | "variant"> & RecursicaAccordionProps>;
5
6
  declare const AccordionBase: {
6
7
  ({ variant, overStyled, ...rest }: AccordionProps): import("react/jsx-runtime").JSX.Element;
7
8
  displayName: string;
8
9
  };
9
- export interface RecursicaAccordionItemProps extends Omit<AccordionItemProps, "className"> {
10
- }
11
- export type AccordionItemWrapperProps = RecursicaOverStyled<AccordionItemProps & {
12
- /**
13
- * When provided alongside `leftIcon` or independently, this auto-generates the Accordion Control and Panel DOM layers natively.
14
- */
15
- title?: React.ReactNode;
16
- /**
17
- * Leading icon explicitly mapped into the Mantine `Accordion.Control` leftSection boundary natively.
18
- */
19
- leftIcon?: React.ReactNode;
20
- /**
21
- * Toggles the presence of the bottom trailing divider native to AccordionItems.
22
- * @default true
23
- */
24
- divider?: boolean;
25
- }>;
10
+ export type AccordionItemWrapperProps = RecursicaOverStyled<AccordionItemProps & RecursicaAccordionItemProps>;
26
11
  export declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemWrapperProps & React.RefAttributes<HTMLDivElement>>;
27
- export type AccordionControlWrapperProps = RecursicaOverStyled<AccordionControlProps & {
28
- /**
29
- * Leading icon explicitly mapped into the Mantine `Accordion.Control` leftSection boundary natively.
30
- */
31
- leftIcon?: React.ReactNode;
32
- }>;
12
+ export type AccordionControlWrapperProps = RecursicaOverStyled<AccordionControlProps & RecursicaAccordionControlProps>;
33
13
  export declare const AccordionControl: React.ForwardRefExoticComponent<AccordionControlWrapperProps & React.RefAttributes<HTMLButtonElement>>;
34
14
  export type AccordionPanelWrapperProps = RecursicaOverStyled<AccordionPanelProps>;
35
15
  export declare const AccordionPanel: React.ForwardRefExoticComponent<AccordionPanelWrapperProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,10 +1,5 @@
1
1
  import { default as React } from 'react';
2
2
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
3
- export interface RecursicaAssistiveElementProps {
4
- /** The semantic variant driving the icon and text colors natively mapped across the UI Kit tokens. */
5
- assistiveVariant?: "help" | "error";
6
- /** Explicitly toggle the rendering of the variant-specific SVG bounding box. */
7
- assistiveWithIcon?: boolean;
8
- }
3
+ import { RecursicaAssistiveElementProps } from '@recursica/adapter-common';
9
4
  export type AssistiveElementProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement> & RecursicaAssistiveElementProps>;
10
5
  export declare const AssistiveElement: React.ForwardRefExoticComponent<AssistiveElementProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,9 +1,13 @@
1
1
  import { default as React } from 'react';
2
2
  import { AutocompleteProps as MantineAutocompleteProps, InputWrapperProps } from '@mantine/core';
3
- import { ReadOnlyControlProps } from '@recursica/adapter-common';
3
+ import { ReadOnlyControlProps, RecursicaAutocompleteProps as BaseRecursicaAutocompleteProps } from '@recursica/adapter-common';
4
4
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
5
5
  import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
6
- export interface RecursicaAutoCompleteProps extends Omit<MantineAutocompleteProps, "size" | "variant" | "radius" | "wrapperProps">, Pick<InputWrapperProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps {
6
+ export interface RecursicaAutoCompleteProps extends Omit<MantineAutocompleteProps, "size" | "variant" | "radius" | "wrapperProps">, Pick<InputWrapperProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, BaseRecursicaAutocompleteProps {
7
7
  }
8
8
  export type AutoCompleteProps = RecursicaOverStyled<RecursicaAutoCompleteProps>;
9
- export declare const AutoComplete: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<HTMLInputElement>>;
9
+ export declare const AutoComplete: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaAutoCompleteProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
10
+ overStyled?: false | undefined;
11
+ }, "ref"> | Omit<RecursicaAutoCompleteProps & {
12
+ overStyled: true;
13
+ }, "ref">) & React.RefAttributes<HTMLInputElement>>;
@@ -1,11 +1,7 @@
1
1
  import { default as React } from 'react';
2
2
  import { AvatarProps as MantineAvatarProps } from '@mantine/core';
3
3
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
4
- export interface RecursicaAvatarProps {
5
- size?: "small" | "default" | "large";
6
- variant?: "solid" | "outline" | "ghost";
7
- icon?: React.ReactNode;
8
- }
4
+ import { RecursicaAvatarProps } from '@recursica/adapter-common';
9
5
  export type AvatarProps = RecursicaOverStyled<Omit<MantineAvatarProps, "variant" | "size" | "color" | "radius"> & RecursicaAvatarProps>;
10
6
  /**
11
7
  * Recursica Avatar component wrapping Mantine's Avatar.
@@ -14,7 +10,7 @@ export type AvatarProps = RecursicaOverStyled<Omit<MantineAvatarProps, "variant"
14
10
  */
15
11
  export declare const Avatar: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, AvatarProps>) => React.ReactElement) & Omit<React.FunctionComponent<((AvatarProps & {
16
12
  component?: any;
17
- }) & 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" | "top" | "left" | "bottom" | "right" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "variant" | "attributes" | "overStyled" | "name" | "icon" | "size" | "component" | "alt" | "src" | "gradient" | "imageProps" | "autoContrast" | "allowedInitialsColors"> & {
13
+ }) & 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" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "name" | "icon" | "size" | "component" | "alt" | "src" | "gradient" | "imageProps" | "autoContrast" | "allowedInitialsColors"> & {
18
14
  ref?: any;
19
15
  renderRoot?: (props: any) => any;
20
16
  }) | (AvatarProps & {
@@ -1,9 +1,6 @@
1
1
  import { BadgeProps as MantineBadgeProps } from '@mantine/core';
2
2
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
3
- export interface RecursicaBadgeProps {
4
- /** Map to the component styles defined in variables */
5
- variant?: "alert" | "primary-color" | "success" | "warning";
6
- }
3
+ import { RecursicaBadgeProps } from '@recursica/adapter-common';
7
4
  export type BadgeProps = RecursicaOverStyled<Omit<MantineBadgeProps, "variant" | "size" | "color" | "radius"> & RecursicaBadgeProps>;
8
5
  /**
9
6
  * Recursica Badge component wrapping Mantine's Badge.
@@ -12,7 +9,7 @@ export type BadgeProps = RecursicaOverStyled<Omit<MantineBadgeProps, "variant" |
12
9
  */
13
10
  export declare const Badge: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, BadgeProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((BadgeProps & {
14
11
  component?: any;
15
- }) & 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" | "top" | "left" | "bottom" | "right" | "circle" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "variant" | "attributes" | "overStyled" | "component" | "leftSection" | "rightSection" | "gradient" | "autoContrast" | "fullWidth"> & {
12
+ }) & 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" | "top" | "left" | "bottom" | "right" | "variant" | "circle" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "component" | "leftSection" | "rightSection" | "gradient" | "autoContrast" | "fullWidth"> & {
16
13
  ref?: any;
17
14
  renderRoot?: (props: any) => any;
18
15
  }) | (BadgeProps & {
@@ -1,6 +1,5 @@
1
1
  import { BreadcrumbsProps as MantineBreadcrumbsProps } from '@mantine/core';
2
2
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
3
- export interface RecursicaBreadcrumbProps {
4
- }
3
+ import { RecursicaBreadcrumbProps } from '@recursica/adapter-common';
5
4
  export type BreadcrumbProps = RecursicaOverStyled<Omit<MantineBreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>;
6
5
  export declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -1,21 +1,7 @@
1
1
  import { default as React } from 'react';
2
- import { RecursicaLoaderProps } from '../Loader/Loader';
3
2
  import { ButtonProps as MantineButtonProps } from '@mantine/core';
4
3
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
5
- export interface RecursicaButtonProps {
6
- /** The visual style variant of the button */
7
- variant?: "solid" | "outline" | "text";
8
- /** The size of the button */
9
- size?: "default" | "small";
10
- /** An optional icon element to display to the left of the button text. Replaces Mantine's leftSection. */
11
- icon?: React.ReactNode;
12
- /** Which Recursica Loader variant to use */
13
- loaderVariant?: RecursicaLoaderProps["variant"];
14
- /** The size variant for the loader */
15
- loaderSize?: RecursicaLoaderProps["size"];
16
- /** Whether to use the Recursica loader or fallback to the Mantine loader */
17
- useRecursicaLoader?: boolean;
18
- }
4
+ import { RecursicaButtonProps } from '@recursica/adapter-common';
19
5
  export type ButtonProps = RecursicaOverStyled<Omit<MantineButtonProps, "variant" | "size" | "leftSection" | "fullWidth"> & RecursicaButtonProps>;
20
6
  /**
21
7
  * Recursica Button component wrapping Mantine's Button.
@@ -35,7 +21,7 @@ export type ButtonProps = RecursicaOverStyled<Omit<MantineButtonProps, "variant"
35
21
  */
36
22
  export declare const Button: (<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, ButtonProps>) => React.ReactElement) & Omit<React.FunctionComponent<((ButtonProps & {
37
23
  component?: any;
38
- }) & 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" | "top" | "left" | "bottom" | "right" | "color" | "children" | "radius" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "variant" | "attributes" | "overStyled" | "disabled" | "icon" | "justify" | "size" | "component" | "rightSection" | "data-disabled" | "gradient" | "autoContrast" | "loading" | "loaderProps" | "loaderVariant" | "loaderSize" | "useRecursicaLoader"> & {
24
+ }) & 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" | "top" | "left" | "bottom" | "right" | "variant" | "color" | "children" | "radius" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "disabled" | "icon" | "justify" | "size" | "component" | "rightSection" | "data-disabled" | "gradient" | "autoContrast" | "loading" | "loaderProps" | "loaderVariant" | "loaderSize" | "useRecursicaLoader"> & {
39
25
  ref?: any;
40
26
  renderRoot?: (props: any) => any;
41
27
  }) | (ButtonProps & {
@@ -1,10 +1,8 @@
1
1
  import { CardProps as MantineCardProps, CardSectionProps as MantineCardSectionProps } from '@mantine/core';
2
2
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
3
- export type CardProps = RecursicaOverStyled<MantineCardProps>;
4
- export type RecursicaCardSectionProps = MantineCardSectionProps & {
5
- children?: React.ReactNode;
6
- };
7
- export type CardSectionProps = RecursicaOverStyled<RecursicaCardSectionProps>;
3
+ import { RecursicaCardProps, RecursicaCardSectionProps } from '@recursica/adapter-common';
4
+ export type CardProps = RecursicaOverStyled<MantineCardProps & RecursicaCardProps>;
5
+ export type CardSectionProps = RecursicaOverStyled<MantineCardSectionProps & RecursicaCardSectionProps>;
8
6
  /**
9
7
  * A generalized edge-to-edge structural wrapper native to Mantine. Strips typical boundary padding via negative margins to allow content (like maps or header images) to touch the border seamlessly.
10
8
  */
@@ -32,7 +30,7 @@ export declare const CardContent: import('react').ForwardRefExoticComponent<Card
32
30
  */
33
31
  declare const PolymorphicCard: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, CardProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((CardProps & {
34
32
  component?: any;
35
- }) & 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" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "top" | "left" | "bottom" | "right" | "children" | "radius" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "variant" | "attributes" | "overStyled" | "component" | "padding" | "withBorder"> & {
33
+ }) & 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" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "radius" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "component" | "padding" | "withBorder"> & {
36
34
  ref?: any;
37
35
  renderRoot?: (props: any) => any;
38
36
  }) | (CardProps & {
@@ -1,11 +1,11 @@
1
1
  import { CheckboxProps as MantineCheckboxProps } from '@mantine/core';
2
- import { ReadOnlyControlProps } from '@recursica/adapter-common';
2
+ import { ReadOnlyControlProps, RequireAccessibleLabel, RecursicaCheckboxProps } from '@recursica/adapter-common';
3
3
  import { CheckboxGroup } from './CheckboxGroup';
4
4
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
5
- import { RequireAccessibleLabel } from '../../utils/RequireAccessibleLabel';
6
5
  import { FormControlLayoutProps } from '../FormControlLayout/FormControlLayout';
7
- export type RecursicaCheckboxProps = RequireAccessibleLabel<Omit<MantineCheckboxProps, "size" | "color" | "radius" | "iconColor" | "variant"> & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">>;
8
- export type CheckboxProps = RecursicaOverStyled<RecursicaCheckboxProps>;
6
+ export type CheckboxWrapperProps = Omit<MantineCheckboxProps, "size" | "color" | "radius" | "iconColor" | "variant"> & RecursicaCheckboxProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
7
+ export type RecursicaCheckboxPropsAlias = RequireAccessibleLabel<CheckboxWrapperProps>;
8
+ export type CheckboxProps = RecursicaOverStyled<RecursicaCheckboxPropsAlias>;
9
9
  type CheckboxComponent = React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
10
10
  Group: typeof CheckboxGroup;
11
11
  };
@@ -1,9 +1,13 @@
1
1
  import { default as React } from 'react';
2
2
  import { CheckboxGroupProps as MantineCheckboxGroupProps } from '@mantine/core';
3
- import { ReadOnlyControlProps } from '@recursica/adapter-common';
3
+ import { ReadOnlyControlProps, RecursicaCheckboxGroupProps as BaseRecursicaCheckboxGroupProps } from '@recursica/adapter-common';
4
4
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
5
5
  import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
6
- export interface RecursicaCheckboxGroupProps extends Omit<MantineCheckboxGroupProps, "size" | "labelProps">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps {
6
+ export interface RecursicaCheckboxGroupProps extends Omit<MantineCheckboxGroupProps, "size" | "labelProps">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, BaseRecursicaCheckboxGroupProps {
7
7
  }
8
8
  export type CheckboxGroupProps = RecursicaOverStyled<RecursicaCheckboxGroupProps>;
9
- export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
9
+ export declare const CheckboxGroup: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaCheckboxGroupProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
10
+ overStyled?: false | undefined;
11
+ }, "ref"> | Omit<RecursicaCheckboxGroupProps & {
12
+ overStyled: true;
13
+ }, "ref">) & React.RefAttributes<HTMLDivElement>>;
@@ -1,15 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { ChipProps as MantineChipProps } from '@mantine/core';
3
3
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
4
- export interface RecursicaChipProps {
5
- /** Enables the error state styling */
6
- error?: boolean;
7
- /** Leading icon content */
8
- icon?: React.ReactNode;
9
- /** Called when the remove (X) icon is clicked. If provided, the remove icon will be displayed. */
10
- onRemove?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
11
- /** Screen reader label for the remove button. Defaults to 'Remove' */
12
- removeLabel?: string;
13
- }
4
+ import { RecursicaChipProps } from '@recursica/adapter-common';
14
5
  export type ChipProps = RecursicaOverStyled<Omit<MantineChipProps, "variant" | "size" | "color" | "radius"> & RecursicaChipProps>;
15
6
  export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,15 +1,5 @@
1
1
  import { ContainerProps as MantineContainerProps } from '@mantine/core';
2
- import { RecursicaSpacing } from '../../utils/filterStylingProps';
3
- export interface RecursicaContainerProps {
4
- /**
5
- * Children components inside the layout container
6
- */
7
- children?: React.ReactNode;
8
- /**
9
- * Maximum width defined by Mantine system sizes or Recursica sizes
10
- */
11
- size?: "xs" | "sm" | "md" | "lg" | "xl" | RecursicaSpacing | (string & {}) | number;
12
- }
2
+ import { RecursicaContainerProps } from '@recursica/adapter-common';
13
3
  /**
14
4
  * Container layout wrapper.
15
5
  *
@@ -1,9 +1,13 @@
1
1
  import { default as React } from 'react';
2
2
  import { DatePickerInputProps } from '@mantine/dates';
3
- import { ReadOnlyControlProps } from '@recursica/adapter-common';
3
+ import { ReadOnlyControlProps, RecursicaDatePickerProps as BaseRecursicaDatePickerProps } from '@recursica/adapter-common';
4
4
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
5
5
  import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
6
- export interface RecursicaDatePickerProps extends Omit<DatePickerInputProps, "size" | "variant" | "radius" | "wrapperProps" | "label" | "error" | "required" | "withAsterisk" | "id" | "description">, Pick<DatePickerInputProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps {
6
+ export interface RecursicaDatePickerProps extends Omit<DatePickerInputProps, "size" | "variant" | "radius" | "wrapperProps" | "label" | "error" | "required" | "withAsterisk" | "id" | "description">, Pick<DatePickerInputProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, BaseRecursicaDatePickerProps {
7
7
  }
8
8
  export type DatePickerProps = RecursicaOverStyled<RecursicaDatePickerProps>;
9
- export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
9
+ export declare const DatePicker: React.ForwardRefExoticComponent<(Omit<Omit<RecursicaDatePickerProps, import('@recursica/adapter-common').BlockedStylingKeys> & import('@recursica/adapter-common').ForbiddenStyles & {
10
+ overStyled?: false | undefined;
11
+ }, "ref"> | Omit<RecursicaDatePickerProps & {
12
+ overStyled: true;
13
+ }, "ref">) & React.RefAttributes<HTMLInputElement>>;
@@ -1,11 +1,9 @@
1
1
  import { default as React } from 'react';
2
2
  import { SelectProps as MantineSelectProps } from '@mantine/core';
3
- import { ReadOnlyControlProps } from '@recursica/adapter-common';
3
+ import { ReadOnlyControlProps, RecursicaDropdownProps as BaseRecursicaDropdownProps } from '@recursica/adapter-common';
4
4
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
5
5
  import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
6
- export interface RecursicaDropdownProps extends Omit<MantineSelectProps, "size" | "variant" | "radius" | "wrapperProps">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps {
7
- /** Internal hook for Selects to override raw layout width properties when necessary */
8
- containerWidth?: React.CSSProperties["width"];
6
+ export interface RecursicaDropdownProps extends Omit<MantineSelectProps, "size" | "variant" | "radius" | "wrapperProps">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps, BaseRecursicaDropdownProps {
9
7
  }
10
8
  export type DropdownProps = RecursicaOverStyled<RecursicaDropdownProps>;
11
9
  export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,14 +1,5 @@
1
1
  import { FlexProps as MantineFlexProps } from '@mantine/core';
2
- import { RecursicaSpacing } from '../../utils/filterStylingProps';
3
- export interface RecursicaFlexProps {
4
- /**
5
- * Children components inside the Flex container
6
- */
7
- children?: React.ReactNode;
8
- gap?: MantineFlexProps["gap"] | RecursicaSpacing;
9
- rowGap?: MantineFlexProps["gap"] | RecursicaSpacing;
10
- columnGap?: MantineFlexProps["gap"] | RecursicaSpacing;
11
- }
2
+ import { RecursicaFlexProps } from '@recursica/adapter-common';
12
3
  /**
13
4
  * Flex layout wrapper.
14
5
  *
@@ -29,7 +20,7 @@ export type FlexProps = MantineFlexProps & RecursicaFlexProps;
29
20
  */
30
21
  export declare const Flex: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, FlexProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<(MantineFlexProps & RecursicaFlexProps & {
31
22
  component?: any;
32
- } & 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" | "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" | "variant" | "attributes" | "justify" | "component" | "wrap" | "align" | "direction"> & {
23
+ } & 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"> & {
33
24
  ref?: any;
34
25
  renderRoot?: (props: any) => any;
35
26
  }) | (MantineFlexProps & RecursicaFlexProps & {
@@ -1,11 +1,6 @@
1
1
  import { default as React } from 'react';
2
- export interface FormControlLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
3
- formLayout?: "stacked" | "side-by-side";
4
- labelSize?: "default" | "small" | "md";
5
- controlMaxWidth?: string;
6
- controlMinWidth?: string;
7
- leftSection?: React.ReactNode;
8
- children?: React.ReactNode;
2
+ import { RecursicaFormControlLayoutProps } from '@recursica/adapter-common';
3
+ export interface FormControlLayoutProps extends React.HTMLAttributes<HTMLDivElement>, RecursicaFormControlLayoutProps {
9
4
  }
10
5
  /**
11
6
  * A layout component used to correctly position form inputs alongside their labels.
@@ -1,20 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { InputWrapperProps } from '@mantine/core';
3
3
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
4
- import { RecursicaLabelProps } from '../Label/Label';
5
- export interface RecursicaFormControlWrapperProps extends RecursicaLabelProps {
6
- /** Overall structural flow mapping the Form Control natively cascading down to Label and Input logic. */
7
- formLayout?: "stacked" | "side-by-side";
8
- /** Securely replaces standard Mantine descriptions safely providing standard Assistive properties. */
9
- assistiveText?: React.ReactNode;
10
- /** Explicit toggle to suppress the Info icon rendering natively alongside the assistiveText. Defaults to true. */
11
- assistiveWithIcon?: boolean;
12
- /** Custom action area to render alongside the label instead of the default edit icon. */
13
- labelActionArea?: React.ReactNode;
14
- /** Pass the native maximum width design variable dynamically bounding the specific wrapper width exclusively. */
15
- controlMaxWidth: string | undefined;
16
- /** Pass the native minimum width design variable dynamically bounding the specific wrapper width exclusively. */
17
- controlMinWidth: string | undefined;
18
- }
4
+ import { RecursicaFormControlWrapperProps } from '@recursica/adapter-common';
19
5
  export type FormControlWrapperProps = RecursicaOverStyled<Omit<InputWrapperProps, "labelProps" | "inputWrapperOrder"> & RecursicaFormControlWrapperProps>;
20
6
  export declare const FormControlWrapper: React.ForwardRefExoticComponent<FormControlWrapperProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,14 +1,5 @@
1
1
  import { GroupProps as MantineGroupProps } from '@mantine/core';
2
- import { RecursicaSpacing } from '../../utils/filterStylingProps';
3
- export interface RecursicaGroupProps {
4
- /**
5
- * Children components inside the group
6
- */
7
- children?: React.ReactNode;
8
- gap?: MantineGroupProps["gap"] | RecursicaSpacing;
9
- rowGap?: MantineGroupProps["gap"] | RecursicaSpacing;
10
- columnGap?: MantineGroupProps["gap"] | RecursicaSpacing;
11
- }
2
+ import { RecursicaGroupProps } from '@recursica/adapter-common';
12
3
  /**
13
4
  * Group flex layout wrapper.
14
5
  *
@@ -1,16 +1,6 @@
1
1
  import { HoverCardProps as MantineHoverCardProps, HoverCardTargetProps as MantineHoverCardTargetProps, HoverCardDropdownProps as MantineHoverCardDropdownProps } from '@mantine/core';
2
2
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
3
- /**
4
- * Recursica-specific props for HoverCard.
5
- */
6
- export interface RecursicaHoverCardProps {
7
- /**
8
- * Whether to display a beak (arrow) pointing from the dropdown to the target.
9
- * This is the Recursica equivalent of Mantine's `withArrow`.
10
- * When both `withBeak` and `withArrow` are provided, `withBeak` takes precedence.
11
- */
12
- withBeak?: boolean;
13
- }
3
+ import { RecursicaHoverCardProps } from '@recursica/adapter-common';
14
4
  /**
15
5
  * Recursica HoverCard component wrapping Mantine's composable HoverCard.
16
6
  *
@@ -1,19 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  import { InputLabelProps } from '@mantine/core';
3
3
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
4
- export interface RecursicaLabelProps {
5
- /** Specifies the sizing metrics natively mapping the Label boundaries. */
6
- labelSize?: "default" | "small" | "md";
7
- /** Overall alignment directive for the label strings natively forcing Left/Right justification. */
8
- labelAlignment?: "left" | "right";
9
- /** Injects an indicator text block alongside the label. Can be boolean (`true` maps to '(Optional)') or custom React nodes. */
10
- labelOptionalText?: boolean | React.ReactNode;
11
- /** When true, forces the native Edit Icon to replace the standard asterisk visually. */
12
- labelWithEditIcon?: boolean;
13
- /** Custom action area to render alongside the label instead of the default edit icon. */
14
- labelActionArea?: React.ReactNode;
15
- /** Interaction hook invoked whenever a generated edit icon block natively triggers a click event. */
16
- onLabelEditClick?: React.MouseEventHandler<HTMLButtonElement>;
17
- }
4
+ import { RecursicaLabelProps } from '@recursica/adapter-common';
18
5
  export type LabelProps = RecursicaOverStyled<Omit<InputLabelProps, "size"> & RecursicaLabelProps>;
19
6
  export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
@@ -1,16 +1,7 @@
1
1
  import { default as React } from 'react';
2
2
  import { AnchorProps as MantineAnchorProps } from '@mantine/core';
3
3
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
4
- export interface RecursicaLinkProps {
5
- /**
6
- * Optional leading icon to display next to the link text.
7
- */
8
- icon?: React.ReactNode;
9
- /**
10
- * The text or elements to display inside the link.
11
- */
12
- children?: React.ReactNode;
13
- }
4
+ import { RecursicaLinkProps } from '@recursica/adapter-common';
14
5
  export type LinkProps = RecursicaOverStyled<Omit<MantineAnchorProps, "underline"> & RecursicaLinkProps>;
15
6
  /**
16
7
  * Recursica Link component wrapping Mantine's Anchor.
@@ -24,7 +15,7 @@ export type LinkProps = RecursicaOverStyled<Omit<MantineAnchorProps, "underline"
24
15
  */
25
16
  export declare const Link: (<C = "a">(props: import('@mantine/core').PolymorphicComponentProps<C, LinkProps>) => React.ReactElement) & Omit<React.FunctionComponent<((LinkProps & {
26
17
  component?: any;
27
- }) & 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" | "top" | "left" | "bottom" | "right" | "color" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "variant" | "attributes" | "overStyled" | "icon" | "inherit" | "inline" | "size" | "__staticSelector" | "component" | "gradient" | "lineClamp" | "truncate"> & {
18
+ }) & 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" | "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"> & {
28
19
  ref?: any;
29
20
  renderRoot?: (props: any) => any;
30
21
  }) | (LinkProps & {
@@ -1,10 +1,5 @@
1
1
  import { LoaderProps as MantineLoaderProps } from '@mantine/core';
2
- import { RecursicaOverStyled, RecursicaSize } from '../../utils/filterStylingProps';
3
- export interface RecursicaLoaderProps {
4
- /** Map to the component styles defined in variables */
5
- variant?: "oval" | "bars" | "dots";
6
- /** Map to Recursica sizes */
7
- size?: "sm" | "md" | "lg" | RecursicaSize;
8
- }
2
+ import { RecursicaOverStyled } from '../../utils/filterStylingProps';
3
+ import { RecursicaLoaderProps } from '@recursica/adapter-common';
9
4
  export type LoaderProps = RecursicaOverStyled<Omit<MantineLoaderProps, "variant" | "size" | "type"> & RecursicaLoaderProps>;
10
5
  export declare const Loader: import('react').ForwardRefExoticComponent<LoaderProps & import('react').RefAttributes<HTMLSpanElement>>;
@@ -1,5 +1,6 @@
1
1
  import { MenuProps as MantineMenuProps, MenuTargetProps as MantineMenuTargetProps, MenuDropdownProps as MantineMenuDropdownProps, MenuItemProps as MantineMenuItemProps, MenuDividerProps as MantineMenuDividerProps, MenuLabelProps as MantineMenuLabelProps, MenuSubProps as MantineMenuSubProps, MenuSubTargetProps as MantineMenuSubTargetProps, MenuSubDropdownProps as MantineMenuSubDropdownProps } from '@mantine/core';
2
2
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
3
+ import { RecursicaMenuProps } from '@recursica/adapter-common';
3
4
  /**
4
5
  * Recursica Menu component wrapping Mantine's composable Menu.
5
6
  *
@@ -16,7 +17,7 @@ import { RecursicaOverStyled } from '../../utils/filterStylingProps';
16
17
  * </Menu>
17
18
  * ```
18
19
  */
19
- export type MenuProps = RecursicaOverStyled<MantineMenuProps>;
20
+ export type MenuProps = RecursicaOverStyled<MantineMenuProps & RecursicaMenuProps>;
20
21
  declare const MenuBase: {
21
22
  ({ overStyled, ...rest }: MenuProps): import("react/jsx-runtime").JSX.Element;
22
23
  displayName: string;
@@ -51,7 +52,7 @@ export type MenuItemProps = RecursicaOverStyled<Omit<MantineMenuItemProps, "colo
51
52
  */
52
53
  declare const MenuItem: (<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, MenuItemProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((MenuItemProps & {
53
54
  component?: any;
54
- }) & 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" | "top" | "left" | "bottom" | "right" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "variant" | "overStyled" | "disabled" | "component" | "leftSection" | "rightSection" | "data-disabled" | "closeMenuOnClick"> & {
55
+ }) & 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" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "overStyled" | "disabled" | "component" | "leftSection" | "rightSection" | "data-disabled" | "closeMenuOnClick"> & {
55
56
  ref?: any;
56
57
  renderRoot?: (props: any) => any;
57
58
  }) | (MenuItemProps & {
@@ -88,7 +89,7 @@ export type MenuSubItemProps = RecursicaOverStyled<Omit<MantineMenuItemProps, "c
88
89
  */
89
90
  declare const MenuSubItem: (<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, MenuSubItemProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((MenuSubItemProps & {
90
91
  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" | "top" | "left" | "bottom" | "right" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "variant" | "overStyled" | "disabled" | "component" | "leftSection" | "rightSection" | "data-disabled" | "closeMenuOnClick"> & {
92
+ }) & 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" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "overStyled" | "disabled" | "component" | "leftSection" | "rightSection" | "data-disabled" | "closeMenuOnClick"> & {
92
93
  ref?: any;
93
94
  renderRoot?: (props: any) => any;
94
95
  }) | (MenuSubItemProps & {
@@ -1,12 +1,13 @@
1
1
  import { default as React } from 'react';
2
2
  import { Modal as MantineModal, ModalProps as MantineModalProps } from '@mantine/core';
3
3
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
4
+ import { RecursicaModalProps } from '@recursica/adapter-common';
4
5
  /**
5
6
  * Properties for the strictly-tokenized Modal component.
6
7
  * Native Mantine abstract properties like `size`, `radius`, and `shadow` have been stripped out
7
8
  * because they directly conflict with the non-negotiable pixel boundaries defined in the Recursica UI Kit.
8
9
  */
9
- export type ModalProps = RecursicaOverStyled<Omit<MantineModalProps, "size" | "radius" | "shadow">>;
10
+ export type ModalProps = RecursicaOverStyled<Omit<MantineModalProps, "size" | "radius" | "shadow"> & RecursicaModalProps>;
10
11
  /**
11
12
  * The `Modal.Footer` provides a perfectly padded container for modal actions.
12
13
  *
@@ -1,11 +1,9 @@
1
1
  import { default as React } from 'react';
2
2
  import { NumberInputProps as MantineNumberInputProps } from '@mantine/core';
3
- import { ReadOnlyControlProps } from '@recursica/adapter-common';
3
+ import { ReadOnlyControlProps, RecursicaNumberInputProps as BaseRecursicaNumberInputProps } from '@recursica/adapter-common';
4
4
  import { RecursicaOverStyled } from '../../utils/filterStylingProps';
5
5
  import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
6
- export interface RecursicaNumberInputProps extends Omit<MantineNumberInputProps, "size" | "variant" | "radius" | "wrapperProps" | "classNames" | "styles">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps {
7
- /** Enables/disables the controls to increment and decrement the value */
8
- hideControls?: boolean;
6
+ export interface RecursicaNumberInputProps extends Omit<MantineNumberInputProps, "size" | "variant" | "radius" | "wrapperProps" | "classNames" | "styles">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps, BaseRecursicaNumberInputProps {
9
7
  }
10
8
  export type NumberInputProps = RecursicaOverStyled<RecursicaNumberInputProps>;
11
9
  export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;