@baseline-ui/tokens 2.1.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/chunk-3ANZC2HI.mjs +10 -0
  2. package/dist/chunk-6AXAZKEW.mjs +10 -0
  3. package/dist/chunk-77HWOADK.mjs +10 -0
  4. package/dist/chunk-FS5N3YI7.mjs +10 -0
  5. package/dist/chunk-JJEQ2PGJ.mjs +10 -0
  6. package/dist/chunk-VDY5HPNA.mjs +10 -0
  7. package/dist/chunk-XD32HWPP.mjs +10 -0
  8. package/dist/index.d.mts +222 -210
  9. package/dist/index.d.ts +222 -210
  10. package/dist/index.js +2 -2
  11. package/dist/index.mjs +1 -10
  12. package/dist/mediaQuery.mjs +1 -0
  13. package/dist/sizing.mjs +1 -0
  14. package/dist/sprinkles.mjs +1 -0
  15. package/dist/theme.mjs +1 -0
  16. package/dist/themeContract.mjs +1 -0
  17. package/dist/themes.mjs +1 -0
  18. package/dist/validateTheme.mjs +1 -0
  19. package/package.json +5 -2
  20. package/sbom.json +6 -6
package/dist/index.d.mts CHANGED
@@ -1,160 +1,8 @@
1
1
  import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
2
- import { PartialDeep } from 'type-fest';
3
2
  import * as _vanilla_extract_css from '@vanilla-extract/css';
4
3
  import { GlobalStyleRule, StyleRule } from '@vanilla-extract/css';
5
4
  import React from 'react';
6
-
7
- interface Theme$1 {
8
- elevation: Elevation;
9
- opacity: Opacity;
10
- rounded: Rounded;
11
- spacing: Spacing;
12
- color: Color;
13
- typography: Typography;
14
- }
15
- interface Typography {
16
- heading: Heading;
17
- label: Label;
18
- body: Label;
19
- }
20
- interface Label {
21
- sm: H6;
22
- md: H6;
23
- lg: H6;
24
- }
25
- interface Heading {
26
- h6: H6;
27
- h5: H6;
28
- h4: H6;
29
- h3: H6;
30
- h2: H6;
31
- h1: H6;
32
- }
33
- interface H6 {
34
- regular: Regular;
35
- medium: Regular;
36
- semibold: Regular;
37
- }
38
- interface Regular {
39
- font: string;
40
- letterSpacing: string;
41
- }
42
- interface Color {
43
- support: Support;
44
- focused: Focused;
45
- background: Background;
46
- text: Text;
47
- icon: Icon;
48
- border: Border;
49
- }
50
- interface Border {
51
- subtle: string;
52
- medium: string;
53
- strong: string;
54
- inverse: string;
55
- interactive: Interactive;
56
- positive: Positive;
57
- }
58
- interface Icon {
59
- primary: string;
60
- secondary: string;
61
- inverse: string;
62
- oninteractive: string;
63
- interactive: Interactive;
64
- }
65
- interface Text {
66
- primary: string;
67
- secondary: string;
68
- helper: string;
69
- placeholder: string;
70
- inverse: string;
71
- oninteractive: string;
72
- interactive: Interactive;
73
- }
74
- interface Background {
75
- primary: Primary;
76
- interactive: Interactive;
77
- inverse: Primary;
78
- secondary: Primary;
79
- overlay: Overlay;
80
- positive: Positive;
81
- }
82
- interface Positive {
83
- subtle: string;
84
- medium: string;
85
- strong: string;
86
- interactive: Interactive2;
87
- }
88
- interface Interactive2 {
89
- enabled: string;
90
- }
91
- interface Overlay {
92
- subtle: string;
93
- medium: string;
94
- interactive: string;
95
- }
96
- interface Interactive {
97
- enabled: string;
98
- hovered: string;
99
- active: string;
100
- visited: string;
101
- disabled: string;
102
- }
103
- interface Primary {
104
- subtle: string;
105
- medium: string;
106
- strong: string;
107
- }
108
- interface Focused {
109
- default: string;
110
- inset: string;
111
- }
112
- interface Support {
113
- error: Error;
114
- success: Error;
115
- warning: Error;
116
- info: Error;
117
- }
118
- interface Error {
119
- subtler: string;
120
- subtle: string;
121
- medium: string;
122
- strong: string;
123
- }
124
- interface Spacing {
125
- xs: string;
126
- sm: string;
127
- md: string;
128
- lg: string;
129
- xl: string;
130
- '2xl': string;
131
- '3xl': string;
132
- '4xl': string;
133
- '5xl': string;
134
- '6xl': string;
135
- '7xl': string;
136
- '8xl': string;
137
- '9xl': string;
138
- }
139
- interface Rounded {
140
- xs: string;
141
- sm: string;
142
- md: string;
143
- lg: string;
144
- xl: string;
145
- '2xl': string;
146
- full: string;
147
- }
148
- interface Opacity {
149
- none: string;
150
- low: string;
151
- medium: string;
152
- high: string;
153
- }
154
- interface Elevation {
155
- low: string;
156
- medium: string;
157
- }
5
+ import { PartialDeep } from 'type-fest';
158
6
 
