@recursica/mui-adapter 0.21.0 → 0.22.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.
- package/ARCHITECTURE.md +3 -0
- package/CHANGELOG.md +58 -0
- package/dist/index.d.ts +2929 -2
- package/dist/mui-adapter.cjs +68 -68
- package/dist/mui-adapter.cjs.map +1 -1
- package/dist/mui-adapter.css +1 -1
- package/dist/mui-adapter.js +5660 -5582
- package/dist/mui-adapter.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Accordion/ACCORDION_IMPLEMENTATION_NOTES.md +63 -0
- package/src/components/Accordion/Accordion.module.css +21 -2
- package/src/components/Accordion/Accordion.stories.tsx +38 -0
- package/src/components/Accordion/Accordion.tsx +27 -12
- package/src/components/AssistiveElement/ASSISTIVEELEMENT_IMPLEMENTATION_NOTES.md +59 -0
- package/src/components/AssistiveElement/AssistiveElement.module.css +8 -1
- package/src/components/AssistiveElement/AssistiveElement.tsx +17 -7
- package/src/components/Autocomplete/Autocomplete.tsx +18 -2
- package/src/components/Avatar/AVATAR_IMPLEMENTATION_NOTES.md +36 -0
- package/src/components/Avatar/Avatar.tsx +6 -9
- package/src/components/Badge/Badge.module.css +0 -12
- package/src/components/Badge/Badge.tsx +0 -4
- package/src/components/Card/Card.tsx +5 -5
- package/src/components/Checkbox/Checkbox.module.css +17 -21
- package/src/components/Checkbox/Checkbox.tsx +24 -18
- package/src/components/Chip/Chip.module.css +16 -7
- package/src/components/Chip/Chip.tsx +1 -1
- package/src/components/Flex/Flex.tsx +1 -1
- package/src/components/FormControlWrapper/FORMCONTROLWRAPPER_IMPLEMENTATION_NOTES.md +35 -0
- package/src/components/FormControlWrapper/FormControlWrapper.tsx +24 -8
- package/src/components/Grid/Grid.tsx +1 -1
- package/src/components/Group/Group.tsx +1 -1
- package/src/components/HoverCard/HoverCard.tsx +1 -1
- package/src/components/Label/Label.module.css +15 -2
- package/src/components/Label/Label.tsx +7 -6
- package/src/components/Menu/Menu.tsx +1 -1
- package/src/components/Modal/Modal.tsx +1 -1
- package/src/components/NumberInput/NumberInput.tsx +1 -1
- package/src/components/Pagination/Pagination.tsx +1 -1
- package/src/components/Panel/Panel.tsx +1 -1
- package/src/components/Radio/Radio.module.css +33 -38
- package/src/components/Radio/Radio.tsx +58 -44
- package/src/components/Radio/RadioGroup.tsx +5 -0
- package/src/components/SegmentedControl/SegmentedControl.module.css +0 -7
- package/src/components/SegmentedControl/SegmentedControl.tsx +4 -8
- package/src/components/Slider/Slider.tsx +1 -1
- package/src/components/Stack/Stack.tsx +1 -1
- package/src/components/Stepper/Stepper.tsx +3 -3
- package/src/components/Switch/SWITCH_IMPLEMENTATION_NOTES.md +123 -0
- package/src/components/Switch/Switch.module.css +152 -89
- package/src/components/Switch/Switch.tsx +140 -33
- package/src/components/Switch/SwitchGroup.tsx +37 -9
- package/src/components/Table/Table.tsx +1 -1
- package/src/components/Tabs/IMPLEMENTATION_NOTES.md +10 -0
- package/src/components/Tabs/Tabs.module.css +120 -43
- package/src/components/Tabs/Tabs.stories.tsx +5 -2
- package/src/components/Tabs/Tabs.tsx +1 -1
- package/src/components/Tabs/USAGE.md +27 -11
- package/src/components/TextField/TextField.tsx +1 -1
- package/src/components/TimePicker/TimePicker.tsx +1 -1
- package/src/components/Timeline/Timeline.tsx +1 -1
- package/src/components/Timeline/TimelineItem.tsx +2 -2
- package/src/components/Toast/Toast.tsx +4 -4
- package/src/components/Tooltip/Tooltip.tsx +1 -1
- package/src/components/Tree/Tree.tsx +1 -1
- package/dist/src/OverStyling.d.ts +0 -1
- package/dist/src/Version.d.ts +0 -1
- package/dist/src/components/Accordion/Accordion.d.ts +0 -77
- package/dist/src/components/Accordion/index.d.ts +0 -1
- package/dist/src/components/AssistiveElement/AssistiveElement.d.ts +0 -7
- package/dist/src/components/AssistiveElement/index.d.ts +0 -1
- package/dist/src/components/Autocomplete/Autocomplete.d.ts +0 -24
- package/dist/src/components/Autocomplete/index.d.ts +0 -1
- package/dist/src/components/Avatar/Avatar.d.ts +0 -25
- package/dist/src/components/Avatar/index.d.ts +0 -1
- package/dist/src/components/Badge/Badge.d.ts +0 -25
- package/dist/src/components/Badge/index.d.ts +0 -1
- package/dist/src/components/Box/Box.d.ts +0 -8
- package/dist/src/components/Box/index.d.ts +0 -1
- package/dist/src/components/Breadcrumb/Breadcrumb.d.ts +0 -20
- package/dist/src/components/Breadcrumb/index.d.ts +0 -1
- package/dist/src/components/Button/Button.d.ts +0 -37
- package/dist/src/components/Button/index.d.ts +0 -1
- package/dist/src/components/Card/Card.d.ts +0 -81
- package/dist/src/components/Card/index.d.ts +0 -1
- package/dist/src/components/Checkbox/Checkbox.d.ts +0 -14
- package/dist/src/components/Checkbox/CheckboxGroup.d.ts +0 -29
- package/dist/src/components/Checkbox/index.d.ts +0 -5
- package/dist/src/components/Chip/Chip.d.ts +0 -21
- package/dist/src/components/Chip/index.d.ts +0 -1
- package/dist/src/components/Container/Container.d.ts +0 -5
- package/dist/src/components/Container/index.d.ts +0 -1
- package/dist/src/components/DatePicker/DatePicker.d.ts +0 -20
- package/dist/src/components/DatePicker/index.d.ts +0 -1
- package/dist/src/components/Dropdown/BareDropdown.d.ts +0 -41
- package/dist/src/components/Dropdown/Dropdown.d.ts +0 -24
- package/dist/src/components/Dropdown/index.d.ts +0 -1
- package/dist/src/components/FileInput/FileInput.d.ts +0 -3
- package/dist/src/components/FileInput/index.d.ts +0 -1
- package/dist/src/components/FileUpload/FileUpload.d.ts +0 -3
- package/dist/src/components/FileUpload/index.d.ts +0 -1
- package/dist/src/components/Flex/Flex.d.ts +0 -5
- package/dist/src/components/Flex/index.d.ts +0 -1
- package/dist/src/components/FormControlLayout/FormControlLayout.d.ts +0 -6
- package/dist/src/components/FormControlLayout/index.d.ts +0 -1
- package/dist/src/components/FormControlWrapper/FormControlWrapper.d.ts +0 -11
- package/dist/src/components/FormControlWrapper/index.d.ts +0 -1
- package/dist/src/components/Grid/Grid.d.ts +0 -12
- package/dist/src/components/Grid/index.d.ts +0 -1
- package/dist/src/components/Group/Group.d.ts +0 -5
- package/dist/src/components/Group/index.d.ts +0 -1
- package/dist/src/components/HoverCard/HoverCard.d.ts +0 -29
- package/dist/src/components/HoverCard/index.d.ts +0 -1
- package/dist/src/components/Label/Label.d.ts +0 -7
- package/dist/src/components/Label/index.d.ts +0 -1
- package/dist/src/components/Link/Link.d.ts +0 -20
- package/dist/src/components/Link/index.d.ts +0 -1
- package/dist/src/components/Loader/Loader.d.ts +0 -5
- package/dist/src/components/Loader/index.d.ts +0 -1
- package/dist/src/components/Menu/Menu.d.ts +0 -54
- package/dist/src/components/Menu/index.d.ts +0 -1
- package/dist/src/components/Modal/Modal.d.ts +0 -78
- package/dist/src/components/Modal/index.d.ts +0 -1
- package/dist/src/components/NumberInput/NumberInput.d.ts +0 -24
- package/dist/src/components/NumberInput/index.d.ts +0 -1
- package/dist/src/components/Pagination/Pagination.d.ts +0 -23
- package/dist/src/components/Pagination/Pagination.icons.d.ts +0 -8
- package/dist/src/components/Pagination/index.d.ts +0 -1
- package/dist/src/components/Panel/Panel.d.ts +0 -52
- package/dist/src/components/Panel/index.d.ts +0 -1
- package/dist/src/components/Radio/Radio.d.ts +0 -13
- package/dist/src/components/Radio/RadioGroup.d.ts +0 -9
- package/dist/src/components/Radio/index.d.ts +0 -2
- package/dist/src/components/ReadOnlyField/ReadOnlyBooleanField.d.ts +0 -5
- package/dist/src/components/ReadOnlyField/ReadOnlyField.d.ts +0 -5
- package/dist/src/components/ReadOnlyField/ReadOnlySwitchField.d.ts +0 -5
- package/dist/src/components/ReadOnlyField/ReadOnlyTextField.d.ts +0 -8
- package/dist/src/components/ReadOnlyField/WithReadOnlyWrapper.d.ts +0 -28
- package/dist/src/components/ReadOnlyField/index.d.ts +0 -2
- package/dist/src/components/SegmentedControl/SegmentedControl.d.ts +0 -32
- package/dist/src/components/SegmentedControl/index.d.ts +0 -1
- package/dist/src/components/Slider/Slider.d.ts +0 -30
- package/dist/src/components/Slider/index.d.ts +0 -1
- package/dist/src/components/Stack/Stack.d.ts +0 -5
- package/dist/src/components/Stack/index.d.ts +0 -1
- package/dist/src/components/Stepper/Stepper.d.ts +0 -97
- package/dist/src/components/Stepper/index.d.ts +0 -1
- package/dist/src/components/Switch/Switch.d.ts +0 -10
- package/dist/src/components/Switch/SwitchGroup.d.ts +0 -24
- package/dist/src/components/Switch/index.d.ts +0 -2
- package/dist/src/components/Table/Table.d.ts +0 -154
- package/dist/src/components/Table/index.d.ts +0 -1
- package/dist/src/components/Tabs/Tabs.d.ts +0 -57
- package/dist/src/components/Tabs/index.d.ts +0 -1
- package/dist/src/components/Text/Text.d.ts +0 -20
- package/dist/src/components/Text/index.d.ts +0 -1
- package/dist/src/components/TextArea/TextArea.d.ts +0 -24
- package/dist/src/components/TextArea/index.d.ts +0 -1
- package/dist/src/components/TextField/TextField.d.ts +0 -24
- package/dist/src/components/TextField/index.d.ts +0 -1
- package/dist/src/components/TimePicker/TimePicker.d.ts +0 -17
- package/dist/src/components/TimePicker/index.d.ts +0 -1
- package/dist/src/components/Timeline/Timeline.d.ts +0 -16
- package/dist/src/components/Timeline/TimelineItem.d.ts +0 -29
- package/dist/src/components/Timeline/index.d.ts +0 -2
- package/dist/src/components/Title/Title.d.ts +0 -21
- package/dist/src/components/Title/index.d.ts +0 -1
- package/dist/src/components/Toast/Toast.d.ts +0 -32
- package/dist/src/components/Toast/index.d.ts +0 -1
- package/dist/src/components/Tooltip/Tooltip.d.ts +0 -28
- package/dist/src/components/Tooltip/index.d.ts +0 -1
- package/dist/src/components/TransferList/TransferList.d.ts +0 -4
- package/dist/src/components/TransferList/index.d.ts +0 -1
- package/dist/src/components/Tree/Tree.d.ts +0 -18
- package/dist/src/components/Tree/index.d.ts +0 -1
- package/dist/src/components/Typography/Typography.d.ts +0 -38
- package/dist/src/components/Typography/index.d.ts +0 -1
- package/dist/src/components/index.d.ts +0 -50
- package/dist/src/index.d.ts +0 -91
- package/dist/src/types/index.d.ts +0 -6
- package/dist/src/utils/ColorSchemeWrapper.d.ts +0 -3
- package/dist/src/utils/RequireAccessibleLabel.d.ts +0 -1
- package/dist/src/utils/copyToClipboard.d.ts +0 -8
- package/dist/src/utils/filterStylingProps.d.ts +0 -29
- package/dist/src/utils/index.d.ts +0 -1
- package/dist/vite.config.d.ts +0 -2
- package/dist/vitest.workspace.d.ts +0 -2
- package/src/types/mantine.d.ts +0 -7
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1,2929 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { AccordionDetailsProps } from '@mui/material';
|
|
2
|
+
import { AccordionProps as AccordionProps_2 } from '@mui/material';
|
|
3
|
+
import { AccordionSummaryProps } from '@mui/material';
|
|
4
|
+
import { AlertProps } from '@mui/material';
|
|
5
|
+
import { AutocompleteProps } from '@mui/material';
|
|
6
|
+
import { AvatarProps as AvatarProps_2 } from '@mui/material';
|
|
7
|
+
import { BadgeProps as BadgeProps_2 } from '@mui/material';
|
|
8
|
+
import { BoxProps as BoxProps_2 } from '@mui/material';
|
|
9
|
+
import { BreadcrumbsProps } from '@mui/material';
|
|
10
|
+
import { ButtonProps as ButtonProps_2 } from '@mui/material';
|
|
11
|
+
import { CardOwnProps } from '@mui/material';
|
|
12
|
+
import { CardProps as CardProps_2 } from '@mui/material';
|
|
13
|
+
import { CheckboxProps as CheckboxProps_2 } from '@mui/material';
|
|
14
|
+
import { ChipProps as ChipProps_2 } from '@mui/material';
|
|
15
|
+
import { CommonProps } from '@mui/material/OverridableComponent';
|
|
16
|
+
import { ContainerProps as ContainerProps_2 } from '@mui/material';
|
|
17
|
+
import { default as default_2 } from 'react';
|
|
18
|
+
import { DetailedHTMLProps } from 'react';
|
|
19
|
+
import { DialogActionsProps } from '@mui/material';
|
|
20
|
+
import { DialogContentProps } from '@mui/material';
|
|
21
|
+
import { DialogProps } from '@mui/material';
|
|
22
|
+
import { DialogTitleProps } from '@mui/material';
|
|
23
|
+
import { DividerProps } from '@mui/material';
|
|
24
|
+
import { DrawerProps } from '@mui/material';
|
|
25
|
+
import { FC } from 'react';
|
|
26
|
+
import { FormControlProps } from '@mui/material';
|
|
27
|
+
import { FormGroupProps } from '@mui/material';
|
|
28
|
+
import { FormHelperTextProps } from '@mui/material';
|
|
29
|
+
import { ForwardRefExoticComponent } from 'react';
|
|
30
|
+
import { GridProps as GridProps_2 } from '@mui/material';
|
|
31
|
+
import { HTMLAttributes } from 'react';
|
|
32
|
+
import { InputBaseProps } from '@mui/material';
|
|
33
|
+
import { InputLabelProps } from '@mui/material';
|
|
34
|
+
import { JSX } from 'react/jsx-runtime';
|
|
35
|
+
import { LinkProps as LinkProps_2 } from '@mui/material';
|
|
36
|
+
import { MenuItemProps as MenuItemProps_2 } from '@mui/material';
|
|
37
|
+
import { MenuProps as MenuProps_2 } from '@mui/material';
|
|
38
|
+
import { PaginationProps as PaginationProps_2 } from '@mui/material';
|
|
39
|
+
import { RadioGroupProps as RadioGroupProps_2 } from '@mui/material';
|
|
40
|
+
import { RadioProps } from '@mui/material';
|
|
41
|
+
import { RefAttributes } from 'react';
|
|
42
|
+
import { SelectProps } from '@mui/material';
|
|
43
|
+
import { SliderProps } from '@mui/material';
|
|
44
|
+
import { StackProps } from '@mui/material';
|
|
45
|
+
import { StepButtonProps as StepButtonProps_2 } from '@mui/material';
|
|
46
|
+
import { StepConnectorProps as StepConnectorProps_2 } from '@mui/material';
|
|
47
|
+
import { StepLabelProps as StepLabelProps_2 } from '@mui/material';
|
|
48
|
+
import { StepperProps } from '@mui/material';
|
|
49
|
+
import { StepProps as StepProps_2 } from '@mui/material';
|
|
50
|
+
import { SwitchProps } from '@mui/material';
|
|
51
|
+
import { TableBodyProps } from '@mui/material';
|
|
52
|
+
import { TableCellProps } from '@mui/material';
|
|
53
|
+
import { TableContainerProps } from '@mui/material';
|
|
54
|
+
import { TableFooterProps } from '@mui/material';
|
|
55
|
+
import { TableHeadProps } from '@mui/material';
|
|
56
|
+
import { TableHTMLAttributes } from 'react';
|
|
57
|
+
import { TableOwnProps } from '@mui/material';
|
|
58
|
+
import { TableProps as TableProps_2 } from '@mui/material';
|
|
59
|
+
import { TableRowProps } from '@mui/material';
|
|
60
|
+
import { TableSortLabelProps } from '@mui/material';
|
|
61
|
+
import { TabPanelProps as TabPanelProps_2 } from '@mui/lab';
|
|
62
|
+
import { TabProps as TabProps_2 } from '@mui/material';
|
|
63
|
+
import { TabsProps } from '@mui/material';
|
|
64
|
+
import { TextFieldProps } from '@mui/material';
|
|
65
|
+
import { TimelineItemProps } from '@mui/lab/TimelineItem';
|
|
66
|
+
import { TimelineProps as TimelineProps_2 } from '@mui/lab/Timeline';
|
|
67
|
+
import { TimePickerProps } from '@mui/x-date-pickers/TimePicker';
|
|
68
|
+
import { ToggleButtonGroupProps } from '@mui/material';
|
|
69
|
+
import { TooltipProps } from '@mui/material';
|
|
70
|
+
import { TypographyProps } from '@mui/material';
|
|
71
|
+
|
|
72
|
+
export declare const Accordion: typeof rawComponents.Accordion;
|
|
73
|
+
|
|
74
|
+
declare const Accordion_2: AccordionComponent;
|
|
75
|
+
|
|
76
|
+
declare const AccordionBase: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
77
|
+
|
|
78
|
+
declare type AccordionComponent = typeof AccordionBase & {
|
|
79
|
+
Item: typeof AccordionItem_2;
|
|
80
|
+
Control: typeof AccordionControl_2;
|
|
81
|
+
Panel: typeof AccordionPanel_2;
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
export declare const AccordionControl: typeof rawComponents.AccordionControl;
|
|
85
|
+
|
|
86
|
+
declare const AccordionControl_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AccordionSummaryProps, "expandIcon"> & RecursicaAccordionControlProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
87
|
+
overStyled?: false | undefined;
|
|
88
|
+
}, "ref"> | Omit<Omit<Omit<AccordionSummaryProps, "expandIcon"> & RecursicaAccordionControlProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
89
|
+
m?: string | number | RecursicaSpacing;
|
|
90
|
+
mx?: string | number | RecursicaSpacing;
|
|
91
|
+
my?: string | number | RecursicaSpacing;
|
|
92
|
+
mt?: string | number | RecursicaSpacing;
|
|
93
|
+
mb?: string | number | RecursicaSpacing;
|
|
94
|
+
ml?: string | number | RecursicaSpacing;
|
|
95
|
+
mr?: string | number | RecursicaSpacing;
|
|
96
|
+
gap?: string | number | RecursicaSpacing;
|
|
97
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
98
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
99
|
+
} & {
|
|
100
|
+
overStyled: true;
|
|
101
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
102
|
+
|
|
103
|
+
declare type AccordionControlWrapperProps = RecursicaOverStyled<Omit<AccordionSummaryProps, "expandIcon"> & RecursicaAccordionControlProps>;
|
|
104
|
+
|
|
105
|
+
export declare const AccordionItem: typeof rawComponents.AccordionItem;
|
|
106
|
+
|
|
107
|
+
declare const AccordionItem_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AccordionProps_2, "value" | "children" | "onChange" | "defaultExpanded" | "expanded"> & {
|
|
108
|
+
children?: default_2.ReactNode;
|
|
109
|
+
value: string;
|
|
110
|
+
} & RecursicaAccordionItemProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
111
|
+
overStyled?: false | undefined;
|
|
112
|
+
}, "ref"> | Omit<Omit<Omit<AccordionProps_2, "value" | "children" | "onChange" | "defaultExpanded" | "expanded"> & {
|
|
113
|
+
children?: default_2.ReactNode;
|
|
114
|
+
value: string;
|
|
115
|
+
} & RecursicaAccordionItemProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
116
|
+
m?: string | number | RecursicaSpacing;
|
|
117
|
+
mx?: string | number | RecursicaSpacing;
|
|
118
|
+
my?: string | number | RecursicaSpacing;
|
|
119
|
+
mt?: string | number | RecursicaSpacing;
|
|
120
|
+
mb?: string | number | RecursicaSpacing;
|
|
121
|
+
ml?: string | number | RecursicaSpacing;
|
|
122
|
+
mr?: string | number | RecursicaSpacing;
|
|
123
|
+
gap?: string | number | RecursicaSpacing;
|
|
124
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
125
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
126
|
+
} & {
|
|
127
|
+
overStyled: true;
|
|
128
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
129
|
+
|
|
130
|
+
declare type AccordionItemWrapperProps = RecursicaOverStyled<Omit<AccordionProps_2, "children" | "value" | "expanded" | "onChange" | "defaultExpanded"> & {
|
|
131
|
+
children?: default_2.ReactNode;
|
|
132
|
+
value: string;
|
|
133
|
+
} & RecursicaAccordionItemProps>;
|
|
134
|
+
|
|
135
|
+
export declare const AccordionPanel: typeof rawComponents.AccordionPanel;
|
|
136
|
+
|
|
137
|
+
declare const AccordionPanel_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<AccordionDetailsProps & RecursicaAccordionPanelProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
138
|
+
overStyled?: false | undefined;
|
|
139
|
+
}, "ref"> | Omit<Omit<AccordionDetailsProps & RecursicaAccordionPanelProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
140
|
+
m?: string | number | RecursicaSpacing;
|
|
141
|
+
mx?: string | number | RecursicaSpacing;
|
|
142
|
+
my?: string | number | RecursicaSpacing;
|
|
143
|
+
mt?: string | number | RecursicaSpacing;
|
|
144
|
+
mb?: string | number | RecursicaSpacing;
|
|
145
|
+
ml?: string | number | RecursicaSpacing;
|
|
146
|
+
mr?: string | number | RecursicaSpacing;
|
|
147
|
+
gap?: string | number | RecursicaSpacing;
|
|
148
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
149
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
150
|
+
} & {
|
|
151
|
+
overStyled: true;
|
|
152
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
153
|
+
|
|
154
|
+
declare type AccordionPanelWrapperProps = RecursicaOverStyled<AccordionDetailsProps & RecursicaAccordionPanelProps>;
|
|
155
|
+
|
|
156
|
+
declare type AccordionProps = RecursicaOverStyled<default_2.HTMLAttributes<HTMLDivElement> & RecursicaAccordionProps>;
|
|
157
|
+
|
|
158
|
+
export declare const AssistiveElement: typeof rawComponents.AssistiveElement;
|
|
159
|
+
|
|
160
|
+
declare const AssistiveElement_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<FormHelperTextProps, "component" | "error"> & RecursicaAssistiveElementProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
161
|
+
overStyled?: false | undefined;
|
|
162
|
+
}, "ref"> | Omit<Omit<Omit<FormHelperTextProps, "component" | "error"> & RecursicaAssistiveElementProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
163
|
+
m?: string | number | RecursicaSpacing;
|
|
164
|
+
mx?: string | number | RecursicaSpacing;
|
|
165
|
+
my?: string | number | RecursicaSpacing;
|
|
166
|
+
mt?: string | number | RecursicaSpacing;
|
|
167
|
+
mb?: string | number | RecursicaSpacing;
|
|
168
|
+
ml?: string | number | RecursicaSpacing;
|
|
169
|
+
mr?: string | number | RecursicaSpacing;
|
|
170
|
+
gap?: string | number | RecursicaSpacing;
|
|
171
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
172
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
173
|
+
} & {
|
|
174
|
+
overStyled: true;
|
|
175
|
+
}, "ref">) & default_2.RefAttributes<HTMLParagraphElement>>;
|
|
176
|
+
|
|
177
|
+
declare type AssistiveElementProps = RecursicaOverStyled<Omit<FormHelperTextProps, "error" | "component"> & RecursicaAssistiveElementProps>;
|
|
178
|
+
|
|
179
|
+
export declare const Autocomplete: typeof rawComponents.Autocomplete;
|
|
180
|
+
|
|
181
|
+
declare const Autocomplete_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaAutocompleteProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
182
|
+
overStyled?: false | undefined;
|
|
183
|
+
}, "ref"> | Omit<Omit<RecursicaAutocompleteProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
184
|
+
m?: string | number | RecursicaSpacing;
|
|
185
|
+
mx?: string | number | RecursicaSpacing;
|
|
186
|
+
my?: string | number | RecursicaSpacing;
|
|
187
|
+
mt?: string | number | RecursicaSpacing;
|
|
188
|
+
mb?: string | number | RecursicaSpacing;
|
|
189
|
+
ml?: string | number | RecursicaSpacing;
|
|
190
|
+
mr?: string | number | RecursicaSpacing;
|
|
191
|
+
gap?: string | number | RecursicaSpacing;
|
|
192
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
193
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
194
|
+
} & {
|
|
195
|
+
overStyled: true;
|
|
196
|
+
}, "ref">) & default_2.RefAttributes<HTMLInputElement>>;
|
|
197
|
+
|
|
198
|
+
declare type AutocompleteProps_2 = RecursicaOverStyled<RecursicaAutocompleteProps>;
|
|
199
|
+
|
|
200
|
+
export declare const Avatar: typeof rawComponents.Avatar;
|
|
201
|
+
|
|
202
|
+
/**
|
|
203
|
+
* Recursica Avatar component wrapping Mui's Avatar.
|
|
204
|
+
*
|
|
205
|
+
* Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
|
|
206
|
+
*/
|
|
207
|
+
declare const Avatar_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AvatarProps_2, "variant"> & RecursicaAvatarProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
208
|
+
overStyled?: false | undefined;
|
|
209
|
+
}, "ref"> | Omit<Omit<Omit<AvatarProps_2, "variant"> & RecursicaAvatarProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
210
|
+
m?: string | number | RecursicaSpacing;
|
|
211
|
+
mx?: string | number | RecursicaSpacing;
|
|
212
|
+
my?: string | number | RecursicaSpacing;
|
|
213
|
+
mt?: string | number | RecursicaSpacing;
|
|
214
|
+
mb?: string | number | RecursicaSpacing;
|
|
215
|
+
ml?: string | number | RecursicaSpacing;
|
|
216
|
+
mr?: string | number | RecursicaSpacing;
|
|
217
|
+
gap?: string | number | RecursicaSpacing;
|
|
218
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
219
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
220
|
+
} & {
|
|
221
|
+
overStyled: true;
|
|
222
|
+
}, "ref">) & RefAttributes<HTMLDivElement>>;
|
|
223
|
+
|
|
224
|
+
declare type AvatarProps = RecursicaOverStyled<Omit<AvatarProps_2, "variant"> & RecursicaAvatarProps>;
|
|
225
|
+
|
|
226
|
+
export declare const Badge: typeof rawComponents.Badge;
|
|
227
|
+
|
|
228
|
+
/**
|
|
229
|
+
* Recursica Badge component wrapping Mui's Badge.
|
|
230
|
+
*
|
|
231
|
+
* Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
|
|
232
|
+
*/
|
|
233
|
+
declare const Badge_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<BadgeProps_2, "color" | "variant" | "size" | "radius"> & RecursicaBadgeProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
234
|
+
overStyled?: false | undefined;
|
|
235
|
+
}, "ref"> | Omit<Omit<Omit<BadgeProps_2, "color" | "variant" | "size" | "radius"> & RecursicaBadgeProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
236
|
+
m?: string | number | RecursicaSpacing;
|
|
237
|
+
mx?: string | number | RecursicaSpacing;
|
|
238
|
+
my?: string | number | RecursicaSpacing;
|
|
239
|
+
mt?: string | number | RecursicaSpacing;
|
|
240
|
+
mb?: string | number | RecursicaSpacing;
|
|
241
|
+
ml?: string | number | RecursicaSpacing;
|
|
242
|
+
mr?: string | number | RecursicaSpacing;
|
|
243
|
+
gap?: string | number | RecursicaSpacing;
|
|
244
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
245
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
246
|
+
} & {
|
|
247
|
+
overStyled: true;
|
|
248
|
+
}, "ref">) & RefAttributes<HTMLDivElement>>;
|
|
249
|
+
|
|
250
|
+
declare type BadgeProps = RecursicaOverStyled<Omit<BadgeProps_2, "variant" | "size" | "color" | "radius"> & RecursicaBadgeProps>;
|
|
251
|
+
|
|
252
|
+
/**
|
|
253
|
+
* List of styling keys that are blocked from being overriden unless overStyled is enabled.
|
|
254
|
+
*/
|
|
255
|
+
export declare type BlockedStylingKeys = "className" | "classNames" | "classes" | "style" | "styles" | "vars" | "sx" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex";
|
|
256
|
+
|
|
257
|
+
export declare const Box: <C extends React.ElementType = "div">(props: rawComponents.BoxProps<C> & {
|
|
258
|
+
ref?: React.ForwardedRef<any>;
|
|
259
|
+
}) => React.ReactElement | null;
|
|
260
|
+
|
|
261
|
+
declare const Box_2: <C extends default_2.ElementType = "div">(props: BoxProps<C> & {
|
|
262
|
+
ref?: default_2.ForwardedRef<any>;
|
|
263
|
+
}) => default_2.ReactElement | null;
|
|
264
|
+
|
|
265
|
+
declare type BoxProps<C extends default_2.ElementType = "div"> = BoxProps_2<C, {
|
|
266
|
+
component?: C;
|
|
267
|
+
}>;
|
|
268
|
+
|
|
269
|
+
export declare const Breadcrumb: typeof rawComponents.Breadcrumb;
|
|
270
|
+
|
|
271
|
+
declare const Breadcrumb_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<BreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
272
|
+
overStyled?: false | undefined;
|
|
273
|
+
}, "ref"> | Omit<Omit<Omit<BreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
274
|
+
m?: string | number | RecursicaSpacing;
|
|
275
|
+
mx?: string | number | RecursicaSpacing;
|
|
276
|
+
my?: string | number | RecursicaSpacing;
|
|
277
|
+
mt?: string | number | RecursicaSpacing;
|
|
278
|
+
mb?: string | number | RecursicaSpacing;
|
|
279
|
+
ml?: string | number | RecursicaSpacing;
|
|
280
|
+
mr?: string | number | RecursicaSpacing;
|
|
281
|
+
gap?: string | number | RecursicaSpacing;
|
|
282
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
283
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
284
|
+
} & {
|
|
285
|
+
overStyled: true;
|
|
286
|
+
}, "ref">) & RefAttributes<HTMLDivElement>>;
|
|
287
|
+
|
|
288
|
+
declare type BreadcrumbProps = RecursicaOverStyled<Omit<BreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>;
|
|
289
|
+
|
|
290
|
+
export declare const Button: typeof rawComponents.Button;
|
|
291
|
+
|
|
292
|
+
/**
|
|
293
|
+
* Recursica Button component wrapping MUI's Button.
|
|
294
|
+
*
|
|
295
|
+
* Supports polymorphism via the `component` prop for custom element rendering.
|
|
296
|
+
* This is particularly useful when you need a button that behaves as a hyperlink (rendering an `<a>` tag)
|
|
297
|
+
* or integrates with a routing library (e.g., `react-router-dom` or Next.js), while preserving full visual styling.
|
|
298
|
+
*
|
|
299
|
+
* @example
|
|
300
|
+
* ```tsx
|
|
301
|
+
* // Renders as an <a> tag natively
|
|
302
|
+
* <Button component="a" href="/dashboard" target="_blank">Navigate</Button>
|
|
303
|
+
*
|
|
304
|
+
* // Renders using a custom router link
|
|
305
|
+
* <Button component={Link} to="/home">Home</Button>
|
|
306
|
+
* ```
|
|
307
|
+
*/
|
|
308
|
+
declare const Button_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<ButtonProps_2, "color" | "variant" | "size" | "fullWidth"> & RecursicaButtonProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
309
|
+
overStyled?: false | undefined;
|
|
310
|
+
}, "ref"> | Omit<Omit<Omit<ButtonProps_2, "color" | "variant" | "size" | "fullWidth"> & RecursicaButtonProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
311
|
+
m?: string | number | RecursicaSpacing;
|
|
312
|
+
mx?: string | number | RecursicaSpacing;
|
|
313
|
+
my?: string | number | RecursicaSpacing;
|
|
314
|
+
mt?: string | number | RecursicaSpacing;
|
|
315
|
+
mb?: string | number | RecursicaSpacing;
|
|
316
|
+
ml?: string | number | RecursicaSpacing;
|
|
317
|
+
mr?: string | number | RecursicaSpacing;
|
|
318
|
+
gap?: string | number | RecursicaSpacing;
|
|
319
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
320
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
321
|
+
} & {
|
|
322
|
+
overStyled: true;
|
|
323
|
+
}, "ref">) & default_2.RefAttributes<HTMLButtonElement>>;
|
|
324
|
+
|
|
325
|
+
declare type ButtonProps = RecursicaOverStyled<Omit<ButtonProps_2, "variant" | "size" | "color" | "fullWidth"> & RecursicaButtonProps>;
|
|
326
|
+
|
|
327
|
+
export declare const Card: typeof rawComponents.Card;
|
|
328
|
+
|
|
329
|
+
declare const Card_2: typeof PolymorphicCard & {
|
|
330
|
+
Section: typeof CardSection;
|
|
331
|
+
Header: typeof CardHeader;
|
|
332
|
+
Footer: typeof CardFooter;
|
|
333
|
+
Content: typeof CardContent;
|
|
334
|
+
};
|
|
335
|
+
|
|
336
|
+
/**
|
|
337
|
+
* Internal container that safely binds typography and structural flex gaps driven by the active UI kit tokens natively, preserving correct padding blocks compared to rigid `Card.Section` edges.
|
|
338
|
+
*/
|
|
339
|
+
declare const CardContent: ForwardRefExoticComponent<CardContentProps & RefAttributes<HTMLDivElement>>;
|
|
340
|
+
|
|
341
|
+
declare type CardContentProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement>>;
|
|
342
|
+
|
|
343
|
+
/**
|
|
344
|
+
* Counterpart to `Card.Header`, applying specific footer elevation margins, sizes, and padding natively.
|
|
345
|
+
*/
|
|
346
|
+
declare const CardFooter: ForwardRefExoticComponent<CardFooterProps & RefAttributes<HTMLDivElement>>;
|
|
347
|
+
|
|
348
|
+
declare type CardFooterProps = RecursicaOverStyled<RecursicaCardSectionProps>;
|
|
349
|
+
|
|
350
|
+
/**
|
|
351
|
+
* Replaces standard generic Mui `<Card.Section>` wrappers by directly injecting the strict Recursica design tokens for header sizing, background drops, and intrinsic padding limits.
|
|
352
|
+
*/
|
|
353
|
+
declare const CardHeader: ForwardRefExoticComponent<CardHeaderProps & RefAttributes<HTMLDivElement>>;
|
|
354
|
+
|
|
355
|
+
declare type CardHeaderProps = RecursicaOverStyled<RecursicaCardSectionProps>;
|
|
356
|
+
|
|
357
|
+
declare type CardProps = RecursicaOverStyled<CardProps_2 & RecursicaCardProps> & {
|
|
358
|
+
flex?: string | number;
|
|
359
|
+
flexGrow?: string | number;
|
|
360
|
+
flexShrink?: string | number;
|
|
361
|
+
flexBasis?: string | number;
|
|
362
|
+
grow?: string | number;
|
|
363
|
+
h?: string | number;
|
|
364
|
+
height?: string | number;
|
|
365
|
+
};
|
|
366
|
+
|
|
367
|
+
/**
|
|
368
|
+
* A generalized edge-to-edge structural wrapper native to Mui. Strips typical boundary padding via negative margins to allow content (like maps or header images) to touch the border seamlessly.
|
|
369
|
+
*/
|
|
370
|
+
declare const CardSection: ForwardRefExoticComponent<CardSectionProps & RefAttributes<HTMLDivElement>>;
|
|
371
|
+
|
|
372
|
+
declare type CardSectionProps = RecursicaOverStyled<RecursicaCardSectionProps>;
|
|
373
|
+
|
|
374
|
+
export declare const Checkbox: typeof rawComponents.Checkbox;
|
|
375
|
+
|
|
376
|
+
declare const Checkbox_2: CheckboxComponent;
|
|
377
|
+
|
|
378
|
+
declare type CheckboxComponent = default_2.ForwardRefExoticComponent<CheckboxProps & default_2.RefAttributes<HTMLButtonElement>> & {
|
|
379
|
+
Group: typeof CheckboxGroup_2;
|
|
380
|
+
};
|
|
381
|
+
|
|
382
|
+
export declare const CheckboxGroup: typeof rawComponents.CheckboxGroup;
|
|
383
|
+
|
|
384
|
+
declare const CheckboxGroup_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaCheckboxGroupProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
385
|
+
overStyled?: false | undefined;
|
|
386
|
+
}, "ref"> | Omit<Omit<RecursicaCheckboxGroupProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
387
|
+
m?: string | number | RecursicaSpacing;
|
|
388
|
+
mx?: string | number | RecursicaSpacing;
|
|
389
|
+
my?: string | number | RecursicaSpacing;
|
|
390
|
+
mt?: string | number | RecursicaSpacing;
|
|
391
|
+
mb?: string | number | RecursicaSpacing;
|
|
392
|
+
ml?: string | number | RecursicaSpacing;
|
|
393
|
+
mr?: string | number | RecursicaSpacing;
|
|
394
|
+
gap?: string | number | RecursicaSpacing;
|
|
395
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
396
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
397
|
+
} & {
|
|
398
|
+
overStyled: true;
|
|
399
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
400
|
+
|
|
401
|
+
declare type CheckboxGroupProps = RecursicaOverStyled<RecursicaCheckboxGroupProps_2>;
|
|
402
|
+
|
|
403
|
+
declare type CheckboxProps = RecursicaOverStyled<RecursicaCheckboxPropsAlias>;
|
|
404
|
+
|
|
405
|
+
declare type CheckboxWrapperProps = Omit<CheckboxProps_2, "size" | "color"> & RecursicaCheckboxProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
|
|
406
|
+
|
|
407
|
+
export declare const Chip: typeof rawComponents.Chip;
|
|
408
|
+
|
|
409
|
+
declare const Chip_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<ChipProps_2, "color" | "variant" | "size" | "radius"> & RecursicaChipProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
410
|
+
overStyled?: false | undefined;
|
|
411
|
+
}, "ref"> | Omit<Omit<Omit<ChipProps_2, "color" | "variant" | "size" | "radius"> & RecursicaChipProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
412
|
+
m?: string | number | RecursicaSpacing;
|
|
413
|
+
mx?: string | number | RecursicaSpacing;
|
|
414
|
+
my?: string | number | RecursicaSpacing;
|
|
415
|
+
mt?: string | number | RecursicaSpacing;
|
|
416
|
+
mb?: string | number | RecursicaSpacing;
|
|
417
|
+
ml?: string | number | RecursicaSpacing;
|
|
418
|
+
mr?: string | number | RecursicaSpacing;
|
|
419
|
+
gap?: string | number | RecursicaSpacing;
|
|
420
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
421
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
422
|
+
} & {
|
|
423
|
+
overStyled: true;
|
|
424
|
+
}, "ref">) & default_2.RefAttributes<HTMLInputElement>>;
|
|
425
|
+
|
|
426
|
+
declare type ChipProps = RecursicaOverStyled<Omit<ChipProps_2, "variant" | "size" | "color" | "radius"> & RecursicaChipProps>;
|
|
427
|
+
|
|
428
|
+
export declare const Container: ForwardRefExoticComponent<Omit<rawComponents.ContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
429
|
+
|
|
430
|
+
declare const Container_2: ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
431
|
+
|
|
432
|
+
declare type ContainerProps = WithRecursicaSpacing<Omit<ContainerProps_2, "maxWidth"> & RecursicaContainerProps>;
|
|
433
|
+
|
|
434
|
+
/**
|
|
435
|
+
* Helper function for copy text to clipboard
|
|
436
|
+
* @param {string} textToCopy The text string for copying to the clipboard
|
|
437
|
+
* @param {element|node} componentRef The ref of the component that we want to trigger the copy
|
|
438
|
+
*/
|
|
439
|
+
export declare const copyToClipboard: (textToCopy: string, componentRef: default_2.RefObject<HTMLElement | null>) => Promise<void>;
|
|
440
|
+
|
|
441
|
+
export declare const DatePicker: typeof rawComponents.DatePicker;
|
|
442
|
+
|
|
443
|
+
declare const DatePicker_2: default_2.FC<DatePickerProps>;
|
|
444
|
+
|
|
445
|
+
declare type DatePickerProps = Omit<default_2.HTMLAttributes<HTMLDivElement>, "value" | "onChange" | "defaultValue"> & RecursicaDatePickerProps & {
|
|
446
|
+
disabled?: boolean;
|
|
447
|
+
label?: default_2.ReactNode;
|
|
448
|
+
assistiveText?: string;
|
|
449
|
+
error?: default_2.ReactNode;
|
|
450
|
+
required?: boolean;
|
|
451
|
+
withAsterisk?: boolean;
|
|
452
|
+
placeholder?: string;
|
|
453
|
+
value?: Date | null;
|
|
454
|
+
defaultValue?: Date | null;
|
|
455
|
+
onChange?: (value: Date | null) => void;
|
|
456
|
+
readOnly?: boolean;
|
|
457
|
+
formLayout?: "stacked" | "side-by-side";
|
|
458
|
+
leftSection?: default_2.ReactNode;
|
|
459
|
+
labelWithEditIcon?: boolean;
|
|
460
|
+
onLabelEditClick?: () => void;
|
|
461
|
+
};
|
|
462
|
+
|
|
463
|
+
export declare const Dropdown: typeof rawComponents.Dropdown;
|
|
464
|
+
|
|
465
|
+
declare const Dropdown_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaDropdownProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
466
|
+
overStyled?: false | undefined;
|
|
467
|
+
}, "ref"> | Omit<Omit<RecursicaDropdownProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
468
|
+
m?: string | number | RecursicaSpacing;
|
|
469
|
+
mx?: string | number | RecursicaSpacing;
|
|
470
|
+
my?: string | number | RecursicaSpacing;
|
|
471
|
+
mt?: string | number | RecursicaSpacing;
|
|
472
|
+
mb?: string | number | RecursicaSpacing;
|
|
473
|
+
ml?: string | number | RecursicaSpacing;
|
|
474
|
+
mr?: string | number | RecursicaSpacing;
|
|
475
|
+
gap?: string | number | RecursicaSpacing;
|
|
476
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
477
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
478
|
+
} & {
|
|
479
|
+
overStyled: true;
|
|
480
|
+
}, "ref">) & default_2.RefAttributes<HTMLInputElement>>;
|
|
481
|
+
|
|
482
|
+
declare type DropdownProps = RecursicaOverStyled<RecursicaDropdownProps>;
|
|
483
|
+
|
|
484
|
+
/**
|
|
485
|
+
* Renders default visual fallbacks for Empty Values in ReadOnly contexts.
|
|
486
|
+
*/
|
|
487
|
+
export declare const EmptyValueRenderer: default_2.FC<EmptyValueRendererProps> & {
|
|
488
|
+
check: (value: any) => boolean;
|
|
489
|
+
};
|
|
490
|
+
|
|
491
|
+
export declare interface EmptyValueRendererProps {
|
|
492
|
+
/** The empty value that tripped the check, provided for potential custom rendering logic hooks */
|
|
493
|
+
value?: any;
|
|
494
|
+
/** Custom fallback text applied dynamically replacing standard 'N/A' defaults strings explicitly */
|
|
495
|
+
emptyText?: string;
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
export declare const FileInput: FC<rawComponents.FileInputProps>;
|
|
499
|
+
|
|
500
|
+
declare const FileInput_2: default_2.FC<FileInputProps>;
|
|
501
|
+
|
|
502
|
+
declare type FileInputProps = default_2.HTMLAttributes<HTMLDivElement>;
|
|
503
|
+
|
|
504
|
+
export declare const FileUpload: FC<rawComponents.FileUploadProps>;
|
|
505
|
+
|
|
506
|
+
declare const FileUpload_2: default_2.FC<FileUploadProps>;
|
|
507
|
+
|
|
508
|
+
declare type FileUploadProps = default_2.HTMLAttributes<HTMLDivElement>;
|
|
509
|
+
|
|
510
|
+
export declare const Flex: ForwardRefExoticComponent<Omit<rawComponents.FlexProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
511
|
+
|
|
512
|
+
declare const Flex_2: ForwardRefExoticComponent<Omit<FlexProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
513
|
+
|
|
514
|
+
declare type FlexProps = WithRecursicaSpacing<OmitSx<BoxProps_2 & RecursicaFlexProps>>;
|
|
515
|
+
|
|
516
|
+
export declare type ForbiddenStyles = {
|
|
517
|
+
[K in BlockedStylingKeys]?: never;
|
|
518
|
+
};
|
|
519
|
+
|
|
520
|
+
export declare const FormControlLayout: typeof rawComponents.FormControlLayout;
|
|
521
|
+
|
|
522
|
+
declare const FormControlLayout_2: default_2.ForwardRefExoticComponent<FormControlLayoutProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
523
|
+
|
|
524
|
+
declare interface FormControlLayoutProps extends default_2.HTMLAttributes<HTMLDivElement>, RecursicaFormControlLayoutProps {
|
|
525
|
+
overStyled?: boolean;
|
|
526
|
+
}
|
|
527
|
+
|
|
528
|
+
export declare const FormControlWrapper: typeof rawComponents.FormControlWrapper;
|
|
529
|
+
|
|
530
|
+
declare const FormControlWrapper_2: default_2.ForwardRefExoticComponent<Omit<RecursicaFormControlWrapperProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
531
|
+
|
|
532
|
+
declare type FormControlWrapperProps = RecursicaFormControlWrapperProps;
|
|
533
|
+
|
|
534
|
+
export declare const Grid: ForwardRefExoticComponent<Omit<rawComponents.GridProps, "ref"> & RefAttributes<HTMLDivElement>> & {
|
|
535
|
+
Col: typeof rawComponents.GridCol;
|
|
536
|
+
};
|
|
537
|
+
|
|
538
|
+
declare const Grid_2: GridComponent;
|
|
539
|
+
|
|
540
|
+
declare const GridBase: ForwardRefExoticComponent<Omit<GridProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
541
|
+
|
|
542
|
+
export declare const GridCol: ForwardRefExoticComponent<Omit<rawComponents.GridColProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
543
|
+
|
|
544
|
+
declare const GridCol_2: ForwardRefExoticComponent<Omit<GridColProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
545
|
+
|
|
546
|
+
declare type GridColProps = WithRecursicaSpacing<OmitSx<Omit<GridProps_2, "container" | "size" | "offset">> & RecursicaGridColProps>;
|
|
547
|
+
|
|
548
|
+
declare type GridComponent = typeof GridBase & {
|
|
549
|
+
Col: typeof GridCol_2;
|
|
550
|
+
};
|
|
551
|
+
|
|
552
|
+
declare type GridProps = WithRecursicaSpacing<OmitSx<Omit<GridProps_2, "container" | "size" | "offset">> & RecursicaGridProps>;
|
|
553
|
+
|
|
554
|
+
export declare const Group: ForwardRefExoticComponent<Omit<rawComponents.GroupProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
555
|
+
|
|
556
|
+
declare const Group_2: ForwardRefExoticComponent<Omit<GroupProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
557
|
+
|
|
558
|
+
declare type GroupProps = WithRecursicaSpacing<OmitSx<Omit<StackProps, "spacing" | "direction"> & RecursicaGroupProps>>;
|
|
559
|
+
|
|
560
|
+
export declare const HoverCard: typeof rawComponents.HoverCard;
|
|
561
|
+
|
|
562
|
+
declare const HoverCard_2: HoverCardComponent;
|
|
563
|
+
|
|
564
|
+
declare const HoverCardBase: {
|
|
565
|
+
({ overStyled, withBeak, position, openDelay, closeDelay, disabled, offset, children, ...rest }: HoverCardProps): JSX.Element;
|
|
566
|
+
displayName: string;
|
|
567
|
+
};
|
|
568
|
+
|
|
569
|
+
declare type HoverCardComponent = typeof HoverCardBase & {
|
|
570
|
+
Target: typeof HoverCardTarget;
|
|
571
|
+
Dropdown: typeof HoverCardDropdown;
|
|
572
|
+
};
|
|
573
|
+
|
|
574
|
+
declare const HoverCardDropdown: {
|
|
575
|
+
({ children, }: HoverCardDropdownProps): JSX.Element;
|
|
576
|
+
displayName: string;
|
|
577
|
+
};
|
|
578
|
+
|
|
579
|
+
declare type HoverCardDropdownProps = {
|
|
580
|
+
children?: default_2.ReactNode;
|
|
581
|
+
};
|
|
582
|
+
|
|
583
|
+
declare type HoverCardProps = RecursicaOverStyled<Omit<TooltipProps, "title" | "children"> & RecursicaHoverCardProps>;
|
|
584
|
+
|
|
585
|
+
declare const HoverCardTarget: {
|
|
586
|
+
({ children, }: HoverCardTargetProps): JSX.Element;
|
|
587
|
+
displayName: string;
|
|
588
|
+
};
|
|
589
|
+
|
|
590
|
+
declare type HoverCardTargetProps = {
|
|
591
|
+
children?: default_2.ReactNode;
|
|
592
|
+
};
|
|
593
|
+
|
|
594
|
+
/**
|
|
595
|
+
* Injects the global styles for `.recursica-over-styled` elements into the document.
|
|
596
|
+
*/
|
|
597
|
+
export declare function injectOverStyledStyles(): void;
|
|
598
|
+
|
|
599
|
+
export declare const IS_DEV: boolean;
|
|
600
|
+
|
|
601
|
+
/**
|
|
602
|
+
* Returns the current global overStyled active state.
|
|
603
|
+
*/
|
|
604
|
+
export declare function isGlobalOverStyledActive(): boolean;
|
|
605
|
+
|
|
606
|
+
export declare const Label: typeof rawComponents.Label;
|
|
607
|
+
|
|
608
|
+
declare const Label_2: default_2.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & default_2.RefAttributes<HTMLLabelElement>>;
|
|
609
|
+
|
|
610
|
+
declare interface LabelProps extends InputLabelProps, RecursicaLabelProps {
|
|
611
|
+
overStyled?: boolean;
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
/**
|
|
615
|
+
* Applies a Recursica layer context. Root has data-recursica-layer so scoped CSS
|
|
616
|
+
* theme+layer blocks (e.g. [data-recursica-theme="light"] [data-recursica-layer="1"])
|
|
617
|
+
* set generic brand vars on this element; descendants inherit. Use with theme on
|
|
618
|
+
* document root (RecursicaThemeProvider). Root is display: block so padding/background apply.
|
|
619
|
+
*/
|
|
620
|
+
export declare const Layer: ForwardRefExoticComponent<RecursicaLayerProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
|
|
621
|
+
|
|
622
|
+
export declare type LayerProps = RecursicaLayerProps & React.HTMLAttributes<HTMLDivElement>;
|
|
623
|
+
|
|
624
|
+
export declare const Link: typeof rawComponents.Link;
|
|
625
|
+
|
|
626
|
+
declare const Link_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<LinkProps_2, "underline"> & RecursicaLinkProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
627
|
+
overStyled?: false | undefined;
|
|
628
|
+
}, "ref"> | Omit<Omit<Omit<LinkProps_2, "underline"> & RecursicaLinkProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
629
|
+
m?: string | number | RecursicaSpacing;
|
|
630
|
+
mx?: string | number | RecursicaSpacing;
|
|
631
|
+
my?: string | number | RecursicaSpacing;
|
|
632
|
+
mt?: string | number | RecursicaSpacing;
|
|
633
|
+
mb?: string | number | RecursicaSpacing;
|
|
634
|
+
ml?: string | number | RecursicaSpacing;
|
|
635
|
+
mr?: string | number | RecursicaSpacing;
|
|
636
|
+
gap?: string | number | RecursicaSpacing;
|
|
637
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
638
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
639
|
+
} & {
|
|
640
|
+
overStyled: true;
|
|
641
|
+
}, "ref">) & RefAttributes<HTMLAnchorElement>>;
|
|
642
|
+
|
|
643
|
+
declare type LinkProps = RecursicaOverStyled<Omit<LinkProps_2, "underline"> & RecursicaLinkProps>;
|
|
644
|
+
|
|
645
|
+
export declare const Loader: typeof rawComponents.Loader;
|
|
646
|
+
|
|
647
|
+
declare const Loader_2: default_2.ForwardRefExoticComponent<LoaderProps & default_2.RefAttributes<HTMLSpanElement>>;
|
|
648
|
+
|
|
649
|
+
declare type LoaderProps = RecursicaOverStyled<default_2.HTMLAttributes<HTMLSpanElement> & RecursicaLoaderProps>;
|
|
650
|
+
|
|
651
|
+
export declare const Menu: typeof rawComponents.Menu;
|
|
652
|
+
|
|
653
|
+
declare const Menu_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<MenuProps_2 & RecursicaMenuProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
654
|
+
overStyled?: false | undefined;
|
|
655
|
+
}, "ref"> | Omit<Omit<MenuProps_2 & RecursicaMenuProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
656
|
+
m?: string | number | RecursicaSpacing;
|
|
657
|
+
mx?: string | number | RecursicaSpacing;
|
|
658
|
+
my?: string | number | RecursicaSpacing;
|
|
659
|
+
mt?: string | number | RecursicaSpacing;
|
|
660
|
+
mb?: string | number | RecursicaSpacing;
|
|
661
|
+
ml?: string | number | RecursicaSpacing;
|
|
662
|
+
mr?: string | number | RecursicaSpacing;
|
|
663
|
+
gap?: string | number | RecursicaSpacing;
|
|
664
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
665
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
666
|
+
} & {
|
|
667
|
+
overStyled: true;
|
|
668
|
+
}, "ref">) & RefAttributes<HTMLDivElement>>;
|
|
669
|
+
|
|
670
|
+
export declare const MenuDivider: typeof rawComponents.MenuDivider;
|
|
671
|
+
|
|
672
|
+
declare const MenuDivider_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DividerProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
673
|
+
overStyled?: false | undefined;
|
|
674
|
+
}, "ref"> | Omit<Omit<DividerProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
675
|
+
m?: string | number | RecursicaSpacing;
|
|
676
|
+
mx?: string | number | RecursicaSpacing;
|
|
677
|
+
my?: string | number | RecursicaSpacing;
|
|
678
|
+
mt?: string | number | RecursicaSpacing;
|
|
679
|
+
mb?: string | number | RecursicaSpacing;
|
|
680
|
+
ml?: string | number | RecursicaSpacing;
|
|
681
|
+
mr?: string | number | RecursicaSpacing;
|
|
682
|
+
gap?: string | number | RecursicaSpacing;
|
|
683
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
684
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
685
|
+
} & {
|
|
686
|
+
overStyled: true;
|
|
687
|
+
}, "ref">) & RefAttributes<HTMLHRElement>>;
|
|
688
|
+
|
|
689
|
+
declare type MenuDividerProps = RecursicaOverStyled<DividerProps>;
|
|
690
|
+
|
|
691
|
+
export declare const MenuItem: typeof rawComponents.MenuItem;
|
|
692
|
+
|
|
693
|
+
declare const MenuItem_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<MenuItemProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
694
|
+
overStyled?: false | undefined;
|
|
695
|
+
}, "ref"> | Omit<Omit<MenuItemProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
696
|
+
m?: string | number | RecursicaSpacing;
|
|
697
|
+
mx?: string | number | RecursicaSpacing;
|
|
698
|
+
my?: string | number | RecursicaSpacing;
|
|
699
|
+
mt?: string | number | RecursicaSpacing;
|
|
700
|
+
mb?: string | number | RecursicaSpacing;
|
|
701
|
+
ml?: string | number | RecursicaSpacing;
|
|
702
|
+
mr?: string | number | RecursicaSpacing;
|
|
703
|
+
gap?: string | number | RecursicaSpacing;
|
|
704
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
705
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
706
|
+
} & {
|
|
707
|
+
overStyled: true;
|
|
708
|
+
}, "ref">) & RefAttributes<HTMLLIElement>>;
|
|
709
|
+
|
|
710
|
+
declare type MenuItemProps = RecursicaOverStyled<MenuItemProps_2>;
|
|
711
|
+
|
|
712
|
+
declare type MenuProps = RecursicaOverStyled<MenuProps_2 & RecursicaMenuProps>;
|
|
713
|
+
|
|
714
|
+
export declare const Modal: typeof rawComponents.Modal;
|
|
715
|
+
|
|
716
|
+
declare const Modal_2: typeof ModalRoot & {
|
|
717
|
+
Title: typeof ModalTitle;
|
|
718
|
+
Body: typeof ModalBody;
|
|
719
|
+
Footer: typeof ModalFooter;
|
|
720
|
+
};
|
|
721
|
+
|
|
722
|
+
declare const ModalBody: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DialogContentProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
723
|
+
overStyled?: false | undefined;
|
|
724
|
+
}, "ref"> | Omit<Omit<DialogContentProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
725
|
+
m?: string | number | RecursicaSpacing;
|
|
726
|
+
mx?: string | number | RecursicaSpacing;
|
|
727
|
+
my?: string | number | RecursicaSpacing;
|
|
728
|
+
mt?: string | number | RecursicaSpacing;
|
|
729
|
+
mb?: string | number | RecursicaSpacing;
|
|
730
|
+
ml?: string | number | RecursicaSpacing;
|
|
731
|
+
mr?: string | number | RecursicaSpacing;
|
|
732
|
+
gap?: string | number | RecursicaSpacing;
|
|
733
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
734
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
735
|
+
} & {
|
|
736
|
+
overStyled: true;
|
|
737
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
738
|
+
|
|
739
|
+
declare type ModalBodyProps = RecursicaOverStyled<DialogContentProps>;
|
|
740
|
+
|
|
741
|
+
declare const ModalFooter: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DialogActionsProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
742
|
+
overStyled?: false | undefined;
|
|
743
|
+
}, "ref"> | Omit<Omit<DialogActionsProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
744
|
+
m?: string | number | RecursicaSpacing;
|
|
745
|
+
mx?: string | number | RecursicaSpacing;
|
|
746
|
+
my?: string | number | RecursicaSpacing;
|
|
747
|
+
mt?: string | number | RecursicaSpacing;
|
|
748
|
+
mb?: string | number | RecursicaSpacing;
|
|
749
|
+
ml?: string | number | RecursicaSpacing;
|
|
750
|
+
mr?: string | number | RecursicaSpacing;
|
|
751
|
+
gap?: string | number | RecursicaSpacing;
|
|
752
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
753
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
754
|
+
} & {
|
|
755
|
+
overStyled: true;
|
|
756
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
757
|
+
|
|
758
|
+
declare type ModalFooterProps = RecursicaOverStyled<DialogActionsProps>;
|
|
759
|
+
|
|
760
|
+
declare type ModalProps = RecursicaOverStyled<Omit<DialogProps, "size" | "radius" | "shadow" | "open"> & RecursicaModalProps>;
|
|
761
|
+
|
|
762
|
+
declare const ModalRoot: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<DialogProps, "shadow" | "size" | "open" | "radius"> & RecursicaModalProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
763
|
+
overStyled?: false | undefined;
|
|
764
|
+
}, "ref"> | Omit<Omit<Omit<DialogProps, "shadow" | "size" | "open" | "radius"> & RecursicaModalProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
765
|
+
m?: string | number | RecursicaSpacing;
|
|
766
|
+
mx?: string | number | RecursicaSpacing;
|
|
767
|
+
my?: string | number | RecursicaSpacing;
|
|
768
|
+
mt?: string | number | RecursicaSpacing;
|
|
769
|
+
mb?: string | number | RecursicaSpacing;
|
|
770
|
+
ml?: string | number | RecursicaSpacing;
|
|
771
|
+
mr?: string | number | RecursicaSpacing;
|
|
772
|
+
gap?: string | number | RecursicaSpacing;
|
|
773
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
774
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
775
|
+
} & {
|
|
776
|
+
overStyled: true;
|
|
777
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
778
|
+
|
|
779
|
+
declare const ModalTitle: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DialogTitleProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
780
|
+
overStyled?: false | undefined;
|
|
781
|
+
}, "ref"> | Omit<Omit<DialogTitleProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
782
|
+
m?: string | number | RecursicaSpacing;
|
|
783
|
+
mx?: string | number | RecursicaSpacing;
|
|
784
|
+
my?: string | number | RecursicaSpacing;
|
|
785
|
+
mt?: string | number | RecursicaSpacing;
|
|
786
|
+
mb?: string | number | RecursicaSpacing;
|
|
787
|
+
ml?: string | number | RecursicaSpacing;
|
|
788
|
+
mr?: string | number | RecursicaSpacing;
|
|
789
|
+
gap?: string | number | RecursicaSpacing;
|
|
790
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
791
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
792
|
+
} & {
|
|
793
|
+
overStyled: true;
|
|
794
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
795
|
+
|
|
796
|
+
declare type ModalTitleProps = RecursicaOverStyled<DialogTitleProps>;
|
|
797
|
+
|
|
798
|
+
export declare const NumberInput: typeof rawComponents.NumberInput;
|
|
799
|
+
|
|
800
|
+
declare const NumberInput_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaNumberInputProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
801
|
+
overStyled?: false | undefined;
|
|
802
|
+
}, "ref"> | Omit<Omit<RecursicaNumberInputProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
803
|
+
m?: string | number | RecursicaSpacing;
|
|
804
|
+
mx?: string | number | RecursicaSpacing;
|
|
805
|
+
my?: string | number | RecursicaSpacing;
|
|
806
|
+
mt?: string | number | RecursicaSpacing;
|
|
807
|
+
mb?: string | number | RecursicaSpacing;
|
|
808
|
+
ml?: string | number | RecursicaSpacing;
|
|
809
|
+
mr?: string | number | RecursicaSpacing;
|
|
810
|
+
gap?: string | number | RecursicaSpacing;
|
|
811
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
812
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
813
|
+
} & {
|
|
814
|
+
overStyled: true;
|
|
815
|
+
}, "ref">) & default_2.RefAttributes<HTMLInputElement>>;
|
|
816
|
+
|
|
817
|
+
declare type NumberInputProps = RecursicaOverStyled<RecursicaNumberInputProps>;
|
|
818
|
+
|
|
819
|
+
declare type OmitSx<T> = Omit<T, "sx">;
|
|
820
|
+
|
|
821
|
+
export declare const Pagination: typeof rawComponents.Pagination;
|
|
822
|
+
|
|
823
|
+
/**
|
|
824
|
+
* Recursica Pagination component wrapping Mui's Pagination.
|
|
825
|
+
*/
|
|
826
|
+
declare const Pagination_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<PaginationProps_2 & RecursicaPaginationProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
827
|
+
overStyled?: false | undefined;
|
|
828
|
+
}, "ref"> | Omit<Omit<PaginationProps_2 & RecursicaPaginationProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
829
|
+
m?: string | number | RecursicaSpacing;
|
|
830
|
+
mx?: string | number | RecursicaSpacing;
|
|
831
|
+
my?: string | number | RecursicaSpacing;
|
|
832
|
+
mt?: string | number | RecursicaSpacing;
|
|
833
|
+
mb?: string | number | RecursicaSpacing;
|
|
834
|
+
ml?: string | number | RecursicaSpacing;
|
|
835
|
+
mr?: string | number | RecursicaSpacing;
|
|
836
|
+
gap?: string | number | RecursicaSpacing;
|
|
837
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
838
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
839
|
+
} & {
|
|
840
|
+
overStyled: true;
|
|
841
|
+
}, "ref">) & RefAttributes<HTMLDivElement>>;
|
|
842
|
+
|
|
843
|
+
declare type PaginationProps = RecursicaOverStyled<PaginationProps_2 & RecursicaPaginationProps>;
|
|
844
|
+
|
|
845
|
+
export declare const Panel: typeof rawComponents.Panel;
|
|
846
|
+
|
|
847
|
+
declare const Panel_2: PanelComponent;
|
|
848
|
+
|
|
849
|
+
/**
|
|
850
|
+
* Recursica Panel component wrapping Mui's Drawer.
|
|
851
|
+
*
|
|
852
|
+
* Panels slide in or expand from the edge of the screen to reveal
|
|
853
|
+
* additional content or functionality. They are commonly used to provide
|
|
854
|
+
* supplementary information, navigation options, or toolsets without
|
|
855
|
+
* cluttering the main interface.
|
|
856
|
+
*
|
|
857
|
+
* ```tsx
|
|
858
|
+
* <Panel opened={opened} onClose={close} title="Panel Title" placement="right">
|
|
859
|
+
* <Panel.Body>
|
|
860
|
+
* Content goes here
|
|
861
|
+
* </Panel.Body>
|
|
862
|
+
* </Panel>
|
|
863
|
+
* ```
|
|
864
|
+
*
|
|
865
|
+
* Mui Drawer sub-components available via dot-notation:
|
|
866
|
+
* - `Panel.Header` — Top section with title and close button
|
|
867
|
+
* - `Panel.Title` — Title text within the header
|
|
868
|
+
* - `Panel.CloseButton` — Close button within the header
|
|
869
|
+
* - `Panel.Body` — Scrollable body content area
|
|
870
|
+
* - `Panel.Content` — Outer content container
|
|
871
|
+
* - `Panel.Overlay` — Background overlay
|
|
872
|
+
* - `Panel.Root` — Root element for advanced composition
|
|
873
|
+
* - `Panel.Stack` — Stacked drawer context
|
|
874
|
+
*/
|
|
875
|
+
declare const PanelBase: {
|
|
876
|
+
({ overStyled, placement, keepMounted, wrapHeaderText, opened, ...rest }: PanelProps): JSX.Element;
|
|
877
|
+
displayName: string;
|
|
878
|
+
};
|
|
879
|
+
|
|
880
|
+
declare type PanelComponent = typeof PanelBase & {
|
|
881
|
+
Footer: typeof PanelFooter_2;
|
|
882
|
+
};
|
|
883
|
+
|
|
884
|
+
export declare const PanelFooter: typeof rawComponents.PanelFooter;
|
|
885
|
+
|
|
886
|
+
/**
|
|
887
|
+
* Panel footer section with action buttons.
|
|
888
|
+
* Separated from the body by a divider. Remains fixed at the bottom.
|
|
889
|
+
* This is a Recursica-specific sub-component; Mui Drawer does not
|
|
890
|
+
* natively provide a footer.
|
|
891
|
+
*/
|
|
892
|
+
declare const PanelFooter_2: ForwardRefExoticComponent<PanelFooterProps & RefAttributes<HTMLDivElement>>;
|
|
893
|
+
|
|
894
|
+
declare type PanelFooterProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement>>;
|
|
895
|
+
|
|
896
|
+
declare type PanelProps = RecursicaOverStyled<RecursicaPanelProps_2>;
|
|
897
|
+
|
|
898
|
+
/**
|
|
899
|
+
* Recursica Card component wrapping Mui's Card (Paper).
|
|
900
|
+
*
|
|
901
|
+
* Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
|
|
902
|
+
* Use dot-notation sub-components for structured card layouts.
|
|
903
|
+
*/
|
|
904
|
+
declare const PolymorphicCard: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<CardOwnProps & CommonProps & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "sx" | "children" | "variant" | "elevation" | "square" | "raised"> & {
|
|
905
|
+
component?: React.ElementType | undefined;
|
|
906
|
+
} & RecursicaCardProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
907
|
+
overStyled?: false | undefined;
|
|
908
|
+
} & {
|
|
909
|
+
flex?: string | number;
|
|
910
|
+
flexGrow?: string | number;
|
|
911
|
+
flexShrink?: string | number;
|
|
912
|
+
flexBasis?: string | number;
|
|
913
|
+
grow?: string | number;
|
|
914
|
+
h?: string | number;
|
|
915
|
+
height?: string | number;
|
|
916
|
+
}, "ref"> | Omit<Omit<CardOwnProps & CommonProps & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "sx" | "children" | "variant" | "elevation" | "square" | "raised"> & {
|
|
917
|
+
component?: React.ElementType | undefined;
|
|
918
|
+
} & RecursicaCardProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
919
|
+
m?: string | number | RecursicaSpacing;
|
|
920
|
+
mx?: string | number | RecursicaSpacing;
|
|
921
|
+
my?: string | number | RecursicaSpacing;
|
|
922
|
+
mt?: string | number | RecursicaSpacing;
|
|
923
|
+
mb?: string | number | RecursicaSpacing;
|
|
924
|
+
ml?: string | number | RecursicaSpacing;
|
|
925
|
+
mr?: string | number | RecursicaSpacing;
|
|
926
|
+
gap?: string | number | RecursicaSpacing;
|
|
927
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
928
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
929
|
+
} & {
|
|
930
|
+
overStyled: true;
|
|
931
|
+
} & {
|
|
932
|
+
flex?: string | number;
|
|
933
|
+
flexGrow?: string | number;
|
|
934
|
+
flexShrink?: string | number;
|
|
935
|
+
flexBasis?: string | number;
|
|
936
|
+
grow?: string | number;
|
|
937
|
+
h?: string | number;
|
|
938
|
+
height?: string | number;
|
|
939
|
+
}, "ref">) & RefAttributes<HTMLDivElement>>;
|
|
940
|
+
|
|
941
|
+
export declare const Radio: typeof rawComponents.Radio;
|
|
942
|
+
|
|
943
|
+
declare const Radio_2: RadioComponent;
|
|
944
|
+
|
|
945
|
+
declare type RadioComponent = React.ForwardRefExoticComponent<RadioProps_2 & React.RefAttributes<HTMLInputElement>> & {
|
|
946
|
+
Group: typeof RadioGroup_2;
|
|
947
|
+
};
|
|
948
|
+
|
|
949
|
+
export declare const RadioGroup: typeof rawComponents.RadioGroup;
|
|
950
|
+
|
|
951
|
+
declare const RadioGroup_2: default_2.ForwardRefExoticComponent<RadioGroupProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
952
|
+
|
|
953
|
+
declare type RadioGroupProps = RecursicaOverStyled<RecursicaRadioGroupProps_2>;
|
|
954
|
+
|
|
955
|
+
declare type RadioProps_2 = RecursicaOverStyled<RecursicaRadioPropsAlias>;
|
|
956
|
+
|
|
957
|
+
declare type RadioWrapperProps = Omit<RadioProps, "size" | "color"> & RecursicaRadioProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
|
|
958
|
+
|
|
959
|
+
declare namespace rawComponents {
|
|
960
|
+
export {
|
|
961
|
+
AccordionProps,
|
|
962
|
+
AccordionItemWrapperProps,
|
|
963
|
+
AccordionItem_2 as AccordionItem,
|
|
964
|
+
AccordionControlWrapperProps,
|
|
965
|
+
AccordionControl_2 as AccordionControl,
|
|
966
|
+
AccordionPanelWrapperProps,
|
|
967
|
+
AccordionPanel_2 as AccordionPanel,
|
|
968
|
+
Accordion_2 as Accordion,
|
|
969
|
+
AssistiveElementProps,
|
|
970
|
+
AssistiveElement_2 as AssistiveElement,
|
|
971
|
+
RecursicaAutocompleteProps,
|
|
972
|
+
AutocompleteProps_2 as AutocompleteProps,
|
|
973
|
+
Autocomplete_2 as Autocomplete,
|
|
974
|
+
AvatarProps,
|
|
975
|
+
Avatar_2 as Avatar,
|
|
976
|
+
BadgeProps,
|
|
977
|
+
Badge_2 as Badge,
|
|
978
|
+
BoxProps,
|
|
979
|
+
Box_2 as Box,
|
|
980
|
+
BreadcrumbProps,
|
|
981
|
+
Breadcrumb_2 as Breadcrumb,
|
|
982
|
+
ButtonProps,
|
|
983
|
+
Button_2 as Button,
|
|
984
|
+
CardProps,
|
|
985
|
+
CardSectionProps,
|
|
986
|
+
CardSection,
|
|
987
|
+
CardHeaderProps,
|
|
988
|
+
CardHeader,
|
|
989
|
+
CardFooterProps,
|
|
990
|
+
CardFooter,
|
|
991
|
+
CardContentProps,
|
|
992
|
+
CardContent,
|
|
993
|
+
Card_2 as Card,
|
|
994
|
+
Checkbox_2 as Checkbox,
|
|
995
|
+
CheckboxProps,
|
|
996
|
+
CheckboxGroup_2 as CheckboxGroup,
|
|
997
|
+
CheckboxGroupProps,
|
|
998
|
+
ChipProps,
|
|
999
|
+
Chip_2 as Chip,
|
|
1000
|
+
ContainerProps,
|
|
1001
|
+
Container_2 as Container,
|
|
1002
|
+
DatePickerProps,
|
|
1003
|
+
DatePicker_2 as DatePicker,
|
|
1004
|
+
RecursicaDropdownProps,
|
|
1005
|
+
DropdownProps,
|
|
1006
|
+
Dropdown_2 as Dropdown,
|
|
1007
|
+
FileInputProps,
|
|
1008
|
+
FileInput_2 as FileInput,
|
|
1009
|
+
FileUploadProps,
|
|
1010
|
+
FileUpload_2 as FileUpload,
|
|
1011
|
+
FlexProps,
|
|
1012
|
+
Flex_2 as Flex,
|
|
1013
|
+
FormControlLayoutProps,
|
|
1014
|
+
FormControlLayout_2 as FormControlLayout,
|
|
1015
|
+
RecursicaFormControlWrapperProps,
|
|
1016
|
+
FormControlWrapperProps,
|
|
1017
|
+
FormControlWrapper_2 as FormControlWrapper,
|
|
1018
|
+
GridProps,
|
|
1019
|
+
GridColProps,
|
|
1020
|
+
GridCol_2 as GridCol,
|
|
1021
|
+
Grid_2 as Grid,
|
|
1022
|
+
GroupProps,
|
|
1023
|
+
Group_2 as Group,
|
|
1024
|
+
HoverCardProps,
|
|
1025
|
+
HoverCardTargetProps,
|
|
1026
|
+
HoverCardDropdownProps,
|
|
1027
|
+
HoverCard_2 as HoverCard,
|
|
1028
|
+
LabelProps,
|
|
1029
|
+
Label_2 as Label,
|
|
1030
|
+
LinkProps,
|
|
1031
|
+
Link_2 as Link,
|
|
1032
|
+
LoaderProps,
|
|
1033
|
+
Loader_2 as Loader,
|
|
1034
|
+
MenuProps,
|
|
1035
|
+
Menu_2 as Menu,
|
|
1036
|
+
MenuItemProps,
|
|
1037
|
+
MenuItem_2 as MenuItem,
|
|
1038
|
+
MenuDividerProps,
|
|
1039
|
+
MenuDivider_2 as MenuDivider,
|
|
1040
|
+
ModalProps,
|
|
1041
|
+
ModalTitleProps,
|
|
1042
|
+
ModalBodyProps,
|
|
1043
|
+
ModalFooterProps,
|
|
1044
|
+
Modal_2 as Modal,
|
|
1045
|
+
RecursicaNumberInputProps,
|
|
1046
|
+
NumberInputProps,
|
|
1047
|
+
NumberInput_2 as NumberInput,
|
|
1048
|
+
PaginationProps,
|
|
1049
|
+
Pagination_2 as Pagination,
|
|
1050
|
+
RecursicaPanelProps_2 as RecursicaPanelProps,
|
|
1051
|
+
PanelProps,
|
|
1052
|
+
PanelFooterProps,
|
|
1053
|
+
PanelFooter_2 as PanelFooter,
|
|
1054
|
+
Panel_2 as Panel,
|
|
1055
|
+
RadioWrapperProps,
|
|
1056
|
+
RecursicaRadioPropsAlias,
|
|
1057
|
+
RadioProps_2 as RadioProps,
|
|
1058
|
+
Radio_2 as Radio,
|
|
1059
|
+
RecursicaRadioGroupProps_2 as RecursicaRadioGroupProps,
|
|
1060
|
+
RadioGroupProps,
|
|
1061
|
+
RadioGroup_2 as RadioGroup,
|
|
1062
|
+
ReadOnlyFieldProps,
|
|
1063
|
+
ReadOnlyField_2 as ReadOnlyField,
|
|
1064
|
+
WithReadOnlyWrapperProps,
|
|
1065
|
+
WithReadOnlyWrapper,
|
|
1066
|
+
SegmentedControlProps,
|
|
1067
|
+
SegmentedControl_2 as SegmentedControl,
|
|
1068
|
+
RecursicaSliderProps,
|
|
1069
|
+
SliderProps_2 as SliderProps,
|
|
1070
|
+
Slider_2 as Slider,
|
|
1071
|
+
StackProps_2 as StackProps,
|
|
1072
|
+
Stack_2 as Stack,
|
|
1073
|
+
RecursicaStepperPropsExtended,
|
|
1074
|
+
StepperProps_2 as StepperProps,
|
|
1075
|
+
Stepper_2 as Stepper,
|
|
1076
|
+
StepProps,
|
|
1077
|
+
Step,
|
|
1078
|
+
StepButtonProps,
|
|
1079
|
+
StepButton,
|
|
1080
|
+
StepLabelProps,
|
|
1081
|
+
StepLabel,
|
|
1082
|
+
StepConnectorProps,
|
|
1083
|
+
StepConnector,
|
|
1084
|
+
SwitchWrapperProps,
|
|
1085
|
+
RecursicaSwitchPropsAlias,
|
|
1086
|
+
SwitchProps_2 as SwitchProps,
|
|
1087
|
+
Switch_2 as Switch,
|
|
1088
|
+
SwitchGroupContext,
|
|
1089
|
+
RecursicaSwitchGroupProps_2 as RecursicaSwitchGroupProps,
|
|
1090
|
+
SwitchGroupProps,
|
|
1091
|
+
SwitchGroup_2 as SwitchGroup,
|
|
1092
|
+
TableProps,
|
|
1093
|
+
TableBodyPropsRecursica,
|
|
1094
|
+
TableBodyComponent,
|
|
1095
|
+
TableCellPropsRecursica,
|
|
1096
|
+
TableCellComponent,
|
|
1097
|
+
TableContainerPropsRecursica,
|
|
1098
|
+
TableContainerComponent,
|
|
1099
|
+
TableHeadPropsRecursica,
|
|
1100
|
+
TableHeadComponent,
|
|
1101
|
+
TableRowPropsRecursica,
|
|
1102
|
+
TableRowComponent,
|
|
1103
|
+
TableFooterPropsRecursica,
|
|
1104
|
+
TableFooterComponent,
|
|
1105
|
+
TableSortLabelPropsRecursica,
|
|
1106
|
+
TableSortLabelComponent,
|
|
1107
|
+
Table_2 as Table,
|
|
1108
|
+
RecursicaTabsPropsExtended,
|
|
1109
|
+
TabsProps_2 as TabsProps,
|
|
1110
|
+
Tabs_2 as Tabs,
|
|
1111
|
+
TabProps,
|
|
1112
|
+
Tab_2 as Tab,
|
|
1113
|
+
TabPanelProps,
|
|
1114
|
+
TabPanel_2 as TabPanel,
|
|
1115
|
+
TextProps,
|
|
1116
|
+
Text_3 as Text,
|
|
1117
|
+
RecursicaTextAreaProps,
|
|
1118
|
+
TextAreaProps,
|
|
1119
|
+
TextArea_2 as TextArea,
|
|
1120
|
+
RecursicaTextFieldProps,
|
|
1121
|
+
TextFieldProps_2 as TextFieldProps,
|
|
1122
|
+
TextField_2 as TextField,
|
|
1123
|
+
RecursicaTimePickerProps,
|
|
1124
|
+
TimePickerProps_2 as TimePickerProps,
|
|
1125
|
+
TimePicker_2 as TimePicker,
|
|
1126
|
+
TimelineProps,
|
|
1127
|
+
Timeline_2 as Timeline,
|
|
1128
|
+
TimelineItemProps_2 as TimelineItemProps,
|
|
1129
|
+
TimelineItem_2 as TimelineItem,
|
|
1130
|
+
TitleProps,
|
|
1131
|
+
Title_2 as Title,
|
|
1132
|
+
RecursicaToastProps,
|
|
1133
|
+
ToastProps,
|
|
1134
|
+
Toast_2 as Toast,
|
|
1135
|
+
TooltipProps_2 as TooltipProps,
|
|
1136
|
+
Tooltip_2 as Tooltip,
|
|
1137
|
+
TransferListProps,
|
|
1138
|
+
TransferList_2 as TransferList,
|
|
1139
|
+
TypographyProps_2 as TypographyProps,
|
|
1140
|
+
Typography_2 as Typography,
|
|
1141
|
+
TreeProps,
|
|
1142
|
+
Tree_2 as Tree
|
|
1143
|
+
}
|
|
1144
|
+
}
|
|
1145
|
+
|
|
1146
|
+
/**
|
|
1147
|
+
* Base properties required by any input control supporting native ReadOnly state injections globally.
|
|
1148
|
+
*/
|
|
1149
|
+
export declare interface ReadOnlyControlProps<TProps = any> {
|
|
1150
|
+
/** Enables structural read-only mode dynamically mapping data boundaries instead of interactive elements. */
|
|
1151
|
+
readOnly?: boolean;
|
|
1152
|
+
/** Explicitly overrides the standard layout bindings injecting a custom React component natively instead of default text rendering. Receives full native props securely. */
|
|
1153
|
+
readOnlyComponent?: React.ElementType<TProps>;
|
|
1154
|
+
/** Custom renderer explicitly responsible for formatting missing/empty value mappings (overriding default 'N/A') */
|
|
1155
|
+
emptyValueComponent?: React.ElementType<{
|
|
1156
|
+
value?: any;
|
|
1157
|
+
}>;
|
|
1158
|
+
}
|
|
1159
|
+
|
|
1160
|
+
export declare const ReadOnlyField: typeof rawComponents.ReadOnlyField;
|
|
1161
|
+
|
|
1162
|
+
declare const ReadOnlyField_2: default_2.ForwardRefExoticComponent<Omit<ReadOnlyFieldProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
1163
|
+
|
|
1164
|
+
declare type ReadOnlyFieldProps = Omit<RecursicaFormControlWrapperProps, "error" | "focused" | "controlMaxWidth" | "controlMinWidth"> & ReadOnlyControlProps & RecursicaReadOnlyFieldProps;
|
|
1165
|
+
|
|
1166
|
+
/**
|
|
1167
|
+
* Defines the structured interpretation map determining how data is rendered visually when in Read-only mode natively.
|
|
1168
|
+
*/
|
|
1169
|
+
export declare type ReadOnlyFieldType = "text" | "number" | "date" | "boolean" | "switch";
|
|
1170
|
+
|
|
1171
|
+
/**
|
|
1172
|
+
* Official list of all components in Recursica.
|
|
1173
|
+
*/
|
|
1174
|
+
export declare const RECURSICA_COMPONENTS: readonly ["Accordion", "AssistiveElement", "Autocomplete", "Avatar", "Badge", "Breadcrumb", "Button", "Card", "Checkbox", "Chip", "Container", "DatePicker", "Dropdown", "EmptyValueRenderer", "Flex", "FormControlLayout", "FormControlWrapper", "Grid", "Group", "HoverCard", "Label", "Layer", "Link", "Loader", "Menu", "Modal", "NumberInput", "Pagination", "Panel", "Popover", "Radio", "ReadOnlyField", "SegmentedControl", "Slider", "Stack", "Stepper", "Switch", "Table", "Tabs", "Text", "TextArea", "TextField", "TimePicker", "Timeline", "Title", "Toast", "Tooltip", "TransferList"];
|
|
1175
|
+
|
|
1176
|
+
/**
|
|
1177
|
+
* Props for the Recursica Accordion Control component.
|
|
1178
|
+
*/
|
|
1179
|
+
export declare interface RecursicaAccordionControlProps {
|
|
1180
|
+
/** The control's label content */
|
|
1181
|
+
children?: default_2.ReactNode;
|
|
1182
|
+
/** Leading icon displayed inside the control boundary */
|
|
1183
|
+
leftIcon?: default_2.ReactNode;
|
|
1184
|
+
}
|
|
1185
|
+
|
|
1186
|
+
/**
|
|
1187
|
+
* Props for the Recursica Accordion Item component.
|
|
1188
|
+
*/
|
|
1189
|
+
export declare interface RecursicaAccordionItemProps {
|
|
1190
|
+
/**
|
|
1191
|
+
* When `title` is set, this is the panel content — the control and panel are constructed
|
|
1192
|
+
* automatically, with `children` becoming the panel body. When `title` is omitted, this is
|
|
1193
|
+
* expected to be a manually composed `Accordion.Control`/`Accordion.Panel` pair instead.
|
|
1194
|
+
*/
|
|
1195
|
+
children?: default_2.ReactNode;
|
|
1196
|
+
/** The text or element label for the item control. When set, the control and panel are
|
|
1197
|
+
* constructed automatically; omit it to compose the control and panel manually instead. */
|
|
1198
|
+
title?: default_2.ReactNode;
|
|
1199
|
+
/** Leading icon for the item control */
|
|
1200
|
+
leftIcon?: default_2.ReactNode;
|
|
1201
|
+
/** Toggle visibility of the divider below the item */
|
|
1202
|
+
divider?: boolean;
|
|
1203
|
+
/** Unique value identifier for this item */
|
|
1204
|
+
value?: string;
|
|
1205
|
+
/** Disables interaction with this item — it can't be expanded or collapsed, and is dimmed */
|
|
1206
|
+
disabled?: boolean;
|
|
1207
|
+
}
|
|
1208
|
+
|
|
1209
|
+
/**
|
|
1210
|
+
* Props for the Recursica Accordion Panel component.
|
|
1211
|
+
*/
|
|
1212
|
+
export declare interface RecursicaAccordionPanelProps {
|
|
1213
|
+
/** The panel's content, shown when the item is expanded */
|
|
1214
|
+
children?: default_2.ReactNode;
|
|
1215
|
+
}
|
|
1216
|
+
|
|
1217
|
+
/**
|
|
1218
|
+
* Props for the Recursica Accordion container component.
|
|
1219
|
+
*/
|
|
1220
|
+
export declare interface RecursicaAccordionProps {
|
|
1221
|
+
/** The `Accordion.Item` elements that make up the accordion */
|
|
1222
|
+
children?: default_2.ReactNode;
|
|
1223
|
+
/**
|
|
1224
|
+
* The styling variant of the accordion. `"default"` is the only variant with dedicated
|
|
1225
|
+
* Recursica styling today; any other string is accepted for advanced/custom theming but
|
|
1226
|
+
* has no guaranteed styling.
|
|
1227
|
+
*/
|
|
1228
|
+
variant?: "default" | (string & {});
|
|
1229
|
+
/** Current expanded value(s) in controlled mode */
|
|
1230
|
+
value?: string | string[];
|
|
1231
|
+
/** Initial expanded value(s) in uncontrolled mode */
|
|
1232
|
+
defaultValue?: string | string[];
|
|
1233
|
+
/** Callback triggered when value changes */
|
|
1234
|
+
onChange?: (value: string | string[] | null) => void;
|
|
1235
|
+
/** Allow multiple panels to be open simultaneously */
|
|
1236
|
+
multiple?: boolean;
|
|
1237
|
+
/** Custom chevron icon to replace the default expand/collapse indicator. Applies to every
|
|
1238
|
+
* item; a single item's control can still override it individually. */
|
|
1239
|
+
chevron?: default_2.ReactNode;
|
|
1240
|
+
}
|
|
1241
|
+
|
|
1242
|
+
/**
|
|
1243
|
+
* Props for the Recursica AssistiveElement component.
|
|
1244
|
+
*/
|
|
1245
|
+
export declare interface RecursicaAssistiveElementProps {
|
|
1246
|
+
/** The helper or error text content */
|
|
1247
|
+
children?: default_2.ReactNode;
|
|
1248
|
+
/** The semantic variant driving the icon and text colors. `"error"` also defaults the
|
|
1249
|
+
* element's `role` to `"alert"` so assistive tech announces it as it appears or changes —
|
|
1250
|
+
* pass an explicit `role` to override. */
|
|
1251
|
+
assistiveVariant?: "help" | "error";
|
|
1252
|
+
/** Explicitly toggle the rendering of the variant-specific SVG icon. There is no slot for a
|
|
1253
|
+
* custom icon — the icon is always the fixed one belonging to the current `assistiveVariant`. */
|
|
1254
|
+
assistiveWithIcon?: boolean;
|
|
1255
|
+
}
|
|
1256
|
+
|
|
1257
|
+
export declare interface RecursicaAutocompleteProps extends Omit<AutocompleteProps<any, any, any, any, "div">, "variant" | "size" | "wrapperProps" | "radius" | "renderInput" | "classes" | "defaultValue">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "error" | keyof AutocompleteProps<any, any, any, any, "div">>, ReadOnlyControlProps, RecursicaAutocompleteProps_2 {
|
|
1258
|
+
}
|
|
1259
|
+
|
|
1260
|
+
/**
|
|
1261
|
+
* Props for the Recursica Autocomplete input component.
|
|
1262
|
+
*/
|
|
1263
|
+
declare interface RecursicaAutocompleteProps_2 {
|
|
1264
|
+
/** Data options to show in the dropdown */
|
|
1265
|
+
data?: unknown[];
|
|
1266
|
+
/** Error message or toggle state */
|
|
1267
|
+
error?: boolean | default_2.ReactNode;
|
|
1268
|
+
/** Marks input as required */
|
|
1269
|
+
required?: boolean;
|
|
1270
|
+
/** Renders asterisk beside label */
|
|
1271
|
+
withAsterisk?: boolean;
|
|
1272
|
+
/** Unique identifier */
|
|
1273
|
+
id?: string;
|
|
1274
|
+
/** Initial default value */
|
|
1275
|
+
defaultValue?: unknown;
|
|
1276
|
+
/** Left section decoration (e.g. icon) */
|
|
1277
|
+
leftSection?: default_2.ReactNode;
|
|
1278
|
+
/** Right section decoration (e.g. action button) */
|
|
1279
|
+
rightSection?: default_2.ReactNode;
|
|
1280
|
+
/** Placeholder text */
|
|
1281
|
+
placeholder?: string;
|
|
1282
|
+
}
|
|
1283
|
+
|
|
1284
|
+
/**
|
|
1285
|
+
* Props for the Recursica Avatar component.
|
|
1286
|
+
*/
|
|
1287
|
+
export declare interface RecursicaAvatarProps {
|
|
1288
|
+
/** Initials or other text fallback, shown when neither `src` nor `icon` is set */
|
|
1289
|
+
children?: default_2.ReactNode;
|
|
1290
|
+
/** Size of the avatar */
|
|
1291
|
+
size?: "small" | "default" | "large";
|
|
1292
|
+
/** Visual variant style */
|
|
1293
|
+
variant?: "solid" | "outline" | "ghost";
|
|
1294
|
+
/** Icon element fallback when initials or src aren't shown */
|
|
1295
|
+
icon?: default_2.ReactNode;
|
|
1296
|
+
}
|
|
1297
|
+
|
|
1298
|
+
/**
|
|
1299
|
+
* Props for the Recursica Badge component.
|
|
1300
|
+
*/
|
|
1301
|
+
export declare interface RecursicaBadgeProps {
|
|
1302
|
+
/** Map to the component styles defined in variables */
|
|
1303
|
+
variant?: "alert" | "primary-color" | "success" | "warning";
|
|
1304
|
+
}
|
|
1305
|
+
|
|
1306
|
+
/**
|
|
1307
|
+
* Props for the Recursica Breadcrumb component.
|
|
1308
|
+
*/
|
|
1309
|
+
export declare interface RecursicaBreadcrumbProps {
|
|
1310
|
+
}
|
|
1311
|
+
|
|
1312
|
+
/**
|
|
1313
|
+
* Props for the Recursica Button component.
|
|
1314
|
+
*/
|
|
1315
|
+
export declare interface RecursicaButtonProps {
|
|
1316
|
+
/** The visual style variant of the button */
|
|
1317
|
+
variant?: "solid" | "outline" | "text";
|
|
1318
|
+
/** The size of the button */
|
|
1319
|
+
size?: "default" | "small";
|
|
1320
|
+
/** An optional icon element to display to the left of the button text */
|
|
1321
|
+
icon?: default_2.ReactNode;
|
|
1322
|
+
/** Which Recursica Loader variant to use when loading */
|
|
1323
|
+
loaderVariant?: "oval" | "bars" | "dots";
|
|
1324
|
+
/** The size variant for the loader */
|
|
1325
|
+
loaderSize?: "sm" | "md" | "lg" | "small" | "default" | "large";
|
|
1326
|
+
/** Whether to use the Recursica loader or fallback to default */
|
|
1327
|
+
useRecursicaLoader?: boolean;
|
|
1328
|
+
}
|
|
1329
|
+
|
|
1330
|
+
/**
|
|
1331
|
+
* Props for the Recursica Card component.
|
|
1332
|
+
*/
|
|
1333
|
+
export declare interface RecursicaCardProps {
|
|
1334
|
+
/** The content nodes rendered inside the card container */
|
|
1335
|
+
children?: default_2.ReactNode;
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1338
|
+
/**
|
|
1339
|
+
* Props for the Recursica Card Section sub-component.
|
|
1340
|
+
*/
|
|
1341
|
+
export declare interface RecursicaCardSectionProps {
|
|
1342
|
+
/** Content of the card section */
|
|
1343
|
+
children?: default_2.ReactNode;
|
|
1344
|
+
}
|
|
1345
|
+
|
|
1346
|
+
/**
|
|
1347
|
+
* Props for the Recursica CheckboxGroup component.
|
|
1348
|
+
*/
|
|
1349
|
+
export declare interface RecursicaCheckboxGroupProps {
|
|
1350
|
+
/** Selected values in controlled mode */
|
|
1351
|
+
value?: unknown[];
|
|
1352
|
+
/** Default selected values in uncontrolled mode */
|
|
1353
|
+
defaultValue?: unknown[];
|
|
1354
|
+
/** Callback triggered on selection change */
|
|
1355
|
+
onChange?: (value: unknown[]) => void;
|
|
1356
|
+
/** Toggle horizontal row display */
|
|
1357
|
+
row?: boolean;
|
|
1358
|
+
}
|
|
1359
|
+
|
|
1360
|
+
declare interface RecursicaCheckboxGroupProps_2 extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "onChange" | "classes" | "withAsterisk" | "defaultValue">, ReadOnlyControlProps, RecursicaCheckboxGroupProps {
|
|
1361
|
+
}
|
|
1362
|
+
|
|
1363
|
+
/**
|
|
1364
|
+
* Props for the Recursica Checkbox component.
|
|
1365
|
+
*/
|
|
1366
|
+
export declare interface RecursicaCheckboxProps {
|
|
1367
|
+
/** Visual label of the checkbox */
|
|
1368
|
+
label?: default_2.ReactNode;
|
|
1369
|
+
/** Auxiliary description helper text */
|
|
1370
|
+
description?: default_2.ReactNode;
|
|
1371
|
+
/** Error message or toggle */
|
|
1372
|
+
error?: default_2.ReactNode;
|
|
1373
|
+
}
|
|
1374
|
+
|
|
1375
|
+
declare type RecursicaCheckboxPropsAlias = RequireAccessibleLabel<CheckboxWrapperProps>;
|
|
1376
|
+
|
|
1377
|
+
/**
|
|
1378
|
+
* Props for the Recursica Chip component.
|
|
1379
|
+
*/
|
|
1380
|
+
export declare interface RecursicaChipProps {
|
|
1381
|
+
/** Enables the error state styling */
|
|
1382
|
+
error?: boolean;
|
|
1383
|
+
/** Leading icon content */
|
|
1384
|
+
icon?: default_2.ReactNode;
|
|
1385
|
+
/** Called when the remove (X) icon is clicked. If provided, the remove icon will be displayed. */
|
|
1386
|
+
onRemove?: (e: default_2.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
|
|
1387
|
+
/** Screen reader label for the remove button. Defaults to 'Remove' */
|
|
1388
|
+
removeLabel?: string;
|
|
1389
|
+
/** Checked state for the chip (acts as a checkbox) */
|
|
1390
|
+
checked?: boolean;
|
|
1391
|
+
}
|
|
1392
|
+
|
|
1393
|
+
/**
|
|
1394
|
+
* Union type of all Recursica components.
|
|
1395
|
+
*/
|
|
1396
|
+
export declare type RecursicaComponent = (typeof RECURSICA_COMPONENTS)[number];
|
|
1397
|
+
|
|
1398
|
+
/**
|
|
1399
|
+
* Props for the Recursica Container layout component.
|
|
1400
|
+
*/
|
|
1401
|
+
export declare interface RecursicaContainerProps {
|
|
1402
|
+
/** Content inside the container */
|
|
1403
|
+
children?: default_2.ReactNode;
|
|
1404
|
+
/** Maximum width constraint */
|
|
1405
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | RecursicaSpacing | (string & {}) | number;
|
|
1406
|
+
/** Fluid container takes 100% of max-width */
|
|
1407
|
+
fluid?: boolean;
|
|
1408
|
+
}
|
|
1409
|
+
|
|
1410
|
+
/**
|
|
1411
|
+
* Props for the Recursica DatePicker component.
|
|
1412
|
+
*/
|
|
1413
|
+
export declare interface RecursicaDatePickerProps {
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1416
|
+
export declare interface RecursicaDropdownProps extends Omit<SelectProps, keyof default_2.HTMLAttributes<HTMLDivElement> | "size" | "variant" | "classes" | "inputProps" | "SelectDisplayProps" | "ref" | "error">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, RecursicaDropdownProps_2 {
|
|
1417
|
+
}
|
|
1418
|
+
|
|
1419
|
+
/**
|
|
1420
|
+
* Props for the Recursica Dropdown/Select component.
|
|
1421
|
+
*/
|
|
1422
|
+
declare interface RecursicaDropdownProps_2 {
|
|
1423
|
+
/** Internal hook for Selects to override raw layout width properties */
|
|
1424
|
+
containerWidth?: default_2.CSSProperties["width"];
|
|
1425
|
+
/** Data options array */
|
|
1426
|
+
data?: (string | {
|
|
1427
|
+
value: string;
|
|
1428
|
+
label: default_2.ReactNode;
|
|
1429
|
+
disabled?: boolean;
|
|
1430
|
+
})[];
|
|
1431
|
+
/** Enable autocomplete search functionality */
|
|
1432
|
+
searchable?: boolean;
|
|
1433
|
+
/** Show input clear option button */
|
|
1434
|
+
clearable?: boolean;
|
|
1435
|
+
/** Marks field with visual asterisk */
|
|
1436
|
+
withAsterisk?: boolean;
|
|
1437
|
+
/** Placeholder text when value is empty */
|
|
1438
|
+
placeholder?: string;
|
|
1439
|
+
}
|
|
1440
|
+
|
|
1441
|
+
/**
|
|
1442
|
+
* Props for the Recursica Flex layout component.
|
|
1443
|
+
*/
|
|
1444
|
+
export declare interface RecursicaFlexProps {
|
|
1445
|
+
/** Children nodes */
|
|
1446
|
+
children?: default_2.ReactNode;
|
|
1447
|
+
/** Global gap spacing key or CSS value */
|
|
1448
|
+
gap?: string | number | RecursicaSpacing;
|
|
1449
|
+
/** Horizontal row spacing */
|
|
1450
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
1451
|
+
/** Vertical column spacing */
|
|
1452
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
1453
|
+
/** Flex direction */
|
|
1454
|
+
direction?: default_2.CSSProperties["flexDirection"];
|
|
1455
|
+
/** Align items */
|
|
1456
|
+
align?: default_2.CSSProperties["alignItems"];
|
|
1457
|
+
/** Justify content */
|
|
1458
|
+
justify?: default_2.CSSProperties["justifyContent"];
|
|
1459
|
+
/** Flex wrap */
|
|
1460
|
+
wrap?: default_2.CSSProperties["flexWrap"];
|
|
1461
|
+
}
|
|
1462
|
+
|
|
1463
|
+
/**
|
|
1464
|
+
* Props for the Recursica FormControlLayout component.
|
|
1465
|
+
*/
|
|
1466
|
+
export declare interface RecursicaFormControlLayoutProps {
|
|
1467
|
+
/** Layout structure direction */
|
|
1468
|
+
formLayout?: "stacked" | "side-by-side";
|
|
1469
|
+
/** Label sizing constraint */
|
|
1470
|
+
labelSize?: "small" | "default" | "md";
|
|
1471
|
+
/** Optional left section element (usually Label) */
|
|
1472
|
+
leftSection?: default_2.ReactNode;
|
|
1473
|
+
/** Main wrapper bounding maximum width */
|
|
1474
|
+
controlMaxWidth?: string;
|
|
1475
|
+
/** Main wrapper bounding minimum width */
|
|
1476
|
+
controlMinWidth?: string;
|
|
1477
|
+
}
|
|
1478
|
+
|
|
1479
|
+
export declare interface RecursicaFormControlWrapperProps extends Omit<FormControlProps, "margin" | "variant" | "size" | "color" | "error">, RecursicaFormControlWrapperProps_2 {
|
|
1480
|
+
overStyled?: boolean;
|
|
1481
|
+
label?: default_2.ReactNode;
|
|
1482
|
+
focused?: boolean;
|
|
1483
|
+
error?: default_2.ReactNode;
|
|
1484
|
+
}
|
|
1485
|
+
|
|
1486
|
+
/**
|
|
1487
|
+
* Base properties required by any input control supporting native form wrapper layouts.
|
|
1488
|
+
*/
|
|
1489
|
+
declare interface RecursicaFormControlWrapperProps_2 extends RecursicaLabelProps {
|
|
1490
|
+
/** Overall structural flow mapping the Form Control natively cascading down to Label and Input logic. */
|
|
1491
|
+
formLayout?: "stacked" | "side-by-side";
|
|
1492
|
+
/** Securely replaces standard descriptions safely providing standard Assistive properties. */
|
|
1493
|
+
assistiveText?: default_2.ReactNode;
|
|
1494
|
+
/** Fallback description prop to match native APIs safely. */
|
|
1495
|
+
description?: default_2.ReactNode;
|
|
1496
|
+
/** Fallback helperText prop to match native APIs safely. */
|
|
1497
|
+
helperText?: default_2.ReactNode;
|
|
1498
|
+
/** Explicit toggle to suppress the Info icon rendering natively alongside the assistiveText. Defaults to true. */
|
|
1499
|
+
assistiveWithIcon?: boolean;
|
|
1500
|
+
/** Custom action area to render alongside the label instead of the default edit icon. */
|
|
1501
|
+
labelActionArea?: default_2.ReactNode;
|
|
1502
|
+
/** Pass the native maximum width design variable dynamically bounding the specific wrapper width exclusively. */
|
|
1503
|
+
controlMaxWidth?: string | undefined;
|
|
1504
|
+
/** Pass the native minimum width design variable dynamically bounding the specific wrapper width exclusively. */
|
|
1505
|
+
controlMinWidth?: string | undefined;
|
|
1506
|
+
}
|
|
1507
|
+
|
|
1508
|
+
declare type RecursicaGridBreakpoint = "base" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
1509
|
+
|
|
1510
|
+
/**
|
|
1511
|
+
* Props for the Recursica Grid.Col layout component.
|
|
1512
|
+
*/
|
|
1513
|
+
export declare interface RecursicaGridColProps {
|
|
1514
|
+
/** Content of the column */
|
|
1515
|
+
children?: default_2.ReactNode;
|
|
1516
|
+
/** Column span, either a fixed value or a per-breakpoint object */
|
|
1517
|
+
span?: number | "auto" | "content" | Partial<Record<RecursicaGridBreakpoint, number | "auto" | "content">>;
|
|
1518
|
+
/** Column offset, either a fixed value or a per-breakpoint object */
|
|
1519
|
+
offset?: number | Partial<Record<RecursicaGridBreakpoint, number>>;
|
|
1520
|
+
/** Column order, either a fixed value or a per-breakpoint object */
|
|
1521
|
+
order?: number | Partial<Record<RecursicaGridBreakpoint, number>>;
|
|
1522
|
+
/** Hides the column below the given breakpoint */
|
|
1523
|
+
visibleFrom?: RecursicaGridBreakpoint;
|
|
1524
|
+
/** Hides the column above the given breakpoint */
|
|
1525
|
+
hiddenFrom?: RecursicaGridBreakpoint;
|
|
1526
|
+
}
|
|
1527
|
+
|
|
1528
|
+
/**
|
|
1529
|
+
* Props for the Recursica Grid layout component.
|
|
1530
|
+
*/
|
|
1531
|
+
export declare interface RecursicaGridProps {
|
|
1532
|
+
/** Grid columns and their content */
|
|
1533
|
+
children?: default_2.ReactNode;
|
|
1534
|
+
/** Gap between columns. Renamed from Mantine's `gutter` for consistency with Flex/Stack/Group. */
|
|
1535
|
+
gap?: string | number | RecursicaSpacing;
|
|
1536
|
+
/** Number of columns in each row */
|
|
1537
|
+
columns?: number;
|
|
1538
|
+
/** If set, columns in the last row expand to fill all available space */
|
|
1539
|
+
grow?: boolean;
|
|
1540
|
+
/** Justify-content flexbox property */
|
|
1541
|
+
justify?: default_2.CSSProperties["justifyContent"];
|
|
1542
|
+
/** Align-items flexbox property */
|
|
1543
|
+
align?: default_2.CSSProperties["alignItems"];
|
|
1544
|
+
}
|
|
1545
|
+
|
|
1546
|
+
/**
|
|
1547
|
+
* Props for the Recursica Group layout component.
|
|
1548
|
+
*/
|
|
1549
|
+
export declare interface RecursicaGroupProps {
|
|
1550
|
+
/** Children elements to align horizontally */
|
|
1551
|
+
children?: default_2.ReactNode;
|
|
1552
|
+
/** Gap spacing */
|
|
1553
|
+
gap?: string | RecursicaSpacing;
|
|
1554
|
+
/** Row gap spacing */
|
|
1555
|
+
rowGap?: string | RecursicaSpacing;
|
|
1556
|
+
/** Column gap spacing */
|
|
1557
|
+
columnGap?: string | RecursicaSpacing;
|
|
1558
|
+
/** Align items justify properties */
|
|
1559
|
+
justify?: default_2.CSSProperties["justifyContent"];
|
|
1560
|
+
/** Align items vertical alignment */
|
|
1561
|
+
align?: default_2.CSSProperties["alignItems"];
|
|
1562
|
+
/** Flex-wrap settings */
|
|
1563
|
+
wrap?: default_2.CSSProperties["flexWrap"];
|
|
1564
|
+
}
|
|
1565
|
+
|
|
1566
|
+
/**
|
|
1567
|
+
* Props for the Recursica HoverCard component.
|
|
1568
|
+
*/
|
|
1569
|
+
export declare interface RecursicaHoverCardProps {
|
|
1570
|
+
/** Draw directional arrow pointing to anchor element */
|
|
1571
|
+
withBeak?: boolean;
|
|
1572
|
+
/** Visual placement target orientation */
|
|
1573
|
+
position?: "bottom" | "bottom-start" | "bottom-end" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
1574
|
+
/** Delay before triggering open state in ms */
|
|
1575
|
+
openDelay?: number;
|
|
1576
|
+
/** Delay before triggering close state in ms */
|
|
1577
|
+
closeDelay?: number;
|
|
1578
|
+
/** Disable hover triggers */
|
|
1579
|
+
disabled?: boolean;
|
|
1580
|
+
/** Absolute offset spacing */
|
|
1581
|
+
offset?: number;
|
|
1582
|
+
/** Children target content */
|
|
1583
|
+
children?: default_2.ReactNode;
|
|
1584
|
+
}
|
|
1585
|
+
|
|
1586
|
+
/**
|
|
1587
|
+
* Base properties for Recursica label indicators.
|
|
1588
|
+
*/
|
|
1589
|
+
export declare interface RecursicaLabelProps {
|
|
1590
|
+
/** Specifies the sizing metrics natively mapping the Label boundaries. */
|
|
1591
|
+
labelSize?: "default" | "small" | "md";
|
|
1592
|
+
/** Overall alignment directive for the label strings natively forcing Left/Right justification. */
|
|
1593
|
+
labelAlignment?: "left" | "right";
|
|
1594
|
+
/** Injects an indicator text block alongside the label. Can be boolean (`true` maps to '(Optional)') or custom React nodes. */
|
|
1595
|
+
labelOptionalText?: boolean | default_2.ReactNode;
|
|
1596
|
+
/** When true, forces the native Edit Icon to replace the standard asterisk visually. */
|
|
1597
|
+
labelWithEditIcon?: boolean;
|
|
1598
|
+
/** Custom action area to render alongside the label instead of the default edit icon. */
|
|
1599
|
+
labelActionArea?: default_2.ReactNode;
|
|
1600
|
+
/** Interaction hook invoked whenever a generated edit icon block natively triggers a click event. */
|
|
1601
|
+
onLabelEditClick?: default_2.MouseEventHandler<HTMLButtonElement>;
|
|
1602
|
+
}
|
|
1603
|
+
|
|
1604
|
+
/**
|
|
1605
|
+
* Recursica design-system props for Layer.
|
|
1606
|
+
* Sets data-recursica-layer so scoped CSS theme+layer blocks apply that layer's
|
|
1607
|
+
* generic brand vars (e.g. --recursica_brand_layer_N_properties_surface) to this element
|
|
1608
|
+
* and descendants. Theme is set on the document root (e.g. via RecursicaThemeProvider).
|
|
1609
|
+
* See recursica_variables_scoped.css header.
|
|
1610
|
+
*/
|
|
1611
|
+
export declare interface RecursicaLayerProps {
|
|
1612
|
+
/** Layer (0–3). Sets data-recursica-layer on the root so descendants use this layer's styles. */
|
|
1613
|
+
layer: 0 | 1 | 2 | 3;
|
|
1614
|
+
/**
|
|
1615
|
+
* When true, the root uses display: contents (no box, not styled) and data-recursica-layer
|
|
1616
|
+
* is omitted so Recursica layer styling is not applied. Children still participate in the cascade.
|
|
1617
|
+
*/
|
|
1618
|
+
contentsOnly?: boolean;
|
|
1619
|
+
/** Children nodes */
|
|
1620
|
+
children?: default_2.ReactNode;
|
|
1621
|
+
}
|
|
1622
|
+
|
|
1623
|
+
/**
|
|
1624
|
+
* Props for the Recursica Link component.
|
|
1625
|
+
*/
|
|
1626
|
+
export declare interface RecursicaLinkProps {
|
|
1627
|
+
/** Leading icon shown next to text link */
|
|
1628
|
+
icon?: default_2.ReactNode;
|
|
1629
|
+
/** Text or target elements */
|
|
1630
|
+
children?: default_2.ReactNode;
|
|
1631
|
+
/** Polymorphic tag type override */
|
|
1632
|
+
component?: default_2.ElementType;
|
|
1633
|
+
}
|
|
1634
|
+
|
|
1635
|
+
/**
|
|
1636
|
+
* Props for the Recursica Loader spinner component.
|
|
1637
|
+
*/
|
|
1638
|
+
export declare interface RecursicaLoaderProps {
|
|
1639
|
+
/** Map to the component styles defined in variables */
|
|
1640
|
+
variant?: "oval" | "bars" | "dots";
|
|
1641
|
+
/** Map to Recursica sizes */
|
|
1642
|
+
size?: "sm" | "md" | "lg" | RecursicaSize;
|
|
1643
|
+
}
|
|
1644
|
+
|
|
1645
|
+
/**
|
|
1646
|
+
* Props for the Recursica Menu component.
|
|
1647
|
+
*/
|
|
1648
|
+
export declare interface RecursicaMenuProps {
|
|
1649
|
+
}
|
|
1650
|
+
|
|
1651
|
+
/**
|
|
1652
|
+
* Props for the Recursica Modal component.
|
|
1653
|
+
*/
|
|
1654
|
+
export declare interface RecursicaModalProps {
|
|
1655
|
+
/** Control visibility state */
|
|
1656
|
+
opened?: boolean;
|
|
1657
|
+
/** Render standard top-right close cross button */
|
|
1658
|
+
withCloseButton?: boolean;
|
|
1659
|
+
/** Modal header title label */
|
|
1660
|
+
title?: default_2.ReactNode;
|
|
1661
|
+
}
|
|
1662
|
+
|
|
1663
|
+
export declare interface RecursicaNumberInputProps extends Omit<TextFieldProps, "size" | "variant" | "radius" | "wrapperProps" | "classNames" | "styles">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps, RecursicaNumberInputProps_2 {
|
|
1664
|
+
}
|
|
1665
|
+
|
|
1666
|
+
/**
|
|
1667
|
+
* Props for the Recursica NumberInput component.
|
|
1668
|
+
*/
|
|
1669
|
+
declare interface RecursicaNumberInputProps_2 {
|
|
1670
|
+
/** Enables/disables the controls to increment and decrement the value */
|
|
1671
|
+
hideControls?: boolean;
|
|
1672
|
+
/** Content rendered on the left side of the input (e.g. icon) */
|
|
1673
|
+
leftSection?: React.ReactNode;
|
|
1674
|
+
/** Content rendered on the right side of the input (e.g. percentage sign) */
|
|
1675
|
+
rightSection?: React.ReactNode;
|
|
1676
|
+
/** Minimum possible value */
|
|
1677
|
+
min?: number;
|
|
1678
|
+
/** Maximum possible value */
|
|
1679
|
+
max?: number;
|
|
1680
|
+
/** Step value for incrementing/decrementing */
|
|
1681
|
+
step?: number;
|
|
1682
|
+
}
|
|
1683
|
+
|
|
1684
|
+
/**
|
|
1685
|
+
* A wrapper type that blocks styling overrides unless `overStyled: true` is explicitly provided.
|
|
1686
|
+
*/
|
|
1687
|
+
export declare type RecursicaOverStyled<T> = (Omit<WithRecursicaSpacing<T>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
1688
|
+
overStyled?: false | undefined;
|
|
1689
|
+
}) | (WithRecursicaSpacing<T> & {
|
|
1690
|
+
overStyled: true;
|
|
1691
|
+
});
|
|
1692
|
+
|
|
1693
|
+
/**
|
|
1694
|
+
* Props for the Recursica Pagination component.
|
|
1695
|
+
*/
|
|
1696
|
+
export declare interface RecursicaPaginationProps {
|
|
1697
|
+
/** If set to true, displays text labels alongside the icons for next/previous/first/last edges. */
|
|
1698
|
+
withLabels?: boolean;
|
|
1699
|
+
/** Total number of pages */
|
|
1700
|
+
total?: number;
|
|
1701
|
+
/** If set to true, first and last page buttons are visible */
|
|
1702
|
+
withEdges?: boolean;
|
|
1703
|
+
/** If set to true, next and prev page buttons are visible */
|
|
1704
|
+
withControls?: boolean;
|
|
1705
|
+
}
|
|
1706
|
+
|
|
1707
|
+
/**
|
|
1708
|
+
* Props for the Recursica Panel component.
|
|
1709
|
+
*/
|
|
1710
|
+
export declare interface RecursicaPanelProps {
|
|
1711
|
+
/** Forces header text onto a single line truncating overflow with ellipsis */
|
|
1712
|
+
wrapHeaderText?: boolean;
|
|
1713
|
+
/** Direction or placement where the panel slides out from */
|
|
1714
|
+
placement?: "top" | "bottom" | "left" | "right";
|
|
1715
|
+
/** Control visibility state */
|
|
1716
|
+
opened?: boolean;
|
|
1717
|
+
}
|
|
1718
|
+
|
|
1719
|
+
/**
|
|
1720
|
+
* Recursica Panel root props. Extends Mui Drawer.
|
|
1721
|
+
*/
|
|
1722
|
+
declare interface RecursicaPanelProps_2 extends Omit<DrawerProps, "classes" | "position" | "style" | "anchor" | "open">, RecursicaPanelProps {
|
|
1723
|
+
}
|
|
1724
|
+
|
|
1725
|
+
/**
|
|
1726
|
+
* Props for the Recursica Popover component.
|
|
1727
|
+
*/
|
|
1728
|
+
export declare interface RecursicaPopoverProps {
|
|
1729
|
+
/** Whether to display a beak (arrow) pointing from the popover to the target */
|
|
1730
|
+
withBeak?: boolean;
|
|
1731
|
+
}
|
|
1732
|
+
|
|
1733
|
+
/**
|
|
1734
|
+
* Props for the Recursica RadioGroup component.
|
|
1735
|
+
*/
|
|
1736
|
+
export declare interface RecursicaRadioGroupProps {
|
|
1737
|
+
/** Active value key in controlled mode */
|
|
1738
|
+
value?: unknown;
|
|
1739
|
+
/** Initial selected value in uncontrolled mode */
|
|
1740
|
+
defaultValue?: unknown;
|
|
1741
|
+
/**
|
|
1742
|
+
* Callback triggered when active value changes.
|
|
1743
|
+
* Single-argument by design (no event): matches Mantine's native RadioGroup
|
|
1744
|
+
* onChange, the cross-adapter source of truth. mui-adapter's RadioGroup
|
|
1745
|
+
* normalizes MUI's native two-argument (event, value) callback down to this.
|
|
1746
|
+
*/
|
|
1747
|
+
onChange?: (value: string) => void;
|
|
1748
|
+
}
|
|
1749
|
+
|
|
1750
|
+
declare interface RecursicaRadioGroupProps_2 extends Omit<RadioGroupProps_2, "size" | "labelProps" | "classes" | "ref" | "onChange" | "value" | "defaultValue">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "classes" | "onChange" | keyof RadioGroupProps_2>, ReadOnlyControlProps, RecursicaRadioGroupProps {
|
|
1751
|
+
}
|
|
1752
|
+
|
|
1753
|
+
/**
|
|
1754
|
+
* Props for the Recursica Radio component.
|
|
1755
|
+
*/
|
|
1756
|
+
export declare interface RecursicaRadioProps {
|
|
1757
|
+
/** Visual label label string */
|
|
1758
|
+
label?: default_2.ReactNode;
|
|
1759
|
+
/** Auxiliary description helper text */
|
|
1760
|
+
description?: default_2.ReactNode;
|
|
1761
|
+
/** Error text description */
|
|
1762
|
+
error?: default_2.ReactNode;
|
|
1763
|
+
}
|
|
1764
|
+
|
|
1765
|
+
declare type RecursicaRadioPropsAlias = RequireAccessibleLabel<RadioWrapperProps>;
|
|
1766
|
+
|
|
1767
|
+
/**
|
|
1768
|
+
* Props for the Recursica ReadOnlyField component wrapper.
|
|
1769
|
+
*/
|
|
1770
|
+
export declare interface RecursicaReadOnlyFieldProps {
|
|
1771
|
+
/** The specific value to be rendered in read-only mode */
|
|
1772
|
+
value?: unknown;
|
|
1773
|
+
/** The data type formatting rules bounding how the string is presented */
|
|
1774
|
+
type?: ReadOnlyFieldType;
|
|
1775
|
+
/** Pass the native maximum width design variable dynamically bounding the specific wrapper width exclusively */
|
|
1776
|
+
controlMaxWidth?: string | undefined;
|
|
1777
|
+
/** Pass the native minimum width design variable dynamically bounding the specific wrapper width exclusively */
|
|
1778
|
+
controlMinWidth?: string | undefined;
|
|
1779
|
+
}
|
|
1780
|
+
|
|
1781
|
+
/**
|
|
1782
|
+
* Props for the Recursica ReadOnlyTextField component.
|
|
1783
|
+
*/
|
|
1784
|
+
export declare interface RecursicaReadOnlyTextFieldProps {
|
|
1785
|
+
/** The value strictly rendered as text output */
|
|
1786
|
+
value?: unknown;
|
|
1787
|
+
}
|
|
1788
|
+
|
|
1789
|
+
/**
|
|
1790
|
+
* Props for the Recursica SegmentedControl component.
|
|
1791
|
+
*/
|
|
1792
|
+
export declare interface RecursicaSegmentedControlProps {
|
|
1793
|
+
/** The orientation layout direction of the control buttons */
|
|
1794
|
+
orientation?: "horizontal" | "vertical";
|
|
1795
|
+
/** If true, the control will stretch full-width */
|
|
1796
|
+
fullWidth?: boolean;
|
|
1797
|
+
/** SegmentedControl explicitly forbids disabled prop */
|
|
1798
|
+
disabled?: never;
|
|
1799
|
+
/** Data configuration options array */
|
|
1800
|
+
data?: Array<string | {
|
|
1801
|
+
label: default_2.ReactNode;
|
|
1802
|
+
value: string;
|
|
1803
|
+
disabled?: boolean;
|
|
1804
|
+
}>;
|
|
1805
|
+
/** Active selected item value key */
|
|
1806
|
+
value?: string;
|
|
1807
|
+
/** Callback triggered when selected item changes */
|
|
1808
|
+
onChange?: (value: string) => void;
|
|
1809
|
+
}
|
|
1810
|
+
|
|
1811
|
+
/**
|
|
1812
|
+
* List of standard sizes supported by Recursica.
|
|
1813
|
+
*/
|
|
1814
|
+
export declare type RecursicaSize = "small" | "default" | "large";
|
|
1815
|
+
|
|
1816
|
+
export declare interface RecursicaSliderProps extends Omit<SliderProps, "size" | "color" | "classes" | "onChange" | "onChangeCommitted">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "error" | "required" | "withAsterisk" | keyof SliderProps>, ReadOnlyControlProps, RecursicaSliderProps_2 {
|
|
1817
|
+
}
|
|
1818
|
+
|
|
1819
|
+
/**
|
|
1820
|
+
* Props for the Recursica Slider component.
|
|
1821
|
+
*/
|
|
1822
|
+
declare interface RecursicaSliderProps_2 {
|
|
1823
|
+
/** Active error state indicator or text label */
|
|
1824
|
+
error?: boolean | default_2.ReactNode;
|
|
1825
|
+
/** Required field validator */
|
|
1826
|
+
required?: boolean;
|
|
1827
|
+
/** Render visual asterisk */
|
|
1828
|
+
withAsterisk?: boolean;
|
|
1829
|
+
/** Callback triggered when slider value changes */
|
|
1830
|
+
onChange?: (value: number) => void;
|
|
1831
|
+
/** Callback triggered when dragging ends */
|
|
1832
|
+
onChangeEnd?: (value: number) => void;
|
|
1833
|
+
/** Visual form label above track */
|
|
1834
|
+
label?: default_2.ReactNode;
|
|
1835
|
+
/** Custom formatter function or React node for tooltip label */
|
|
1836
|
+
tooltipLabel?: default_2.ReactNode | ((value: number) => default_2.ReactNode);
|
|
1837
|
+
/** Icon shown to the left of the slider track */
|
|
1838
|
+
icon?: default_2.ReactNode;
|
|
1839
|
+
/** Render numeric input side-by-side or stacked */
|
|
1840
|
+
showInput?: boolean;
|
|
1841
|
+
/** Show min and max labels below track */
|
|
1842
|
+
showMinMaxLabels?: boolean;
|
|
1843
|
+
}
|
|
1844
|
+
|
|
1845
|
+
/**
|
|
1846
|
+
* List of spacing keys supported by Recursica.
|
|
1847
|
+
*/
|
|
1848
|
+
export declare type RecursicaSpacing = "rec-none" | "rec-sm" | "rec-default" | "rec-md" | "rec-lg" | "rec-xl" | "rec-2xl";
|
|
1849
|
+
|
|
1850
|
+
/**
|
|
1851
|
+
* Props for the Recursica Stack layout component.
|
|
1852
|
+
*/
|
|
1853
|
+
export declare interface RecursicaStackProps {
|
|
1854
|
+
/** Children elements aligned vertically */
|
|
1855
|
+
children?: default_2.ReactNode;
|
|
1856
|
+
/** Gap space size */
|
|
1857
|
+
gap?: string | number | RecursicaSpacing;
|
|
1858
|
+
/** Align-items flexbox property */
|
|
1859
|
+
align?: default_2.CSSProperties["alignItems"];
|
|
1860
|
+
/** Justify-content flexbox property */
|
|
1861
|
+
justify?: default_2.CSSProperties["justifyContent"];
|
|
1862
|
+
}
|
|
1863
|
+
|
|
1864
|
+
/**
|
|
1865
|
+
* Props for the Recursica Stepper component.
|
|
1866
|
+
*/
|
|
1867
|
+
export declare interface RecursicaStepperProps {
|
|
1868
|
+
/** Visual size variant */
|
|
1869
|
+
size?: "small" | "large";
|
|
1870
|
+
}
|
|
1871
|
+
|
|
1872
|
+
declare interface RecursicaStepperPropsExtended extends Omit<Partial<StepperProps>, "size">, RecursicaStepperProps {
|
|
1873
|
+
}
|
|
1874
|
+
|
|
1875
|
+
/**
|
|
1876
|
+
* Props for the Recursica SwitchGroup component.
|
|
1877
|
+
*/
|
|
1878
|
+
export declare interface RecursicaSwitchGroupProps {
|
|
1879
|
+
/** Checked values list in controlled mode — each entry matches a child Switch's own `value` */
|
|
1880
|
+
value?: string[];
|
|
1881
|
+
/** Checked default values list in uncontrolled mode */
|
|
1882
|
+
defaultValue?: string[];
|
|
1883
|
+
/** Callback triggered when any switch toggles state */
|
|
1884
|
+
onChange?: (value: string[]) => void;
|
|
1885
|
+
}
|
|
1886
|
+
|
|
1887
|
+
declare interface RecursicaSwitchGroupProps_2 extends Omit<FormGroupProps, "size" | "labelProps" | "onChange" | "classes" | "ref" | "value" | "defaultValue">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth" | "classes" | "onChange" | "defaultValue">, ReadOnlyControlProps, RecursicaSwitchGroupProps {
|
|
1888
|
+
}
|
|
1889
|
+
|
|
1890
|
+
/**
|
|
1891
|
+
* Props for the Recursica Switch component.
|
|
1892
|
+
*/
|
|
1893
|
+
export declare interface RecursicaSwitchProps {
|
|
1894
|
+
/** Visual label next to track */
|
|
1895
|
+
label?: default_2.ReactNode;
|
|
1896
|
+
/** Description label below switch */
|
|
1897
|
+
description?: default_2.ReactNode;
|
|
1898
|
+
/** Error text label */
|
|
1899
|
+
error?: default_2.ReactNode;
|
|
1900
|
+
}
|
|
1901
|
+
|
|
1902
|
+
declare type RecursicaSwitchPropsAlias = RequireAccessibleLabel<SwitchWrapperProps>;
|
|
1903
|
+
|
|
1904
|
+
/**
|
|
1905
|
+
* Props for the Recursica Table component.
|
|
1906
|
+
*/
|
|
1907
|
+
export declare interface RecursicaTableProps {
|
|
1908
|
+
}
|
|
1909
|
+
|
|
1910
|
+
/**
|
|
1911
|
+
* Props for the Recursica Tabs component.
|
|
1912
|
+
*/
|
|
1913
|
+
export declare interface RecursicaTabsProps {
|
|
1914
|
+
/** Tab layout variant styles */
|
|
1915
|
+
variant?: "default" | "outline" | "pills";
|
|
1916
|
+
/** Whether the tabs are inverted (tabs list at the bottom/right instead of top/left) */
|
|
1917
|
+
inverted?: boolean;
|
|
1918
|
+
}
|
|
1919
|
+
|
|
1920
|
+
declare interface RecursicaTabsPropsExtended extends Omit<TabsProps, "variant">, RecursicaTabsProps {
|
|
1921
|
+
}
|
|
1922
|
+
|
|
1923
|
+
export declare interface RecursicaTextAreaProps extends Omit<TextFieldProps, keyof default_2.HTMLAttributes<HTMLDivElement> | "size" | "variant" | "radius" | "wrapperProps" | "maxRows" | "minRows" | "classes" | "error">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, RecursicaTextAreaProps_2 {
|
|
1924
|
+
}
|
|
1925
|
+
|
|
1926
|
+
/**
|
|
1927
|
+
* Props for the Recursica TextArea component.
|
|
1928
|
+
*/
|
|
1929
|
+
declare interface RecursicaTextAreaProps_2 {
|
|
1930
|
+
/** Shows asterisk next to label */
|
|
1931
|
+
withAsterisk?: boolean;
|
|
1932
|
+
/** Max rows constraint for autosizing */
|
|
1933
|
+
maxRows?: number;
|
|
1934
|
+
/** Min rows constraint for autosizing */
|
|
1935
|
+
minRows?: number;
|
|
1936
|
+
/** Allow height to stretch automatically with content */
|
|
1937
|
+
autosize?: boolean;
|
|
1938
|
+
}
|
|
1939
|
+
|
|
1940
|
+
export declare interface RecursicaTextFieldProps extends Omit<InputBaseProps, "color" | "size" | "startAdornment" | "endAdornment" | "autoComplete" | "error">, Omit<default_2.ComponentPropsWithoutRef<"input">, keyof InputBaseProps | "size" | "color" | "style" | "className" | "id">, Pick<RecursicaFormControlWrapperProps, "label" | "error" | "required" | "id" | "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps, RecursicaTextFieldProps_2 {
|
|
1941
|
+
}
|
|
1942
|
+
|
|
1943
|
+
/**
|
|
1944
|
+
* Props for the Recursica TextField component.
|
|
1945
|
+
*/
|
|
1946
|
+
declare interface RecursicaTextFieldProps_2 {
|
|
1947
|
+
/** Section rendered inside input on the left (e.g. icon) */
|
|
1948
|
+
leftSection?: default_2.ReactNode;
|
|
1949
|
+
/** Section rendered inside input on the right (e.g. clear button) */
|
|
1950
|
+
rightSection?: default_2.ReactNode;
|
|
1951
|
+
}
|
|
1952
|
+
|
|
1953
|
+
/**
|
|
1954
|
+
* Props for the Recursica Text component.
|
|
1955
|
+
*/
|
|
1956
|
+
export declare interface RecursicaTextProps {
|
|
1957
|
+
/** Visual style variant layout */
|
|
1958
|
+
variant?: TextVariant;
|
|
1959
|
+
/** Children nodes */
|
|
1960
|
+
children?: default_2.ReactNode;
|
|
1961
|
+
/** Polymorphic component tag override */
|
|
1962
|
+
component?: default_2.ElementType;
|
|
1963
|
+
}
|
|
1964
|
+
|
|
1965
|
+
/**
|
|
1966
|
+
* Sets data-recursica-theme on document.documentElement so Recursica scoped CSS
|
|
1967
|
+
* (e.g. recursica_variables_scoped.css) applies the correct theme and layer-0 variables.
|
|
1968
|
+
* Default is light theme. Wraps children in a layer-0 `Layer` by default (see `initLayer0`).
|
|
1969
|
+
*/
|
|
1970
|
+
export declare function RecursicaThemeProvider({ children, theme, initLayer0, }: RecursicaThemeProviderProps): JSX.Element;
|
|
1971
|
+
|
|
1972
|
+
export declare interface RecursicaThemeProviderProps {
|
|
1973
|
+
/** 'light' | 'dark'. Defaults to 'light' when omitted. */
|
|
1974
|
+
theme?: "light" | "dark";
|
|
1975
|
+
/**
|
|
1976
|
+
* When true (the default), automatically wraps `children` in a `<Layer layer={0}>`
|
|
1977
|
+
* so the base page surface/border/elevation variables resolve without any extra
|
|
1978
|
+
* setup. Set to `false` if you want to place the base `Layer` yourself (e.g. to use
|
|
1979
|
+
* `contentsOnly`, or to control exactly where in the tree layer 0 starts).
|
|
1980
|
+
*/
|
|
1981
|
+
initLayer0?: boolean;
|
|
1982
|
+
children: React.ReactNode;
|
|
1983
|
+
}
|
|
1984
|
+
|
|
1985
|
+
/**
|
|
1986
|
+
* Props for the Recursica TimelineItem sub-component.
|
|
1987
|
+
*/
|
|
1988
|
+
export declare interface RecursicaTimelineItemProps {
|
|
1989
|
+
/** Timestamp content node */
|
|
1990
|
+
timestamp?: default_2.ReactNode;
|
|
1991
|
+
/** Stylistic bullet marker indicator */
|
|
1992
|
+
bulletVariant?: "default" | "avatar" | "icon" | "icon-alternative";
|
|
1993
|
+
/** Custom element to render inside the bullet circle */
|
|
1994
|
+
bullet?: default_2.ReactNode;
|
|
1995
|
+
}
|
|
1996
|
+
|
|
1997
|
+
/**
|
|
1998
|
+
* Props for the Recursica Timeline component.
|
|
1999
|
+
*/
|
|
2000
|
+
export declare interface RecursicaTimelineProps {
|
|
2001
|
+
/** The timeline items or elements to render */
|
|
2002
|
+
children?: default_2.ReactNode;
|
|
2003
|
+
/** Active timeline item index dynamically highlighting progress */
|
|
2004
|
+
active?: number;
|
|
2005
|
+
}
|
|
2006
|
+
|
|
2007
|
+
export declare interface RecursicaTimePickerProps extends Omit<TimePickerProps, "value" | "defaultValue" | "onChange" | "minTime" | "maxTime" | "views" | "format" | "style">, Pick<RecursicaFormControlWrapperProps, "label" | "error" | "required" | "id" | "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps, RecursicaTimePickerProps_2 {
|
|
2008
|
+
/** Selected time as an "HH:mm" (or "HH:mm:ss" with `withSeconds`) string, matching the mantine-adapter convention. */
|
|
2009
|
+
value?: string;
|
|
2010
|
+
/** Uncontrolled initial time as an "HH:mm" (or "HH:mm:ss" with `withSeconds`) string. */
|
|
2011
|
+
defaultValue?: string;
|
|
2012
|
+
/** Fires with the new time as an "HH:mm" (or "HH:mm:ss" with `withSeconds`) string, or `null` if cleared. */
|
|
2013
|
+
onChange?: (value: string | null) => void;
|
|
2014
|
+
/** Caller-provided inline style, passed through to the FormControlWrapper root. */
|
|
2015
|
+
style?: default_2.CSSProperties;
|
|
2016
|
+
}
|
|
2017
|
+
|
|
2018
|
+
/**
|
|
2019
|
+
* Props for the Recursica TimePicker component.
|
|
2020
|
+
*/
|
|
2021
|
+
declare interface RecursicaTimePickerProps_2 {
|
|
2022
|
+
/** Whether the seconds segment should be shown and editable. Defaults to `false`. */
|
|
2023
|
+
withSeconds?: boolean;
|
|
2024
|
+
/** Minimum possible time string. Format is `HH:mm` normally, or `HH:mm:ss` when `withSeconds` is true. */
|
|
2025
|
+
minTime?: string;
|
|
2026
|
+
/** Maximum possible time string. Format is `HH:mm` normally, or `HH:mm:ss` when `withSeconds` is true. */
|
|
2027
|
+
maxTime?: string;
|
|
2028
|
+
}
|
|
2029
|
+
|
|
2030
|
+
/**
|
|
2031
|
+
* Props for the Recursica Title component.
|
|
2032
|
+
*/
|
|
2033
|
+
export declare interface RecursicaTitleProps extends default_2.HTMLAttributes<HTMLHeadingElement> {
|
|
2034
|
+
/** Heading ordering hierarchies (1 represents H1, 6 represents H6) */
|
|
2035
|
+
order?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
2036
|
+
/** Title contents */
|
|
2037
|
+
children?: default_2.ReactNode;
|
|
2038
|
+
/** Polymorphic component override */
|
|
2039
|
+
component?: default_2.ElementType;
|
|
2040
|
+
}
|
|
2041
|
+
|
|
2042
|
+
export declare interface RecursicaToastProps extends RecursicaToastProps_2 {
|
|
2043
|
+
withCloseButton?: boolean;
|
|
2044
|
+
title?: default_2.ReactNode;
|
|
2045
|
+
icon?: default_2.ReactNode;
|
|
2046
|
+
onClose?: () => void;
|
|
2047
|
+
}
|
|
2048
|
+
|
|
2049
|
+
/**
|
|
2050
|
+
* Props for the Recursica Toast notification component.
|
|
2051
|
+
*/
|
|
2052
|
+
declare interface RecursicaToastProps_2 {
|
|
2053
|
+
/** Visual semantic variant styles */
|
|
2054
|
+
variant?: "default" | "error" | "success";
|
|
2055
|
+
/** Forced disabled loading state property */
|
|
2056
|
+
loading?: false;
|
|
2057
|
+
}
|
|
2058
|
+
|
|
2059
|
+
/**
|
|
2060
|
+
* Props for the Recursica Tooltip component.
|
|
2061
|
+
*/
|
|
2062
|
+
export declare interface RecursicaTooltipProps {
|
|
2063
|
+
/** Enable visual beak arrow indicator pointing to anchor */
|
|
2064
|
+
withBeak?: boolean;
|
|
2065
|
+
}
|
|
2066
|
+
|
|
2067
|
+
/**
|
|
2068
|
+
* Props for the Recursica TransferList component.
|
|
2069
|
+
*/
|
|
2070
|
+
export declare interface RecursicaTransferListProps {
|
|
2071
|
+
}
|
|
2072
|
+
|
|
2073
|
+
/**
|
|
2074
|
+
* A single node in a Recursica Tree's `data` array. Structurally compatible
|
|
2075
|
+
* with the underlying libraries' own node shapes (e.g. Mantine's
|
|
2076
|
+
* `TreeNodeData`), so adapters can pass it straight through without mapping.
|
|
2077
|
+
*/
|
|
2078
|
+
export declare interface RecursicaTreeNode {
|
|
2079
|
+
/** Unique identifier for this node, used for selection/expansion state */
|
|
2080
|
+
value: string;
|
|
2081
|
+
/** Label content rendered for this node */
|
|
2082
|
+
label: default_2.ReactNode;
|
|
2083
|
+
/** Nested child nodes; presence of this array (even empty) makes the node expandable */
|
|
2084
|
+
children?: RecursicaTreeNode[];
|
|
2085
|
+
}
|
|
2086
|
+
|
|
2087
|
+
/**
|
|
2088
|
+
* Props for the Recursica Tree component.
|
|
2089
|
+
*
|
|
2090
|
+
* **Fixed interaction pattern (not configurable):** expanding/collapsing and selecting are
|
|
2091
|
+
* separate, independent actions, so a user can toggle a subtree without changing selection.
|
|
2092
|
+
* - Clicking the expand/collapse button (chevron) toggles that node's subtree only; it never
|
|
2093
|
+
* selects.
|
|
2094
|
+
* - Clicking anywhere else on a node's row selects it; it never toggles expansion.
|
|
2095
|
+
* - `Enter`/`Space` while a node is focused selects it (never toggles expansion, even when the
|
|
2096
|
+
* node has children).
|
|
2097
|
+
* - `ArrowLeft`/`ArrowRight` expand/collapse the focused node only; they never change selection.
|
|
2098
|
+
* - `ArrowUp`/`ArrowDown` move focus between rows (standard roving-tabindex navigation).
|
|
2099
|
+
*
|
|
2100
|
+
* There used to be `expandOnClick`/`selectOnClick` toggles for the old combined click behavior;
|
|
2101
|
+
* they're gone now that expand and select are always independent.
|
|
2102
|
+
*/
|
|
2103
|
+
export declare interface RecursicaTreeProps {
|
|
2104
|
+
/** Hierarchical data used to render the tree */
|
|
2105
|
+
data: RecursicaTreeNode[];
|
|
2106
|
+
/** Node values expanded by default, or `"*"` to expand every node (uncontrolled) */
|
|
2107
|
+
initialExpandedValues?: string[] | "*";
|
|
2108
|
+
/** Node values selected by default (uncontrolled) */
|
|
2109
|
+
initialSelectedValues?: string[];
|
|
2110
|
+
/** Allow more than one node to be selected at a time @default false */
|
|
2111
|
+
multiple?: boolean;
|
|
2112
|
+
/** Disable the whole tree — no expand/collapse or select via click or keyboard, dimmed to the
|
|
2113
|
+
* standard disabled opacity. Per-node disabling isn't exposed (no design token or data field
|
|
2114
|
+
* backs it); a selected node stays visibly selected, just dimmed along with everything else.
|
|
2115
|
+
* @default false */
|
|
2116
|
+
disabled?: boolean;
|
|
2117
|
+
/** Called with the node value whenever a node expands */
|
|
2118
|
+
onNodeExpand?: (value: string) => void;
|
|
2119
|
+
/** Called with the node value whenever a node collapses */
|
|
2120
|
+
onNodeCollapse?: (value: string) => void;
|
|
2121
|
+
/** Called with the full list of selected values whenever selection changes */
|
|
2122
|
+
onSelectedChange?: (values: string[]) => void;
|
|
2123
|
+
}
|
|
2124
|
+
|
|
2125
|
+
/**
|
|
2126
|
+
* Registers the global `recursica.toggleOverStyled` command on the window object.
|
|
2127
|
+
*/
|
|
2128
|
+
export declare function registerOverStyledConsoleCommand(): void;
|
|
2129
|
+
|
|
2130
|
+
/**
|
|
2131
|
+
* Enforces accessibility by strictly requiring at least one form of labeling:
|
|
2132
|
+
* either a visual `label`, an `aria-label`, or an `aria-labelledby`.
|
|
2133
|
+
*/
|
|
2134
|
+
export declare type RequireAccessibleLabel<T> = T & ({
|
|
2135
|
+
label: default_2.ReactNode;
|
|
2136
|
+
"aria-label"?: string;
|
|
2137
|
+
"aria-labelledby"?: string;
|
|
2138
|
+
} | {
|
|
2139
|
+
label?: default_2.ReactNode;
|
|
2140
|
+
"aria-label": string;
|
|
2141
|
+
"aria-labelledby"?: string;
|
|
2142
|
+
} | {
|
|
2143
|
+
label?: default_2.ReactNode;
|
|
2144
|
+
"aria-label"?: string;
|
|
2145
|
+
"aria-labelledby": string;
|
|
2146
|
+
});
|
|
2147
|
+
|
|
2148
|
+
export declare const SegmentedControl: typeof rawComponents.SegmentedControl;
|
|
2149
|
+
|
|
2150
|
+
/**
|
|
2151
|
+
* Recursica SegmentedControl component wrapping Mui's SegmentedControl.
|
|
2152
|
+
*/
|
|
2153
|
+
declare const SegmentedControl_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<ToggleButtonGroupProps, "className" | "color" | "value" | "classNames" | "onChange" | "variant" | "disabled" | "size" | "radius"> & {
|
|
2154
|
+
className?: string;
|
|
2155
|
+
classNames?: Partial<Record<string, string>>;
|
|
2156
|
+
} & RecursicaSegmentedControlProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2157
|
+
overStyled?: false | undefined;
|
|
2158
|
+
}, "ref"> | Omit<Omit<Omit<ToggleButtonGroupProps, "className" | "color" | "value" | "classNames" | "onChange" | "variant" | "disabled" | "size" | "radius"> & {
|
|
2159
|
+
className?: string;
|
|
2160
|
+
classNames?: Partial<Record<string, string>>;
|
|
2161
|
+
} & RecursicaSegmentedControlProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2162
|
+
m?: string | number | RecursicaSpacing;
|
|
2163
|
+
mx?: string | number | RecursicaSpacing;
|
|
2164
|
+
my?: string | number | RecursicaSpacing;
|
|
2165
|
+
mt?: string | number | RecursicaSpacing;
|
|
2166
|
+
mb?: string | number | RecursicaSpacing;
|
|
2167
|
+
ml?: string | number | RecursicaSpacing;
|
|
2168
|
+
mr?: string | number | RecursicaSpacing;
|
|
2169
|
+
gap?: string | number | RecursicaSpacing;
|
|
2170
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2171
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2172
|
+
} & {
|
|
2173
|
+
overStyled: true;
|
|
2174
|
+
}, "ref">) & RefAttributes<HTMLDivElement>>;
|
|
2175
|
+
|
|
2176
|
+
declare type SegmentedControlProps = RecursicaOverStyled<Omit<ToggleButtonGroupProps, "variant" | "size" | "radius" | "color" | "classNames" | "className" | "disabled" | "value" | "onChange"> & {
|
|
2177
|
+
className?: string;
|
|
2178
|
+
classNames?: Partial<Record<string, string>>;
|
|
2179
|
+
} & RecursicaSegmentedControlProps>;
|
|
2180
|
+
|
|
2181
|
+
export declare const Slider: typeof rawComponents.Slider;
|
|
2182
|
+
|
|
2183
|
+
/**
|
|
2184
|
+
* Recursica Slider component wrapping Mui's Slider.
|
|
2185
|
+
*
|
|
2186
|
+
* Implements a bidirectional text input field next to the slider track, responsive layouts,
|
|
2187
|
+
* custom typography-bound min/max labels, an optional leading icon, and an explicit read-only layout.
|
|
2188
|
+
*/
|
|
2189
|
+
declare const Slider_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaSliderProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2190
|
+
overStyled?: false | undefined;
|
|
2191
|
+
}, "ref"> | Omit<Omit<RecursicaSliderProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2192
|
+
m?: string | number | RecursicaSpacing;
|
|
2193
|
+
mx?: string | number | RecursicaSpacing;
|
|
2194
|
+
my?: string | number | RecursicaSpacing;
|
|
2195
|
+
mt?: string | number | RecursicaSpacing;
|
|
2196
|
+
mb?: string | number | RecursicaSpacing;
|
|
2197
|
+
ml?: string | number | RecursicaSpacing;
|
|
2198
|
+
mr?: string | number | RecursicaSpacing;
|
|
2199
|
+
gap?: string | number | RecursicaSpacing;
|
|
2200
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2201
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2202
|
+
} & {
|
|
2203
|
+
overStyled: true;
|
|
2204
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
2205
|
+
|
|
2206
|
+
declare type SliderProps_2 = RecursicaOverStyled<RecursicaSliderProps>;
|
|
2207
|
+
|
|
2208
|
+
export declare const Stack: ForwardRefExoticComponent<Omit<rawComponents.StackProps, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
2209
|
+
|
|
2210
|
+
declare const Stack_2: ForwardRefExoticComponent<Omit<StackProps_2, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
2211
|
+
|
|
2212
|
+
declare type StackProps_2 = WithRecursicaSpacing<OmitSx<Omit<StackProps, "spacing"> & RecursicaStackProps>>;
|
|
2213
|
+
|
|
2214
|
+
declare const Step: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<StepProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2215
|
+
overStyled?: false | undefined;
|
|
2216
|
+
}, "ref"> | Omit<Omit<StepProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2217
|
+
m?: string | number | RecursicaSpacing;
|
|
2218
|
+
mx?: string | number | RecursicaSpacing;
|
|
2219
|
+
my?: string | number | RecursicaSpacing;
|
|
2220
|
+
mt?: string | number | RecursicaSpacing;
|
|
2221
|
+
mb?: string | number | RecursicaSpacing;
|
|
2222
|
+
ml?: string | number | RecursicaSpacing;
|
|
2223
|
+
mr?: string | number | RecursicaSpacing;
|
|
2224
|
+
gap?: string | number | RecursicaSpacing;
|
|
2225
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2226
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2227
|
+
} & {
|
|
2228
|
+
overStyled: true;
|
|
2229
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
2230
|
+
|
|
2231
|
+
declare const StepButton: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<StepButtonProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2232
|
+
overStyled?: false | undefined;
|
|
2233
|
+
}, "ref"> | Omit<Omit<StepButtonProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2234
|
+
m?: string | number | RecursicaSpacing;
|
|
2235
|
+
mx?: string | number | RecursicaSpacing;
|
|
2236
|
+
my?: string | number | RecursicaSpacing;
|
|
2237
|
+
mt?: string | number | RecursicaSpacing;
|
|
2238
|
+
mb?: string | number | RecursicaSpacing;
|
|
2239
|
+
ml?: string | number | RecursicaSpacing;
|
|
2240
|
+
mr?: string | number | RecursicaSpacing;
|
|
2241
|
+
gap?: string | number | RecursicaSpacing;
|
|
2242
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2243
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2244
|
+
} & {
|
|
2245
|
+
overStyled: true;
|
|
2246
|
+
}, "ref">) & default_2.RefAttributes<HTMLButtonElement>>;
|
|
2247
|
+
|
|
2248
|
+
declare type StepButtonProps = RecursicaOverStyled<StepButtonProps_2>;
|
|
2249
|
+
|
|
2250
|
+
declare const StepConnector: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<StepConnectorProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2251
|
+
overStyled?: false | undefined;
|
|
2252
|
+
}, "ref"> | Omit<Omit<StepConnectorProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2253
|
+
m?: string | number | RecursicaSpacing;
|
|
2254
|
+
mx?: string | number | RecursicaSpacing;
|
|
2255
|
+
my?: string | number | RecursicaSpacing;
|
|
2256
|
+
mt?: string | number | RecursicaSpacing;
|
|
2257
|
+
mb?: string | number | RecursicaSpacing;
|
|
2258
|
+
ml?: string | number | RecursicaSpacing;
|
|
2259
|
+
mr?: string | number | RecursicaSpacing;
|
|
2260
|
+
gap?: string | number | RecursicaSpacing;
|
|
2261
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2262
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2263
|
+
} & {
|
|
2264
|
+
overStyled: true;
|
|
2265
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
2266
|
+
|
|
2267
|
+
declare type StepConnectorProps = RecursicaOverStyled<StepConnectorProps_2>;
|
|
2268
|
+
|
|
2269
|
+
declare const StepLabel: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<StepLabelProps_2 & {
|
|
2270
|
+
description?: default_2.ReactNode;
|
|
2271
|
+
}>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2272
|
+
overStyled?: false | undefined;
|
|
2273
|
+
}, "ref"> | Omit<Omit<StepLabelProps_2 & {
|
|
2274
|
+
description?: default_2.ReactNode;
|
|
2275
|
+
}, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2276
|
+
m?: string | number | RecursicaSpacing;
|
|
2277
|
+
mx?: string | number | RecursicaSpacing;
|
|
2278
|
+
my?: string | number | RecursicaSpacing;
|
|
2279
|
+
mt?: string | number | RecursicaSpacing;
|
|
2280
|
+
mb?: string | number | RecursicaSpacing;
|
|
2281
|
+
ml?: string | number | RecursicaSpacing;
|
|
2282
|
+
mr?: string | number | RecursicaSpacing;
|
|
2283
|
+
gap?: string | number | RecursicaSpacing;
|
|
2284
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2285
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2286
|
+
} & {
|
|
2287
|
+
overStyled: true;
|
|
2288
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
2289
|
+
|
|
2290
|
+
declare type StepLabelProps = RecursicaOverStyled<StepLabelProps_2 & {
|
|
2291
|
+
description?: default_2.ReactNode;
|
|
2292
|
+
}>;
|
|
2293
|
+
|
|
2294
|
+
export declare const Stepper: typeof rawComponents.Stepper;
|
|
2295
|
+
|
|
2296
|
+
declare const Stepper_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaStepperPropsExtended>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2297
|
+
overStyled?: false | undefined;
|
|
2298
|
+
}, "ref"> | Omit<Omit<RecursicaStepperPropsExtended, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2299
|
+
m?: string | number | RecursicaSpacing;
|
|
2300
|
+
mx?: string | number | RecursicaSpacing;
|
|
2301
|
+
my?: string | number | RecursicaSpacing;
|
|
2302
|
+
mt?: string | number | RecursicaSpacing;
|
|
2303
|
+
mb?: string | number | RecursicaSpacing;
|
|
2304
|
+
ml?: string | number | RecursicaSpacing;
|
|
2305
|
+
mr?: string | number | RecursicaSpacing;
|
|
2306
|
+
gap?: string | number | RecursicaSpacing;
|
|
2307
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2308
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2309
|
+
} & {
|
|
2310
|
+
overStyled: true;
|
|
2311
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
2312
|
+
|
|
2313
|
+
declare type StepperProps_2 = RecursicaOverStyled<RecursicaStepperPropsExtended>;
|
|
2314
|
+
|
|
2315
|
+
declare type StepProps = RecursicaOverStyled<StepProps_2>;
|
|
2316
|
+
|
|
2317
|
+
export declare const Switch: typeof rawComponents.Switch;
|
|
2318
|
+
|
|
2319
|
+
declare const Switch_2: SwitchComponent;
|
|
2320
|
+
|
|
2321
|
+
declare type SwitchComponent = React.ForwardRefExoticComponent<SwitchProps_2 & React.RefAttributes<HTMLInputElement>> & {
|
|
2322
|
+
Group: typeof SwitchGroup_2;
|
|
2323
|
+
};
|
|
2324
|
+
|
|
2325
|
+
export declare const SwitchGroup: typeof rawComponents.SwitchGroup;
|
|
2326
|
+
|
|
2327
|
+
declare const SwitchGroup_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaSwitchGroupProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2328
|
+
overStyled?: false | undefined;
|
|
2329
|
+
}, "ref"> | Omit<Omit<RecursicaSwitchGroupProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2330
|
+
m?: string | number | RecursicaSpacing;
|
|
2331
|
+
mx?: string | number | RecursicaSpacing;
|
|
2332
|
+
my?: string | number | RecursicaSpacing;
|
|
2333
|
+
mt?: string | number | RecursicaSpacing;
|
|
2334
|
+
mb?: string | number | RecursicaSpacing;
|
|
2335
|
+
ml?: string | number | RecursicaSpacing;
|
|
2336
|
+
mr?: string | number | RecursicaSpacing;
|
|
2337
|
+
gap?: string | number | RecursicaSpacing;
|
|
2338
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2339
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2340
|
+
} & {
|
|
2341
|
+
overStyled: true;
|
|
2342
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
2343
|
+
|
|
2344
|
+
declare const SwitchGroupContext: default_2.Context<{
|
|
2345
|
+
value?: string[];
|
|
2346
|
+
onChange?: (event: default_2.SyntheticEvent, value: string[]) => void;
|
|
2347
|
+
name?: string;
|
|
2348
|
+
readOnly?: boolean;
|
|
2349
|
+
} | null>;
|
|
2350
|
+
|
|
2351
|
+
declare type SwitchGroupProps = RecursicaOverStyled<RecursicaSwitchGroupProps_2>;
|
|
2352
|
+
|
|
2353
|
+
declare type SwitchProps_2 = RecursicaOverStyled<RecursicaSwitchPropsAlias>;
|
|
2354
|
+
|
|
2355
|
+
declare type SwitchWrapperProps = Omit<SwitchProps, "size" | "color" | "radius" | "variant"> & RecursicaSwitchProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
|
|
2356
|
+
|
|
2357
|
+
export declare const Tab: typeof rawComponents.Tab;
|
|
2358
|
+
|
|
2359
|
+
declare const Tab_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TabProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2360
|
+
overStyled?: false | undefined;
|
|
2361
|
+
}, "ref"> | Omit<Omit<TabProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2362
|
+
m?: string | number | RecursicaSpacing;
|
|
2363
|
+
mx?: string | number | RecursicaSpacing;
|
|
2364
|
+
my?: string | number | RecursicaSpacing;
|
|
2365
|
+
mt?: string | number | RecursicaSpacing;
|
|
2366
|
+
mb?: string | number | RecursicaSpacing;
|
|
2367
|
+
ml?: string | number | RecursicaSpacing;
|
|
2368
|
+
mr?: string | number | RecursicaSpacing;
|
|
2369
|
+
gap?: string | number | RecursicaSpacing;
|
|
2370
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2371
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2372
|
+
} & {
|
|
2373
|
+
overStyled: true;
|
|
2374
|
+
}, "ref">) & RefAttributes<HTMLDivElement>>;
|
|
2375
|
+
|
|
2376
|
+
export declare const Table: typeof rawComponents.Table;
|
|
2377
|
+
|
|
2378
|
+
declare const Table_2: TableComponent;
|
|
2379
|
+
|
|
2380
|
+
declare const TableBase: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableOwnProps & CommonProps & Omit<DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "className" | "classes" | "style" | "sx" | "children" | "padding" | "size" | "stickyHeader"> & {
|
|
2381
|
+
component?: React.ElementType | undefined;
|
|
2382
|
+
} & RecursicaTableProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2383
|
+
overStyled?: false | undefined;
|
|
2384
|
+
}, "ref"> | Omit<Omit<TableOwnProps & CommonProps & Omit<DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "className" | "classes" | "style" | "sx" | "children" | "padding" | "size" | "stickyHeader"> & {
|
|
2385
|
+
component?: React.ElementType | undefined;
|
|
2386
|
+
} & RecursicaTableProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2387
|
+
m?: string | number | RecursicaSpacing;
|
|
2388
|
+
mx?: string | number | RecursicaSpacing;
|
|
2389
|
+
my?: string | number | RecursicaSpacing;
|
|
2390
|
+
mt?: string | number | RecursicaSpacing;
|
|
2391
|
+
mb?: string | number | RecursicaSpacing;
|
|
2392
|
+
ml?: string | number | RecursicaSpacing;
|
|
2393
|
+
mr?: string | number | RecursicaSpacing;
|
|
2394
|
+
gap?: string | number | RecursicaSpacing;
|
|
2395
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2396
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2397
|
+
} & {
|
|
2398
|
+
overStyled: true;
|
|
2399
|
+
}, "ref">) & RefAttributes<HTMLTableElement>>;
|
|
2400
|
+
|
|
2401
|
+
declare const TableBodyComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableBodyProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2402
|
+
overStyled?: false | undefined;
|
|
2403
|
+
}, "ref"> | Omit<Omit<TableBodyProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2404
|
+
m?: string | number | RecursicaSpacing;
|
|
2405
|
+
mx?: string | number | RecursicaSpacing;
|
|
2406
|
+
my?: string | number | RecursicaSpacing;
|
|
2407
|
+
mt?: string | number | RecursicaSpacing;
|
|
2408
|
+
mb?: string | number | RecursicaSpacing;
|
|
2409
|
+
ml?: string | number | RecursicaSpacing;
|
|
2410
|
+
mr?: string | number | RecursicaSpacing;
|
|
2411
|
+
gap?: string | number | RecursicaSpacing;
|
|
2412
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2413
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2414
|
+
} & {
|
|
2415
|
+
overStyled: true;
|
|
2416
|
+
}, "ref">) & RefAttributes<HTMLTableSectionElement>>;
|
|
2417
|
+
|
|
2418
|
+
declare type TableBodyPropsRecursica = RecursicaOverStyled<TableBodyProps>;
|
|
2419
|
+
|
|
2420
|
+
declare const TableCellComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableCellProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2421
|
+
overStyled?: false | undefined;
|
|
2422
|
+
}, "ref"> | Omit<Omit<TableCellProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2423
|
+
m?: string | number | RecursicaSpacing;
|
|
2424
|
+
mx?: string | number | RecursicaSpacing;
|
|
2425
|
+
my?: string | number | RecursicaSpacing;
|
|
2426
|
+
mt?: string | number | RecursicaSpacing;
|
|
2427
|
+
mb?: string | number | RecursicaSpacing;
|
|
2428
|
+
ml?: string | number | RecursicaSpacing;
|
|
2429
|
+
mr?: string | number | RecursicaSpacing;
|
|
2430
|
+
gap?: string | number | RecursicaSpacing;
|
|
2431
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2432
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2433
|
+
} & {
|
|
2434
|
+
overStyled: true;
|
|
2435
|
+
}, "ref">) & RefAttributes<HTMLTableCellElement>>;
|
|
2436
|
+
|
|
2437
|
+
declare type TableCellPropsRecursica = RecursicaOverStyled<TableCellProps>;
|
|
2438
|
+
|
|
2439
|
+
declare type TableComponent = typeof TableBase & {
|
|
2440
|
+
Body: typeof TableBodyComponent;
|
|
2441
|
+
Cell: typeof TableCellComponent;
|
|
2442
|
+
Container: typeof TableContainerComponent;
|
|
2443
|
+
Head: typeof TableHeadComponent;
|
|
2444
|
+
Row: typeof TableRowComponent;
|
|
2445
|
+
Footer: typeof TableFooterComponent;
|
|
2446
|
+
SortLabel: typeof TableSortLabelComponent;
|
|
2447
|
+
};
|
|
2448
|
+
|
|
2449
|
+
declare const TableContainerComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableContainerProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2450
|
+
overStyled?: false | undefined;
|
|
2451
|
+
}, "ref"> | Omit<Omit<TableContainerProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2452
|
+
m?: string | number | RecursicaSpacing;
|
|
2453
|
+
mx?: string | number | RecursicaSpacing;
|
|
2454
|
+
my?: string | number | RecursicaSpacing;
|
|
2455
|
+
mt?: string | number | RecursicaSpacing;
|
|
2456
|
+
mb?: string | number | RecursicaSpacing;
|
|
2457
|
+
ml?: string | number | RecursicaSpacing;
|
|
2458
|
+
mr?: string | number | RecursicaSpacing;
|
|
2459
|
+
gap?: string | number | RecursicaSpacing;
|
|
2460
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2461
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2462
|
+
} & {
|
|
2463
|
+
overStyled: true;
|
|
2464
|
+
}, "ref">) & RefAttributes<HTMLDivElement>>;
|
|
2465
|
+
|
|
2466
|
+
declare type TableContainerPropsRecursica = RecursicaOverStyled<TableContainerProps>;
|
|
2467
|
+
|
|
2468
|
+
declare const TableFooterComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableFooterProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2469
|
+
overStyled?: false | undefined;
|
|
2470
|
+
}, "ref"> | Omit<Omit<TableFooterProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2471
|
+
m?: string | number | RecursicaSpacing;
|
|
2472
|
+
mx?: string | number | RecursicaSpacing;
|
|
2473
|
+
my?: string | number | RecursicaSpacing;
|
|
2474
|
+
mt?: string | number | RecursicaSpacing;
|
|
2475
|
+
mb?: string | number | RecursicaSpacing;
|
|
2476
|
+
ml?: string | number | RecursicaSpacing;
|
|
2477
|
+
mr?: string | number | RecursicaSpacing;
|
|
2478
|
+
gap?: string | number | RecursicaSpacing;
|
|
2479
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2480
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2481
|
+
} & {
|
|
2482
|
+
overStyled: true;
|
|
2483
|
+
}, "ref">) & RefAttributes<HTMLTableSectionElement>>;
|
|
2484
|
+
|
|
2485
|
+
declare type TableFooterPropsRecursica = RecursicaOverStyled<TableFooterProps>;
|
|
2486
|
+
|
|
2487
|
+
declare const TableHeadComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableHeadProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2488
|
+
overStyled?: false | undefined;
|
|
2489
|
+
}, "ref"> | Omit<Omit<TableHeadProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2490
|
+
m?: string | number | RecursicaSpacing;
|
|
2491
|
+
mx?: string | number | RecursicaSpacing;
|
|
2492
|
+
my?: string | number | RecursicaSpacing;
|
|
2493
|
+
mt?: string | number | RecursicaSpacing;
|
|
2494
|
+
mb?: string | number | RecursicaSpacing;
|
|
2495
|
+
ml?: string | number | RecursicaSpacing;
|
|
2496
|
+
mr?: string | number | RecursicaSpacing;
|
|
2497
|
+
gap?: string | number | RecursicaSpacing;
|
|
2498
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2499
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2500
|
+
} & {
|
|
2501
|
+
overStyled: true;
|
|
2502
|
+
}, "ref">) & RefAttributes<HTMLTableSectionElement>>;
|
|
2503
|
+
|
|
2504
|
+
declare type TableHeadPropsRecursica = RecursicaOverStyled<TableHeadProps>;
|
|
2505
|
+
|
|
2506
|
+
declare type TableProps = RecursicaOverStyled<TableProps_2 & RecursicaTableProps>;
|
|
2507
|
+
|
|
2508
|
+
declare const TableRowComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableRowProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2509
|
+
overStyled?: false | undefined;
|
|
2510
|
+
}, "ref"> | Omit<Omit<TableRowProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2511
|
+
m?: string | number | RecursicaSpacing;
|
|
2512
|
+
mx?: string | number | RecursicaSpacing;
|
|
2513
|
+
my?: string | number | RecursicaSpacing;
|
|
2514
|
+
mt?: string | number | RecursicaSpacing;
|
|
2515
|
+
mb?: string | number | RecursicaSpacing;
|
|
2516
|
+
ml?: string | number | RecursicaSpacing;
|
|
2517
|
+
mr?: string | number | RecursicaSpacing;
|
|
2518
|
+
gap?: string | number | RecursicaSpacing;
|
|
2519
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2520
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2521
|
+
} & {
|
|
2522
|
+
overStyled: true;
|
|
2523
|
+
}, "ref">) & RefAttributes<HTMLTableRowElement>>;
|
|
2524
|
+
|
|
2525
|
+
declare type TableRowPropsRecursica = RecursicaOverStyled<TableRowProps>;
|
|
2526
|
+
|
|
2527
|
+
declare const TableSortLabelComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableSortLabelProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2528
|
+
overStyled?: false | undefined;
|
|
2529
|
+
}, "ref"> | Omit<Omit<TableSortLabelProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2530
|
+
m?: string | number | RecursicaSpacing;
|
|
2531
|
+
mx?: string | number | RecursicaSpacing;
|
|
2532
|
+
my?: string | number | RecursicaSpacing;
|
|
2533
|
+
mt?: string | number | RecursicaSpacing;
|
|
2534
|
+
mb?: string | number | RecursicaSpacing;
|
|
2535
|
+
ml?: string | number | RecursicaSpacing;
|
|
2536
|
+
mr?: string | number | RecursicaSpacing;
|
|
2537
|
+
gap?: string | number | RecursicaSpacing;
|
|
2538
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2539
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2540
|
+
} & {
|
|
2541
|
+
overStyled: true;
|
|
2542
|
+
}, "ref">) & RefAttributes<HTMLSpanElement>>;
|
|
2543
|
+
|
|
2544
|
+
declare type TableSortLabelPropsRecursica = RecursicaOverStyled<TableSortLabelProps>;
|
|
2545
|
+
|
|
2546
|
+
export declare const TabPanel: typeof rawComponents.TabPanel;
|
|
2547
|
+
|
|
2548
|
+
declare const TabPanel_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TabPanelProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2549
|
+
overStyled?: false | undefined;
|
|
2550
|
+
}, "ref"> | Omit<Omit<TabPanelProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2551
|
+
m?: string | number | RecursicaSpacing;
|
|
2552
|
+
mx?: string | number | RecursicaSpacing;
|
|
2553
|
+
my?: string | number | RecursicaSpacing;
|
|
2554
|
+
mt?: string | number | RecursicaSpacing;
|
|
2555
|
+
mb?: string | number | RecursicaSpacing;
|
|
2556
|
+
ml?: string | number | RecursicaSpacing;
|
|
2557
|
+
mr?: string | number | RecursicaSpacing;
|
|
2558
|
+
gap?: string | number | RecursicaSpacing;
|
|
2559
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2560
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2561
|
+
} & {
|
|
2562
|
+
overStyled: true;
|
|
2563
|
+
}, "ref">) & RefAttributes<HTMLDivElement>>;
|
|
2564
|
+
|
|
2565
|
+
declare type TabPanelProps = RecursicaOverStyled<TabPanelProps_2>;
|
|
2566
|
+
|
|
2567
|
+
declare type TabProps = RecursicaOverStyled<TabProps_2>;
|
|
2568
|
+
|
|
2569
|
+
export declare const Tabs: typeof rawComponents.Tabs;
|
|
2570
|
+
|
|
2571
|
+
declare const Tabs_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTabsPropsExtended>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2572
|
+
overStyled?: false | undefined;
|
|
2573
|
+
}, "ref"> | Omit<Omit<RecursicaTabsPropsExtended, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2574
|
+
m?: string | number | RecursicaSpacing;
|
|
2575
|
+
mx?: string | number | RecursicaSpacing;
|
|
2576
|
+
my?: string | number | RecursicaSpacing;
|
|
2577
|
+
mt?: string | number | RecursicaSpacing;
|
|
2578
|
+
mb?: string | number | RecursicaSpacing;
|
|
2579
|
+
ml?: string | number | RecursicaSpacing;
|
|
2580
|
+
mr?: string | number | RecursicaSpacing;
|
|
2581
|
+
gap?: string | number | RecursicaSpacing;
|
|
2582
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2583
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2584
|
+
} & {
|
|
2585
|
+
overStyled: true;
|
|
2586
|
+
}, "ref">) & RefAttributes<HTMLDivElement>>;
|
|
2587
|
+
|
|
2588
|
+
declare type TabsProps_2 = RecursicaOverStyled<RecursicaTabsPropsExtended>;
|
|
2589
|
+
|
|
2590
|
+
declare const Text_2: typeof rawComponents.Text;
|
|
2591
|
+
export { Text_2 as Text }
|
|
2592
|
+
|
|
2593
|
+
declare const Text_3: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TypographyProps, "classes" | "variant"> & RecursicaTextProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2594
|
+
overStyled?: false | undefined;
|
|
2595
|
+
}, "ref"> | Omit<Omit<Omit<TypographyProps, "classes" | "variant"> & RecursicaTextProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2596
|
+
m?: string | number | RecursicaSpacing;
|
|
2597
|
+
mx?: string | number | RecursicaSpacing;
|
|
2598
|
+
my?: string | number | RecursicaSpacing;
|
|
2599
|
+
mt?: string | number | RecursicaSpacing;
|
|
2600
|
+
mb?: string | number | RecursicaSpacing;
|
|
2601
|
+
ml?: string | number | RecursicaSpacing;
|
|
2602
|
+
mr?: string | number | RecursicaSpacing;
|
|
2603
|
+
gap?: string | number | RecursicaSpacing;
|
|
2604
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2605
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2606
|
+
} & {
|
|
2607
|
+
overStyled: true;
|
|
2608
|
+
}, "ref">) & RefAttributes<HTMLElement>>;
|
|
2609
|
+
|
|
2610
|
+
export declare const TextArea: typeof rawComponents.TextArea;
|
|
2611
|
+
|
|
2612
|
+
declare const TextArea_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTextAreaProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2613
|
+
overStyled?: false | undefined;
|
|
2614
|
+
}, "ref"> | Omit<Omit<RecursicaTextAreaProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2615
|
+
m?: string | number | RecursicaSpacing;
|
|
2616
|
+
mx?: string | number | RecursicaSpacing;
|
|
2617
|
+
my?: string | number | RecursicaSpacing;
|
|
2618
|
+
mt?: string | number | RecursicaSpacing;
|
|
2619
|
+
mb?: string | number | RecursicaSpacing;
|
|
2620
|
+
ml?: string | number | RecursicaSpacing;
|
|
2621
|
+
mr?: string | number | RecursicaSpacing;
|
|
2622
|
+
gap?: string | number | RecursicaSpacing;
|
|
2623
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2624
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2625
|
+
} & {
|
|
2626
|
+
overStyled: true;
|
|
2627
|
+
}, "ref">) & default_2.RefAttributes<HTMLTextAreaElement>>;
|
|
2628
|
+
|
|
2629
|
+
declare type TextAreaProps = RecursicaOverStyled<RecursicaTextAreaProps>;
|
|
2630
|
+
|
|
2631
|
+
export declare const TextField: typeof rawComponents.TextField;
|
|
2632
|
+
|
|
2633
|
+
declare const TextField_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTextFieldProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2634
|
+
overStyled?: false | undefined;
|
|
2635
|
+
}, "ref"> | Omit<Omit<RecursicaTextFieldProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2636
|
+
m?: string | number | RecursicaSpacing;
|
|
2637
|
+
mx?: string | number | RecursicaSpacing;
|
|
2638
|
+
my?: string | number | RecursicaSpacing;
|
|
2639
|
+
mt?: string | number | RecursicaSpacing;
|
|
2640
|
+
mb?: string | number | RecursicaSpacing;
|
|
2641
|
+
ml?: string | number | RecursicaSpacing;
|
|
2642
|
+
mr?: string | number | RecursicaSpacing;
|
|
2643
|
+
gap?: string | number | RecursicaSpacing;
|
|
2644
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2645
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2646
|
+
} & {
|
|
2647
|
+
overStyled: true;
|
|
2648
|
+
}, "ref">) & default_2.RefAttributes<HTMLInputElement>>;
|
|
2649
|
+
|
|
2650
|
+
declare type TextFieldProps_2 = RecursicaOverStyled<RecursicaTextFieldProps>;
|
|
2651
|
+
|
|
2652
|
+
declare type TextProps = RecursicaOverStyled<Omit<TypographyProps, "variant" | "classes"> & RecursicaTextProps>;
|
|
2653
|
+
|
|
2654
|
+
/**
|
|
2655
|
+
* Supported typographical layout variants in Recursica.
|
|
2656
|
+
*/
|
|
2657
|
+
export declare type TextVariant = "body" | "body-small" | "caption" | "overline" | "subtitle" | "subtitle-small";
|
|
2658
|
+
|
|
2659
|
+
export declare const Timeline: typeof rawComponents.Timeline;
|
|
2660
|
+
|
|
2661
|
+
declare const Timeline_2: TimelineComponent;
|
|
2662
|
+
|
|
2663
|
+
declare interface TimelineComponent extends default_2.ForwardRefExoticComponent<TimelineProps & default_2.RefAttributes<HTMLDivElement>> {
|
|
2664
|
+
Item: typeof TimelineItem_2;
|
|
2665
|
+
}
|
|
2666
|
+
|
|
2667
|
+
export declare const TimelineItem: typeof rawComponents.TimelineItem;
|
|
2668
|
+
|
|
2669
|
+
/**
|
|
2670
|
+
* The individual item component for the Timeline.
|
|
2671
|
+
*
|
|
2672
|
+
* **Recursica Abstract:**
|
|
2673
|
+
* The `Timeline.Item` has been extended to support a `timestamp` string natively,
|
|
2674
|
+
* rendering it below the body content. It also accepts a `bulletVariant` to morph
|
|
2675
|
+
* the structural dimensions of the node circle automatically.
|
|
2676
|
+
*/
|
|
2677
|
+
declare const TimelineItem_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TimelineItemProps, "color" | "radius" | "lineVariant"> & RecursicaTimelineItemProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2678
|
+
overStyled?: false | undefined;
|
|
2679
|
+
}, "ref"> | Omit<Omit<Omit<TimelineItemProps, "color" | "radius" | "lineVariant"> & RecursicaTimelineItemProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2680
|
+
m?: string | number | RecursicaSpacing;
|
|
2681
|
+
mx?: string | number | RecursicaSpacing;
|
|
2682
|
+
my?: string | number | RecursicaSpacing;
|
|
2683
|
+
mt?: string | number | RecursicaSpacing;
|
|
2684
|
+
mb?: string | number | RecursicaSpacing;
|
|
2685
|
+
ml?: string | number | RecursicaSpacing;
|
|
2686
|
+
mr?: string | number | RecursicaSpacing;
|
|
2687
|
+
gap?: string | number | RecursicaSpacing;
|
|
2688
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2689
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2690
|
+
} & {
|
|
2691
|
+
overStyled: true;
|
|
2692
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
2693
|
+
|
|
2694
|
+
declare type TimelineItemProps_2 = RecursicaOverStyled<Omit<TimelineItemProps, "radius" | "color" | "lineVariant"> & RecursicaTimelineItemProps>;
|
|
2695
|
+
|
|
2696
|
+
/**
|
|
2697
|
+
* Properties for the strictly-tokenized Timeline component.
|
|
2698
|
+
* Native Mui abstract properties like `color`, `radius`, `bulletSize`, and `lineWidth`
|
|
2699
|
+
* have been stripped out to strictly enforce the structural mappings of the Recursica UI Kit.
|
|
2700
|
+
*/
|
|
2701
|
+
declare type TimelineProps = RecursicaOverStyled<Omit<TimelineProps_2, "color" | "radius" | "bulletSize" | "lineWidth"> & RecursicaTimelineProps>;
|
|
2702
|
+
|
|
2703
|
+
export declare const TimePicker: typeof rawComponents.TimePicker;
|
|
2704
|
+
|
|
2705
|
+
declare const TimePicker_2: default_2.ForwardRefExoticComponent<TimePickerProps_2 & default_2.RefAttributes<HTMLDivElement>>;
|
|
2706
|
+
|
|
2707
|
+
declare type TimePickerProps_2 = RecursicaOverStyled<RecursicaTimePickerProps>;
|
|
2708
|
+
|
|
2709
|
+
export declare const Title: typeof rawComponents.Title;
|
|
2710
|
+
|
|
2711
|
+
declare const Title_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TypographyProps, "classes" | "variant"> & RecursicaTitleProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2712
|
+
overStyled?: false | undefined;
|
|
2713
|
+
}, "ref"> | Omit<Omit<Omit<TypographyProps, "classes" | "variant"> & RecursicaTitleProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2714
|
+
m?: string | number | RecursicaSpacing;
|
|
2715
|
+
mx?: string | number | RecursicaSpacing;
|
|
2716
|
+
my?: string | number | RecursicaSpacing;
|
|
2717
|
+
mt?: string | number | RecursicaSpacing;
|
|
2718
|
+
mb?: string | number | RecursicaSpacing;
|
|
2719
|
+
ml?: string | number | RecursicaSpacing;
|
|
2720
|
+
mr?: string | number | RecursicaSpacing;
|
|
2721
|
+
gap?: string | number | RecursicaSpacing;
|
|
2722
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2723
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2724
|
+
} & {
|
|
2725
|
+
overStyled: true;
|
|
2726
|
+
}, "ref">) & default_2.RefAttributes<HTMLElement>>;
|
|
2727
|
+
|
|
2728
|
+
declare type TitleProps = RecursicaOverStyled<Omit<TypographyProps, "variant" | "classes"> & RecursicaTitleProps>;
|
|
2729
|
+
|
|
2730
|
+
export declare const Toast: typeof rawComponents.Toast;
|
|
2731
|
+
|
|
2732
|
+
declare const Toast_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AlertProps, "color" | "variant" | "onClose" | "radius"> & RecursicaToastProps>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2733
|
+
overStyled?: false | undefined;
|
|
2734
|
+
}, "ref"> | Omit<Omit<Omit<AlertProps, "color" | "variant" | "onClose" | "radius"> & RecursicaToastProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2735
|
+
m?: string | number | RecursicaSpacing;
|
|
2736
|
+
mx?: string | number | RecursicaSpacing;
|
|
2737
|
+
my?: string | number | RecursicaSpacing;
|
|
2738
|
+
mt?: string | number | RecursicaSpacing;
|
|
2739
|
+
mb?: string | number | RecursicaSpacing;
|
|
2740
|
+
ml?: string | number | RecursicaSpacing;
|
|
2741
|
+
mr?: string | number | RecursicaSpacing;
|
|
2742
|
+
gap?: string | number | RecursicaSpacing;
|
|
2743
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2744
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2745
|
+
} & {
|
|
2746
|
+
overStyled: true;
|
|
2747
|
+
}, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
|
|
2748
|
+
|
|
2749
|
+
/**
|
|
2750
|
+
* Toast component wrapping Mui's Alert.
|
|
2751
|
+
*
|
|
2752
|
+
* Can be used as a standalone visual component to display a notification or message.
|
|
2753
|
+
*/
|
|
2754
|
+
declare type ToastProps = RecursicaOverStyled<Omit<AlertProps, "color" | "radius" | "variant" | "onClose"> & RecursicaToastProps>;
|
|
2755
|
+
|
|
2756
|
+
/**
|
|
2757
|
+
* Toggles the global highlight state for overStyled components.
|
|
2758
|
+
* When active, components with overStyled=true will render a wrapping div with a cyan box shadow.
|
|
2759
|
+
*
|
|
2760
|
+
* @param active - Optional boolean to force a state.
|
|
2761
|
+
* @returns The new active state.
|
|
2762
|
+
*/
|
|
2763
|
+
export declare function toggleGlobalOverStyled(active?: boolean): boolean;
|
|
2764
|
+
|
|
2765
|
+
export declare const Tooltip: typeof rawComponents.Tooltip;
|
|
2766
|
+
|
|
2767
|
+
declare const Tooltip_2: {
|
|
2768
|
+
({ overStyled, withBeak, label, opened, ...rest }: TooltipProps_2 & {
|
|
2769
|
+
label?: React.ReactNode;
|
|
2770
|
+
opened?: boolean;
|
|
2771
|
+
}): JSX.Element;
|
|
2772
|
+
displayName: string;
|
|
2773
|
+
};
|
|
2774
|
+
|
|
2775
|
+
/**
|
|
2776
|
+
* Recursica Tooltip component wrapping Mui's Tooltip.
|
|
2777
|
+
*
|
|
2778
|
+
* Displays a floating label when the user hovers over or focuses a target element.
|
|
2779
|
+
* Unlike HoverCard, Tooltip is a single component (not composable) — content is
|
|
2780
|
+
* passed via the `label` prop, and the trigger is passed as `children`.
|
|
2781
|
+
*
|
|
2782
|
+
* ```tsx
|
|
2783
|
+
* <Tooltip label="Helpful information" withBeak>
|
|
2784
|
+
* <Button>Hover me</Button>
|
|
2785
|
+
* </Tooltip>
|
|
2786
|
+
* ```
|
|
2787
|
+
*
|
|
2788
|
+
* Static sub-components available via dot-notation:
|
|
2789
|
+
* - `// Tooltip.Floating` — Tooltip that follows the cursor
|
|
2790
|
+
* - `// Tooltip.Group` — Shared hover delay group for multiple tooltips
|
|
2791
|
+
*/
|
|
2792
|
+
declare type TooltipProps_2 = RecursicaOverStyled<TooltipProps & RecursicaTooltipProps>;
|
|
2793
|
+
|
|
2794
|
+
export declare const TransferList: typeof rawComponents.TransferList;
|
|
2795
|
+
|
|
2796
|
+
declare const TransferList_2: default_2.FC<TransferListProps>;
|
|
2797
|
+
|
|
2798
|
+
declare type TransferListProps = default_2.HTMLAttributes<HTMLDivElement> & RecursicaTransferListProps;
|
|
2799
|
+
|
|
2800
|
+
export declare const Tree: typeof rawComponents.Tree;
|
|
2801
|
+
|
|
2802
|
+
/**
|
|
2803
|
+
* Recursively renders hierarchical `data` as an expandable/selectable tree.
|
|
2804
|
+
*
|
|
2805
|
+
* **Recursica Abstract:**
|
|
2806
|
+
* Wraps `@mui/x-tree-view`'s `RichTreeView` with a fully custom item renderer so every visual
|
|
2807
|
+
* aspect (row box model, selected/unselected colors and typography, indent, item spacing)
|
|
2808
|
+
* comes from Recursica's `tree` design tokens rather than MUI's defaults.
|
|
2809
|
+
*
|
|
2810
|
+
* **Interaction pattern (fixed, not prop-configurable):** expand/collapse and select are
|
|
2811
|
+
* independent — the chevron button toggles a node's subtree only, clicking the rest of a row
|
|
2812
|
+
* (or pressing `Enter`/`Space`) selects it only, and `ArrowLeft`/`ArrowRight` toggle expansion
|
|
2813
|
+
* only. See `RecursicaTreeProps` for the full breakdown.
|
|
2814
|
+
*/
|
|
2815
|
+
declare const Tree_2: default_2.ForwardRefExoticComponent<TreeProps & default_2.RefAttributes<HTMLUListElement>>;
|
|
2816
|
+
|
|
2817
|
+
declare type TreeProps = RecursicaOverStyled<RecursicaTreeProps & Omit<default_2.ComponentPropsWithoutRef<"ul">, "children">>;
|
|
2818
|
+
|
|
2819
|
+
export declare const Typography: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TypographyProps, "variant"> & {
|
|
2820
|
+
typographyClass: string;
|
|
2821
|
+
component?: React.ElementType;
|
|
2822
|
+
}>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2823
|
+
overStyled?: false | undefined;
|
|
2824
|
+
}, "ref"> | Omit<Omit<Omit<TypographyProps, "variant"> & {
|
|
2825
|
+
typographyClass: string;
|
|
2826
|
+
component?: React.ElementType;
|
|
2827
|
+
}, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2828
|
+
m?: string | number | RecursicaSpacing;
|
|
2829
|
+
mx?: string | number | RecursicaSpacing;
|
|
2830
|
+
my?: string | number | RecursicaSpacing;
|
|
2831
|
+
mt?: string | number | RecursicaSpacing;
|
|
2832
|
+
mb?: string | number | RecursicaSpacing;
|
|
2833
|
+
ml?: string | number | RecursicaSpacing;
|
|
2834
|
+
mr?: string | number | RecursicaSpacing;
|
|
2835
|
+
gap?: string | number | RecursicaSpacing;
|
|
2836
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2837
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2838
|
+
} & {
|
|
2839
|
+
overStyled: true;
|
|
2840
|
+
}, "ref">) & RefAttributes<HTMLElement>>;
|
|
2841
|
+
|
|
2842
|
+
declare const Typography_2: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TypographyProps, "variant"> & {
|
|
2843
|
+
/**
|
|
2844
|
+
* Internal typography class mapping
|
|
2845
|
+
*/
|
|
2846
|
+
typographyClass: string;
|
|
2847
|
+
component?: default_2.ElementType;
|
|
2848
|
+
}>, BlockedStylingKeys> & ForbiddenStyles & {
|
|
2849
|
+
overStyled?: false | undefined;
|
|
2850
|
+
}, "ref"> | Omit<Omit<Omit<TypographyProps, "variant"> & {
|
|
2851
|
+
/**
|
|
2852
|
+
* Internal typography class mapping
|
|
2853
|
+
*/
|
|
2854
|
+
typographyClass: string;
|
|
2855
|
+
component?: default_2.ElementType;
|
|
2856
|
+
}, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2857
|
+
m?: string | number | RecursicaSpacing;
|
|
2858
|
+
mx?: string | number | RecursicaSpacing;
|
|
2859
|
+
my?: string | number | RecursicaSpacing;
|
|
2860
|
+
mt?: string | number | RecursicaSpacing;
|
|
2861
|
+
mb?: string | number | RecursicaSpacing;
|
|
2862
|
+
ml?: string | number | RecursicaSpacing;
|
|
2863
|
+
mr?: string | number | RecursicaSpacing;
|
|
2864
|
+
gap?: string | number | RecursicaSpacing;
|
|
2865
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2866
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2867
|
+
} & {
|
|
2868
|
+
overStyled: true;
|
|
2869
|
+
}, "ref">) & default_2.RefAttributes<HTMLElement>>;
|
|
2870
|
+
|
|
2871
|
+
declare type TypographyProps_2 = RecursicaOverStyled<Omit<TypographyProps, "variant"> & {
|
|
2872
|
+
/**
|
|
2873
|
+
* Internal typography class mapping
|
|
2874
|
+
*/
|
|
2875
|
+
typographyClass: string;
|
|
2876
|
+
component?: default_2.ElementType;
|
|
2877
|
+
}>;
|
|
2878
|
+
|
|
2879
|
+
/**
|
|
2880
|
+
* React hook that returns the current global overStyled active state and subscribes to changes.
|
|
2881
|
+
*/
|
|
2882
|
+
export declare function useGlobalOverStyled(): boolean;
|
|
2883
|
+
|
|
2884
|
+
/**
|
|
2885
|
+
* Universal execution barrier trapping readOnly states globally.
|
|
2886
|
+
* Natively delegates active logic down avoiding duplicative internal component bindings dynamically.
|
|
2887
|
+
*/
|
|
2888
|
+
declare const WithReadOnlyWrapper: default_2.ForwardRefExoticComponent<Omit<WithReadOnlyWrapperProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
|
|
2889
|
+
|
|
2890
|
+
declare interface WithReadOnlyWrapperProps extends Omit<FormControlWrapperProps, "children" | "overStyled"> {
|
|
2891
|
+
/** Injects whether the field defaults to reading mode natively */
|
|
2892
|
+
readOnly?: boolean;
|
|
2893
|
+
/** Explicit React component directly overtaking the baseline text renderer when read-only mode is active */
|
|
2894
|
+
readOnlyComponent?: default_2.ElementType<any>;
|
|
2895
|
+
/** Custom renderer explicitly responsible for formatting missing/empty value mappings (overriding default 'N/A') */
|
|
2896
|
+
emptyValueComponent?: default_2.ElementType<{
|
|
2897
|
+
value?: any;
|
|
2898
|
+
}>;
|
|
2899
|
+
/** The full native props dictionary securely forwarded into the custom readOnlyComponent if active */
|
|
2900
|
+
readOnlyNativeProps?: any;
|
|
2901
|
+
/** Instructs the underlying generic ReadOnlyField which raw visual structure to bridge automatically */
|
|
2902
|
+
readOnlyType?: ReadOnlyFieldType;
|
|
2903
|
+
/** The isolated raw data value intercepted explicitly into the ReadOnly formatters */
|
|
2904
|
+
readOnlyValue?: any;
|
|
2905
|
+
/** Safely enables deep overrides transparently bypassing block filters */
|
|
2906
|
+
overStyled?: boolean;
|
|
2907
|
+
/** The nested active node dynamically exposed exclusively when read-only bounds are disabled */
|
|
2908
|
+
activeComponent: default_2.ReactNode;
|
|
2909
|
+
}
|
|
2910
|
+
|
|
2911
|
+
/**
|
|
2912
|
+
* Utility type to override margin and gap properties with RecursicaSpacing.
|
|
2913
|
+
*/
|
|
2914
|
+
export declare type WithRecursicaSpacing<T> = Omit<T, "m" | "mx" | "my" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
2915
|
+
m?: string | number | RecursicaSpacing;
|
|
2916
|
+
mx?: string | number | RecursicaSpacing;
|
|
2917
|
+
my?: string | number | RecursicaSpacing;
|
|
2918
|
+
mt?: string | number | RecursicaSpacing;
|
|
2919
|
+
mb?: string | number | RecursicaSpacing;
|
|
2920
|
+
ml?: string | number | RecursicaSpacing;
|
|
2921
|
+
mr?: string | number | RecursicaSpacing;
|
|
2922
|
+
gap?: string | number | RecursicaSpacing;
|
|
2923
|
+
rowGap?: string | number | RecursicaSpacing;
|
|
2924
|
+
columnGap?: string | number | RecursicaSpacing;
|
|
2925
|
+
};
|
|
2926
|
+
|
|
2927
|
+
export declare function wrapComponent<T>(Component: T): T;
|
|
2928
|
+
|
|
2929
|
+
export { }
|