@recursica/adapter-mui-v7 1.0.4 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/OVERSTYLING.md +1 -1
  3. package/SETUP.md +26 -3
  4. package/dist/adapter-mui-v7.cjs +64 -64
  5. package/dist/adapter-mui-v7.cjs.map +1 -1
  6. package/dist/adapter-mui-v7.css +1 -1
  7. package/dist/adapter-mui-v7.js +5869 -5645
  8. package/dist/adapter-mui-v7.js.map +1 -1
  9. package/dist/index.d.ts +123 -104
  10. package/llms.txt +1 -1
  11. package/package.json +4 -4
  12. package/recursica_brand.json +172 -235
  13. package/recursica_tokens.json +16 -127
  14. package/recursica_ui-kit.json +2195 -8127
  15. package/recursica_variables_scoped.css +4547 -9194
  16. package/src/components/Checkbox/Checkbox.module.css +1 -3
  17. package/src/components/Container/USAGE.md +0 -1
  18. package/src/components/FileInput/FileInput.module.css +8 -0
  19. package/src/components/FileUpload/FileUpload.module.css +1 -0
  20. package/src/components/FileUpload/FileUpload.tsx +1 -0
  21. package/src/components/Flex/USAGE.md +2 -1
  22. package/src/components/FormControlLayout/FormControlLayout.module.css +6 -3
  23. package/src/components/Group/USAGE.md +2 -1
  24. package/src/components/Heading/Heading.stories.tsx +62 -0
  25. package/src/components/Heading/Heading.tsx +6 -2
  26. package/src/components/Heading/USAGE.md +19 -1
  27. package/src/components/LayoutGrid/LAYOUT_GRID_IMPLEMENTATION_NOTES.md +82 -0
  28. package/src/components/LayoutGrid/LayoutGrid.columns.dom.test.tsx +78 -0
  29. package/src/components/{Grid/Grid.module.css → LayoutGrid/LayoutGrid.module.css} +13 -1
  30. package/src/components/LayoutGrid/LayoutGrid.stories.tsx +61 -0
  31. package/src/components/LayoutGrid/LayoutGrid.test.tsx +1 -0
  32. package/src/components/LayoutGrid/LayoutGrid.tsx +181 -0
  33. package/src/components/LayoutGrid/USAGE.md +79 -0
  34. package/src/components/LayoutGrid/index.ts +1 -0
  35. package/src/components/Menu/Menu.stories.tsx +0 -3
  36. package/src/components/Pagination/IMPLEMENTATION_NOTES.md +42 -38
  37. package/src/components/Pagination/Pagination.icons.tsx +0 -32
  38. package/src/components/Pagination/Pagination.manifest.dom.test.tsx +105 -0
  39. package/src/components/Pagination/Pagination.module.css +25 -164
  40. package/src/components/Pagination/Pagination.tsx +221 -97
  41. package/src/components/Pagination/USAGE.md +8 -1
  42. package/src/components/Panel/Panel.module.css +24 -1
  43. package/src/components/Panel/Panel.stories.tsx +4 -4
  44. package/src/components/Panel/Panel.tsx +10 -1
  45. package/src/components/Radio/Radio.module.css +2 -2
  46. package/src/components/SegmentedControl/SegmentedControl.module.css +18 -0
  47. package/src/components/Stack/USAGE.md +2 -1
  48. package/src/components/Stepper/Stepper.module.css +0 -21
  49. package/src/components/Text/Text.stories.tsx +52 -3
  50. package/src/components/Text/Text.tsx +13 -3
  51. package/src/components/Text/USAGE.md +20 -2
  52. package/src/components/Typography/Typography.module.css +39 -0
  53. package/src/components/index.ts +1 -1
  54. package/src/index.ts +1 -0
  55. package/src/utils/breakpointsFromRecManifest.test.ts +40 -0
  56. package/src/utils/breakpointsFromRecManifest.ts +72 -0
  57. package/src/utils/index.ts +1 -0
  58. package/src/components/Grid/Grid.stories.tsx +0 -161
  59. package/src/components/Grid/Grid.test.tsx +0 -1
  60. package/src/components/Grid/Grid.tsx +0 -155
  61. package/src/components/Grid/IMPLEMENTATION_NOTES.md +0 -24
  62. package/src/components/Grid/USAGE.md +0 -53
  63. package/src/components/Grid/index.ts +0 -1
package/dist/index.d.ts CHANGED
@@ -5,7 +5,6 @@ import { AlertProps } from '@mui/material';
5
5
  import { AutocompleteProps } from '@mui/material';
6
6
  import { AvatarProps as AvatarProps_2 } from '@mui/material';
7
7
  import { BadgeProps as BadgeProps_2 } from '@mui/material';
8
- import { BlockedStylingKeys } from '@recursica/adapter-common';
9
8
  import { BoxProps } from '@mui/material';
10
9
  import { BreadcrumbsProps } from '@mui/material';
11
10
  import { ButtonProps as ButtonProps_2 } from '@mui/material';
@@ -14,6 +13,7 @@ import { CardProps as CardProps_2 } from '@mui/material';
14
13
  import { CheckboxProps as CheckboxProps_2 } from '@mui/material';
15
14
  import { ChipProps as ChipProps_2 } from '@mui/material';
16
15
  import { CommonProps } from '@mui/material/OverridableComponent';
16
+ import { ComponentPropsWithoutRef } from 'react';
17
17
  import { ContainerProps as ContainerProps_2 } from '@mui/material';
18
18
  import { CSSProperties } from 'react';
19
19
  import { DatePickerProps as DatePickerProps_2 } from '@mui/x-date-pickers/DatePicker';
@@ -32,7 +32,7 @@ import { FormControlProps } from '@mui/material';
32
32
  import { FormGroupProps } from '@mui/material';
33
33
  import { FormHelperTextProps } from '@mui/material';
34
34
  import { ForwardRefExoticComponent } from 'react';
35
- import { GridProps as GridProps_2 } from '@mui/material';
35
+ import { GridProps } from '@mui/material';
36
36
  import { HTMLAttributes } from 'react';
37
37
  import { InputBaseProps } from '@mui/material';
38
38
  import { InputLabelProps } from '@mui/material';
@@ -40,7 +40,6 @@ import { JSX } from 'react';
40
40
  import { LinkProps as LinkProps_2 } from '@mui/material';
41
41
  import { MenuItemProps as MenuItemProps_2 } from '@mui/material';
42
42
  import { MenuProps as MenuProps_2 } from '@mui/material';
43
- import { PaginationProps as PaginationProps_2 } from '@mui/material';
44
43
  import { RadioGroupProps as RadioGroupProps_2 } from '@mui/material';
45
44
  import { RadioProps as RadioProps_2 } from '@mui/material';
