@autoguru/overdrive 4.43.6-next.7 → 4.43.6-next.9

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 (61) hide show
  1. package/dist/components/Alert/Alert.js +2 -2
  2. package/dist/components/Anchor/Anchor.d.ts.map +1 -1
  3. package/dist/components/Anchor/Anchor.js +4 -4
  4. package/dist/components/Box/Box.d.ts.map +1 -1
  5. package/dist/components/Box/Box.js +106 -49
  6. package/dist/components/Box/newBox/boxStyles.d.ts +456 -1
  7. package/dist/components/Box/newBox/boxStyles.d.ts.map +1 -1
  8. package/dist/components/Box/newBox/boxStyles.js +7 -13
  9. package/dist/components/Box/useBoxStyles.d.ts.map +1 -1
  10. package/dist/components/Button/Button.d.ts.map +1 -1
  11. package/dist/components/Button/Button.js +6 -6
  12. package/dist/components/ColourInput/ColourInput.js +2 -2
  13. package/dist/components/Columns/Column.css.d.ts +1 -1
  14. package/dist/components/DatePicker/DatePicker.js +2 -2
  15. package/dist/components/DropDown/DropDown.stories.d.ts +1 -1
  16. package/dist/components/Heading/Heading.stories.d.ts +83 -81
  17. package/dist/components/Heading/Heading.stories.d.ts.map +1 -1
  18. package/dist/components/Icon/Icon.d.ts.map +1 -1
  19. package/dist/components/Icon/Icon.js +2 -2
  20. package/dist/components/LoadingBox/LoadingBox.stories.d.ts +84 -82
  21. package/dist/components/LoadingBox/LoadingBox.stories.d.ts.map +1 -1
  22. package/dist/components/MinimalModal/MinimalModal.stories.d.ts +1 -1
  23. package/dist/components/NumberBubble/NumberBubble.d.ts.map +1 -1
  24. package/dist/components/NumberBubble/NumberBubble.js +2 -2
  25. package/dist/components/OptionList/OptionList.d.ts +1 -1
  26. package/dist/components/ProgressSpinner/ProgressSpinner.js +2 -2
  27. package/dist/components/StarRating/StarRating.js +2 -2
  28. package/dist/components/Stepper/Stepper.css.d.ts.map +1 -1
  29. package/dist/components/Stepper/Stepper.css.js +1 -7
  30. package/dist/components/Stepper/Stepper.d.ts.map +1 -1
  31. package/dist/components/Stepper/Stepper.js +1 -4
  32. package/dist/components/Tabs/Tab.js +3 -3
  33. package/dist/components/TextBubble/TextBubble.d.ts.map +1 -1
  34. package/dist/components/TextBubble/TextBubble.js +2 -2
  35. package/dist/components/TextLink/TextLink.js +3 -3
  36. package/dist/components/TextLink/TextLink.stories.d.ts +3 -3
  37. package/dist/components/private/CheckableBase/CheckableBase.d.ts.map +1 -1
  38. package/dist/components/private/CheckableBase/CheckableBase.js +6 -15
  39. package/dist/components/private/InputBase/HintText.d.ts.map +1 -1
  40. package/dist/components/private/InputBase/HintText.js +5 -6
  41. package/dist/components/private/InputBase/withEnhancedInput.d.ts.map +1 -1
  42. package/dist/components/private/InputBase/withEnhancedInput.js +4 -4
  43. package/dist/index.d.ts +1 -1
  44. package/dist/index.d.ts.map +1 -1
  45. package/dist/index.js +1 -1
  46. package/dist/styles/index.d.ts +5 -0
  47. package/dist/styles/index.d.ts.map +1 -0
  48. package/dist/styles/index.js +6 -0
  49. package/dist/styles/reset.css.d.ts +1 -1
  50. package/dist/styles/reset.css.d.ts.map +1 -1
  51. package/dist/styles/reset.css.js +4 -3
  52. package/dist/styles/resetStyles.d.ts +6 -0
  53. package/dist/styles/resetStyles.d.ts.map +1 -1
  54. package/dist/styles/resetStyles.js +17 -0
  55. package/dist/styles/sprinkles.css.d.ts +86 -94
  56. package/dist/styles/sprinkles.css.d.ts.map +1 -1
  57. package/dist/styles/sprinkles.css.js +67 -35
  58. package/dist/utils/sprinkles.d.ts +2 -5
  59. package/dist/utils/sprinkles.d.ts.map +1 -1
  60. package/dist/utils/sprinkles.js +2 -8
  61. package/package.json +1 -1
