@blockle/blocks 0.14.0 → 0.14.2

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 (4) hide show
  1. package/dist/momotaro.chunk.d.ts +88 -88
  2. package/dist/styles/components/display/Divider/Divider.cjs +17 -2
  3. package/dist/styles/components/display/Divider/Divider.mjs +17 -2
  4. package/package.json +25 -24
package/dist/momotaro.chunk.d.ts CHANGED
@@ -46,193 +46,193 @@ declare const atoms: ((props: {
46
46
  tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
47
47
  desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
48
48
  wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
49
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-start" | "flex-end" | null>;
49
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
50
50
  readonly alignItems?: ("stretch" | "center" | "flex-start" | "flex-end" | {
51
51
  mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
52
52
  tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
53
53
  desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
54
54
  wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
55
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-start" | "flex-end" | null>;
55
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
56
56
  readonly alignSelf?: ("stretch" | "center" | "flex-start" | "flex-end" | {
57
57
  mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
58
58
  tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
59
59
  desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
60
60
  wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
61
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-start" | "flex-end" | null>;
61
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
62
62
  readonly columnGap?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
63
63
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
64
64
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
65
65
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
66
66
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
67
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
67
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
68
68
  readonly display?: ("none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | {
69
69
  mobile?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
70
70
  tablet?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
71
71
  desktop?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
72
72
  wide?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
73
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | null>;
73
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | null>;
74
74
  readonly flex?: (1 | {
75
75
  mobile?: 1 | undefined;
76
76
  tablet?: 1 | undefined;
77
77
  desktop?: 1 | undefined;
78
78
  wide?: 1 | undefined;
79
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, 1 | null>;
79
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 1 | null>;
80
80
  readonly flexDirection?: ("row" | "row-reverse" | "column" | "column-reverse" | {
81
81
  mobile?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
82
82
  tablet?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
83
83
  desktop?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
84
84
  wide?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
85
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "row" | "row-reverse" | "column" | "column-reverse" | null>;
85
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "row" | "row-reverse" | "column" | "column-reverse" | null>;
86
86
  readonly flexGrow?: (0 | 1 | {
87
87
  mobile?: 0 | 1 | undefined;
88
88
  tablet?: 0 | 1 | undefined;
89
89
  desktop?: 0 | 1 | undefined;
90
90
  wide?: 0 | 1 | undefined;
91
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, 0 | 1 | null>;
91
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 0 | 1 | null>;
92
92
  readonly flexShrink?: (0 | 1 | {
93
93
  mobile?: 0 | 1 | undefined;
94
94
  tablet?: 0 | 1 | undefined;
95
95
  desktop?: 0 | 1 | undefined;
96
96
  wide?: 0 | 1 | undefined;
97
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, 0 | 1 | null>;
97
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 0 | 1 | null>;
98
98
  readonly flexWrap?: ("nowrap" | "wrap" | {
99
99
  mobile?: "nowrap" | "wrap" | undefined;
100
100
  tablet?: "nowrap" | "wrap" | undefined;
101
101
  desktop?: "nowrap" | "wrap" | undefined;
102
102
  wide?: "nowrap" | "wrap" | undefined;
103
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "nowrap" | "wrap" | null>;
103
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "nowrap" | "wrap" | null>;
104
104
  readonly fontSize?: (("large" | "medium" | "small" | "xsmall" | "xlarge") | {
105
105
  mobile?: ("large" | "medium" | "small" | "xsmall" | "xlarge") | undefined;
106
106
  tablet?: ("large" | "medium" | "small" | "xsmall" | "xlarge") | undefined;
107
107
  desktop?: ("large" | "medium" | "small" | "xsmall" | "xlarge") | undefined;
108
108
  wide?: ("large" | "medium" | "small" | "xsmall" | "xlarge") | undefined;
109
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("large" | "medium" | "small" | "xsmall" | "xlarge") | null>;
109
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("large" | "medium" | "small" | "xsmall" | "xlarge") | null>;
110
110
  readonly gap?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
111
111
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
112
112
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
113
113
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
114
114
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
115
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
115
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
116
116
  readonly justifyContent?: ("center" | "flex-start" | "flex-end" | "space-between" | "space-around" | {
117
117
  mobile?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
118
118
  tablet?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
119
119
  desktop?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
120
120
  wide?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
121
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | null>;
121
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | null>;
122
122
  readonly marginBlockStart?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
123
123
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
124
124
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
125
125
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
126
126
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
127
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
127
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
128
128
  readonly marginBlockEnd?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
129
129
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
130
130
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
131
131
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
132
132
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
133
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
133
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
134
134
  readonly marginInlineStart?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
135
135
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
136
136
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
137
137
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
138
138
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
139
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
139
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
140
140
  readonly marginInlineEnd?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
141
141
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
142
142
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
143
143
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
144
144
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
145
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
145
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
146
146
  readonly outline?: ("none" | {
147
147
  mobile?: "none" | undefined;
148
148
  tablet?: "none" | undefined;
149
149
  desktop?: "none" | undefined;
150
150
  wide?: "none" | undefined;
151
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | null>;
151
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | null>;
152
152
  readonly padding?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
153
153
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
154
154
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
155
155
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
156
156
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
157
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
157
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
158
158
  readonly paddingBlock?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
159
159
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
160
160
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
161
161
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
162
162
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
163
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
163
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
164
164
  readonly paddingBlockStart?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
165
165
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
166
166
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
167
167
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
168
168
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
169
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
169
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
170
170
  readonly paddingBlockEnd?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
171
171
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
172
172
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
173
173
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
174
174
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
175
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
175
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
176
176
  readonly paddingInline?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
177
177
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
178
178
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
179
179
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
180
180
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
181
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
181
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
182
182
  readonly paddingInlineStart?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
183
183
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
184
184
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
185
185
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
186
186
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
187
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
187
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
188
188
  readonly paddingInlineEnd?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
189
189
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
190
190
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
191
191
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
192
192
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
193
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
193
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
194
194
  readonly position?: ("relative" | "fixed" | "absolute" | "sticky" | "static" | {
195
195
  mobile?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
196
196
  tablet?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
197
197
  desktop?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
198
198
  wide?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
199
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "relative" | "fixed" | "absolute" | "sticky" | "static" | null>;
199
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "relative" | "fixed" | "absolute" | "sticky" | "static" | null>;
200
200
  readonly rowGap?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
201
201
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
202
202
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
203
203
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
204
204
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
205
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
205
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
206
206
  readonly textAlign?: ("left" | "right" | "center" | "justify" | {
207
207
  mobile?: "left" | "right" | "center" | "justify" | undefined;
208
208
  tablet?: "left" | "right" | "center" | "justify" | undefined;
209
209
  desktop?: "left" | "right" | "center" | "justify" | undefined;
210
210
  wide?: "left" | "right" | "center" | "justify" | undefined;
211
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | "justify" | null>;
211
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "left" | "right" | "center" | "justify" | null>;
212
212
  margin?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
213
213
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
214
214
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
215
215
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
216
216
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
217
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
217
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
218
218
  marginBlock?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
219
219
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
220
220
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
221
221
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
222
222
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
223
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
223
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
224
224
  marginInline?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
225
225
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
226
226
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
227
227
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
228
228
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
229
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
229
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
230
230
  placeItems?: ("center" | "flex-start" | "flex-end" | {
231
231
  mobile?: "center" | "flex-start" | "flex-end" | undefined;
232
232
  tablet?: "center" | "flex-start" | "flex-end" | undefined;
233
233
  desktop?: "center" | "flex-start" | "flex-end" | undefined;
234
234
  wide?: "center" | "flex-start" | "flex-end" | undefined;
235
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-start" | "flex-end" | null>;
235
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "center" | "flex-start" | "flex-end" | null>;
236
236
  }) => string) & {
237
237
  properties: Set<"alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "blockSize" | "boxShadow" | "color" | "columnGap" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "justifyContent" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "maxBlockSize" | "maxInlineSize" | "opacity" | "overflowBlock" | "overflowInline" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "textTransform" | "textWrap" | "userSelect" | "whiteSpace" | "wordBreak" | "wordWrap" | "border" | "borderColor" | "borderRadius" | "borderWidth" | "flex" | "gap" | "inset" | "insetBlock" | "insetInline" | "margin" | "marginBlock" | "marginInline" | "outline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "placeItems" | "textDecoration" | "transition">;
238
238
  };
@@ -646,18 +646,18 @@ type ButtonProps = {
646
646
  } & Omit<HTMLElementProps<HTMLButtonElement>, 'size'> & MarginAtoms;
647
647
  declare const Button: react.ForwardRefExoticComponent<{
648
648
  children: React.ReactNode;
649
- type?: "button" | "reset" | "submit" | undefined;
650
- variant?: "outline" | "solid" | "ghost" | undefined;
651
- intent?: "danger" | "neutral" | undefined;
652
- size?: "large" | "medium" | "small" | undefined;
653
- inlineSize?: Atoms['inlineSize'];
654
- alignSelf?: Atoms['alignSelf'];
655
- loading?: boolean | undefined;
649
+ type?: "button" | "submit" | "reset";
650
+ variant?: ButtonTheme["variants"]["variant"];
651
+ intent?: ButtonTheme["variants"]["intent"];
652
+ size?: ButtonTheme["variants"]["size"];
653
+ inlineSize?: Atoms["inlineSize"];
654
+ alignSelf?: Atoms["alignSelf"];
655
+ loading?: boolean;
656
656
  startSlot?: React.ReactNode;
657
657
  endSlot?: React.ReactNode;
658
- disabled?: boolean | undefined;
659
- asChild?: boolean | undefined;
660
- popovertarget?: string | undefined;
658
+ disabled?: boolean;
659
+ asChild?: boolean;
660
+ popovertarget?: string;
661
661
  } & Omit<HTMLElementProps<HTMLButtonElement>, "size"> & MarginAtoms & react.RefAttributes<HTMLButtonElement>>;
662
662
 
663
663
  type CheckboxProps = {
@@ -668,7 +668,7 @@ type CheckboxProps = {
668
668
  declare const Checkbox: react__default.ForwardRefExoticComponent<{
669
669
  name: string;
670
670
  label?: react__default.ReactNode;
671
- required?: boolean | undefined;
671
+ required?: boolean;
672
672
  } & HTMLElementProps<HTMLInputElement> & react__default.RefAttributes<HTMLInputElement>>;
673
673
 
674
674
  type InputProps = {
@@ -680,9 +680,9 @@ type InputProps = {
680
680
  label: string;
681
681
  } & Omit<HTMLElementProps<HTMLInputElement>, 'type'>;
682
682
  declare const Input: react.ForwardRefExoticComponent<{
683
- className?: string | undefined;
683
+ className?: string;
684
684
  name: string;
685
- type?: OptionalLiteral<"number" | "text" | "tel" | "url" | "email" | "password"> | undefined;
685
+ type?: OptionalLiteral<"email" | "number" | "password" | "tel" | "text" | "url">;
686
686
  startSlot?: React.ReactNode;
687
687
  endSlot?: React.ReactNode;
688
688
  label: string;
@@ -722,8 +722,8 @@ type SelectProps = {
722
722
  } & HTMLElementProps<HTMLSelectElement>;
723
723
  declare const Select: react__default.ForwardRefExoticComponent<{
724
724
  children: react__default.ReactNode;
725
- placeholder?: string | undefined;
726
- variant?: "outline" | "solid" | undefined;
725
+ placeholder?: string;
726
+ variant?: SelectTheme["variants"]["variant"];
727
727
  } & HTMLElementProps<HTMLSelectElement> & react__default.RefAttributes<HTMLSelectElement>>;
728
728
 
729
729
  type SliderProps = {
@@ -747,7 +747,7 @@ type SwitchProps = {
747
747
  onChange?: (value: boolean) => void;
748
748
  } & Omit<HTMLElementProps<HTMLInputElement>, 'onChange'>;
749
749
  declare const Switch: react.ForwardRefExoticComponent<{
750
- onChange?: ((value: boolean) => void) | undefined;
750
+ onChange?: (value: boolean) => void;
751
751
  } & Omit<HTMLElementProps<HTMLInputElement>, "onChange"> & react.RefAttributes<HTMLInputElement>>;
752
752
 
753
753
  type BoxProps = {
@@ -758,9 +758,9 @@ type BoxProps = {
758
758
  } & Atoms & HTMLElementProps<HTMLDivElement>;
759
759
  declare const Box: react.ForwardRefExoticComponent<{
760
760
  children?: React.ReactNode;
761
- className?: string | undefined;
762
- style?: react.CSSProperties | undefined;
763
- asChild?: boolean | undefined;
761
+ className?: string;
762
+ style?: React.CSSProperties;
763
+ asChild?: boolean;
764
764
  } & {
765
765
  readonly backgroundColor?: "black" | "white" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "link" | "currentColor" | undefined;
766
766
  readonly borderColor?: "black" | "white" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "link" | "currentColor" | undefined;
@@ -804,193 +804,193 @@ declare const Box: react.ForwardRefExoticComponent<{
804
804
  tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
805
805
  desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
806
806
  wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
807
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-start" | "flex-end" | null>;
807
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
808
808
  readonly alignItems?: ("stretch" | "center" | "flex-start" | "flex-end" | {
809
809
  mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
810
810
  tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
811
811
  desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
812
812
  wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
813
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-start" | "flex-end" | null>;
813
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
814
814
  readonly alignSelf?: ("stretch" | "center" | "flex-start" | "flex-end" | {
815
815
  mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
816
816
  tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
817
817
  desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
818
818
  wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
819
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-start" | "flex-end" | null>;
819
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
820
820
  readonly columnGap?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
821
821
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
822
822
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
823
823
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
824
824
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
825
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
825
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
826
826
  readonly display?: ("none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | {
827
827
  mobile?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
828
828
  tablet?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
829
829
  desktop?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
830
830
  wide?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
831
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | null>;
831
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | null>;
832
832
  readonly flex?: (1 | {
833
833
  mobile?: 1 | undefined;
834
834
  tablet?: 1 | undefined;
835
835
  desktop?: 1 | undefined;
836
836
  wide?: 1 | undefined;
837
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, 1 | null>;
837
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 1 | null>;
838
838
  readonly flexDirection?: ("row" | "row-reverse" | "column" | "column-reverse" | {
839
839
  mobile?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
840
840
  tablet?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
841
841
  desktop?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
842
842
  wide?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
843
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "row" | "row-reverse" | "column" | "column-reverse" | null>;
843
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "row" | "row-reverse" | "column" | "column-reverse" | null>;
844
844
  readonly flexGrow?: (0 | 1 | {
845
845
  mobile?: 0 | 1 | undefined;
846
846
  tablet?: 0 | 1 | undefined;
847
847
  desktop?: 0 | 1 | undefined;
848
848
  wide?: 0 | 1 | undefined;
849
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, 0 | 1 | null>;
849
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 0 | 1 | null>;
850
850
  readonly flexShrink?: (0 | 1 | {
851
851
  mobile?: 0 | 1 | undefined;
852
852
  tablet?: 0 | 1 | undefined;
853
853
  desktop?: 0 | 1 | undefined;
854
854
  wide?: 0 | 1 | undefined;
855
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, 0 | 1 | null>;
855
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 0 | 1 | null>;
856
856
  readonly flexWrap?: ("nowrap" | "wrap" | {
857
857
  mobile?: "nowrap" | "wrap" | undefined;
858
858
  tablet?: "nowrap" | "wrap" | undefined;
859
859
  desktop?: "nowrap" | "wrap" | undefined;
860
860
  wide?: "nowrap" | "wrap" | undefined;
861
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "nowrap" | "wrap" | null>;
861
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "nowrap" | "wrap" | null>;
862
862
  readonly fontSize?: (("large" | "medium" | "small" | "xsmall" | "xlarge") | {
863
863
  mobile?: ("large" | "medium" | "small" | "xsmall" | "xlarge") | undefined;
864
864
  tablet?: ("large" | "medium" | "small" | "xsmall" | "xlarge") | undefined;
865
865
  desktop?: ("large" | "medium" | "small" | "xsmall" | "xlarge") | undefined;
866
866
  wide?: ("large" | "medium" | "small" | "xsmall" | "xlarge") | undefined;
867
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("large" | "medium" | "small" | "xsmall" | "xlarge") | null>;
867
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("large" | "medium" | "small" | "xsmall" | "xlarge") | null>;
868
868
  readonly gap?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
869
869
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
870
870
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
871
871
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
872
872
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
873
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
873
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
874
874
  readonly justifyContent?: ("center" | "flex-start" | "flex-end" | "space-between" | "space-around" | {
875
875
  mobile?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
876
876
  tablet?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
877
877
  desktop?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
878
878
  wide?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
879
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | null>;
879
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | null>;
880
880
  readonly marginBlockStart?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
881
881
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
882
882
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
883
883
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
884
884
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
885
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
885
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
886
886
  readonly marginBlockEnd?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
887
887
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
888
888
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
889
889
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
890
890
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
891
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
891
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
892
892
  readonly marginInlineStart?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
893
893
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
894
894
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
895
895
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
896
896
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
897
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
897
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
898
898
  readonly marginInlineEnd?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
899
899
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
900
900
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
901
901
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
902
902
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
903
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
903
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
904
904
  readonly outline?: ("none" | {
905
905
  mobile?: "none" | undefined;
906
906
  tablet?: "none" | undefined;
907
907
  desktop?: "none" | undefined;
908
908
  wide?: "none" | undefined;
909
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | null>;
909
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | null>;
910
910
  readonly padding?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
911
911
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
912
912
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
913
913
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
914
914
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
915
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
915
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
916
916
  readonly paddingBlock?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
917
917
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
918
918
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
919
919
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
920
920
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
921
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
921
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
922
922
  readonly paddingBlockStart?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
923
923
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
924
924
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
925
925
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
926
926
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
927
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
927
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
928
928
  readonly paddingBlockEnd?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
929
929
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
930
930
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
931
931
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
932
932
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
933
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
933
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
934
934
  readonly paddingInline?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
935
935
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
936
936
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
937
937
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
938
938
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
939
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
939
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
940
940
  readonly paddingInlineStart?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
941
941
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
942
942
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
943
943
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
944
944
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
945
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
945
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
946
946
  readonly paddingInlineEnd?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
947
947
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
948
948
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
949
949
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
950
950
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
951
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
951
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
952
952
  readonly position?: ("relative" | "fixed" | "absolute" | "sticky" | "static" | {
953
953
  mobile?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
954
954
  tablet?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
955
955
  desktop?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
956
956
  wide?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
957
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "relative" | "fixed" | "absolute" | "sticky" | "static" | null>;
957
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "relative" | "fixed" | "absolute" | "sticky" | "static" | null>;
958
958
  readonly rowGap?: (("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | {
959
959
  mobile?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
960
960
  tablet?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
961
961
  desktop?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
962
962
  wide?: ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | undefined;
963
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
963
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "large" | "medium" | "small" | "gutter" | "xsmall" | "xlarge") | null>;
964
964
  readonly textAlign?: ("left" | "right" | "center" | "justify" | {
965
965
  mobile?: "left" | "right" | "center" | "justify" | undefined;
966
966
  tablet?: "left" | "right" | "center" | "justify" | undefined;
967
967
  desktop?: "left" | "right" | "center" | "justify" | undefined;
968
968
  wide?: "left" | "right" | "center" | "justify" | undefined;
969
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "left" | "right" | "center" | "justify" | null>;
969
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "left" | "right" | "center" | "justify" | null>;
970
970
  margin?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
971
971
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
972
972
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
973
973
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
974
974
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
975
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
975
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
976
976
  marginBlock?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
977
977
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
978
978
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
979
979
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
980
980
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
981
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
981
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
982
982
  marginInline?: ("none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | {
983
983
  mobile?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
984
984
  tablet?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
985
985
  desktop?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
986
986
  wide?: "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | undefined;
987
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
987
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "large" | "medium" | "small" | "auto" | "gutter" | "xsmall" | "xlarge" | null>;
988
988
  placeItems?: ("center" | "flex-start" | "flex-end" | {
989
989
  mobile?: "center" | "flex-start" | "flex-end" | undefined;
990
990
  tablet?: "center" | "flex-start" | "flex-end" | undefined;
991
991
  desktop?: "center" | "flex-start" | "flex-end" | undefined;
992
992
  wide?: "center" | "flex-start" | "flex-end" | undefined;
993
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-start" | "flex-end" | null>;
993
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "center" | "flex-start" | "flex-end" | null>;
994
994
  } & HTMLElementProps<HTMLDivElement> & react.RefAttributes<unknown>>;
995
995
 
996
996
  declare const justifyContentMap: {
@@ -1044,10 +1044,10 @@ type LinkProps = {
1044
1044
  variant?: LinkTheme['variants']['variant'];
1045
1045
  } & MarginAtoms & HTMLElementProps<HTMLAnchorElement>;
1046
1046
  declare const Link: react.ForwardRefExoticComponent<{
1047
- asChild?: boolean | undefined;
1047
+ asChild?: boolean;
1048
1048
  children?: React.ReactNode;
1049
- underline?: boolean | undefined;
1050
- variant?: "inherit" | "primary" | "secondary" | undefined;
1049
+ underline?: LinkTheme["variants"]["underline"];
1050
+ variant?: LinkTheme["variants"]["variant"];
1051
1051
  } & MarginAtoms & HTMLElementProps<HTMLAnchorElement> & react.RefAttributes<HTMLAnchorElement>>;
1052
1052
 
1053
1053
  type BlocksProviderProps = {
@@ -1145,7 +1145,7 @@ type ThemeComponentsStylesRequired = Required<ThemeComponentsStyles>;
1145
1145
  type Components = {
1146
1146
  [K in keyof ThemeComponentsStylesRequired]: ThemeComponentsStylesRequired[K] extends RecordLike ? Required<ThemeComponentsStylesRequired[K]>['defaultVariants'] extends RecordLike ? ThemeComponentsStylesRequired[K]['defaultVariants'] extends undefined ? never : Exclude<ThemeComponentsStylesRequired[K]['defaultVariants'], undefined> : never : never;
1147
1147
  };
1148
- declare const useComponentStyleDefaultProps: <T extends keyof ComponentThemes>(name: T) => Components[T];
1148
+ declare const useComponentStyleDefaultProps: <T extends keyof ThemeComponentsStyles>(name: T) => Components[T];
1149
1149
 
1150
1150
  /**
1151
1151
  * useLayoutEffect is not avaible on server side use useEffect instead.
@@ -1156,7 +1156,7 @@ type UseKeyboardOptions = {
1156
1156
  enabled?: boolean;
1157
1157
  type?: 'keydown' | 'keyup';
1158
1158
  };
1159
- declare const useKeyboard: (key: KeyboardEvent['key'], callback: (event: KeyboardEvent) => void, { enabled, type }?: UseKeyboardOptions) => void;
1159
+ declare const useKeyboard: (key: KeyboardEvent["key"], callback: (event: KeyboardEvent) => void, { enabled, type }?: UseKeyboardOptions) => void;
1160
1160
 
1161
1161
  declare const usePreventBodyScroll: (enabled?: boolean) => void;
1162
1162
 
package/dist/styles/components/display/Divider/Divider.cjs CHANGED
@@ -145,15 +145,30 @@ function createAsChildTemplate(defaultElement) {
145
145
  });
146
146
  const slot = childrenArray[slotIndex];
147
147
  if (!slot) {
148
- if (process.env.NODE_ENV === "development") {
148
+ if (process.env.NODE_ENV !== "production") {
149
149
  console.error("Template: No Slot provided");
150
150
  }
151
151
  return null;
152
152
  }
153
- if (!react.isValidElement(slot) || !react.isValidElement(slot.props.children)) {
153
+ if (!react.isValidElement(slot)) {
154
+ return null;
155
+ }
156
+ if (!react.isValidElement(slot.props.children) || react.Children.toArray(slot.props.children).length !== 1) {
157
+ if (process.env.NODE_ENV !== "production") {
158
+ console.error("When using asChild, only one child is allowed");
159
+ }
160
+ return null;
161
+ }
162
+ if (!react.isValidElement(slot.props.children)) {
154
163
  return null;
155
164
  }
156
165
  const nextChildren = [...childrenArray];
166
+ if (nextChildren.length === 1 && !slot.props.children.props.children) {
167
+ return react.cloneElement(slot.props.children, {
168
+ ...mergeProps(rootProps, slot.props.children.props),
169
+ ref: composeRefs(ref, slot.props.children.ref)
170
+ });
171
+ }
157
172
  nextChildren[slotIndex] = slot.props.children.props.children;
158
173
  return react.cloneElement(
159
174
  slot.props.children,
package/dist/styles/components/display/Divider/Divider.mjs CHANGED
@@ -144,15 +144,30 @@ function createAsChildTemplate(defaultElement) {
144
144
  });
145
145
  const slot = childrenArray[slotIndex];
146
146
  if (!slot) {
147
- if (process.env.NODE_ENV === "development") {
147
+ if (process.env.NODE_ENV !== "production") {
148
148
  console.error("Template: No Slot provided");
149
149
  }
150
150
  return null;
151
151
  }
152
- if (!isValidElement(slot) || !isValidElement(slot.props.children)) {
152
+ if (!isValidElement(slot)) {
153
+ return null;
154
+ }
155
+ if (!isValidElement(slot.props.children) || Children.toArray(slot.props.children).length !== 1) {
156
+ if (process.env.NODE_ENV !== "production") {
157
+ console.error("When using asChild, only one child is allowed");
158
+ }
159
+ return null;
160
+ }
161
+ if (!isValidElement(slot.props.children)) {
153
162
  return null;
154
163
  }
155
164
  const nextChildren = [...childrenArray];
165
+ if (nextChildren.length === 1 && !slot.props.children.props.children) {
166
+ return cloneElement(slot.props.children, {
167
+ ...mergeProps(rootProps, slot.props.children.props),
168
+ ref: composeRefs(ref, slot.props.children.ref)
169
+ });
170
+ }
156
171
  nextChildren[slotIndex] = slot.props.children.props.children;
157
172
  return cloneElement(
158
173
  slot.props.children,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockle/blocks",
3
- "version": "0.14.0",
3
+ "version": "0.14.2",
4
4
  "description": "Blocks design system",
5
5
  "repository": "git@github.com:Blockle/blocks.git",
6
6
  "license": "MIT",
@@ -50,46 +50,48 @@
50
50
  "coverage": "vitest run --coverage",
51
51
  "fix": "crackle fix",
52
52
  "lint": "eslint .",
53
- "release": "yarn ts && yarn test && yarn build && changeset publish",
53
+ "release": "npm run ts && npm run test && npm run build && changeset publish",
54
54
  "storybook": "storybook dev -p 6006 --no-open",
55
- "test": "vitest",
56
- "ts": "tsc --noemit --project ./tsconfig.json"
55
+ "test": "vitest --silent # ignore warnings till js-dom can parse new css features",
56
+ "ts": "tsc --noemit --project ./tsconfig.json",
57
+ "changeset": "changeset"
57
58
  },
58
59
  "resolutions": {
59
60
  "string-width": "^4.2.2"
60
61
  },
61
62
  "dependencies": {
62
- "npm": "^10.8.1",
63
- "update": "^0.4.2"
63
+ "npm": "^10.8.1"
64
64
  },
65
65
  "devDependencies": {
66
66
  "@changesets/cli": "^2.27.5",
67
+ "@chromatic-com/storybook": "^1.8.0",
67
68
  "@crackle/cli": "^0.15.4",
68
69
  "@crackle/core": "^0.33.3",
69
- "@storybook/addon-a11y": "^8.1.6",
70
+ "@storybook/addon-a11y": "^8.2.9",
70
71
  "@storybook/addon-coverage": "^1.0.4",
71
- "@storybook/addon-essentials": "^8.1.6",
72
- "@storybook/addon-interactions": "^8.1.6",
73
- "@storybook/addon-links": "^8.1.6",
74
- "@storybook/blocks": "^8.1.6",
75
- "@storybook/react": "^8.1.6",
76
- "@storybook/react-vite": "^8.1.6",
77
- "@storybook/test": "^8.1.6",
72
+ "@storybook/addon-essentials": "^8.2.9",
73
+ "@storybook/addon-interactions": "^8.2.9",
74
+ "@storybook/addon-links": "^8.2.9",
75
+ "@storybook/blocks": "^8.2.9",
76
+ "@storybook/preview-api": "^8.2.9",
77
+ "@storybook/react": "^8.2.9",
78
+ "@storybook/react-vite": "^8.2.9",
79
+ "@storybook/test": "^8.2.9",
78
80
  "@testing-library/jest-dom": "^6.4.5",
79
81
  "@testing-library/react": "^16.0.0",
80
- "@types/eslint": "^8.56.10",
82
+ "@types/eslint": "^8.56.12",
81
83
  "@types/react": "^18.3.3",
82
84
  "@types/react-dom": "^18.3.0",
83
- "@typescript-eslint/eslint-plugin": "^7.12.0",
84
- "@typescript-eslint/parser": "^7.12.0",
85
+ "@typescript-eslint/eslint-plugin": "^7.18.0",
86
+ "@typescript-eslint/parser": "^7.18.0",
85
87
  "@vanilla-extract/css": "^1.15.2",
86
88
  "@vanilla-extract/css-utils": "^0.1.4",
87
89
  "@vanilla-extract/sprinkles": "^1.6.2",
88
90
  "@vanilla-extract/vite-plugin": "^4.0.10",
89
- "@vitest/coverage-v8": "^1.6.0",
91
+ "@vitest/coverage-v8": "^2.0.5",
90
92
  "autoprefixer": "^10.4.19",
91
93
  "cross-env": "^7.0.3",
92
- "eslint": "^8",
94
+ "eslint": "^8.57.0",
93
95
  "eslint-config-prettier": "^9.1.0",
94
96
  "eslint-plugin-jest": "^28.6.0",
95
97
  "eslint-plugin-prettier": "^5.1.3",
@@ -97,20 +99,19 @@
97
99
  "eslint-plugin-react-hooks": "^4.6.2",
98
100
  "eslint-plugin-storybook": "^0.8.0",
99
101
  "eslint-plugin-unicorn": "^53.0.0",
100
- "jsdom": "^24.1.0",
102
+ "jsdom": "^25.0.0",
101
103
  "prettier": "^3.3.1",
102
104
  "prop-types": "^15.8.1",
103
105
  "react": "^18.3.1",
104
106
  "react-dom": "^18.3.1",
105
- "storybook": "^8.1.6",
107
+ "storybook": "^8.2.9",
106
108
  "typescript": "^5.4.5",
107
- "vitest": "^1.6.0"
109
+ "vitest": "^2.0.5"
108
110
  },
109
111
  "peerDependencies": {
110
112
  "@vanilla-extract/css": "^1.14",
111
113
  "@vanilla-extract/sprinkles": "^1.6",
112
114
  "react": "^18",
113
115
  "react-dom": "^18"
114
- },
115
- "packageManager": "yarn@1.22.19"
116
+ }
116
117
  }