46
45
  import { ReactNode } from 'react';
@@ -72,6 +71,8 @@ import { RecursicaFormControlWrapperProps as RecursicaFormControlWrapperProps_2
72
71
  import { RecursicaHeadingProps } from '@recursica/adapter-common';
73
72
  import { RecursicaHoverCardProps } from '@recursica/adapter-common';
74
73
  import { RecursicaLabelProps } from '@recursica/adapter-common';
74
+ import { RecursicaLayoutGridColProps } from '@recursica/adapter-common';
75
+ import { RecursicaLayoutGridProps } from '@recursica/adapter-common';
75
76
  import { RecursicaLinkProps } from '@recursica/adapter-common';
76
77
  import { RecursicaLoaderProps } from '@recursica/adapter-common';
77
78
  import { RecursicaMenuProps } from '@recursica/adapter-common';
@@ -138,6 +139,7 @@ import { TimePickerProps as TimePickerProps_2 } from '@mui/x-date-pickers/TimePi
138
139
  import { ToggleButtonGroupProps } from '@mui/material';
139
140
  import { TooltipProps as TooltipProps_2 } from '@mui/material';
140
141
  import { TypographyProps as TypographyProps_2 } from '@mui/material';
142
+ import { UsePaginationProps } from '@mui/material/usePagination';
141
143
  import { WithRecursicaSpacing } from '@recursica/adapter-common';
142
144
 
143
145
  export declare const Accordion: AccordionComponent;
@@ -150,7 +152,7 @@ declare type AccordionComponent = typeof AccordionBase & {
150
152
  Panel: typeof AccordionPanel;
151
153
  };
152
154
 
153
- export declare const AccordionControl: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AccordionSummaryProps, "expandIcon"> & RecursicaAccordionControlProps>, BlockedStylingKeys> & ForbiddenStyles & {
155
+ export declare const AccordionControl: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AccordionSummaryProps, "expandIcon"> & RecursicaAccordionControlProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
154
156
  overStyled?: false | undefined;
155
157
  }, "ref"> | Omit<Omit<Omit<AccordionSummaryProps, "expandIcon"> & RecursicaAccordionControlProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
156
158
  m?: string | number | RecursicaSpacing;
@@ -174,7 +176,7 @@ export declare type AccordionControlWrapperProps = RecursicaOverStyled<Omit<Acco
174
176
  export declare const AccordionItem: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AccordionProps_2, "value" | "children" | "onChange" | "defaultExpanded" | "expanded"> & {
175
177
  children?: default_2.ReactNode;
176
178
  value: string;
177
- } & RecursicaAccordionItemProps>, BlockedStylingKeys> & ForbiddenStyles & {
179
+ } & RecursicaAccordionItemProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
178
180
  overStyled?: false | undefined;
179
181
  }, "ref"> | Omit<Omit<Omit<AccordionProps_2, "value" | "children" | "onChange" | "defaultExpanded" | "expanded"> & {
180
182
  children?: default_2.ReactNode;
@@ -201,7 +203,7 @@ export declare type AccordionItemWrapperProps = RecursicaOverStyled<Omit<Accordi
201
203
  value: string;
202
204
  } & RecursicaAccordionItemProps>;
203
205
 
204
- export declare const AccordionPanel: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<AccordionDetailsProps & RecursicaAccordionPanelProps>, BlockedStylingKeys> & ForbiddenStyles & {
206
+ export declare const AccordionPanel: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<AccordionDetailsProps & RecursicaAccordionPanelProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
205
207
  overStyled?: false | undefined;
206
208
  }, "ref"> | Omit<Omit<AccordionDetailsProps & RecursicaAccordionPanelProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
207
209
  m?: string | number | RecursicaSpacing;
@@ -226,7 +228,7 @@ export declare type AccordionProps = RecursicaOverStyled<default_2.HTMLAttribute
226
228
  onChange?: (value: string | string[] | null) => void;
227
229
  }>;
228
230
 
229
- export declare const AssistiveElement: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<FormHelperTextProps, "component" | "error"> & RecursicaAssistiveElementProps>, BlockedStylingKeys> & ForbiddenStyles & {
231
+ export declare const AssistiveElement: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<FormHelperTextProps, "component" | "error"> & RecursicaAssistiveElementProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
230
232
  overStyled?: false | undefined;
231
233
  }, "ref"> | Omit<Omit<Omit<FormHelperTextProps, "component" | "error"> & RecursicaAssistiveElementProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
232
234
  m?: string | number | RecursicaSpacing;
