@recursica/mantine-adapter 0.38.0 → 0.38.1
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/CHANGELOG.md +6 -0
- package/dist/index.d.ts +2892 -2
- package/package.json +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 -21
- package/dist/src/components/Accordion/index.d.ts +0 -1
- package/dist/src/components/AssistiveElement/AssistiveElement.d.ts +0 -5
- package/dist/src/components/AutoComplete/AutoComplete.d.ts +0 -11
- package/dist/src/components/Avatar/Avatar.d.ts +0 -18
- package/dist/src/components/Avatar/index.d.ts +0 -1
- package/dist/src/components/Badge/Badge.d.ts +0 -18
- package/dist/src/components/Breadcrumb/Breadcrumb.d.ts +0 -5
- package/dist/src/components/Button/Button.d.ts +0 -30
- package/dist/src/components/Button/index.d.ts +0 -1
- package/dist/src/components/Card/Card.d.ts +0 -59
- package/dist/src/components/Checkbox/Checkbox.d.ts +0 -13
- package/dist/src/components/Checkbox/CheckboxGroup.d.ts +0 -9
- package/dist/src/components/Chip/Chip.d.ts +0 -6
- package/dist/src/components/Container/Container.d.ts +0 -23
- package/dist/src/components/DatePicker/DatePicker.d.ts +0 -9
- package/dist/src/components/Dropdown/BareDropdown.d.ts +0 -19
- package/dist/src/components/Dropdown/Dropdown.d.ts +0 -9
- package/dist/src/components/FileInput/FileInput.d.ts +0 -3
- package/dist/src/components/FileUpload/FileUpload.d.ts +0 -3
- package/dist/src/components/Flex/Flex.d.ts +0 -52
- package/dist/src/components/FormControlLayout/FormControlLayout.d.ts +0 -16
- package/dist/src/components/FormControlWrapper/FormControlWrapper.d.ts +0 -7
- package/dist/src/components/Grid/Grid.d.ts +0 -91
- package/dist/src/components/Group/Group.d.ts +0 -23
- package/dist/src/components/HoverCard/HoverCard.d.ts +0 -45
- package/dist/src/components/Label/Label.d.ts +0 -6
- package/dist/src/components/Label/index.d.ts +0 -1
- package/dist/src/components/Link/Link.d.ts +0 -23
- package/dist/src/components/Link/index.d.ts +0 -1
- package/dist/src/components/Loader/Loader.d.ts +0 -5
- package/dist/src/components/Menu/Menu.d.ts +0 -116
- package/dist/src/components/Modal/Modal.d.ts +0 -54
- package/dist/src/components/Modal/index.d.ts +0 -1
- package/dist/src/components/NumberInput/NumberInput.d.ts +0 -9
- package/dist/src/components/Pagination/Pagination.d.ts +0 -69
- 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 -74
- package/dist/src/components/Popover/Popover.d.ts +0 -47
- package/dist/src/components/Popover/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/ReadOnlyField/ReadOnlyBooleanField.d.ts +0 -5
- package/dist/src/components/ReadOnlyField/ReadOnlyField.d.ts +0 -12
- 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 -5
- package/dist/src/components/SegmentedControl/SegmentedControl.d.ts +0 -11
- package/dist/src/components/Slider/Slider.d.ts +0 -15
- package/dist/src/components/Stack/Stack.d.ts +0 -42
- package/dist/src/components/Stepper/Stepper.d.ts +0 -15
- package/dist/src/components/Switch/Switch.d.ts +0 -13
- package/dist/src/components/Switch/SwitchGroup.d.ts +0 -9
- package/dist/src/components/Table/Table.d.ts +0 -33
- package/dist/src/components/Tabs/Tabs.d.ts +0 -19
- package/dist/src/components/Text/Text.d.ts +0 -24
- package/dist/src/components/TextArea/TextArea.d.ts +0 -9
- package/dist/src/components/TextField/TextField.d.ts +0 -9
- package/dist/src/components/TimePicker/TimePicker.d.ts +0 -10
- package/dist/src/components/Timeline/Timeline.d.ts +0 -16
- package/dist/src/components/Timeline/TimelineItem.d.ts +0 -14
- package/dist/src/components/Title/Title.d.ts +0 -8
- package/dist/src/components/Toast/Toast.d.ts +0 -11
- package/dist/src/components/Toast/index.d.ts +0 -1
- package/dist/src/components/Tooltip/Tooltip.d.ts +0 -33
- package/dist/src/components/TransferList/TransferList.d.ts +0 -4
- package/dist/src/components/Tree/Tree.d.ts +0 -18
- package/dist/src/components/Tree/index.d.ts +0 -1
- package/dist/src/components/index.d.ts +0 -52
- package/dist/src/index.d.ts +0 -220
- 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 -28
- 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/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const OverStylingInfo: () => import("react/jsx-runtime").JSX.Element;
|
package/dist/src/Version.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const VersionInfo: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { AccordionProps as MantineAccordionProps, AccordionItemProps, AccordionControlProps, AccordionPanelProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaAccordionProps, RecursicaAccordionItemProps, RecursicaAccordionControlProps } from '@recursica/adapter-common';
|
|
4
|
-
export type AccordionProps = RecursicaOverStyled<Omit<MantineAccordionProps, "value" | "defaultValue" | "onChange" | "multiple" | "variant"> & RecursicaAccordionProps>;
|
|
5
|
-
declare const AccordionBase: {
|
|
6
|
-
({ variant, overStyled, ...rest }: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
displayName: string;
|
|
8
|
-
};
|
|
9
|
-
export type AccordionItemWrapperProps = RecursicaOverStyled<AccordionItemProps & RecursicaAccordionItemProps>;
|
|
10
|
-
export declare const AccordionItem: import('react').ForwardRefExoticComponent<AccordionItemWrapperProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
-
export type AccordionControlWrapperProps = RecursicaOverStyled<AccordionControlProps & RecursicaAccordionControlProps>;
|
|
12
|
-
export declare const AccordionControl: import('react').ForwardRefExoticComponent<AccordionControlWrapperProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
13
|
-
export type AccordionPanelWrapperProps = RecursicaOverStyled<AccordionPanelProps>;
|
|
14
|
-
export declare const AccordionPanel: import('react').ForwardRefExoticComponent<AccordionPanelWrapperProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
15
|
-
type AccordionComponent = typeof AccordionBase & {
|
|
16
|
-
Item: typeof AccordionItem;
|
|
17
|
-
Control: typeof AccordionControl;
|
|
18
|
-
Panel: typeof AccordionPanel;
|
|
19
|
-
};
|
|
20
|
-
export declare const Accordion: AccordionComponent;
|
|
21
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Accordion';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaAssistiveElementProps } from '@recursica/adapter-common';
|
|
4
|
-
export type AssistiveElementProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement> & RecursicaAssistiveElementProps>;
|
|
5
|
-
export declare const AssistiveElement: React.ForwardRefExoticComponent<AssistiveElementProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { AutocompleteProps as MantineAutocompleteProps, InputWrapperProps } from '@mantine/core';
|
|
3
|
-
import { ReadOnlyControlProps, RecursicaAutocompleteProps as BaseRecursicaAutocompleteProps } from '@recursica/adapter-common';
|
|
4
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
-
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
-
export interface RecursicaAutoCompleteProps extends Omit<MantineAutocompleteProps, "size" | "variant" | "radius" | "wrapperProps" | "data" | "defaultValue" | "value">, Pick<InputWrapperProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, BaseRecursicaAutocompleteProps {
|
|
7
|
-
/** Current input value */
|
|
8
|
-
value?: string;
|
|
9
|
-
}
|
|
10
|
-
export type AutoCompleteProps = RecursicaOverStyled<RecursicaAutoCompleteProps>;
|
|
11
|
-
export declare const AutoComplete: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { AvatarProps as MantineAvatarProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaAvatarProps } from '@recursica/adapter-common';
|
|
4
|
-
export type AvatarProps = RecursicaOverStyled<Omit<MantineAvatarProps, "variant" | "size" | "color" | "radius"> & RecursicaAvatarProps>;
|
|
5
|
-
/**
|
|
6
|
-
* Recursica Avatar component wrapping Mantine's Avatar.
|
|
7
|
-
*
|
|
8
|
-
* Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
|
|
9
|
-
*/
|
|
10
|
-
export declare const Avatar: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, AvatarProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((AvatarProps & {
|
|
11
|
-
component?: any;
|
|
12
|
-
}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "name" | "icon" | "size" | "component" | "alt" | "src" | "gradient" | "imageProps" | "autoContrast" | "allowedInitialsColors"> & {
|
|
13
|
-
ref?: any;
|
|
14
|
-
renderRoot?: (props: any) => any;
|
|
15
|
-
}) | (AvatarProps & {
|
|
16
|
-
component: React.ElementType;
|
|
17
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
18
|
-
})>, never> & Record<string, never>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Avatar';
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { BadgeProps as MantineBadgeProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaBadgeProps } from '@recursica/adapter-common';
|
|
4
|
-
export type BadgeProps = RecursicaOverStyled<Omit<MantineBadgeProps, "variant" | "size" | "color" | "radius"> & RecursicaBadgeProps>;
|
|
5
|
-
/**
|
|
6
|
-
* Recursica Badge component wrapping Mantine's Badge.
|
|
7
|
-
*
|
|
8
|
-
* Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
|
|
9
|
-
*/
|
|
10
|
-
export declare const Badge: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, BadgeProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((BadgeProps & {
|
|
11
|
-
component?: any;
|
|
12
|
-
}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "circle" | "children" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "component" | "leftSection" | "rightSection" | "gradient" | "autoContrast" | "fullWidth"> & {
|
|
13
|
-
ref?: any;
|
|
14
|
-
renderRoot?: (props: any) => any;
|
|
15
|
-
}) | (BadgeProps & {
|
|
16
|
-
component: React.ElementType;
|
|
17
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
18
|
-
})>, never> & Record<string, never>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { BreadcrumbsProps as MantineBreadcrumbsProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaBreadcrumbProps } from '@recursica/adapter-common';
|
|
4
|
-
export type BreadcrumbProps = RecursicaOverStyled<Omit<MantineBreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>;
|
|
5
|
-
export declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { ButtonProps as MantineButtonProps } from '@mantine/core';
|
|
3
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
-
import { RecursicaButtonProps } from '@recursica/adapter-common';
|
|
5
|
-
export type ButtonProps = RecursicaOverStyled<Omit<MantineButtonProps, "variant" | "size" | "leftSection" | "fullWidth"> & RecursicaButtonProps>;
|
|
6
|
-
/**
|
|
7
|
-
* Recursica Button component wrapping Mantine's Button.
|
|
8
|
-
*
|
|
9
|
-
* Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
|
|
10
|
-
* This is particularly useful when you need a button that behaves as a hyperlink (rendering an `<a>` tag)
|
|
11
|
-
* or integrates with a routing library (e.g., `react-router-dom` or Next.js), while preserving full visual styling.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```tsx
|
|
15
|
-
* // Renders as an <a> tag natively
|
|
16
|
-
* <Button component="a" href="/dashboard" target="_blank">Navigate</Button>
|
|
17
|
-
*
|
|
18
|
-
* // Renders using a custom router link
|
|
19
|
-
* <Button renderRoot={(props) => <Link to="/home" {...props} />}>Home</Button>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export declare const Button: (<C = "button">(props: import('@mantine/core').PolymorphicComponentProps<C, ButtonProps>) => React.ReactElement) & Omit<React.FunctionComponent<((ButtonProps & {
|
|
23
|
-
component?: any;
|
|
24
|
-
}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "color" | "children" | "radius" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "disabled" | "icon" | "justify" | "size" | "component" | "rightSection" | "data-disabled" | "gradient" | "autoContrast" | "loading" | "loaderProps" | "loaderVariant" | "loaderSize" | "useRecursicaLoader"> & {
|
|
25
|
-
ref?: any;
|
|
26
|
-
renderRoot?: (props: any) => any;
|
|
27
|
-
}) | (ButtonProps & {
|
|
28
|
-
component: React.ElementType;
|
|
29
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
30
|
-
})>, never> & Record<string, never>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Button';
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { CardProps as MantineCardProps, CardSectionProps as MantineCardSectionProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaCardProps, RecursicaCardSectionProps } from '@recursica/adapter-common';
|
|
4
|
-
export type CardProps = RecursicaOverStyled<MantineCardProps & RecursicaCardProps> & {
|
|
5
|
-
flex?: string | number;
|
|
6
|
-
flexGrow?: string | number;
|
|
7
|
-
flexShrink?: string | number;
|
|
8
|
-
flexBasis?: string | number;
|
|
9
|
-
grow?: string | number;
|
|
10
|
-
h?: string | number;
|
|
11
|
-
height?: string | number;
|
|
12
|
-
};
|
|
13
|
-
export type CardSectionProps = RecursicaOverStyled<MantineCardSectionProps & RecursicaCardSectionProps>;
|
|
14
|
-
/**
|
|
15
|
-
* A generalized edge-to-edge structural wrapper native to Mantine. Strips typical boundary padding via negative margins to allow content (like maps or header images) to touch the border seamlessly.
|
|
16
|
-
*/
|
|
17
|
-
export declare const CardSection: import('react').ForwardRefExoticComponent<CardSectionProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
18
|
-
export type CardHeaderProps = RecursicaOverStyled<RecursicaCardSectionProps>;
|
|
19
|
-
/**
|
|
20
|
-
* Replaces standard generic Mantine `<Card.Section>` wrappers by directly injecting the strict Recursica design tokens for header sizing, background drops, and intrinsic padding limits.
|
|
21
|
-
*/
|
|
22
|
-
export declare const CardHeader: import('react').ForwardRefExoticComponent<CardHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
23
|
-
export type CardFooterProps = RecursicaOverStyled<RecursicaCardSectionProps>;
|
|
24
|
-
/**
|
|
25
|
-
* Counterpart to `Card.Header`, applying specific footer elevation margins, sizes, and padding natively.
|
|
26
|
-
*/
|
|
27
|
-
export declare const CardFooter: import('react').ForwardRefExoticComponent<CardFooterProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
28
|
-
export type CardContentProps = RecursicaOverStyled<React.HTMLAttributes<HTMLDivElement>>;
|
|
29
|
-
/**
|
|
30
|
-
* 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.
|
|
31
|
-
*/
|
|
32
|
-
export declare const CardContent: import('react').ForwardRefExoticComponent<CardContentProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
33
|
-
/**
|
|
34
|
-
* Recursica Card component wrapping Mantine's Card (Paper).
|
|
35
|
-
*
|
|
36
|
-
* Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
|
|
37
|
-
* Use dot-notation sub-components for structured card layouts.
|
|
38
|
-
*/
|
|
39
|
-
declare const PolymorphicCard: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, CardProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<((CardProps & {
|
|
40
|
-
component?: any;
|
|
41
|
-
}) & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "variant" | "children" | "radius" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "overStyled" | "height" | "component" | "padding" | "withBorder" | "flexGrow" | "flexShrink" | "flexBasis" | "grow"> & {
|
|
42
|
-
ref?: any;
|
|
43
|
-
renderRoot?: (props: any) => any;
|
|
44
|
-
}) | (CardProps & {
|
|
45
|
-
component: React.ElementType;
|
|
46
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
47
|
-
})>, never> & {
|
|
48
|
-
Section: typeof CardSection;
|
|
49
|
-
Header: typeof CardHeader;
|
|
50
|
-
Footer: typeof CardFooter;
|
|
51
|
-
Content: typeof CardContent;
|
|
52
|
-
};
|
|
53
|
-
export declare const Card: typeof PolymorphicCard & {
|
|
54
|
-
Section: typeof CardSection;
|
|
55
|
-
Header: typeof CardHeader;
|
|
56
|
-
Footer: typeof CardFooter;
|
|
57
|
-
Content: typeof CardContent;
|
|
58
|
-
};
|
|
59
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { CheckboxProps as MantineCheckboxProps } from '@mantine/core';
|
|
2
|
-
import { ReadOnlyControlProps, RequireAccessibleLabel, RecursicaCheckboxProps } from '@recursica/adapter-common';
|
|
3
|
-
import { CheckboxGroup } from './CheckboxGroup';
|
|
4
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
-
import { FormControlLayoutProps } from '../FormControlLayout/FormControlLayout';
|
|
6
|
-
export type CheckboxWrapperProps = Omit<MantineCheckboxProps, "size" | "color" | "radius" | "iconColor" | "variant"> & RecursicaCheckboxProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
|
|
7
|
-
export type RecursicaCheckboxPropsAlias = RequireAccessibleLabel<CheckboxWrapperProps>;
|
|
8
|
-
export type CheckboxProps = RecursicaOverStyled<RecursicaCheckboxPropsAlias>;
|
|
9
|
-
type CheckboxComponent = React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
|
|
10
|
-
Group: typeof CheckboxGroup;
|
|
11
|
-
};
|
|
12
|
-
export declare const Checkbox: CheckboxComponent;
|
|
13
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { CheckboxGroupProps as MantineCheckboxGroupProps } from '@mantine/core';
|
|
3
|
-
import { ReadOnlyControlProps, RecursicaCheckboxGroupProps as BaseRecursicaCheckboxGroupProps } from '@recursica/adapter-common';
|
|
4
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
-
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
-
export interface RecursicaCheckboxGroupProps extends Omit<MantineCheckboxGroupProps, "size" | "labelProps" | "defaultValue" | "value" | "onChange">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, BaseRecursicaCheckboxGroupProps {
|
|
7
|
-
}
|
|
8
|
-
export type CheckboxGroupProps = RecursicaOverStyled<RecursicaCheckboxGroupProps>;
|
|
9
|
-
export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { ChipProps as MantineChipProps } from '@mantine/core';
|
|
3
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
-
import { RecursicaChipProps } from '@recursica/adapter-common';
|
|
5
|
-
export type ChipProps = RecursicaOverStyled<Omit<MantineChipProps, "variant" | "size" | "color" | "radius"> & RecursicaChipProps>;
|
|
6
|
-
export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ContainerProps as MantineContainerProps } from '@mantine/core';
|
|
2
|
-
import { WithRecursicaSpacing } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaContainerProps } from '@recursica/adapter-common';
|
|
4
|
-
/**
|
|
5
|
-
* Container layout wrapper.
|
|
6
|
-
*
|
|
7
|
-
* Note: Unlike complex UI components, primitive layout components (Flex, Stack, Group, Container)
|
|
8
|
-
* DO NOT use the `RecursicaOverStyled` gatekeeper. Developers must be able to freely pass
|
|
9
|
-
* width, height, padding, margins, and flexbox alignment props to construct structural layouts.
|
|
10
|
-
*/
|
|
11
|
-
export type ContainerProps = WithRecursicaSpacing<Omit<MantineContainerProps, "size"> & RecursicaContainerProps>;
|
|
12
|
-
export declare const Container: import('react').ForwardRefExoticComponent<Omit<Omit<MantineContainerProps, "size"> & RecursicaContainerProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
13
|
-
m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
14
|
-
mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
15
|
-
my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
16
|
-
mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
17
|
-
mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
18
|
-
ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
19
|
-
mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
20
|
-
gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
21
|
-
rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
22
|
-
columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
23
|
-
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { DatePickerInputProps } from '@mantine/dates';
|
|
3
|
-
import { ReadOnlyControlProps, RecursicaDatePickerProps as BaseRecursicaDatePickerProps } from '@recursica/adapter-common';
|
|
4
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
-
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
-
export interface RecursicaDatePickerProps extends Omit<DatePickerInputProps, "size" | "variant" | "radius" | "wrapperProps" | "label" | "error" | "required" | "withAsterisk" | "id" | "description">, Pick<DatePickerInputProps, "label" | "error" | "required" | "withAsterisk" | "id">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, BaseRecursicaDatePickerProps {
|
|
7
|
-
}
|
|
8
|
-
export type DatePickerProps = RecursicaOverStyled<RecursicaDatePickerProps>;
|
|
9
|
-
export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { SelectProps as MantineSelectProps } from '@mantine/core';
|
|
2
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
3
|
-
/**
|
|
4
|
-
* Bare, unwrapped Select — no `FormControlWrapper`/`WithReadOnlyWrapper`, no label/assistiveText/
|
|
5
|
-
* error/required. Tied to the same `Dropdown.module.css` variables/classes as the public
|
|
6
|
-
* `Dropdown` component, so it looks identical, but is meant to be embedded inside another
|
|
7
|
-
* component that already owns its own `FormControlWrapper` (e.g. `TimePicker`'s AM/PM control) —
|
|
8
|
-
* nesting the full `Dropdown` there would double up `FormControl`/`FormControlLayout` wrapping.
|
|
9
|
-
*
|
|
10
|
-
* Not exported from this folder's `index.ts` — internal use only. Import it directly:
|
|
11
|
-
* `import { BareDropdown } from "../Dropdown/BareDropdown"`.
|
|
12
|
-
*/
|
|
13
|
-
export interface BareDropdownProps extends Omit<MantineSelectProps, "size" | "variant" | "radius" | "wrapperProps" | "label" | "description" | "error"> {
|
|
14
|
-
data: MantineSelectProps["data"];
|
|
15
|
-
/** Applies the error visual state (via `data-error`) — no error message is rendered here. */
|
|
16
|
-
error?: boolean;
|
|
17
|
-
}
|
|
18
|
-
export type BareDropdownComponentProps = RecursicaOverStyled<BareDropdownProps>;
|
|
19
|
-
export declare const BareDropdown: import('react').ForwardRefExoticComponent<BareDropdownComponentProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { SelectProps as MantineSelectProps } from '@mantine/core';
|
|
3
|
-
import { ReadOnlyControlProps, RecursicaDropdownProps as BaseRecursicaDropdownProps } from '@recursica/adapter-common';
|
|
4
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
5
|
-
import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
|
|
6
|
-
export interface RecursicaDropdownProps extends Omit<MantineSelectProps, "size" | "variant" | "radius" | "wrapperProps" | "data">, Omit<RecursicaFormControlWrapperProps, "controlMaxWidth" | "controlMinWidth">, ReadOnlyControlProps, BaseRecursicaDropdownProps {
|
|
7
|
-
}
|
|
8
|
-
export type DropdownProps = RecursicaOverStyled<RecursicaDropdownProps>;
|
|
9
|
-
export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { FlexProps as MantineFlexProps } from '@mantine/core';
|
|
2
|
-
import { WithRecursicaSpacing } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaFlexProps } from '@recursica/adapter-common';
|
|
4
|
-
/**
|
|
5
|
-
* Flex layout wrapper.
|
|
6
|
-
*
|
|
7
|
-
* Note: Unlike complex UI components, primitive layout components (Flex, Stack, Group, Container)
|
|
8
|
-
* DO NOT use the `RecursicaOverStyled` gatekeeper. Developers must be able to freely pass
|
|
9
|
-
* width, height, padding, margins, and flexbox alignment props to construct structural layouts.
|
|
10
|
-
*/
|
|
11
|
-
export type FlexProps = WithRecursicaSpacing<MantineFlexProps & RecursicaFlexProps>;
|
|
12
|
-
/**
|
|
13
|
-
* Recursica Flex layout wrapper.
|
|
14
|
-
*
|
|
15
|
-
* Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
|
|
16
|
-
* @example
|
|
17
|
-
* ```tsx
|
|
18
|
-
* <Flex component="nav">...</Flex>
|
|
19
|
-
* <Flex component="section">...</Flex>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export declare const Flex: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, FlexProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<(Omit<MantineFlexProps & RecursicaFlexProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
23
|
-
m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
24
|
-
mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
25
|
-
my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
26
|
-
mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
27
|
-
mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
28
|
-
ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
29
|
-
mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
30
|
-
gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
31
|
-
rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
32
|
-
columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
33
|
-
} & {
|
|
34
|
-
component?: any;
|
|
35
|
-
} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "justify" | "component" | "wrap" | "align" | "direction"> & {
|
|
36
|
-
ref?: any;
|
|
37
|
-
renderRoot?: (props: any) => any;
|
|
38
|
-
}) | (Omit<MantineFlexProps & RecursicaFlexProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
39
|
-
m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
40
|
-
mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
41
|
-
my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
42
|
-
mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
43
|
-
mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
44
|
-
ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
45
|
-
mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
46
|
-
gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
47
|
-
rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
48
|
-
columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
49
|
-
} & {
|
|
50
|
-
component: React.ElementType;
|
|
51
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
52
|
-
})>, never> & Record<string, never>;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { RecursicaFormControlLayoutProps } from '@recursica/adapter-common';
|
|
3
|
-
export interface FormControlLayoutProps extends React.HTMLAttributes<HTMLDivElement>, RecursicaFormControlLayoutProps {
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* A layout component used to correctly position form inputs alongside their labels.
|
|
7
|
-
*
|
|
8
|
-
* **When to use this:**
|
|
9
|
-
* Typically, you should use `FormControlWrapper` instead, which uses this component
|
|
10
|
-
* under the hood to handle layout automatically.
|
|
11
|
-
*
|
|
12
|
-
* However, this component is useful when you need to align standalone inputs
|
|
13
|
-
* (like a `Switch` or `Checkbox` without a label) so they perfectly match the spacing
|
|
14
|
-
* and alignment of your other form fields in a `side-by-side` layout.
|
|
15
|
-
*/
|
|
16
|
-
export declare const FormControlLayout: React.ForwardRefExoticComponent<FormControlLayoutProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { InputWrapperProps } from '@mantine/core';
|
|
3
|
-
import { RecursicaOverStyled } from '../../utils/filterStylingProps';
|
|
4
|
-
import { RecursicaFormControlWrapperProps } from '@recursica/adapter-common';
|
|
5
|
-
export type { RecursicaFormControlWrapperProps };
|
|
6
|
-
export type FormControlWrapperProps = RecursicaOverStyled<Omit<InputWrapperProps, "labelProps" | "inputWrapperOrder"> & RecursicaFormControlWrapperProps>;
|
|
7
|
-
export declare const FormControlWrapper: React.ForwardRefExoticComponent<FormControlWrapperProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { GridProps as MantineGridProps, GridColProps as MantineGridColProps } from '@mantine/core';
|
|
2
|
-
import { WithRecursicaSpacing } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaGridProps, RecursicaGridColProps } from '@recursica/adapter-common';
|
|
4
|
-
/**
|
|
5
|
-
* Grid layout wrapper.
|
|
6
|
-
*
|
|
7
|
-
* Note: Unlike complex UI components, primitive layout components (Flex, Stack, Group, Container, Grid)
|
|
8
|
-
* DO NOT use the `RecursicaOverStyled` gatekeeper. Developers must be able to freely pass
|
|
9
|
-
* width, height, padding, margins, and flexbox alignment props to construct structural layouts.
|
|
10
|
-
*/
|
|
11
|
-
export type GridProps = WithRecursicaSpacing<Omit<MantineGridProps, "gutter"> & RecursicaGridProps>;
|
|
12
|
-
/**
|
|
13
|
-
* Recursica Grid layout wrapper.
|
|
14
|
-
*
|
|
15
|
-
* Supports polymorphism via the `component` prop for custom element rendering.
|
|
16
|
-
* @example
|
|
17
|
-
* ```tsx
|
|
18
|
-
* <Grid gap="rec-default">
|
|
19
|
-
* <Grid.Col span={6}>Half width</Grid.Col>
|
|
20
|
-
* <Grid.Col span={6}>Half width</Grid.Col>
|
|
21
|
-
* </Grid>
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
declare const GridBase: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, GridProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<(Omit<Omit<MantineGridProps, "gutter"> & RecursicaGridProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
25
|
-
m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
26
|
-
mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
27
|
-
my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
28
|
-
mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
29
|
-
mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
30
|
-
ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
31
|
-
mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
32
|
-
gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
33
|
-
rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
34
|
-
columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
35
|
-
} & {
|
|
36
|
-
component?: any;
|
|
37
|
-
} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "unstyled" | "attributes" | "type" | "justify" | "component" | "align" | "overflow" | "grow" | "columns" | "breakpoints"> & {
|
|
38
|
-
ref?: any;
|
|
39
|
-
renderRoot?: (props: any) => any;
|
|
40
|
-
}) | (Omit<Omit<MantineGridProps, "gutter"> & RecursicaGridProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
41
|
-
m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
42
|
-
mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
43
|
-
my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
44
|
-
mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
45
|
-
mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
46
|
-
ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
47
|
-
mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
48
|
-
gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
49
|
-
rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
50
|
-
columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
51
|
-
} & {
|
|
52
|
-
component: React.ElementType;
|
|
53
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
54
|
-
})>, never> & Record<string, never>;
|
|
55
|
-
export type GridColProps = WithRecursicaSpacing<MantineGridColProps & RecursicaGridColProps>;
|
|
56
|
-
export declare const GridCol: (<C = "div">(props: import('@mantine/core').PolymorphicComponentProps<C, GridColProps>) => React.ReactElement) & Omit<import('react').FunctionComponent<(Omit<MantineGridColProps & RecursicaGridColProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
57
|
-
m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
58
|
-
mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
59
|
-
my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
60
|
-
mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
61
|
-
mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
62
|
-
ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
63
|
-
mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
64
|
-
gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
65
|
-
rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
66
|
-
columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
67
|
-
} & {
|
|
68
|
-
component?: any;
|
|
69
|
-
} & Omit<Omit<any, "ref">, "className" | "classNames" | "style" | "styles" | "vars" | "p" | "px" | "py" | "pt" | "pb" | "pl" | "pr" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "w" | "miw" | "maw" | "h" | "mih" | "mah" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "top" | "left" | "bottom" | "right" | "key" | "defaultValue" | "onChange" | "variant" | "slot" | "span" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "order" | "__vars" | "__size" | "hiddenFrom" | "visibleFrom" | "lightHidden" | "darkHidden" | "mod" | "ms" | "me" | "ps" | "pe" | "bdrs" | "bgsz" | "bgp" | "bgr" | "bga" | "pos" | "inset" | "display" | "flex" | "component" | "offset"> & {
|
|
70
|
-
ref?: any;
|
|
71
|
-
renderRoot?: (props: any) => any;
|
|
72
|
-
}) | (Omit<MantineGridColProps & RecursicaGridColProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
73
|
-
m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
74
|
-
mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
75
|
-
my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
76
|
-
mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
77
|
-
mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
78
|
-
ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
79
|
-
mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
80
|
-
gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
81
|
-
rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
82
|
-
columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
83
|
-
} & {
|
|
84
|
-
component: React.ElementType;
|
|
85
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
86
|
-
})>, never> & Record<string, never>;
|
|
87
|
-
type GridComponent = typeof GridBase & {
|
|
88
|
-
Col: typeof GridCol;
|
|
89
|
-
};
|
|
90
|
-
export declare const Grid: GridComponent;
|
|
91
|
-
export {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { GroupProps as MantineGroupProps } from '@mantine/core';
|
|
2
|
-
import { WithRecursicaSpacing } from '../../utils/filterStylingProps';
|
|
3
|
-
import { RecursicaGroupProps } from '@recursica/adapter-common';
|
|
4
|
-
/**
|
|
5
|
-
* Group flex layout wrapper.
|
|
6
|
-
*
|
|
7
|
-
* Note: Unlike complex UI components, primitive layout components (Flex, Stack, Group, Container)
|
|
8
|
-
* DO NOT use the `RecursicaOverStyled` gatekeeper. Developers must be able to freely pass
|
|
9
|
-
* width, height, padding, margins, and flexbox alignment props to construct structural layouts.
|
|
10
|
-
*/
|
|
11
|
-
export type GroupProps = WithRecursicaSpacing<MantineGroupProps & RecursicaGroupProps>;
|
|
12
|
-
export declare const Group: import('react').ForwardRefExoticComponent<Omit<MantineGroupProps & RecursicaGroupProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap"> & {
|
|
13
|
-
m?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
14
|
-
mx?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
15
|
-
my?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
16
|
-
mt?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
17
|
-
mb?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
18
|
-
ml?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
19
|
-
mr?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
20
|
-
gap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
21
|
-
rowGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
22
|
-
columnGap?: string | number | import('@recursica/adapter-common').RecursicaSpacing;
|
|
23
|
-
} & import('react').RefAttributes<HTMLDivElement>>;
|