package/dist/components/LoadingBox/LoadingBox.stories.d.ts CHANGED
@@ -8,15 +8,13 @@ declare const _default: {
8
8
  className?: string | undefined;
9
9
  randomWidth?: boolean | undefined;
10
10
  blinking?: boolean | undefined;
11
- key?: React.Key | null | undefined;
12
- value?: string | number | readonly string[] | undefined;
13
11
  colour?: "link" | "white" | "body" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | "muted" | "unset" | undefined;
14
12
  backgroundColour?: "white" | "black900" | "black800" | "black700" | "black600" | "black500" | "black400" | "black300" | "black200" | "black100" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "success" | "danger" | "warning" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "transparent" | undefined;
15
13
  color?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
16
14
  content?: string | undefined | undefined;
17
15
  placeholder?: string | undefined | undefined;
18
16
  min?: number | string | undefined | undefined;
19
- size?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
17
+ size?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
20
18
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
21
19
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
22
20
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
@@ -33,19 +31,19 @@ declare const _default: {
33
31
  tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
34
32
  desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
35
33
  largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
36
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
34
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
37
35
  alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | {
38
36
  mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
39
37
  tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
40
38
  desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
41
39
  largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
42
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
40
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
43
41
  alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | {
44
42
  mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
45
43
  tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
46
44
  desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
47
45
  largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
48
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null>;
46
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null>;
49
47
  backgroundColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
50
48
  borderBottomColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
51
49
  borderBottomStyle?: "none" | "solid" | undefined;
@@ -54,7 +52,7 @@ declare const _default: {
54
52
  tablet?: "1" | "2" | "3" | "none" | undefined;
55
53
  desktop?: "1" | "2" | "3" | "none" | undefined;
56
54
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
57
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "none" | null>;
55
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
58
56
  borderLeftColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
59
57
  borderLeftStyle?: "none" | "solid" | undefined;
60
58
  borderLeftWidth?: ("1" | "2" | "3" | "none" | {
@@ -62,7 +60,7 @@ declare const _default: {
62
60
  tablet?: "1" | "2" | "3" | "none" | undefined;
63
61
  desktop?: "1" | "2" | "3" | "none" | undefined;
64
62
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
65
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "none" | null>;
63
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
66
64
  borderRightColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
67
65
  borderRightStyle?: "none" | "solid" | undefined;
68
66
  borderRightWidth?: ("1" | "2" | "3" | "none" | {
@@ -70,7 +68,7 @@ declare const _default: {
70
68
  tablet?: "1" | "2" | "3" | "none" | undefined;
71
69
  desktop?: "1" | "2" | "3" | "none" | undefined;
72
70
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
73
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "none" | null>;
71
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
74
72
  borderTopColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
75
73
  borderTopStyle?: "none" | "solid" | undefined;
76
74
  borderTopWidth?: ("1" | "2" | "3" | "none" | {
@@ -78,9 +76,9 @@ declare const _default: {
78
76
  tablet?: "1" | "2" | "3" | "none" | undefined;
79
77
  desktop?: "1" | "2" | "3" | "none" | undefined;
80
78
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
81
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "none" | null>;
79
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
82
80
  boxShadow?: "1" | "2" | "3" | "4" | "5" | "none" | undefined;
83
- columnGap?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
81
+ columnGap?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
84
82
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
85
83
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
86
84
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -91,68 +89,68 @@ declare const _default: {
91
89
  tablet?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | "inlineBlock" | "inlineFlex" | undefined;
92
90
  desktop?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | "inlineBlock" | "inlineFlex" | undefined;
93
91
  largeDesktop?: "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | "inlineBlock" | "inlineFlex" | undefined;
94
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | "inlineBlock" | "inlineFlex" | null>;
92
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | "inlineBlock" | "inlineFlex" | null>;
95
93
  flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
96
94
  mobile?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
97
95
  tablet?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
98
96
  desktop?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
99
97
  largeDesktop?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
100
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "column" | "column-reverse" | "row" | "row-reverse" | null>;
98
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "column" | "column-reverse" | "row" | "row-reverse" | null>;
101
99
  flexGrow?: (number | "1" | "0" | {
102
100
  mobile?: number | "1" | "0" | undefined;
103
101
  tablet?: number | "1" | "0" | undefined;
104
102
  desktop?: number | "1" | "0" | undefined;
105
103
  largeDesktop?: number | "1" | "0" | undefined;
106
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, number | "1" | "0" | null>;
104
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, number | "1" | "0" | null>;
107
105
  flexShrink?: (number | "1" | "0" | {
108
106
  mobile?: number | "1" | "0" | undefined;
109
107
  tablet?: number | "1" | "0" | undefined;
110
108
  desktop?: number | "1" | "0" | undefined;
111
109
  largeDesktop?: number | "1" | "0" | undefined;
112
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, number | "1" | "0" | null>;
110
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, number | "1" | "0" | null>;
113
111
  flexWrap?: ("nowrap" | "wrap" | "wrap-reverse" | {
114
112
  mobile?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
115
113
  tablet?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
116
114
  desktop?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
117
115
  largeDesktop?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
118
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "nowrap" | "wrap" | "wrap-reverse" | null>;
116
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "nowrap" | "wrap" | "wrap-reverse" | null>;
119
117
  gridAutoColumns?: ("auto" | "max-content" | "min-content" | "1fr" | {
120
118
  mobile?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
121
119
  tablet?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
122
120
  desktop?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
123
121
  largeDesktop?: "auto" | "max-content" | "min-content" | "1fr" | undefined;
124
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "auto" | "max-content" | "min-content" | "1fr" | null>;
122
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "max-content" | "min-content" | "1fr" | null>;
125
123
  gridAutoFlow?: ("column" | "row" | "row dense" | "column dense" | {
126
124
  mobile?: "column" | "row" | "row dense" | "column dense" | undefined;
127
125
  tablet?: "column" | "row" | "row dense" | "column dense" | undefined;
128
126
  desktop?: "column" | "row" | "row dense" | "column dense" | undefined;
129
127
  largeDesktop?: "column" | "row" | "row dense" | "column dense" | undefined;
130
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "column" | "row" | "row dense" | "column dense" | null>;
128
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "column" | "row" | "row dense" | "column dense" | null>;
131
129
  gridAutoRows?: ("auto" | "1fr" | {
132
130
  mobile?: "auto" | "1fr" | undefined;
133
131
  tablet?: "auto" | "1fr" | undefined;
134
132
  desktop?: "auto" | "1fr" | undefined;
135
133
  largeDesktop?: "auto" | "1fr" | undefined;
136
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "auto" | "1fr" | null>;
134
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "1fr" | null>;
137
135
  height?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
138
136
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
139
137
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
140
138
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
141
139
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
142
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null>;
140
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null>;
143
141
  justifyContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
144
142
  mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
145
143
  tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
146
144
  desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
147
145
  largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
148
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
146
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
149
147
  justifySelf?: ("center" | "flex-end" | "flex-start" | {
150
148
  mobile?: "center" | "flex-end" | "flex-start" | undefined;
151
149
  tablet?: "center" | "flex-end" | "flex-start" | undefined;
152
150
  desktop?: "center" | "flex-end" | "flex-start" | undefined;
153
151
  largeDesktop?: "center" | "flex-end" | "flex-start" | undefined;
154
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "center" | "flex-end" | "flex-start" | null>;
155
- marginBottom?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
152
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-end" | "flex-start" | null>;
153
+ marginBottom?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
156
154
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
157
155
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
158
156
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -163,14 +161,14 @@ declare const _default: {
163
161
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
164
162
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
165
163
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
166
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
167
- marginRight?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
164
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
165
+ marginRight?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
168
166
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
169
167
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
170
168
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
171
169
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
172
170
  } | undefined);
173
- marginTop?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
171
+ marginTop?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
174
172
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
175
173
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
176
174
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -181,50 +179,50 @@ declare const _default: {
181
179
  tablet?: "small" | "medium" | "large" | "fit-content" | "max-content" | undefined;
182
180
  desktop?: "small" | "medium" | "large" | "fit-content" | "max-content" | undefined;
183
181
  largeDesktop?: "small" | "medium" | "large" | "fit-content" | "max-content" | undefined;
184
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "small" | "medium" | "large" | "fit-content" | "max-content" | null>;
182
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "small" | "medium" | "large" | "fit-content" | "max-content" | null>;
185
183
  minWidth?: ("auto" | "fit-content" | {
186
184
  mobile?: "auto" | "fit-content" | undefined;
187
185
  tablet?: "auto" | "fit-content" | undefined;
188
186
  desktop?: "auto" | "fit-content" | undefined;
189
187
  largeDesktop?: "auto" | "fit-content" | undefined;
190
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "auto" | "fit-content" | null>;
188
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "fit-content" | null>;
191
189
  order?: (number | "1" | "2" | "3" | "4" | "0" | {
192
190
  mobile?: number | "1" | "2" | "3" | "4" | "0" | undefined;
193
191
  tablet?: number | "1" | "2" | "3" | "4" | "0" | undefined;
194
192
  desktop?: number | "1" | "2" | "3" | "4" | "0" | undefined;
195
193
  largeDesktop?: number | "1" | "2" | "3" | "4" | "0" | undefined;
196
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, number | "1" | "2" | "3" | "4" | "0" | null>;
194
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, number | "1" | "2" | "3" | "4" | "0" | null>;
197
195
  overflowX?: ("auto" | "hidden" | "scroll" | {
198
196
  mobile?: "auto" | "hidden" | "scroll" | undefined;
199
197
  tablet?: "auto" | "hidden" | "scroll" | undefined;
200
198
  desktop?: "auto" | "hidden" | "scroll" | undefined;
201
199
  largeDesktop?: "auto" | "hidden" | "scroll" | undefined;
202
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "auto" | "hidden" | "scroll" | null>;
200
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "hidden" | "scroll" | null>;
203
201
  overflowY?: ("auto" | "hidden" | "scroll" | {
204
202
  mobile?: "auto" | "hidden" | "scroll" | undefined;
205
203
  tablet?: "auto" | "hidden" | "scroll" | undefined;
206
204
  desktop?: "auto" | "hidden" | "scroll" | undefined;
207
205
  largeDesktop?: "auto" | "hidden" | "scroll" | undefined;
208
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "auto" | "hidden" | "scroll" | null>;
209
- paddingBottom?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
206
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "hidden" | "scroll" | null>;
207
+ paddingBottom?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
210
208
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
211
209
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
212
210
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
213
211
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
214
212
  } | undefined);
215
- paddingLeft?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
213
+ paddingLeft?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
216
214
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
217
215
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
218
216
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
219
217
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
220
218
  } | undefined);
221
- paddingRight?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
219
+ paddingRight?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
222
220
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
223
221
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
224
222
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
225
223
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
226
224
  } | undefined);
227
- paddingTop?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
225
+ paddingTop?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
228
226
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
229
227
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
230
228
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -236,8 +234,8 @@ declare const _default: {
236
234
  tablet?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
237
235
  desktop?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
238
236
  largeDesktop?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
239
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "fixed" | "absolute" | "relative" | "static" | "sticky" | null>;
240
- rowGap?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
237
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "fixed" | "absolute" | "relative" | "static" | "sticky" | null>;
238
+ rowGap?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
241
239
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
242
240
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
243
241
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -248,7 +246,7 @@ declare const _default: {
248
246
  tablet?: "left" | "right" | "center" | "centre" | undefined;
249
247
  desktop?: "left" | "right" | "center" | "centre" | undefined;
250
248
  largeDesktop?: "left" | "right" | "center" | "centre" | undefined;
251
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "left" | "right" | "center" | "centre" | null>;
249
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | "centre" | null>;
252
250
  textWrap?: "balance" | "nowrap" | "stable" | "pretty" | undefined;
253
251
  translate?: "yes" | "no" | undefined | undefined;
254
252
  userSelect?: "none" | "auto" | "text" | undefined;
@@ -258,21 +256,21 @@ declare const _default: {
258
256
  tablet?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
259
257
  desktop?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
260
258
  largeDesktop?: "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | undefined;
261
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | null>;
259
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "none" | "min" | "sm" | "md" | "lg" | "xl" | "2xl" | "pill" | "full" | null>;
262
260
  borderStyle?: "none" | "solid" | undefined;
263
261
  borderWidth?: ("1" | "2" | "3" | "none" | {
264
262
  mobile?: "1" | "2" | "3" | "none" | undefined;
265
263
  tablet?: "1" | "2" | "3" | "none" | undefined;
266
264
  desktop?: "1" | "2" | "3" | "none" | undefined;
267
265
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
268
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "none" | null>;
266
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
269
267
  gap?: ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
270
268
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
271
269
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
272
270
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
273
271
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
274
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
275
- margin?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
272
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null>;
273
+ margin?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
276
274
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
277
275
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
278
276
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -283,8 +281,8 @@ declare const _default: {
283
281
  tablet?: "auto" | "hidden" | "visible" | undefined;
284
282
  desktop?: "auto" | "hidden" | "visible" | undefined;
285
283
  largeDesktop?: "auto" | "hidden" | "visible" | undefined;
286
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "auto" | "hidden" | "visible" | null>;
287
- padding?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
284
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "auto" | "hidden" | "visible" | null>;
285
+ padding?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
288
286
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
289
287
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
290
288
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -295,7 +293,7 @@ declare const _default: {
295
293
  tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
296
294
  desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
297
295
  largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
298
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | null>;
296
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | null>;
299
297
  start?: number | undefined | undefined;
300
298
  hidden?: boolean | undefined | undefined;
301
299
  style?: React.CSSProperties | undefined;
@@ -305,159 +303,163 @@ declare const _default: {
305
303
  open?: boolean | undefined | undefined;
306
304
  multiple?: boolean | undefined | undefined;
307
305
  disabled?: boolean | undefined | undefined;
308
- borderColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
309
- borderColourX?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
310
- borderColourY?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
306
+ key?: React.Key | null | undefined;
307
+ value?: string | number | readonly string[] | undefined;
311
308
  borderBottomColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
312
309
  borderLeftColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
313
310
  borderRightColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
314
311
  borderTopColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
315
- borderColourBottom?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
316
- borderColourLeft?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
317
- borderColourRight?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
318
- borderColourTop?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
319
312
  useVar?: "gap" | undefined;
320
313
  bg?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
321
314
  fg?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
315
+ borderColorX?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
316
+ borderColorY?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
317
+ borderColour?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
318
+ borderColourX?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
319
+ borderColourY?: "gray" | "success" | "danger" | "warning" | "light" | "neutral" | "primary" | "brand" | "secondary" | "shine" | "information" | "dark" | undefined;
320
+ borderStyleBottom?: "none" | "solid" | undefined;
321
+ borderStyleLeft?: "none" | "solid" | undefined;
322
+ borderStyleRight?: "none" | "solid" | undefined;
323
+ borderStyleTop?: "none" | "solid" | undefined;
322
324
  gridColumns?: (string | {
323
325
  mobile?: string | undefined;
324
326
  tablet?: string | undefined;
325
327
  desktop?: string | undefined;
326
328
  largeDesktop?: string | undefined;
327
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, string | null>;
329
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, string | null>;
328
330
  borderWidthX?: ("1" | "2" | "3" | "none" | {
329
331
  mobile?: "1" | "2" | "3" | "none" | undefined;
330
332
  tablet?: "1" | "2" | "3" | "none" | undefined;
331
333
  desktop?: "1" | "2" | "3" | "none" | undefined;
332
334
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
333
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "none" | null>;
335
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
334
336
  borderWidthY?: ("1" | "2" | "3" | "none" | {
335
337
  mobile?: "1" | "2" | "3" | "none" | undefined;
336
338
  tablet?: "1" | "2" | "3" | "none" | undefined;
337
339
  desktop?: "1" | "2" | "3" | "none" | undefined;
338
340
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
339
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "none" | null>;
341
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
340
342
  borderWidthBottom?: ("1" | "2" | "3" | "none" | {
341
343
  mobile?: "1" | "2" | "3" | "none" | undefined;
342
344
  tablet?: "1" | "2" | "3" | "none" | undefined;
343
345
  desktop?: "1" | "2" | "3" | "none" | undefined;
344
346
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
345
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "none" | null>;
347
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
346
348
  borderWidthLeft?: ("1" | "2" | "3" | "none" | {
347
349
  mobile?: "1" | "2" | "3" | "none" | undefined;
348
350
  tablet?: "1" | "2" | "3" | "none" | undefined;
349
351
  desktop?: "1" | "2" | "3" | "none" | undefined;
350
352
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
351
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "none" | null>;
353
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
352
354
  borderWidthRight?: ("1" | "2" | "3" | "none" | {
353
355
  mobile?: "1" | "2" | "3" | "none" | undefined;
354
356
  tablet?: "1" | "2" | "3" | "none" | undefined;
355
357
  desktop?: "1" | "2" | "3" | "none" | undefined;
356
358
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
357
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "none" | null>;
359
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
358
360
  borderWidthTop?: ("1" | "2" | "3" | "none" | {
359
361
  mobile?: "1" | "2" | "3" | "none" | undefined;
360
362
  tablet?: "1" | "2" | "3" | "none" | undefined;
361
363
  desktop?: "1" | "2" | "3" | "none" | undefined;
362
364
  largeDesktop?: "1" | "2" | "3" | "none" | undefined;
363
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "none" | null>;
364
- p?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
365
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
366
+ p?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
365
367
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
366
368
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
367
369
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
368
370
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
369
371
  } | undefined);
370
- paddingX?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
372
+ paddingX?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
371
373
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
372
374
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
373
375
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
374
376
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
375
377
  } | undefined);
376
- px?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
378
+ px?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
377
379
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
378
380
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
379
381
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
380
382
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
381
383
  } | undefined);
382
- paddingY?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
384
+ paddingY?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
383
385
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
384
386
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
385
387
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
386
388
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
387
389
  } | undefined);
388
- py?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
390
+ py?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
389
391
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
390
392
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
391
393
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
392
394
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
393
395
  } | undefined);
394
- pt?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
396
+ pt?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
395
397
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
396
398
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
397
399
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
398
400
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
399
401
  } | undefined);
400
- pr?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
402
+ pr?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
401
403
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
402
404
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
403
405
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
404
406
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
405
407
  } | undefined);
406
- pb?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
408
+ pb?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
407
409
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
408
410
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
409
411
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
410
412
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
411
413
  } | undefined);
412
- pl?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
414
+ pl?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
413
415
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
414
416
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
415
417
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
416
418
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
417
419
  } | undefined);
418
- m?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
420
+ m?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
419
421
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
420
422
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
421
423
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
422
424
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
423
425
  } | undefined);
424
- marginX?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
426
+ marginX?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
425
427
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
426
428
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
427
429
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
428
430
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
429
431
  } | undefined);
430
- mx?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
432
+ mx?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
431
433
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
432
434
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
433
435
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
434
436
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
435
437
  } | undefined);
436
- marginY?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
438
+ marginY?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
437
439
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
438
440
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
439
441
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
440
442
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
441
443
  } | undefined);
442
- my?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
444
+ my?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
443
445
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
444
446
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
445
447
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
446
448
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
447
449
  } | undefined);
448
- mt?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
450
+ mt?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
449
451
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
450
452
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
451
453
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
452
454
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
453
455
  } | undefined);
454
- mr?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
456
+ mr?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | {
455
457
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
456
458
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
457
459
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
458
460
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
459
461
  } | undefined);
460
- mb?: import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
462
+ mb?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | {
461
463
  mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
462
464
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
463
465
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
@@ -468,15 +470,10 @@ declare const _default: {
468
470
  tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
469
471
  desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
470
472
  largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
471
- } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<2 | 1 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
473
+ } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
472
474
  as?: React.ElementType | undefined;
473
475
  span?: number | undefined | undefined;
474
476
  label?: string | undefined | undefined;
475
- onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
476
- onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
477
- id?: string | undefined | undefined;
478
- children?: React.ReactNode;
479
- ref?: React.Ref<HTMLElement> | undefined;
480
477
  cite?: string | undefined | undefined;
481
478
  data?: string | undefined | undefined;
482
479
  form?: string | undefined | undefined;
@@ -484,6 +481,11 @@ declare const _default: {
484
481
  summary?: string | undefined | undefined;
485
482
  title?: string | undefined | undefined;
486
483
  pattern?: string | undefined | undefined;
484
+ onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
485
+ onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
486
+ id?: string | undefined | undefined;
487
+ children?: React.ReactNode;
488
+ ref?: React.Ref<HTMLElement> | undefined;
487
489
  is?: React.ElementType | undefined;
488
490
  accept?: string | undefined | undefined;
489
491
  acceptCharset?: string | undefined | undefined;