@@ -247,7 +249,7 @@ export declare const AssistiveElement: default_2.ForwardRefExoticComponent<(Omit
247
249
 
248
250
  export declare type AssistiveElementProps = RecursicaOverStyled<Omit<FormHelperTextProps, "error" | "component"> & RecursicaAssistiveElementProps>;
249
251
 
250
- export declare const AutoComplete: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaAutocompleteProps>, BlockedStylingKeys> & ForbiddenStyles & {
252
+ export declare const AutoComplete: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaAutocompleteProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
251
253
  overStyled?: false | undefined;
252
254
  }, "ref"> | Omit<Omit<RecursicaAutocompleteProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
253
255
  m?: string | number | RecursicaSpacing;
@@ -273,7 +275,7 @@ export declare type AutoCompleteProps = RecursicaOverStyled<RecursicaAutocomplet
273
275
  *
274
276
  * Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
275
277
  */
276
- export declare const Avatar: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AvatarProps_2, "variant"> & RecursicaAvatarProps>, BlockedStylingKeys> & ForbiddenStyles & {
278
+ export declare const Avatar: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AvatarProps_2, "variant"> & RecursicaAvatarProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
277
279
  overStyled?: false | undefined;
278
280
  }, "ref"> | Omit<Omit<Omit<AvatarProps_2, "variant"> & RecursicaAvatarProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
279
281
  m?: string | number | RecursicaSpacing;
@@ -299,7 +301,7 @@ export declare type AvatarProps = RecursicaOverStyled<Omit<AvatarProps_2, "varia
299
301
  *
300
302
  * Supports polymorphism via the `component` prop or `renderRoot` for custom element rendering.
301
303
  */
302
- export declare const Badge: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<BadgeProps_2, "color" | "variant" | "size" | "radius"> & RecursicaBadgeProps>, BlockedStylingKeys> & ForbiddenStyles & {
304
+ export declare const Badge: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<BadgeProps_2, "color" | "variant" | "size" | "radius"> & RecursicaBadgeProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
303
305
  overStyled?: false | undefined;
304
306
  }, "ref"> | Omit<Omit<Omit<BadgeProps_2, "color" | "variant" | "size" | "radius"> & RecursicaBadgeProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
305
307
  m?: string | number | RecursicaSpacing;
@@ -328,7 +330,7 @@ export declare type BadgeProps = RecursicaOverStyled<Omit<BadgeProps_2, "variant
328
330
  * custom Link component (e.g. a router Link) that navigates from its own internal handler. See
329
331
  * BREADCRUMB_IMPLEMENTATION_NOTES.md.
330
332
  */
331
- export declare const Breadcrumb: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<BreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>, BlockedStylingKeys> & ForbiddenStyles & {
333
+ export declare const Breadcrumb: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<BreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
332
334
  overStyled?: false | undefined;
333
335
  }, "ref"> | Omit<Omit<Omit<BreadcrumbsProps, "variant" | "size"> & RecursicaBreadcrumbProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
334
336
  m?: string | number | RecursicaSpacing;
@@ -351,6 +353,23 @@ export declare type BreadcrumbProps = RecursicaOverStyled<Omit<BreadcrumbsProps,
351
353
 
352
354
  declare type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
353
355
 
356
+ /**
357
+ * Builds a `{ name: <start px> }` breakpoint values object from the manifest's layout grids, to
358
+ * merge into MUI's `createTheme({ breakpoints: { values } })`. Opt-in: nothing in the adapter
359
+ * calls this for you, and the result is a plain object you can edit.
360
+ *
361
+ * MUI breakpoints are mobile-first start widths, so each non-default grid maps to its
362
+ * `min-width`; a grid with only a `max-width` (e.g. `mobile`, up to 480px) starts at `0`. The
363
+ * `default` grid has no width of its own: when other grids exist it is included, named `default`,
364
+ * starting one pixel past the widest `max-width`. A manifest with only the `default` grid (the
365
+ * stock Forge export) returns `{}`. MUI's `values` replaces its defaults rather than merging, so
366
+ * spread MUI's own defaults first: `values: { ...createTheme().breakpoints.values, ...result }`.
367
+ *
368
+ * Throws for a non-default grid with neither width, for non-numeric widths, and when no other grid
369
+ * has a `max-width` for `default` to start after.
370
+ */
371
+ export declare function breakpointsFromRecManifest(manifest: ManifestWithLayoutGrids): Record<string, number>;
372
+
354
373
  /**
355
374
  * Recursica Button component wrapping MUI's Button.
356
375
  *
@@ -367,7 +386,7 @@ declare type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
367
386
  * <Button component={Link} to="/home">Home</Button>
368
387
  * ```
369
388
  */
370
- export declare const Button: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<ButtonProps_2, "color" | "variant" | "size" | "fullWidth"> & RecursicaButtonProps>, BlockedStylingKeys> & ForbiddenStyles & {
389
+ export declare const Button: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<ButtonProps_2, "color" | "variant" | "size" | "fullWidth"> & RecursicaButtonProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
371
390
  overStyled?: false | undefined;
372
391
  }, "ref"> | Omit<Omit<Omit<ButtonProps_2, "color" | "variant" | "size" | "fullWidth"> & RecursicaButtonProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
373
392
  m?: string | number | RecursicaSpacing;
@@ -439,7 +458,7 @@ declare type CheckboxComponent = default_2.ForwardRefExoticComponent<CheckboxPro
439
458
  Group: typeof CheckboxGroup;
440
459
  };
441
460
 
442
- export declare const CheckboxGroup: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaCheckboxGroupProps>, BlockedStylingKeys> & ForbiddenStyles & {
461
+ export declare const CheckboxGroup: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaCheckboxGroupProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
443
462
  overStyled?: false | undefined;
444
463
  }, "ref"> | Omit<Omit<RecursicaCheckboxGroupProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
445
464
  m?: string | number | RecursicaSpacing;
@@ -466,7 +485,7 @@ declare type CheckboxWrapperProps = Omit<CheckboxProps_2, "size" | "color"> & Re
466
485
 
467
486
  export declare const Chip: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<ChipProps_2, "color" | "children" | "variant" | "size" | "radius"> & RecursicaChipProps & {
468
487
  children?: default_2.ReactNode;
469
- }>, BlockedStylingKeys> & ForbiddenStyles & {
488
+ }>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
470
489
  overStyled?: false | undefined;