159
7
  declare const Layers: {
160
8
  readonly RESET: string;
@@ -167,167 +15,167 @@ declare const createLayerSprinkles: (layer: string) => ((props: {
167
15
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
168
16
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
169
17
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
170
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
18
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
171
19
  paddingInlineEnd?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
172
20
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
173
21
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
174
22
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
175
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
23
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
176
24
  paddingBlockEnd?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
177
25
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
178
26
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
179
27
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
180
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
28
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
181
29
  paddingInlineStart?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
182
30
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
183
31
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
184
32
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
185
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
33
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
186
34
  marginBlockStart?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
187
35
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
188
36
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
189
37
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
190
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
38
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
191
39
  marginInlineEnd?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
192
40
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
193
41
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
194
42
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
195
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
43
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
196
44
  marginBlockEnd?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
197
45
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
198
46
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
199
47
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
200
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
48
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
201
49
  marginInlineStart?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
202
50
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
203
51
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
204
52
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
205
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
53
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
206
54
  gap?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
207
55
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
208
56
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
209
57
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
210
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
58
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
211
59
  paddingLeft?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
212
60
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
213
61
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
214
62
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
215
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
63
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
216
64
  paddingRight?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
217
65
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
218
66
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
219
67
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
220
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
68
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
221
69
  paddingTop?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
222
70
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
223
71
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
224
72
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
225
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
73
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
226
74
  paddingBottom?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
227
75
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
228
76
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
229
77
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
230
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
78
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
231
79
  padding?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
232
80
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
233
81
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
234
82
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
235
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
83
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
236
84
  paddingX?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
237
85
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
238
86
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
239
87
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
240
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
88
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
241
89
  paddingY?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
242
90
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
243
91
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
244
92
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
245
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
93
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
246
94
  marginLeft?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
247
95
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
248
96
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
249
97
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
250
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
98
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
251
99
  marginRight?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
252
100
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
253
101
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
254
102
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
255
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
103
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
256
104
  marginTop?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
257
105
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
258
106
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
259
107
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
260
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
108
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
261
109
  marginBottom?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
262
110
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
263
111
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
264
112
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
265
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
113
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
266
114
  margin?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
267
115
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
268
116
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
269
117
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
270
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
118
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
271
119
  marginX?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
272
120
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
273
121
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
274
122
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
275
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
123
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
276
124
  marginY?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | {
277
125
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
278
126
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
279
127
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
280
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
128
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null>;
281
129
  } & {
282
130
  borderStartStartRadius?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | {
283
131
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
284
132
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
285
133
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
286
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
134
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
287
135
  borderStartEndRadius?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | {
288
136
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
289
137
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
290
138
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
291
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
139
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
292
140
  borderEndStartRadius?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | {
293
141
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
294
142
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
295
143
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
296
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
144
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
297
145
  borderEndEndRadius?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | {
298
146
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
299
147
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
300
148
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
301
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
149
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
302
150
  borderRadius?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | {
303
151
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
304
152
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
305
153
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
306
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
154
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
307
155
  borderTopRadius?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | {
308
156
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
309
157
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
310
158
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
311
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
159
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
312
160
  borderBottomRadius?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | {
313
161
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
314
162
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
315
163
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
316
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
164
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
317
165
  borderLeftRadius?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | {
318
166
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
319
167
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
320
168
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
321
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
169
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
322
170
  borderRightRadius?: ("none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | {
323
171
  mobile?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
324
172
  tablet?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
325
173
  desktop?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | undefined;
326
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
174
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null>;
327
175
  } & {
328
- boxShadow?: "medium" | "low" | undefined;
176
+ boxShadow?: "low" | "medium" | undefined;
329
177
  } & {
330
- opacity?: "none" | "medium" | "low" | "high" | undefined;
178
+ opacity?: "low" | "medium" | "none" | "high" | undefined;
331
179
  } & {
332
180
  typography?: "heading.h6.regular" | "heading.h6.medium" | "heading.h6.semibold" | "heading.h5.regular" | "heading.h5.medium" | "heading.h5.semibold" | "heading.h4.regular" | "heading.h4.medium" | "heading.h4.semibold" | "heading.h3.regular" | "heading.h3.medium" | "heading.h3.semibold" | "heading.h2.regular" | "heading.h2.medium" | "heading.h2.semibold" | "heading.h1.regular" | "heading.h1.medium" | "heading.h1.semibold" | "label.sm.regular" | "label.sm.medium" | "label.sm.semibold" | "label.md.regular" | "label.md.medium" | "label.md.semibold" | "label.lg.regular" | "label.lg.medium" | "label.lg.semibold" | "body.sm.regular" | "body.sm.medium" | "body.sm.semibold" | "body.md.regular" | "body.md.medium" | "body.md.semibold" | "body.lg.regular" | "body.lg.medium" | "body.lg.semibold" | undefined;
333
181
  } & {
@@ -340,47 +188,47 @@ declare const createLayerSprinkles: (layer: string) => ((props: {
340
188
  mobile?: "fixed" | "absolute" | "relative" | undefined;
341
189
  tablet?: "fixed" | "absolute" | "relative" | undefined;
342
190
  desktop?: "fixed" | "absolute" | "relative" | undefined;
343
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "fixed" | "absolute" | "relative" | null>;
344
- display?: ("flex" | "grid" | "none" | "block" | "inline-flex" | {
345
- mobile?: "flex" | "grid" | "none" | "block" | "inline-flex" | undefined;
346
- tablet?: "flex" | "grid" | "none" | "block" | "inline-flex" | undefined;
347
- desktop?: "flex" | "grid" | "none" | "block" | "inline-flex" | undefined;
348
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "flex" | "grid" | "none" | "block" | "inline-flex" | null>;
191
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "fixed" | "absolute" | "relative" | null>;
192
+ display?: ("none" | "flex" | "grid" | "block" | "inline-flex" | {
193
+ mobile?: "none" | "flex" | "grid" | "block" | "inline-flex" | undefined;
194
+ tablet?: "none" | "flex" | "grid" | "block" | "inline-flex" | undefined;
195
+ desktop?: "none" | "flex" | "grid" | "block" | "inline-flex" | undefined;
196
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "flex" | "grid" | "block" | "inline-flex" | null>;
349
197
  flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
350
198
  mobile?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
351
199
  tablet?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
352
200
  desktop?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
353
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
201
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "column" | "column-reverse" | "row" | "row-reverse" | null>;
354
202
  alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | {
355
203
  mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
356
204
  tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
357
205
  desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
358
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "stretch" | "center" | "flex-end" | "flex-start" | null>;
206
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "stretch" | "center" | "flex-end" | "flex-start" | null>;
359
207
  alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | {
360
208
  mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
361
209
  tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
362
210
  desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
363
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "stretch" | "center" | "flex-end" | "flex-start" | null>;
211
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "stretch" | "center" | "flex-end" | "flex-start" | null>;
364
212
  flex?: (number | {
365
213
  mobile?: number | undefined;
366
214
  tablet?: number | undefined;
367
215
  desktop?: number | undefined;
368
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, number | null>;
216
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, number | null>;
369
217
  justifyContent?: ("space-between" | "stretch" | "center" | "flex-end" | "flex-start" | {
370
218
  mobile?: "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
371
219
  tablet?: "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
372
220
  desktop?: "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
373
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | null>;
221
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | null>;
374
222
  justifySelf?: ("stretch" | "center" | "flex-end" | "flex-start" | {
375
223
  mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
376
224
  tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
377
225
  desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
378
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "stretch" | "center" | "flex-end" | "flex-start" | null>;
226
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "stretch" | "center" | "flex-end" | "flex-start" | null>;
379
227
  placeItems?: ("stretch" | "center" | "flex-end" | "flex-start" | {
380
228
  mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
381
229
  tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
382
230
  desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
383
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<1 | 2 | 3, "stretch" | "center" | "flex-end" | "flex-start" | null>;
231
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "stretch" | "center" | "flex-end" | "flex-start" | null>;
384
232
  } & {
385
233
  transition?: "transition.medium" | undefined;
386
234
  transitionProperty?: "opacity" | "transform" | "background-color" | undefined;
@@ -405,10 +253,180 @@ declare const createLayerSprinkles: (layer: string) => ((props: {
405
253
  borderStyle?: "dashed" | "solid" | undefined;
406
254
  borderWidth?: number | undefined;
407
255
  }) => string) & {
408
- properties: Set<"alignItems" | "alignSelf" | "backgroundColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderStartEndRadius" | "borderStartStartRadius" | "boxShadow" | "color" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "inset" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "justifyContent" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "opacity" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "transitionProperty" | "width" | "border" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "flex" | "gap" | "margin" | "outline" | "padding" | "placeItems" | "transition" | "typography" | "paddingX" | "paddingY" | "marginX" | "marginY" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius">;
256
+ properties: Set<"opacity" | "color" | "inset" | "border" | "typography" | "backgroundColor" | "borderColor" | "outlineColor" | "alignItems" | "alignSelf" | "borderEndEndRadius" | "borderEndStartRadius" | "borderStartEndRadius" | "borderStartStartRadius" | "boxShadow" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "justifyContent" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "transitionProperty" | "width" | "borderRadius" | "borderStyle" | "borderWidth" | "flex" | "gap" | "margin" | "outline" | "padding" | "placeItems" | "transition" | "paddingX" | "paddingY" | "marginX" | "marginY" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius">;
409
257
  };
410
258
  type BaseSprinkles = ReturnType<typeof createLayerSprinkles>;
411
259
 
260
+ interface Sprinkles extends BaseSprinkles {
261
+ base: BaseSprinkles;
262
+ variants: BaseSprinkles;
263
+ compoundVariants: BaseSprinkles;
264
+ }
265
+ /**
266
+ * Assembled here, not in the barrel: this module pins all three runtimes.
267
+ * `Object.assign`, not a spread — `baseSprinkles` is callable, and spreading
268
+ * drops the call signature that the `as Sprinkles` cast then hides from tsc.
269
+ */
270
+ declare const sprinkles: Sprinkles;
271
+
272
+ interface Theme$1 {
273
+ elevation: Elevation;
274
+ opacity: Opacity;
275
+ rounded: Rounded;
276
+ spacing: Spacing;
277
+ color: Color;
278
+ typography: Typography;
279
+ }
280
+ interface Typography {
281
+ heading: Heading;
282
+ label: Label;
283
+ body: Label;
284
+ }
285
+ interface Label {
286
+ sm: H6;
287
+ md: H6;
288
+ lg: H6;
289
+ }
290
+ interface Heading {
291
+ h6: H6;
292
+ h5: H6;
293
+ h4: H6;
294
+ h3: H6;
295
+ h2: H6;
296
+ h1: H6;
297
+ }
298
+ interface H6 {
299
+ regular: Regular;
300
+ medium: Regular;
301
+ semibold: Regular;
302
+ }
303
+ interface Regular {
304
+ font: string;
305
+ letterSpacing: string;
306
+ }
307
+ interface Color {
308
+ support: Support;
309
+ focused: Focused;
310
+ background: Background;
311
+ text: Text;
312
+ icon: Icon;
313
+ border: Border;
314
+ }
315
+ interface Border {
316
+ subtle: string;
317
+ medium: string;
318
+ strong: string;
319
+ inverse: string;
320
+ interactive: Interactive;
321
+ positive: Positive;
322
+ }
323
+ interface Icon {
324
+ primary: string;
325
+ secondary: string;
326
+ inverse: string;
327
+ oninteractive: string;
328
+ interactive: Interactive;
329
+ }
330
+ interface Text {
331
+ primary: string;
332
+ secondary: string;
333
+ helper: string;
334
+ placeholder: string;
335
+ inverse: string;
336
+ oninteractive: string;
337
+ interactive: Interactive;
338
+ }
339
+ interface Background {
340
+ primary: Primary;
341
+ interactive: Interactive;
342
+ inverse: Primary;
343
+ secondary: Primary;
344
+ overlay: Overlay;
345
+ positive: Positive;
346
+ }
347
+ interface Positive {
348
+ subtle: string;
349
+ medium: string;
350
+ strong: string;
351
+ interactive: Interactive2;
352
+ }
353
+ interface Interactive2 {
354
+ enabled: string;
355
+ }
356
+ interface Overlay {
357
+ subtle: string;
358
+ medium: string;
359
+ interactive: string;
360
+ }
361
+ interface Interactive {
362
+ enabled: string;
363
+ hovered: string;
364
+ active: string;
365
+ visited: string;
366
+ disabled: string;
367
+ }
368
+ interface Primary {
369
+ subtle: string;
370
+ medium: string;
371
+ strong: string;
372
+ }
373
+ interface Focused {
374
+ default: string;
375
+ inset: string;
376
+ }
377
+ interface Support {
378
+ error: Error;
379
+ success: Error;
380
+ warning: Error;
381
+ info: Error;
382
+ }
383
+ interface Error {
384
+ subtler: string;
385
+ subtle: string;
386
+ medium: string;
387
+ strong: string;
388
+ }
389
+ interface Spacing {
390
+ xs: string;
391
+ sm: string;
392
+ md: string;
393
+ lg: string;
394
+ xl: string;
395
+ '2xl': string;
396
+ '3xl': string;
397
+ '4xl': string;
398
+ '5xl': string;
399
+ '6xl': string;
400
+ '7xl': string;
401
+ '8xl': string;
402
+ '9xl': string;
403
+ }
404
+ interface Rounded {
405
+ xs: string;
406
+ sm: string;
407
+ md: string;
408
+ lg: string;
409
+ xl: string;
410
+ '2xl': string;
411
+ full: string;
412
+ }
413
+ interface Opacity {
414
+ none: string;
415
+ low: string;
416
+ medium: string;
417
+ high: string;
418
+ }
419
+ interface Elevation {
420
+ low: string;
421
+ medium: string;
422
+ }
423
+
424
+ /**
425
+ * Validates a complete theme against the schema.
426
+ *
427
+ * @throws {ZodValidationError} If the theme violates the schema. Any other
428
+ * failure propagates unchanged.
429
+ */
412
430
  declare function validateTheme(theme: unknown): Theme$1;
413
431
 
414
432
  declare const themeContract: {
@@ -2850,13 +2868,6 @@ var dark = {
2850
2868
  typography: typography
2851
2869
  };
2852
2870
 
2853
- interface Sprinkles extends BaseSprinkles {
2854
- base: BaseSprinkles;
2855
- variants: BaseSprinkles;
2856
- compoundVariants: BaseSprinkles;
2857
- }
2858
- declare const sprinkles: Sprinkles;
2859
-
2860
2871
  type Theme = Theme$1 & {
2861
2872
  name?: string;
2862
2873
  };
@@ -5524,8 +5535,9 @@ declare const themes: {
5524
5535
  * @param defaultTheme - The base theme to extend
5525
5536
  * @param overrides - Partial theme object with properties to override
5526
5537
  * @returns A new theme object with overrides applied
5527
- * @throws {ZodValidationError} If the default theme or final merged theme is
5528
- * invalid
5538
+ * @throws {ZodValidationError} If the default theme, the overrides, or the
5539
+ * final merged theme violates the schema. Any other failure propagates
5540
+ * unchanged.
5529
5541
  */
5530
5542
  declare function extendTheme(defaultTheme: Theme, overrides: PartialDeep<Theme>): Theme;
5531
5543