@nimbus-ds/styles 9.0.0-rc.4 → 9.0.0-rc.6

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 (8) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +730 -238
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/dist/themes/dark.css +1 -1
  7. package/dist/themes/dark.js +1 -1
  8. package/package.json +3 -3
package/dist/index.d.ts CHANGED
@@ -37,16 +37,22 @@ export type PointerEvents = "auto" | "none" | "visiblePainted" | "visibleFill" |
37
37
  export type TransitionTiming = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end";
38
38
  declare const propertiesBox: {
39
39
  gap: {
40
- none: string;
41
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
41
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
- "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
43
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
47
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
50
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
52
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
54
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
56
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
57
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
58
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -54,16 +60,22 @@ declare const propertiesBox: {
54
60
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
61
  };
56
62
  gridGap: {
57
- none: string;
58
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
64
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
- "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
66
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
70
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
73
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
75
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
77
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
79
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
80
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
81
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -75,10 +87,6 @@ declare const propertiesBox: {
75
87
  flexWrap: FlexWrap[];
76
88
  justifyContent: JustifyContent[];
77
89
  alignItems: AlignItems[];
78
- /**
79
- * The boxSizing property sets how the total width and height of an box is calculated.
80
- * @default border-box
81
- */
82
90
  alignSelf: AlignSelf[];
83
91
  pointerEvents: PointerEvents[];
84
92
  backgroundColor: {
@@ -93,15 +101,15 @@ declare const propertiesBox: {
93
101
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
102
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
103
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
- "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
97
- * The min width property specifies the width of a box's content area.
98
- */
104
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
105
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100
106
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
107
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
102
108
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
109
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
- "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
111
+ * The bottom property participates in setting the vertical position of a positioned box.
112
+ */
105
113
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
106
114
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
115
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -121,15 +129,15 @@ declare const propertiesBox: {
121
129
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
130
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
131
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
- "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
125
- * The min width property specifies the width of a box's content area.
126
- */
132
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
133
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
134
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
135
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
136
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
137
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
- "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
+ "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
139
+ * The bottom property participates in setting the vertical position of a positioned box.
140
+ */
133
141
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
142
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
143
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -154,19 +162,48 @@ declare const propertiesBox: {
154
162
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
163
  transparent: string;
156
164
  };
165
+ borderRadius: {
166
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
+ base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ none: string;
177
+ };
178
+ borderWidth: {
179
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
+ none: string;
185
+ };
157
186
  borderStyle: BorderStyle[];
158
187
  boxSizing: BoxSizing[];
159
188
  cursor: Cursor[];
160
- space: {
189
+ spacing: {
161
190
  none: string;
162
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
192
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
194
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
198
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
201
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
203
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
205
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
207
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
208
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
209
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -174,15 +211,22 @@ declare const propertiesBox: {
174
211
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
212
  };
176
213
  margin: {
177
- none: string;
178
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
215
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
217
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
221
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
223
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
224
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
226
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
228
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
230
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
231
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
232
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -195,12 +239,12 @@ declare const propertiesBox: {
195
239
  overflowX: Overflow[];
196
240
  overflowY: Overflow[];
197
241
  boxShadow: {
198
- "level-0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
- "level-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
- "level-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
- "level-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
- "level-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
- "level-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
+ "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
246
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
247
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
248
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
249
  };
206
250
  transitionDuration: {
@@ -211,16 +255,30 @@ declare const propertiesBox: {
211
255
  };
212
256
  transitionTimingFunction: TransitionTiming[];
213
257
  textDecoration: TextDecoration[];
258
+ zIndex: {
259
+ "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
+ "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
+ "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
262
+ "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
263
+ "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
264
+ "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
266
+ "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
+ "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
+ };
214
269
  };
215
270
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
271
+ export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
272
+ export type BoxBorderWidthProperties = keyof typeof propertiesBox.borderWidth;
216
273
  export type BoxBackgroundColorProperties = keyof typeof propertiesBox.backgroundColor;
217
274
  export type BoxColorProperties = keyof typeof propertiesBox.color;
218
275
  export type BoxShadowProperties = keyof typeof propertiesBox.boxShadow;
219
- export type BoxSpaceProperties = keyof typeof propertiesBox.space;
276
+ export type BoxSpacingProperties = keyof typeof propertiesBox.spacing;
220
277
  export type BoxMarginProperties = keyof typeof propertiesBox.margin;
221
278
  export type BoxGapProperties = keyof typeof propertiesBox.gap;
222
279
  export type BoxGridGapProperties = keyof typeof propertiesBox.gridGap;
223
- export type TransitionDurationProperties = keyof typeof propertiesBox.transitionDuration;
280
+ export type BoxZIndexProperties = keyof typeof propertiesBox.zIndex;
281
+ export type BoxTransitionDurationProperties = keyof typeof propertiesBox.transitionDuration;
224
282
  export interface BoxConditions<T> extends Conditions<T> {
225
283
  focus?: T;
226
284
  focusWithin?: T;
@@ -375,11 +433,19 @@ export interface BoxSprinkle {
375
433
  /**
376
434
  * The borderRadius property rounds the corners of an box's outer border edge.
377
435
  */
378
- borderRadius?: string | BoxConditions<string>;
436
+ borderRadius?: BoxBorderRadiusProperties | BoxConditions<BoxBorderRadiusProperties>;
379
437
  /**
380
438
  * The borderWidth property sets the width of an box's border.
381
439
  */
382
- borderWidth?: string | BoxConditions<string>;
440
+ borderWidth?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
441
+ /**
442
+ * The borderWidthX shorthand property defines the width of the element's border on the left and right.
443
+ */
444
+ borderWidthX?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
445
+ /**
446
+ * The borderWidthY shorthand property defines the width of the element's border on the top and bottom.
447
+ */
448
+ borderWidthY?: BoxBorderWidthProperties | BoxConditions<BoxBorderWidthProperties>;
383
449
  /**
384
450
  * The borderColor property sets the color of the box's four borders.
385
451
  */
@@ -400,23 +466,23 @@ export interface BoxSprinkle {
400
466
  /**
401
467
  * The padding properties are used to generate space around an box's content area.
402
468
  */
403
- padding?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
469
+ padding?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
404
470
  /**
405
471
  * The paddingTop property sets the height of the padding area on the top of an box.
406
472
  */
407
- paddingTop?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
473
+ paddingTop?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
408
474
  /**
409
475
  * The paddingBottom property sets the height of the padding area on the bottom of an box.
410
476
  */
411
- paddingBottom?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
477
+ paddingBottom?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
412
478
  /**
413
479
  * The paddingLeft property sets the width of the padding area to the left of an box.
414
480
  */
415
- paddingLeft?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
481
+ paddingLeft?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
416
482
  /**
417
483
  * The paddingLeft property sets the width of the padding area to the right of an box.
418
484
  */
419
- paddingRight?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
485
+ paddingRight?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
420
486
  /**
421
487
  * The margin shorthand property sets the margin area on all four sides of an box.
422
488
  */
@@ -452,11 +518,11 @@ export interface BoxSprinkle {
452
518
  /**
453
519
  * The transitionDuration property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.
454
520
  */
455
- transitionDuration?: TransitionDurationProperties | BoxConditions<TransitionDurationProperties>;
521
+ transitionDuration?: BoxTransitionDurationProperties | BoxConditions<BoxTransitionDurationProperties>;
456
522
  /**
457
523
  * The zIndex property specifies the stack order of the box.
458
524
  */
459
- zIndex?: number | BoxConditions<number>;
525
+ zIndex?: BoxZIndexProperties | BoxConditions<BoxZIndexProperties>;
460
526
  /**
461
527
  * The backgroundImage property sets one or more background images on an element.
462
528
  */
@@ -486,39 +552,39 @@ export interface BoxSprinkle {
486
552
  /**
487
553
  * The p shorthand property sets the margin area on all four sides of an box.
488
554
  */
489
- p?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
555
+ p?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
490
556
  /**
491
557
  * The pl shorthand property sets the width of the padding area to the left of an box.
492
558
  */
493
- pl?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
559
+ pl?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
494
560
  /**
495
561
  * The pl shorthand property sets the width of the padding area to the right of an box.
496
562
  */
497
- pr?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
563
+ pr?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
498
564
  /**
499
565
  * The pt shorthand property sets the height of the padding area on the top of an box.
500
566
  */
501
- pt?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
567
+ pt?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
502
568
  /**
503
569
  * The pb shorthand property sets the height of the padding area on the botton of an box.
504
570
  */
505
- pb?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
571
+ pb?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
506
572
  /**
507
573
  * The px shorthand property defines the width of the left and right padding area of a box.
508
574
  */
509
- px?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
575
+ px?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
510
576
  /**
511
577
  * The py pt shorthand property sets the height of the padding area at the top and bottom of a box.
512
578
  */
513
- py?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
579
+ py?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
514
580
  /**
515
581
  * The paddingX shorthand property defines the width of the left and right padding area of a box.
516
582
  */
517
- paddingX?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
583
+ paddingX?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
518
584
  /**
519
585
  * The paddingY pt shorthand property sets the height of the padding area at the top and bottom of a box.
520
586
  */
521
- paddingY?: BoxSpaceProperties | BoxConditions<BoxSpaceProperties>;
587
+ paddingY?: BoxSpacingProperties | BoxConditions<BoxSpacingProperties>;
522
588
  /**
523
589
  * The m shorthand property sets the margin area on all four sides of an box.
524
590
  */
@@ -1191,42 +1257,6 @@ export declare const box: {
1191
1257
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1192
1258
  };
1193
1259
  };
1194
- borderRadius: {
1195
- dynamic: {
1196
- default: string;
1197
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1198
- };
1199
- dynamicScale: true;
1200
- name: "borderRadius";
1201
- vars: {
1202
- default: string;
1203
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1204
- };
1205
- };
1206
- borderWidth: {
1207
- dynamic: {
1208
- default: string;
1209
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1210
- };
1211
- dynamicScale: true;
1212
- name: "borderWidth";
1213
- vars: {
1214
- default: string;
1215
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1216
- };
1217
- };
1218
- zIndex: {
1219
- dynamic: {
1220
- default: string;
1221
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1222
- };
1223
- dynamicScale: true;
1224
- name: "zIndex";
1225
- vars: {
1226
- default: string;
1227
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1228
- };
1229
- };
1230
1260
  transitionDelay: {
1231
1261
  dynamic: {
1232
1262
  default: string;
@@ -1393,18 +1423,137 @@ export declare const box: {
1393
1423
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1394
1424
  };
1395
1425
  };
1426
+ borderRadius: {
1427
+ dynamic: {
1428
+ default: string;
1429
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1430
+ };
1431
+ dynamicScale: {
1432
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1433
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1434
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1435
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1436
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1437
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1438
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1439
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1440
+ base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1441
+ half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1442
+ none: string;
1443
+ };
1444
+ name: "borderRadius";
1445
+ vars: {
1446
+ default: string;
1447
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1448
+ };
1449
+ };
1450
+ borderWidth: {
1451
+ dynamic: {
1452
+ default: string;
1453
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1454
+ };
1455
+ dynamicScale: {
1456
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1457
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1458
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1459
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1460
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1461
+ none: string;
1462
+ };
1463
+ name: "borderWidth";
1464
+ vars: {
1465
+ default: string;
1466
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1467
+ };
1468
+ };
1469
+ borderTopWidth: {
1470
+ dynamic: {
1471
+ default: string;
1472
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1473
+ };
1474
+ dynamicScale: {
1475
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1476
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1477
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1478
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1479
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1480
+ none: string;
1481
+ };
1482
+ name: "borderTopWidth";
1483
+ vars: {
1484
+ default: string;
1485
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1486
+ };
1487
+ };
1488
+ borderBottomWidth: {
1489
+ dynamic: {
1490
+ default: string;
1491
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1492
+ };
1493
+ dynamicScale: {
1494
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1495
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1496
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1497
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1498
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1499
+ none: string;
1500
+ };
1501
+ name: "borderBottomWidth";
1502
+ vars: {
1503
+ default: string;
1504
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1505
+ };
1506
+ };
1507
+ borderLeftWidth: {
1508
+ dynamic: {
1509
+ default: string;
1510
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1511
+ };
1512
+ dynamicScale: {
1513
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1514
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1515
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1516
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1517
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1518
+ none: string;
1519
+ };
1520
+ name: "borderLeftWidth";
1521
+ vars: {
1522
+ default: string;
1523
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1524
+ };
1525
+ };
1526
+ borderRightWidth: {
1527
+ dynamic: {
1528
+ default: string;
1529
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1530
+ };
1531
+ dynamicScale: {
1532
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1533
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1534
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1535
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1536
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1537
+ none: string;
1538
+ };
1539
+ name: "borderRightWidth";
1540
+ vars: {
1541
+ default: string;
1542
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1543
+ };
1544
+ };
1396
1545
  boxShadow: {
1397
1546
  dynamic: {
1398
1547
  default: string;
1399
1548
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1400
1549
  };
1401
1550
  dynamicScale: {
1402
- "level-0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1403
- "level-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1404
- "level-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1405
- "level-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1406
- "level-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1407
- "level-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1551
+ "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1552
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1553
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1554
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1555
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1556
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1408
1557
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1409
1558
  };
1410
1559
  name: "boxShadow";
@@ -1420,14 +1569,22 @@ export declare const box: {
1420
1569
  };
1421
1570
  dynamicScale: {
1422
1571
  none: string;
1423
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1572
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1424
1573
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1574
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1425
1575
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1426
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1576
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1577
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1578
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1427
1579
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1580
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1581
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1428
1582
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1583
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1429
1584
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1585
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1430
1586
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1587
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1431
1588
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1432
1589
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1433
1590
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1447,14 +1604,22 @@ export declare const box: {
1447
1604
  };
1448
1605
  dynamicScale: {
1449
1606
  none: string;
1450
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1607
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1451
1608
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1609
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1452
1610
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1453
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1611
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1612
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1613
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1454
1614
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1615
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1616
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1455
1617
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1618
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1456
1619
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1620
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1457
1621
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1622
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1458
1623
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1459
1624
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1460
1625
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1474,14 +1639,22 @@ export declare const box: {
1474
1639
  };
1475
1640
  dynamicScale: {
1476
1641
  none: string;
1477
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1642
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1478
1643
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1644
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1479
1645
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1480
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1646
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1647
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1648
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1481
1649
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1650
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1651
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1482
1652
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1653
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1483
1654
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1655
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1484
1656
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1657
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1485
1658
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1486
1659
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1487
1660
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1501,14 +1674,22 @@ export declare const box: {
1501
1674
  };
1502
1675
  dynamicScale: {
1503
1676
  none: string;
1504
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1677
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1505
1678
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1679
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1506
1680
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1507
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1681
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1682
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1683
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1508
1684
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1685
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1686
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1509
1687
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1688
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1510
1689
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1690
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1511
1691
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1692
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1512
1693
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1513
1694
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1514
1695
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1528,14 +1709,22 @@ export declare const box: {
1528
1709
  };
1529
1710
  dynamicScale: {
1530
1711
  none: string;
1531
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1712
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1532
1713
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1714
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1533
1715
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1534
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1716
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1717
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1718
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1535
1719
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1720
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1721
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1536
1722
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1723
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1537
1724
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1725
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1538
1726
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1727
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1539
1728
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1540
1729
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1541
1730
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1554,15 +1743,22 @@ export declare const box: {
1554
1743
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1555
1744
  };
1556
1745
  dynamicScale: {
1557
- none: string;
1558
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1746
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1559
1747
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1748
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1560
1749
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1561
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1750
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1751
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1752
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1562
1753
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1754
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1755
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1563
1756
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1757
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1564
1758
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1759
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1565
1760
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1761
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1566
1762
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1567
1763
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1568
1764
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1582,15 +1778,22 @@ export declare const box: {
1582
1778
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1583
1779
  };
1584
1780
  dynamicScale: {
1585
- none: string;
1586
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1781
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1587
1782
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1783
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1588
1784
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1589
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1785
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1786
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1787
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1590
1788
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1789
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1790
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1591
1791
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1792
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1592
1793
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1794
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1593
1795
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1796
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1594
1797
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1595
1798
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1596
1799
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1610,15 +1813,22 @@ export declare const box: {
1610
1813
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1611
1814
  };
1612
1815
  dynamicScale: {
1613
- none: string;
1614
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1816
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1615
1817
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1818
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1616
1819
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1617
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1820
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1821
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1822
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1618
1823
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1824
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1825
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1619
1826
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1827
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1620
1828
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1829
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1621
1830
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1831
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1622
1832
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1623
1833
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1624
1834
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1638,15 +1848,22 @@ export declare const box: {
1638
1848
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1639
1849
  };
1640
1850
  dynamicScale: {
1641
- none: string;
1642
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1851
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1643
1852
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1853
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1644
1854
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1645
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1855
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1856
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1857
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1646
1858
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1859
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1860
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1647
1861
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1862
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1648
1863
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1864
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1649
1865
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1866
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1650
1867
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1651
1868
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1652
1869
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1666,15 +1883,22 @@ export declare const box: {
1666
1883
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1667
1884
  };
1668
1885
  dynamicScale: {
1669
- none: string;
1670
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1886
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1671
1887
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1888
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1672
1889
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1673
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1890
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1891
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1892
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1674
1893
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1894
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1895
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1675
1896
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1897
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1676
1898
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1899
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1677
1900
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1901
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1678
1902
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1679
1903
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1680
1904
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1694,16 +1918,22 @@ export declare const box: {
1694
1918
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1695
1919
  };
1696
1920
  dynamicScale: {
1697
- none: string;
1698
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1921
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1699
1922
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1700
- "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1923
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1701
1924
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1702
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1925
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1926
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1927
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1703
1928
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1929
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1930
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1704
1931
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1932
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1705
1933
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1934
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1706
1935
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1936
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1707
1937
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1708
1938
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1709
1939
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1722,16 +1952,22 @@ export declare const box: {
1722
1952
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1723
1953
  };
1724
1954
  dynamicScale: {
1725
- none: string;
1726
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1955
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1727
1956
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1728
- "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1957
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1729
1958
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1730
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1959
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1960
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1961
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1731
1962
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1963
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1964
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1732
1965
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1966
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1733
1967
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1968
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1734
1969
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1970
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1735
1971
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1736
1972
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1737
1973
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1781,9 +2017,40 @@ export declare const box: {
1781
2017
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1782
2018
  };
1783
2019
  };
2020
+ zIndex: {
2021
+ dynamic: {
2022
+ default: string;
2023
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
2024
+ };
2025
+ dynamicScale: {
2026
+ "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2027
+ "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2028
+ "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2029
+ "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2030
+ "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2031
+ "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2032
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2033
+ "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2034
+ "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2035
+ };
2036
+ name: "zIndex";
2037
+ vars: {
2038
+ default: string;
2039
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
2040
+ };
2041
+ };
1784
2042
  };
1785
2043
  } & {
1786
2044
  config: {
2045
+ borderWidth: {
2046
+ mappings: ("borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth")[];
2047
+ };
2048
+ borderWidthX: {
2049
+ mappings: ("borderLeftWidth" | "borderRightWidth")[];
2050
+ };
2051
+ borderWidthY: {
2052
+ mappings: ("borderBottomWidth" | "borderTopWidth")[];
2053
+ };
1787
2054
  padding: {
1788
2055
  mappings: ("paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop")[];
1789
2056
  };
@@ -1849,16 +2116,22 @@ export declare const box: {
1849
2116
  ]>;
1850
2117
  properties: {
1851
2118
  gap: {
1852
- none: string;
1853
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2119
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1854
2120
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1855
- "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2121
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1856
2122
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1857
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2123
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2124
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2125
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1858
2126
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2127
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2128
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1859
2129
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2130
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1860
2131
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2132
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1861
2133
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2134
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1862
2135
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1863
2136
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1864
2137
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1866,16 +2139,22 @@ export declare const box: {
1866
2139
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1867
2140
  };
1868
2141
  gridGap: {
1869
- none: string;
1870
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2142
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1871
2143
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1872
- "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2144
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1873
2145
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1874
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2146
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2147
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2148
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1875
2149
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2150
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2151
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1876
2152
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2153
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1877
2154
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2155
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1878
2156
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2157
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1879
2158
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1880
2159
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1881
2160
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1958,19 +2237,48 @@ export declare const box: {
1958
2237
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1959
2238
  transparent: string;
1960
2239
  };
2240
+ borderRadius: {
2241
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2242
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2243
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2244
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2245
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2246
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2247
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2248
+ full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2249
+ base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2250
+ half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2251
+ none: string;
2252
+ };
2253
+ borderWidth: {
2254
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2255
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2256
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2257
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2258
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2259
+ none: string;
2260
+ };
1961
2261
  borderStyle: BorderStyle[];
1962
2262
  boxSizing: BoxSizing[];
1963
2263
  cursor: Cursor[];
1964
- space: {
2264
+ spacing: {
1965
2265
  none: string;
1966
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2266
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1967
2267
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2268
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1968
2269
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1969
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2270
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2271
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2272
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1970
2273
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2274
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2275
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1971
2276
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2277
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1972
2278
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2279
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1973
2280
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2281
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1974
2282
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1975
2283
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1976
2284
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1978,15 +2286,22 @@ export declare const box: {
1978
2286
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1979
2287
  };
1980
2288
  margin: {
1981
- none: string;
1982
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2289
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1983
2290
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2291
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1984
2292
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1985
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2293
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2294
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2295
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1986
2296
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2297
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2298
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1987
2299
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2300
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1988
2301
  "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2302
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1989
2303
  "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2304
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1990
2305
  "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1991
2306
  "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1992
2307
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1999,12 +2314,12 @@ export declare const box: {
1999
2314
  overflowX: Overflow[];
2000
2315
  overflowY: Overflow[];
2001
2316
  boxShadow: {
2002
- "level-0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2003
- "level-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2004
- "level-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2005
- "level-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2006
- "level-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2007
- "level-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2317
+ "0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2318
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2319
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2320
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2321
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2322
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2008
2323
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2009
2324
  };
2010
2325
  transitionDuration: {
@@ -2015,6 +2330,17 @@ export declare const box: {
2015
2330
  };
2016
2331
  transitionTimingFunction: TransitionTiming[];
2017
2332
  textDecoration: TextDecoration[];
2333
+ zIndex: {
2334
+ "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2335
+ "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2336
+ "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2337
+ "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2338
+ "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2339
+ "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2340
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2341
+ "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2342
+ "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2343
+ };
2018
2344
  };
2019
2345
  };
2020
2346
  export declare const button: {
@@ -2078,7 +2404,7 @@ export declare const fileUploader: {
2078
2404
  };
2079
2405
  export declare const icon: {
2080
2406
  sprinkle: ((props: {
2081
- color?: "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-interactive" | "success-textLow" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "currentColor" | undefined;
2407
+ color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
2082
2408
  cursor?: Cursor | undefined;
2083
2409
  }) => string) & {
2084
2410
  properties: Set<"color" | "cursor">;
@@ -2354,11 +2680,11 @@ export interface TextSprinkle {
2354
2680
  }
2355
2681
  export declare const text: {
2356
2682
  sprinkle: ((props: {
2357
- color?: ("primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-interactive" | "success-textLow" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "currentColor" | {
2358
- xs?: "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-interactive" | "success-textLow" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "currentColor" | undefined;
2359
- md?: "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-interactive" | "success-textLow" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "currentColor" | undefined;
2360
- lg?: "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-interactive" | "success-textLow" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "currentColor" | undefined;
2361
- xl?: "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-interactive" | "success-textLow" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "currentColor" | undefined;
2683
+ color?: ("currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | {
2684
+ xs?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
2685
+ md?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
2686
+ lg?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
2687
+ xl?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
2362
2688
  }) | undefined;
2363
2689
  textAlign?: (TextAlign | {
2364
2690
  xs?: TextAlign | undefined;
@@ -2449,15 +2775,15 @@ declare const propertiesTitle: {
2449
2775
  };
2450
2776
  textAlign: TextAlign[];
2451
2777
  fontSize: {
2452
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2778
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2453
2779
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2454
- "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2780
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2455
2781
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2456
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2782
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2457
2783
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2458
- "3,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2784
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2459
2785
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2460
- "4,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2786
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2461
2787
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2462
2788
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2463
2789
  "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2483,15 +2809,15 @@ declare const propertiesTitle: {
2483
2809
  bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2484
2810
  };
2485
2811
  lineHeight: {
2486
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2812
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2487
2813
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2488
- "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2814
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2489
2815
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2490
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2816
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2491
2817
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2492
- "3,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2818
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2493
2819
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2494
- "4,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2820
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2495
2821
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2496
2822
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2497
2823
  "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2546,11 +2872,11 @@ export interface TitleSprinkle {
2546
2872
  }
2547
2873
  export declare const title: {
2548
2874
  sprinkle: ((props: {
2549
- color?: ("primary-textLow" | "primary-textHigh" | "success-textLow" | "success-textHigh" | "warning-textLow" | "warning-textHigh" | "danger-textLow" | "danger-textHigh" | "neutral-textLow" | "neutral-textHigh" | {
2550
- xs?: "primary-textLow" | "primary-textHigh" | "success-textLow" | "success-textHigh" | "warning-textLow" | "warning-textHigh" | "danger-textLow" | "danger-textHigh" | "neutral-textLow" | "neutral-textHigh" | undefined;
2551
- md?: "primary-textLow" | "primary-textHigh" | "success-textLow" | "success-textHigh" | "warning-textLow" | "warning-textHigh" | "danger-textLow" | "danger-textHigh" | "neutral-textLow" | "neutral-textHigh" | undefined;
2552
- lg?: "primary-textLow" | "primary-textHigh" | "success-textLow" | "success-textHigh" | "warning-textLow" | "warning-textHigh" | "danger-textLow" | "danger-textHigh" | "neutral-textLow" | "neutral-textHigh" | undefined;
2553
- xl?: "primary-textLow" | "primary-textHigh" | "success-textLow" | "success-textHigh" | "warning-textLow" | "warning-textHigh" | "danger-textLow" | "danger-textHigh" | "neutral-textLow" | "neutral-textHigh" | undefined;
2875
+ color?: ("primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | {
2876
+ xs?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
2877
+ md?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
2878
+ lg?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
2879
+ xl?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
2554
2880
  }) | undefined;
2555
2881
  textAlign?: (TextAlign | {
2556
2882
  xs?: TextAlign | undefined;
@@ -2558,11 +2884,11 @@ export declare const title: {
2558
2884
  lg?: TextAlign | undefined;
2559
2885
  xl?: TextAlign | undefined;
2560
2886
  }) | undefined;
2561
- fontSize?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | {
2562
- xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2563
- md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2564
- lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2565
- xl?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2887
+ fontSize?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | {
2888
+ xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2889
+ md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2890
+ lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2891
+ xl?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2566
2892
  }) | undefined;
2567
2893
  fontWeight?: ("regular" | "medium" | "bold" | {
2568
2894
  xs?: "regular" | "medium" | "bold" | undefined;
@@ -2570,11 +2896,11 @@ export declare const title: {
2570
2896
  lg?: "regular" | "medium" | "bold" | undefined;
2571
2897
  xl?: "regular" | "medium" | "bold" | undefined;
2572
2898
  }) | undefined;
2573
- lineHeight?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | {
2574
- xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2575
- md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2576
- lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2577
- xl?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2899
+ lineHeight?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | {
2900
+ xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2901
+ md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2902
+ lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2903
+ xl?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
2578
2904
  }) | undefined;
2579
2905
  }) => string) & {
2580
2906
  properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
@@ -2594,15 +2920,15 @@ export declare const title: {
2594
2920
  };
2595
2921
  textAlign: TextAlign[];
2596
2922
  fontSize: {
2597
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2923
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2598
2924
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2599
- "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2925
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2600
2926
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2601
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2927
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2602
2928
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2603
- "3,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2929
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2604
2930
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2605
- "4,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2931
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2606
2932
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2607
2933
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2608
2934
  "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2628,15 +2954,15 @@ export declare const title: {
2628
2954
  bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2629
2955
  };
2630
2956
  lineHeight: {
2631
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2957
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2632
2958
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2633
- "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2959
+ "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2634
2960
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2635
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2961
+ "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2636
2962
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2637
- "3,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2963
+ "3-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2638
2964
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2639
- "4,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2965
+ "4-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2640
2966
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2641
2967
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2642
2968
  "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2699,10 +3025,22 @@ declare const propertiesPopover: {
2699
3025
  small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2700
3026
  none: string;
2701
3027
  };
3028
+ zIndex: {
3029
+ "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3030
+ "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3031
+ "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3032
+ "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3033
+ "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3034
+ "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3035
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3036
+ "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3037
+ "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3038
+ };
2702
3039
  };
2703
3040
  export type PopoverColorProperties = keyof typeof propertiesPopover.color;
2704
3041
  export type PopoverBackgroundColorProperties = keyof typeof propertiesPopover.backgroundColor;
2705
3042
  export type PopoverPaddingProperties = keyof typeof propertiesPopover.padding;
3043
+ export type PopoverZIndexProperties = keyof typeof propertiesPopover.zIndex;
2706
3044
  export interface PopoverSprinkle {
2707
3045
  /**
2708
3046
  * The width property specifies the width of a popover's content area.
@@ -2716,7 +3054,7 @@ export interface PopoverSprinkle {
2716
3054
  /**
2717
3055
  * The zIndex property specifies the stack order of the popover.
2718
3056
  */
2719
- zIndex?: number | Conditions<number>;
3057
+ zIndex?: PopoverZIndexProperties | Conditions<PopoverZIndexProperties>;
2720
3058
  /**
2721
3059
  * The backgroundColor property sets the background color of the popover.
2722
3060
  * @default neutral-background
@@ -2744,10 +3082,6 @@ export declare const popover: {
2744
3082
  default: string;
2745
3083
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2746
3084
  };
2747
- "primary-interactiveHover": {
2748
- default: string;
2749
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2750
- };
2751
3085
  "success-surfaceHighlight": {
2752
3086
  default: string;
2753
3087
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -2768,6 +3102,10 @@ export declare const popover: {
2768
3102
  default: string;
2769
3103
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2770
3104
  };
3105
+ "primary-interactiveHover": {
3106
+ default: string;
3107
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3108
+ };
2771
3109
  };
2772
3110
  staticScale: {
2773
3111
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2808,10 +3146,6 @@ export declare const popover: {
2808
3146
  default: string;
2809
3147
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2810
3148
  };
2811
- "primary-interactiveHover": {
2812
- default: string;
2813
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2814
- };
2815
3149
  "success-surfaceHighlight": {
2816
3150
  default: string;
2817
3151
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -2832,6 +3166,10 @@ export declare const popover: {
2832
3166
  default: string;
2833
3167
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2834
3168
  };
3169
+ "primary-interactiveHover": {
3170
+ default: string;
3171
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3172
+ };
2835
3173
  };
2836
3174
  staticScale: {
2837
3175
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2844,6 +3182,58 @@ export declare const popover: {
2844
3182
  };
2845
3183
  name: "color";
2846
3184
  };
3185
+ zIndex: {
3186
+ values: {
3187
+ 100: {
3188
+ default: string;
3189
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3190
+ };
3191
+ 200: {
3192
+ default: string;
3193
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3194
+ };
3195
+ 300: {
3196
+ default: string;
3197
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3198
+ };
3199
+ 400: {
3200
+ default: string;
3201
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3202
+ };
3203
+ 500: {
3204
+ default: string;
3205
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3206
+ };
3207
+ 600: {
3208
+ default: string;
3209
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3210
+ };
3211
+ 700: {
3212
+ default: string;
3213
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3214
+ };
3215
+ 800: {
3216
+ default: string;
3217
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3218
+ };
3219
+ 900: {
3220
+ default: string;
3221
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3222
+ };
3223
+ };
3224
+ staticScale: {
3225
+ "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3226
+ "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3227
+ "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3228
+ "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3229
+ "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3230
+ "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3231
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3232
+ "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3233
+ "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3234
+ };
3235
+ name: "zIndex";
3236
+ };
2847
3237
  };
2848
3238
  } & {
2849
3239
  config: {
@@ -2871,23 +3261,11 @@ export declare const popover: {
2871
3261
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2872
3262
  };
2873
3263
  };
2874
- zIndex: {
2875
- dynamic: {
2876
- default: string;
2877
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2878
- };
2879
- dynamicScale: true;
2880
- name: "zIndex";
2881
- vars: {
2882
- default: string;
2883
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2884
- };
2885
- };
2886
3264
  };
2887
3265
  } & {
2888
3266
  config: {
2889
3267
  [x: string]: {
2890
- mappings: ("width" | "color" | "backgroundColor" | "height" | "zIndex" | "padding")[];
3268
+ mappings: ("width" | "zIndex" | "color" | "backgroundColor" | "height" | "padding")[];
2891
3269
  };
2892
3270
  };
2893
3271
  }
@@ -2916,6 +3294,17 @@ export declare const popover: {
2916
3294
  small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2917
3295
  none: string;
2918
3296
  };
3297
+ zIndex: {
3298
+ "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3299
+ "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3300
+ "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3301
+ "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3302
+ "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3303
+ "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3304
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3305
+ "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3306
+ "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3307
+ };
2919
3308
  };
2920
3309
  classnames: {
2921
3310
  content: string;
@@ -2955,7 +3344,7 @@ export declare const skeleton: {
2955
3344
  };
2956
3345
  export declare const spinner: {
2957
3346
  sprinkle: ((props: {
2958
- color?: "primary-surface" | "primary-interactive" | "primary-textLow" | "success-surface" | "success-interactive" | "success-textLow" | "danger-surface" | "danger-interactive" | "danger-textLow" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textLow" | "currentColor" | undefined;
3347
+ color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | undefined;
2959
3348
  }) => string) & {
2960
3349
  properties: Set<"color">;
2961
3350
  };
@@ -3201,6 +3590,58 @@ declare const sidebarSprinkle: {
3201
3590
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
3202
3591
  {
3203
3592
  config: {
3593
+ zIndex: {
3594
+ values: {
3595
+ 100: {
3596
+ default: string;
3597
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3598
+ };
3599
+ 200: {
3600
+ default: string;
3601
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3602
+ };
3603
+ 300: {
3604
+ default: string;
3605
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3606
+ };
3607
+ 400: {
3608
+ default: string;
3609
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3610
+ };
3611
+ 500: {
3612
+ default: string;
3613
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3614
+ };
3615
+ 600: {
3616
+ default: string;
3617
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3618
+ };
3619
+ 700: {
3620
+ default: string;
3621
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3622
+ };
3623
+ 800: {
3624
+ default: string;
3625
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3626
+ };
3627
+ 900: {
3628
+ default: string;
3629
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3630
+ };
3631
+ };
3632
+ staticScale: {
3633
+ "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3634
+ "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3635
+ "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3636
+ "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3637
+ "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3638
+ "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3639
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3640
+ "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3641
+ "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3642
+ };
3643
+ name: "zIndex";
3644
+ };
3204
3645
  padding: {
3205
3646
  values: {
3206
3647
  base: {
@@ -3238,28 +3679,27 @@ declare const sidebarSprinkle: {
3238
3679
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3239
3680
  };
3240
3681
  };
3241
- zIndex: {
3242
- dynamic: {
3243
- default: string;
3244
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3245
- };
3246
- dynamicScale: true;
3247
- name: "zIndex";
3248
- vars: {
3249
- default: string;
3250
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3251
- };
3252
- };
3253
3682
  };
3254
3683
  } & {
3255
3684
  config: {
3256
3685
  [x: string]: {
3257
- mappings: ("maxWidth" | "zIndex" | "padding")[];
3686
+ mappings: ("zIndex" | "maxWidth" | "padding")[];
3258
3687
  };
3259
3688
  };
3260
3689
  }
3261
3690
  ]>;
3262
3691
  properties: {
3692
+ zIndex: {
3693
+ "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3694
+ "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3695
+ "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3696
+ "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3697
+ "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3698
+ "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3699
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3700
+ "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3701
+ "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3702
+ };
3263
3703
  padding: {
3264
3704
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3265
3705
  small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3268,6 +3708,7 @@ declare const sidebarSprinkle: {
3268
3708
  };
3269
3709
  };
3270
3710
  export type SidebarPaddingProperties = keyof typeof sidebarSprinkle.properties.padding;
3711
+ export type SidebarZIndexProperties = keyof typeof sidebarSprinkle.properties.zIndex;
3271
3712
  export interface SidebarSprinkle {
3272
3713
  /**
3273
3714
  * The maxWidth property specifies the maxWidth of a sidebar's content area.
@@ -3277,7 +3718,7 @@ export interface SidebarSprinkle {
3277
3718
  /**
3278
3719
  * The zIndex property specifies the stack order of the sidebar.
3279
3720
  */
3280
- zIndex?: number | Conditions<number>;
3721
+ zIndex?: SidebarZIndexProperties | Conditions<SidebarZIndexProperties>;
3281
3722
  /**
3282
3723
  * The padding properties are used to generate space around an sidebar's content area.
3283
3724
  * @default base
@@ -3288,6 +3729,58 @@ export declare const sidebar: {
3288
3729
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
3289
3730
  {
3290
3731
  config: {
3732
+ zIndex: {
3733
+ values: {
3734
+ 100: {
3735
+ default: string;
3736
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3737
+ };
3738
+ 200: {
3739
+ default: string;
3740
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3741
+ };
3742
+ 300: {
3743
+ default: string;
3744
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3745
+ };
3746
+ 400: {
3747
+ default: string;
3748
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3749
+ };
3750
+ 500: {
3751
+ default: string;
3752
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3753
+ };
3754
+ 600: {
3755
+ default: string;
3756
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3757
+ };
3758
+ 700: {
3759
+ default: string;
3760
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3761
+ };
3762
+ 800: {
3763
+ default: string;
3764
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3765
+ };
3766
+ 900: {
3767
+ default: string;
3768
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3769
+ };
3770
+ };
3771
+ staticScale: {
3772
+ "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3773
+ "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3774
+ "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3775
+ "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3776
+ "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3777
+ "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3778
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3779
+ "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3780
+ "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3781
+ };
3782
+ name: "zIndex";
3783
+ };
3291
3784
  padding: {
3292
3785
  values: {
3293
3786
  base: {
@@ -3325,28 +3818,27 @@ export declare const sidebar: {
3325
3818
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3326
3819
  };
3327
3820
  };
3328
- zIndex: {
3329
- dynamic: {
3330
- default: string;
3331
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3332
- };
3333
- dynamicScale: true;
3334
- name: "zIndex";
3335
- vars: {
3336
- default: string;
3337
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3338
- };
3339
- };
3340
3821
  };
3341
3822
  } & {
3342
3823
  config: {
3343
3824
  [x: string]: {
3344
- mappings: ("maxWidth" | "zIndex" | "padding")[];
3825
+ mappings: ("zIndex" | "maxWidth" | "padding")[];
3345
3826
  };
3346
3827
  };
3347
3828
  }
3348
3829
  ]>;
3349
3830
  properties: {
3831
+ zIndex: {
3832
+ "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3833
+ "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3834
+ "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3835
+ "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3836
+ "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3837
+ "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3838
+ "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3839
+ "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3840
+ "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3841
+ };
3350
3842
  padding: {
3351
3843
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3352
3844
  small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;