471
490
  }, "ref"> | Omit<Omit<Omit<ChipProps_2, "color" | "children" | "variant" | "size" | "radius"> & RecursicaChipProps & {
472
491
  children?: default_2.ReactNode;
@@ -499,7 +518,7 @@ export declare const DatePicker: default_2.ForwardRefExoticComponent<DatePickerP
499
518
 
500
519
  export declare type DatePickerProps = RecursicaOverStyled<RecursicaDatePickerProps>;
501
520
 
502
- export declare const Dropdown: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaDropdownProps>, BlockedStylingKeys> & ForbiddenStyles & {
521
+ export declare const Dropdown: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaDropdownProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
503
522
  overStyled?: false | undefined;
504
523
  }, "ref"> | Omit<Omit<RecursicaDropdownProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
505
524
  m?: string | number | RecursicaSpacing;
@@ -533,7 +552,7 @@ export declare type DropdownProps = RecursicaOverStyled<RecursicaDropdownProps>;
533
552
  * onFileRemove={() => setFiles([])}
534
553
  * />
535
554
  */
536
- export declare const FileInput: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaFileInputProps>, BlockedStylingKeys> & ForbiddenStyles & {
555
+ export declare const FileInput: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaFileInputProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
537
556
  overStyled?: false | undefined;
538
557
  }, "ref"> | Omit<Omit<RecursicaFileInputProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
539
558
  m?: string | number | RecursicaSpacing;
@@ -567,7 +586,7 @@ export declare type FileInputProps = RecursicaOverStyled<RecursicaFileInputProps
567
586
  * onFileRemove={(id) => setFiles((f) => f.filter((item) => (item.id ?? item.file.name) !== id))}
568
587
  * />
569
588
  */
570
- export declare const FileUpload: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaFileUploadProps>, BlockedStylingKeys> & ForbiddenStyles & {
589
+ export declare const FileUpload: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaFileUploadProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
571
590
  overStyled?: false | undefined;
572
591
  }, "ref"> | Omit<Omit<RecursicaFileUploadProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
573
592
  m?: string | number | RecursicaSpacing;
@@ -619,32 +638,6 @@ export declare const FormControlWrapper: default_2.ForwardRefExoticComponent<Omi
619
638
 
620
639
  export declare type FormControlWrapperProps = RecursicaFormControlWrapperProps;
621
640
 
622
- export declare const Grid: GridComponent;
623
-
624
- declare const GridBase: ForwardRefExoticComponent<Omit<GridProps, "ref"> & RefAttributes<HTMLDivElement>>;
625
-
626
- export declare const GridCol: ForwardRefExoticComponent<Omit<GridColProps, "ref"> & RefAttributes<HTMLDivElement>>;
627
-
628
- export declare type GridColProps = WithRecursicaSpacing<OmitSx<Omit<GridProps_2, "container" | "order">>> & {
629
- /** Sets the CSS `order` property. Applied via inline style — see notes above. */
630
- order?: number;
631
- /** Hides the column below the given breakpoint. MUI has no native equivalent. */
632
- visibleFrom?: Breakpoint;
633
- /** Hides the column above the given breakpoint. MUI has no native equivalent. */
634
- hiddenFrom?: Breakpoint;
635
- };
636
-
637
- declare type GridComponent = typeof GridBase & {
638
- Col: typeof GridCol;
639
- };
640
-
641
- export declare type GridProps = WithRecursicaSpacing<OmitSx<Omit<GridProps_2, "container" | "justifyContent" | "alignItems">>> & {
642
- /** Sets `justify-content` on the container. Applied via inline style — see notes above. */
643
- justifyContent?: CSSProperties["justifyContent"];
644
- /** Sets `align-items` on the container. Applied via inline style — see notes above. */
645
- alignItems?: CSSProperties["alignItems"];
646
- };
647
-
648
641
  export declare const Group: ForwardRefExoticComponent<Omit<GroupProps, "ref"> & RefAttributes<HTMLDivElement>>;
649
642
 
650
643
  declare interface GroupOwnProps {
@@ -664,9 +657,9 @@ declare interface GroupOwnProps {
664
657
 
665
658
  export declare type GroupProps = WithRecursicaSpacing<OmitSx<Omit<StackProps_2, "spacing" | "direction"> & GroupOwnProps>>;
666
659
 
667
- export declare const Heading: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TypographyProps_2, "classes" | "variant"> & RecursicaHeadingProps>, BlockedStylingKeys> & ForbiddenStyles & {
660
+ export declare const Heading: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TypographyProps_2, "classes" | "color" | "variant"> & RecursicaHeadingProps>, "className" | "classes" | "style" | "sx" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, "color"> & {
668
661
  overStyled?: false | undefined;
669
- }, "ref"> | Omit<Omit<Omit<TypographyProps_2, "classes" | "variant"> & RecursicaHeadingProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
662
+ }, "ref"> | Omit<Omit<Omit<TypographyProps_2, "classes" | "color" | "variant"> & RecursicaHeadingProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
670
663
  m?: string | number | RecursicaSpacing;
671
664
  mx?: string | number | RecursicaSpacing;
672
665
  my?: string | number | RecursicaSpacing;
@@ -683,7 +676,7 @@ export declare const Heading: default_2.ForwardRefExoticComponent<(Omit<Omit<Wit
683
676
  overStyled: true;
684
677
  }, "ref">) & default_2.RefAttributes<HTMLElement>>;
685
678
 
686
- export declare type HeadingProps = RecursicaOverStyled<Omit<TypographyProps_2, "variant" | "classes"> & RecursicaHeadingProps>;
679
+ export declare type HeadingProps = RecursicaOverStyled<Omit<TypographyProps_2, "variant" | "classes" | "color"> & RecursicaHeadingProps, "color">;
687
680
 
688
681
  export declare const HoverCard: HoverCardComponent;
689
682
 
@@ -723,7 +716,33 @@ export declare interface LabelProps extends InputLabelProps, RecursicaLabelProps
723
716
  overStyled?: boolean;
724
717
  }
725
718
 
726
- export declare const Link: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<LinkProps_2, "underline"> & RecursicaLinkProps>, BlockedStylingKeys> & ForbiddenStyles & {
719
+ export declare const LayoutGrid: LayoutGridComponent;
720
+
721
+ declare const LayoutGridBase: ForwardRefExoticComponent<Omit<LayoutGridProps, "ref"> & RefAttributes<HTMLDivElement>>;
722
+
723
+ export declare const LayoutGridCol: ForwardRefExoticComponent<Omit<LayoutGridColProps, "ref"> & RefAttributes<HTMLDivElement>>;
724
+
725
+ export declare type LayoutGridColProps = WithRecursicaSpacing<OmitSx<Omit<GridProps, "container" | "order">>> & RecursicaLayoutGridColProps & {
726
+ /** Sets the CSS `order` property. Applied via inline style. */
727
+ order?: number;
728
+ /** Hides the column below the given breakpoint. MUI has no native equivalent. */
729
+ visibleFrom?: Breakpoint;
730
+ /** Hides the column above the given breakpoint. MUI has no native equivalent. */
731
+ hiddenFrom?: Breakpoint;
732
+ };
733
+
734
+ declare type LayoutGridComponent = typeof LayoutGridBase & {
735
+ Col: typeof LayoutGridCol;
736
+ };
737
+
738
+ export declare type LayoutGridProps = WithRecursicaSpacing<OmitSx<Omit<GridProps, "container" | "justifyContent" | "alignItems" | "spacing" | "columnSpacing" | "rowSpacing" | "columns">>> & RecursicaLayoutGridProps & {
739
+ /** Sets `justify-content` on the container. Applied via inline style. */
740
+ justifyContent?: CSSProperties["justifyContent"];
741
+ /** Sets `align-items` on the container. Applied via inline style. */
742
+ alignItems?: CSSProperties["alignItems"];
743
+ };
744
+
745
+ export declare const Link: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<LinkProps_2, "underline"> & RecursicaLinkProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
727
746
  overStyled?: false | undefined;
728
747
  }, "ref"> | Omit<Omit<Omit<LinkProps_2, "underline"> & RecursicaLinkProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
729
748
  m?: string | number | RecursicaSpacing;
@@ -748,7 +767,13 @@ export declare const Loader: default_2.ForwardRefExoticComponent<LoaderProps & d
748
767
 
749
768
  export declare type LoaderProps = RecursicaOverStyled<default_2.HTMLAttributes<HTMLSpanElement> & RecursicaLoaderProps>;
750
769
 
751
- export declare const Menu: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<MenuProps_2 & RecursicaMenuProps>, BlockedStylingKeys> & ForbiddenStyles & {
770
+ declare interface ManifestWithLayoutGrids {
771
+ brand?: {
772
+ "layout-grids"?: Record<string, unknown>;
773
+ };
774
+ }
775
+
776
+ export declare const Menu: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<MenuProps_2 & RecursicaMenuProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
752
777
  overStyled?: false | undefined;
753
778
  }, "ref"> | Omit<Omit<MenuProps_2 & RecursicaMenuProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
754
779
  m?: string | number | RecursicaSpacing;
@@ -767,7 +792,7 @@ spacing?: string | number | RecursicaSpacing;
767
792
  overStyled: true;
768
793
  }, "ref">) & RefAttributes<HTMLDivElement>>;
769
794
 
770
- export declare const MenuDivider: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DividerProps>, BlockedStylingKeys> & ForbiddenStyles & {
795
+ export declare const MenuDivider: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DividerProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
771
796
  overStyled?: false | undefined;
772
797
  }, "ref"> | Omit<Omit<DividerProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
773
798
  m?: string | number | RecursicaSpacing;
@@ -788,7 +813,7 @@ overStyled: true;
788
813
 
789
814
  export declare type MenuDividerProps = RecursicaOverStyled<DividerProps>;
790
815
 
791
- export declare const MenuItem: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<MenuItemProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
816
+ export declare const MenuItem: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<MenuItemProps_2>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
792
817
  overStyled?: false | undefined;
793
818
  }, "ref"> | Omit<Omit<MenuItemProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
794
819
  m?: string | number | RecursicaSpacing;
@@ -817,7 +842,7 @@ export declare const Modal: typeof ModalRoot & {
817
842
  Footer: typeof ModalFooter;
818
843
  };
819
844
 
820
- declare const ModalBody: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DialogContentProps>, BlockedStylingKeys> & ForbiddenStyles & {
845
+ declare const ModalBody: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DialogContentProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
821
846
  overStyled?: false | undefined;
822
847
  }, "ref"> | Omit<Omit<DialogContentProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
823
848
  m?: string | number | RecursicaSpacing;
@@ -838,7 +863,7 @@ declare const ModalBody: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecu
838
863
 
839
864
  export declare type ModalBodyProps = RecursicaOverStyled<DialogContentProps>;
840
865
 
841
- declare const ModalFooter: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DialogActionsProps>, BlockedStylingKeys> & ForbiddenStyles & {
866
+ declare const ModalFooter: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DialogActionsProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
842
867
  overStyled?: false | undefined;
843
868
  }, "ref"> | Omit<Omit<DialogActionsProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
844
869
  m?: string | number | RecursicaSpacing;
@@ -861,7 +886,7 @@ export declare type ModalFooterProps = RecursicaOverStyled<DialogActionsProps>;
861
886
 
862
887
  export declare type ModalProps = RecursicaOverStyled<Omit<DialogProps, "size" | "radius" | "shadow" | "open"> & RecursicaModalProps>;
863
888
 
864
- declare const ModalRoot: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<DialogProps, "shadow" | "size" | "open" | "radius"> & RecursicaModalProps>, BlockedStylingKeys> & ForbiddenStyles & {
889
+ declare const ModalRoot: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<DialogProps, "shadow" | "size" | "open" | "radius"> & RecursicaModalProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
865
890
  overStyled?: false | undefined;
866
891
  }, "ref"> | Omit<Omit<Omit<DialogProps, "shadow" | "size" | "open" | "radius"> & RecursicaModalProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
867
892
  m?: string | number | RecursicaSpacing;
@@ -880,7 +905,7 @@ declare const ModalRoot: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecu
880
905
  overStyled: true;
881
906
  }, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
882
907
 
883
- declare const ModalTitle: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DialogTitleProps>, BlockedStylingKeys> & ForbiddenStyles & {
908
+ declare const ModalTitle: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<DialogTitleProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
884
909
  overStyled?: false | undefined;
885
910
  }, "ref"> | Omit<Omit<DialogTitleProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
886
911
  m?: string | number | RecursicaSpacing;
@@ -901,7 +926,9 @@ declare const ModalTitle: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRec
901
926
 
902
927
  export declare type ModalTitleProps = RecursicaOverStyled<DialogTitleProps>;
903
928
 
904
- export declare const NumberInput: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaNumberInputProps>, BlockedStylingKeys> & ForbiddenStyles & {
929
+ declare type NavControl = "first" | "previous" | "next" | "last";
930
+
931
+ export declare const NumberInput: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaNumberInputProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
905
932
  overStyled?: false | undefined;
906
933
  }, "ref"> | Omit<Omit<RecursicaNumberInputProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
907
934
  m?: string | number | RecursicaSpacing;
@@ -925,28 +952,20 @@ export declare type NumberInputProps = RecursicaOverStyled<RecursicaNumberInputP
925
952
  declare type OmitSx<T> = Omit<T, "sx">;
926
953
 
927
954
  /**
928
- * Recursica Pagination component wrapping Mui's Pagination.
955
+ * Recursica Pagination. Its page and navigation buttons are Recursica `Button`s whose style and
956
+ * size come from the manifest's `ui-kit.components.pagination` selected variants. Requires the
957
+ * `manifest` prop on `RecursicaThemeProvider`.
929
958
  */
930
- export declare const Pagination: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<PaginationProps_2 & RecursicaPaginationProps>, BlockedStylingKeys> & ForbiddenStyles & {
931
- overStyled?: false | undefined;
932
- }, "ref"> | Omit<Omit<PaginationProps_2 & RecursicaPaginationProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
933
- m?: string | number | RecursicaSpacing;
934
- mx?: string | number | RecursicaSpacing;
935
- my?: string | number | RecursicaSpacing;
936
- mt?: string | number | RecursicaSpacing;
937
- mb?: string | number | RecursicaSpacing;
938
- ml?: string | number | RecursicaSpacing;
939
- mr?: string | number | RecursicaSpacing;
940
- gap?: string | number | RecursicaSpacing;
941
- rowGap?: string | number | RecursicaSpacing;
942
- columnGap?: string | number | RecursicaSpacing;
943
- gutter?: string | number | RecursicaSpacing;
944
- spacing?: string | number | RecursicaSpacing;
945
- } & {
946
- overStyled: true;
947
- }, "ref">) & RefAttributes<HTMLDivElement>>;
959
+ export declare const Pagination: ForwardRefExoticComponent<PaginationProps & RefAttributes<HTMLElement>>;
948
960
 
949
- export declare type PaginationProps = RecursicaOverStyled<PaginationProps_2 & RecursicaPaginationProps>;
961
+ export declare type PaginationProps = RecursicaOverStyled<RecursicaPaginationProps & Pick<UsePaginationProps, "page" | "defaultPage" | "onChange" | "siblingCount" | "boundaryCount" | "disabled"> & {
962
+ /** Extra props for each page button */
963
+ getItemProps?: (page: number) => Record<string, unknown>;
964
+ /** Extra props for each first/previous/next/last button */
965
+ getControlProps?: (control: NavControl) => Record<string, unknown>;
966
+ /** Replaces the dots between page ranges */
967
+ dotsIcon?: ReactNode;
968
+ } & Omit<ComponentPropsWithoutRef<"nav">, "onChange" | "children">>;
950
969
 
951
970
  export declare const Panel: PanelComponent;
952
971
 
@@ -1005,7 +1024,7 @@ export declare type PanelProps = RecursicaOverStyled<RecursicaPanelProps>;
1005
1024
  */
1006
1025
  declare const PolymorphicCard: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<CardOwnProps & CommonProps & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "classes" | "style" | "sx" | "children" | "variant" | "elevation" | "square" | "raised"> & {
1007
1026
  component?: React.ElementType | undefined;
1008
- } & RecursicaCardProps>, BlockedStylingKeys> & ForbiddenStyles & {
1027
+ } & RecursicaCardProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1009
1028
  overStyled?: false | undefined;
1010
1029
  } & {
1011
1030
  flex?: string | number;
@@ -1257,7 +1276,7 @@ export declare interface RecursicaTransferListProps extends Omit<FormControlWrap
1257
1276
  export declare const SegmentedControl: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<ToggleButtonGroupProps, "className" | "color" | "value" | "classNames" | "variant" | "size" | "radius"> & {
1258
1277
  className?: string;
1259
1278
  classNames?: Partial<Record<string, string>>;
1260
- } & RecursicaSegmentedControlProps>, BlockedStylingKeys> & ForbiddenStyles & {
1279
+ } & RecursicaSegmentedControlProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1261
1280
  overStyled?: false | undefined;
1262
1281
  }, "ref"> | Omit<Omit<Omit<ToggleButtonGroupProps, "className" | "color" | "value" | "classNames" | "variant" | "size" | "radius"> & {
1263
1282
  className?: string;
@@ -1295,7 +1314,7 @@ export declare type SegmentedControlProps = RecursicaOverStyled<Omit<ToggleButto
1295
1314
  * custom typography-bound min/max labels (optionally overridden via `minLabel`/`maxLabel`),
1296
1315
  * optional leading/trailing icons, and an explicit read-only layout.
1297
1316
  */
1298
- export declare const Slider: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaSliderProps>, BlockedStylingKeys> & ForbiddenStyles & {
1317
+ export declare const Slider: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaSliderProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1299
1318
  overStyled?: false | undefined;
1300
1319
  }, "ref"> | Omit<Omit<RecursicaSliderProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1301
1320
  m?: string | number | RecursicaSpacing;
@@ -1320,7 +1339,7 @@ export declare const Stack: ForwardRefExoticComponent<Omit<StackProps, "ref"> &
1320
1339
 
1321
1340
  export declare type StackProps = WithRecursicaSpacing<OmitSx<StackProps_2>>;
1322
1341
 
1323
- export declare const Step: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<StepProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
1342
+ export declare const Step: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<StepProps_2>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1324
1343
  overStyled?: false | undefined;
1325
1344
  }, "ref"> | Omit<Omit<StepProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1326
1345
  m?: string | number | RecursicaSpacing;
@@ -1339,7 +1358,7 @@ export declare const Step: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRe
1339
1358
  overStyled: true;
1340
1359
  }, "ref">) & default_2.RefAttributes<HTMLDivElement>>;
1341
1360
 
1342
- export declare const StepButton: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<StepButtonProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
1361
+ export declare const StepButton: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<StepButtonProps_2>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1343
1362
  overStyled?: false | undefined;
1344
1363
  }, "ref"> | Omit<Omit<StepButtonProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1345
1364
  m?: string | number | RecursicaSpacing;
@@ -1360,7 +1379,7 @@ export declare const StepButton: default_2.ForwardRefExoticComponent<(Omit<Omit<
1360
1379
 
1361
1380
  export declare type StepButtonProps = RecursicaOverStyled<StepButtonProps_2>;
1362
1381
 
1363
- export declare const StepConnector: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<StepConnectorProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
1382
+ export declare const StepConnector: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<StepConnectorProps_2>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1364
1383
  overStyled?: false | undefined;
1365
1384
  }, "ref"> | Omit<Omit<StepConnectorProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1366
1385
  m?: string | number | RecursicaSpacing;
@@ -1383,7 +1402,7 @@ export declare type StepConnectorProps = RecursicaOverStyled<StepConnectorProps_
1383
1402
 
1384
1403
  export declare const StepLabel: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<StepLabelProps_2 & {
1385
1404
  description?: default_2.ReactNode;
1386
- }>, BlockedStylingKeys> & ForbiddenStyles & {
1405
+ }>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1387
1406
  overStyled?: false | undefined;
1388
1407
  }, "ref"> | Omit<Omit<StepLabelProps_2 & {
1389
1408
  description?: default_2.ReactNode;
@@ -1408,7 +1427,7 @@ export declare type StepLabelProps = RecursicaOverStyled<StepLabelProps_2 & {
1408
1427
  description?: default_2.ReactNode;
1409
1428
  }>;
1410
1429
 
1411
- export declare const Stepper: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaStepperPropsExtended>, BlockedStylingKeys> & ForbiddenStyles & {
1430
+ export declare const Stepper: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaStepperPropsExtended>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1412
1431
  overStyled?: false | undefined;
1413
1432
  }, "ref"> | Omit<Omit<RecursicaStepperPropsExtended, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1414
1433
  m?: string | number | RecursicaSpacing;
@@ -1437,7 +1456,7 @@ declare type SwitchComponent = React.ForwardRefExoticComponent<SwitchProps & Rea
1437
1456
  Group: typeof SwitchGroup;
1438
1457
  };
1439
1458
 
1440
- export declare const SwitchGroup: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaSwitchGroupProps>, BlockedStylingKeys> & ForbiddenStyles & {
1459
+ export declare const SwitchGroup: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaSwitchGroupProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1441
1460
  overStyled?: false | undefined;
1442
1461
  }, "ref"> | Omit<Omit<RecursicaSwitchGroupProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1443
1462
  m?: string | number | RecursicaSpacing;
@@ -1469,7 +1488,7 @@ export declare type SwitchProps = RecursicaOverStyled<RecursicaSwitchPropsAlias>
1469
1488
 
1470
1489
  export declare type SwitchWrapperProps = Omit<SwitchProps_2, "size" | "color" | "radius" | "variant"> & RecursicaSwitchProps & ReadOnlyControlProps & Pick<FormControlLayoutProps, "formLayout" | "labelSize" | "controlMaxWidth" | "controlMinWidth">;
1471
1490
 
1472
- export declare const Tab: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TabProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
1491
+ export declare const Tab: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TabProps_2>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1473
1492
  overStyled?: false | undefined;
1474
1493
  }, "ref"> | Omit<Omit<TabProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1475
1494
  m?: string | number | RecursicaSpacing;
@@ -1492,7 +1511,7 @@ export declare const Table: TableComponent;
1492
1511
 
1493
1512
  declare const TableBase: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableOwnProps & CommonProps & Omit<DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "className" | "classes" | "style" | "sx" | "children" | "padding" | "size" | "stickyHeader"> & {
1494
1513
  component?: React.ElementType | undefined;
1495
- } & RecursicaTableProps>, BlockedStylingKeys> & ForbiddenStyles & {
1514
+ } & RecursicaTableProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1496
1515
  overStyled?: false | undefined;
1497
1516
  }, "ref"> | Omit<Omit<TableOwnProps & CommonProps & Omit<DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "className" | "classes" | "style" | "sx" | "children" | "padding" | "size" | "stickyHeader"> & {
1498
1517
  component?: React.ElementType | undefined;
@@ -1513,7 +1532,7 @@ spacing?: string | number | RecursicaSpacing;
1513
1532
  overStyled: true;
1514
1533
  }, "ref">) & RefAttributes<HTMLTableElement>>;
1515
1534
 
1516
- export declare const TableBodyComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableBodyProps>, BlockedStylingKeys> & ForbiddenStyles & {
1535
+ export declare const TableBodyComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableBodyProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1517
1536
  overStyled?: false | undefined;
1518
1537
  }, "ref"> | Omit<Omit<TableBodyProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1519
1538
  m?: string | number | RecursicaSpacing;
@@ -1534,7 +1553,7 @@ overStyled: true;
1534
1553
 
1535
1554
  export declare type TableBodyPropsRecursica = RecursicaOverStyled<TableBodyProps>;
1536
1555
 
1537
- export declare const TableCellComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TableCellProps, "children" | "variant"> & RecursicaTableHeaderCellProps & RecursicaTableCellProps>, BlockedStylingKeys> & ForbiddenStyles & {
1556
+ export declare const TableCellComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TableCellProps, "children" | "variant"> & RecursicaTableHeaderCellProps & RecursicaTableCellProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1538
1557
  overStyled?: false | undefined;
1539
1558
  }, "ref"> | Omit<Omit<Omit<TableCellProps, "children" | "variant"> & RecursicaTableHeaderCellProps & RecursicaTableCellProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1540
1559
  m?: string | number | RecursicaSpacing;
@@ -1565,7 +1584,7 @@ declare type TableComponent = typeof TableBase & {
1565
1584
  SortLabel: typeof TableSortLabelComponent;
1566
1585
  };
1567
1586
 
1568
- export declare const TableContainerComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableContainerProps>, BlockedStylingKeys> & ForbiddenStyles & {
1587
+ export declare const TableContainerComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableContainerProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1569
1588
  overStyled?: false | undefined;
1570
1589
  }, "ref"> | Omit<Omit<TableContainerProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1571
1590
  m?: string | number | RecursicaSpacing;
@@ -1586,7 +1605,7 @@ overStyled: true;
1586
1605
 
1587
1606
  export declare type TableContainerPropsRecursica = RecursicaOverStyled<TableContainerProps>;
1588
1607
 
1589
- export declare const TableFooterComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableFooterProps>, BlockedStylingKeys> & ForbiddenStyles & {
1608
+ export declare const TableFooterComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableFooterProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1590
1609
  overStyled?: false | undefined;
1591
1610
  }, "ref"> | Omit<Omit<TableFooterProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1592
1611
  m?: string | number | RecursicaSpacing;
@@ -1607,7 +1626,7 @@ overStyled: true;
1607
1626
 
1608
1627
  export declare type TableFooterPropsRecursica = RecursicaOverStyled<TableFooterProps>;
1609
1628
 
1610
- export declare const TableHeadComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableHeadProps>, BlockedStylingKeys> & ForbiddenStyles & {
1629
+ export declare const TableHeadComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableHeadProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1611
1630
  overStyled?: false | undefined;
1612
1631
  }, "ref"> | Omit<Omit<TableHeadProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1613
1632
  m?: string | number | RecursicaSpacing;
@@ -1630,7 +1649,7 @@ export declare type TableHeadPropsRecursica = RecursicaOverStyled<TableHeadProps
1630
1649
 
1631
1650
  export declare type TableProps = RecursicaOverStyled<TableProps_2 & RecursicaTableProps>;
1632
1651
 
1633
- export declare const TableRowComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TableRowProps, "children"> & RecursicaTableRowProps>, BlockedStylingKeys> & ForbiddenStyles & {
1652
+ export declare const TableRowComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TableRowProps, "children"> & RecursicaTableRowProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1634
1653
  overStyled?: false | undefined;
1635
1654
  }, "ref"> | Omit<Omit<Omit<TableRowProps, "children"> & RecursicaTableRowProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1636
1655
  m?: string | number | RecursicaSpacing;
@@ -1651,7 +1670,7 @@ overStyled: true;
1651
1670
 
1652
1671
  export declare type TableRowPropsRecursica = RecursicaOverStyled<Omit<TableRowProps, "children"> & RecursicaTableRowProps>;
1653
1672
 
1654
- export declare const TableSortLabelComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableSortLabelProps>, BlockedStylingKeys> & ForbiddenStyles & {
1673
+ export declare const TableSortLabelComponent: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TableSortLabelProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1655
1674
  overStyled?: false | undefined;
1656
1675
  }, "ref"> | Omit<Omit<TableSortLabelProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1657
1676
  m?: string | number | RecursicaSpacing;
@@ -1672,7 +1691,7 @@ overStyled: true;
1672
1691
 
1673
1692
  export declare type TableSortLabelPropsRecursica = RecursicaOverStyled<TableSortLabelProps>;
1674
1693
 
1675
- export declare const TabPanel: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TabPanelProps_2>, BlockedStylingKeys> & ForbiddenStyles & {
1694
+ export declare const TabPanel: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<TabPanelProps_2>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1676
1695
  overStyled?: false | undefined;
1677
1696
  }, "ref"> | Omit<Omit<TabPanelProps_2, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1678
1697
  m?: string | number | RecursicaSpacing;
@@ -1695,7 +1714,7 @@ export declare type TabPanelProps = RecursicaOverStyled<TabPanelProps_2>;
1695
1714
 
1696
1715
  export declare type TabProps = RecursicaOverStyled<TabProps_2>;
1697
1716
 
1698
- export declare const Tabs: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTabsPropsExtended>, BlockedStylingKeys> & ForbiddenStyles & {
1717
+ export declare const Tabs: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTabsPropsExtended>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1699
1718
  overStyled?: false | undefined;
1700
1719
  }, "ref"> | Omit<Omit<RecursicaTabsPropsExtended, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1701
1720
  m?: string | number | RecursicaSpacing;
@@ -1716,9 +1735,9 @@ overStyled: true;
1716
1735
 
1717
1736
  export declare type TabsProps = RecursicaOverStyled<RecursicaTabsPropsExtended>;
1718
1737
 
1719
- declare const Text_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TypographyProps_2, "classes" | "variant"> & RecursicaTextProps>, BlockedStylingKeys> & ForbiddenStyles & {
1738
+ declare const Text_2: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<TypographyProps_2, "classes" | "color" | "variant"> & RecursicaTextProps>, "className" | "classes" | "style" | "sx" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, "color"> & {
1720
1739
  overStyled?: false | undefined;
1721
- }, "ref"> | Omit<Omit<Omit<TypographyProps_2, "classes" | "variant"> & RecursicaTextProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1740
+ }, "ref"> | Omit<Omit<Omit<TypographyProps_2, "classes" | "color" | "variant"> & RecursicaTextProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1722
1741
  m?: string | number | RecursicaSpacing;
1723
1742
  mx?: string | number | RecursicaSpacing;
1724
1743
  my?: string | number | RecursicaSpacing;
@@ -1736,7 +1755,7 @@ overStyled: true;
1736
1755
  }, "ref">) & RefAttributes<HTMLElement>>;
1737
1756
  export { Text_2 as Text }
1738
1757
 
1739
- export declare const TextArea: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTextAreaProps>, BlockedStylingKeys> & ForbiddenStyles & {
1758
+ export declare const TextArea: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTextAreaProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1740
1759
  overStyled?: false | undefined;
1741
1760
  }, "ref"> | Omit<Omit<RecursicaTextAreaProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1742
1761
  m?: string | number | RecursicaSpacing;
@@ -1757,7 +1776,7 @@ export declare const TextArea: default_2.ForwardRefExoticComponent<(Omit<Omit<Wi
1757
1776
 
1758
1777
  export declare type TextAreaProps = RecursicaOverStyled<RecursicaTextAreaProps>;
1759
1778
 
1760
- export declare const TextField: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTextFieldProps>, BlockedStylingKeys> & ForbiddenStyles & {
1779
+ export declare const TextField: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTextFieldProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1761
1780
  overStyled?: false | undefined;
1762
1781
  }, "ref"> | Omit<Omit<RecursicaTextFieldProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1763
1782
  m?: string | number | RecursicaSpacing;
@@ -1778,7 +1797,7 @@ export declare const TextField: default_2.ForwardRefExoticComponent<(Omit<Omit<W
1778
1797
 
1779
1798
  export declare type TextFieldProps = RecursicaOverStyled<RecursicaTextFieldProps>;
1780
1799
 
1781
- export declare type TextProps = RecursicaOverStyled<Omit<TypographyProps_2, "variant" | "classes"> & RecursicaTextProps>;
1800
+ export declare type TextProps = RecursicaOverStyled<Omit<TypographyProps_2, "variant" | "classes" | "color"> & RecursicaTextProps, "color">;
1782
1801
 
1783
1802
  export declare const Timeline: TimelineComponent;
1784
1803
 
@@ -1803,7 +1822,7 @@ export declare const TimelineItem: default_2.ForwardRefExoticComponent<(Omit<Omi
1803
1822
  title?: default_2.ReactNode;
1804
1823
  /* Excluded from this release type: __active */
1805
1824
  /* Excluded from this release type: __isLast */
1806
- }>, BlockedStylingKeys> & ForbiddenStyles & {
1825
+ }>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1807
1826
  overStyled?: false | undefined;
1808
1827
  }, "ref"> | Omit<Omit<Omit<TimelineItemProps_2, "color" | "title" | "radius" | "lineVariant"> & RecursicaTimelineItemProps & {
1809
1828
  /** Heading rendered above the item's description/timestamp */
@@ -1845,7 +1864,7 @@ export declare const TimePicker: default_2.ForwardRefExoticComponent<TimePickerP
1845
1864
 
1846
1865
  export declare type TimePickerProps = RecursicaOverStyled<RecursicaTimePickerProps>;
1847
1866
 
1848
- export declare const Toast: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AlertProps, "color" | "variant" | "onClose" | "radius"> & RecursicaToastProps>, BlockedStylingKeys> & ForbiddenStyles & {
1867
+ export declare const Toast: default_2.ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<Omit<AlertProps, "color" | "variant" | "onClose" | "radius"> & RecursicaToastProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1849
1868
  overStyled?: false | undefined;
1850
1869
  }, "ref"> | Omit<Omit<Omit<AlertProps, "color" | "variant" | "onClose" | "radius"> & RecursicaToastProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1851
1870
  m?: string | number | RecursicaSpacing;
@@ -1898,7 +1917,7 @@ export declare const Tooltip: {
1898
1917
  */
1899
1918
  export declare type TooltipProps = RecursicaOverStyled<TooltipProps_2 & RecursicaTooltipProps>;
1900
1919
 
1901
- export declare const TransferList: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTransferListProps>, BlockedStylingKeys> & ForbiddenStyles & {
1920
+ export declare const TransferList: ForwardRefExoticComponent<(Omit<Omit<WithRecursicaSpacing<RecursicaTransferListProps>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1902
1921
  overStyled?: false | undefined;
1903
1922
  }, "ref"> | Omit<Omit<RecursicaTransferListProps, "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "gap" | "rowGap" | "columnGap" | "gutter" | "spacing"> & {
1904
1923
  m?: string | number | RecursicaSpacing;
@@ -1942,7 +1961,7 @@ export declare const Typography: default_2.ForwardRefExoticComponent<(Omit<Omit<
1942
1961
  */
1943
1962
  typographyClass: string;
1944
1963
  component?: default_2.ElementType;
1945
- }>, BlockedStylingKeys> & ForbiddenStyles & {
1964
+ }>, "className" | "classes" | "style" | "sx" | "color" | "bgcolor" | "backgroundColor" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "border" | "borderTop" | "borderBottom" | "borderLeft" | "borderRight" | "borderColor" | "borderRadius" | "boxShadow" | "display" | "position" | "zIndex" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "classNames" | "styles" | "vars" | "bg" | "c" | "opacity" | "ff" | "fz" | "fw" | "lts" | "ta" | "lh" | "fs" | "tt" | "td" | "bd" | "bdw" | "bds" | "bdc" | "bdr" | "shadow" | "w" | "miw" | "maw" | "h" | "mih" | "mah"> & Omit<ForbiddenStyles, never> & {
1946
1965
  overStyled?: false | undefined;
1947
1966
  }, "ref"> | Omit<Omit<Omit<TypographyProps_2, "variant"> & {
1948
1967
  /**