eddev 2.0.0-beta.22 → 2.0.0-beta.24

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 (37) hide show
  1. package/dist/app/entry/MetaTags.d.ts +6 -0
  2. package/dist/app/entry/MetaTags.js +17 -0
  3. package/dist/app/entry/ssr-root-client.d.ts +3 -1
  4. package/dist/app/entry/ssr-root-client.js +10 -3
  5. package/dist/app/entry/ssr-root.d.ts +4 -3
  6. package/dist/app/entry/ssr-root.js +18 -15
  7. package/dist/app/lib/blocks/ErrorBoundaryFrontend.d.ts +1 -1
  8. package/dist/app/lib/blocks/editor/ErrorBoundaryEditor.d.ts +1 -1
  9. package/dist/app/lib/devtools/hooks/useTailwind.d.ts +32 -32
  10. package/dist/app/lib/legacy-stitches/createStitches.d.ts +509 -1
  11. package/dist/app/lib/routing/components/BrowserRouter.d.ts +4 -1
  12. package/dist/app/lib/routing/components/BrowserRouter.js +10 -2
  13. package/dist/app/lib/routing/components/ClientOnly.d.ts +1 -1
  14. package/dist/app/lib/routing/components/RouteRenderer.js +2 -2
  15. package/dist/app/lib/routing/components/SSRRouter.js +1 -2
  16. package/dist/app/lib/routing/context.js +1 -95
  17. package/dist/app/lib/routing/hooks/useRouteMeta.d.ts +5 -0
  18. package/dist/app/lib/routing/hooks/useRouteMeta.js +9 -0
  19. package/dist/app/lib/routing/types.d.ts +12 -5
  20. package/dist/app/lib/routing/utils.d.ts +2 -1
  21. package/dist/app/lib/routing/utils.js +5 -0
  22. package/dist/app/server/proxy-wp-admin.js +1 -1
  23. package/dist/app/server/render-ssr-page.js +11 -3
  24. package/dist/app/server/server-context.d.ts +8 -2
  25. package/dist/app/server/server-context.js +20 -3
  26. package/dist/node/cli/cli.js +2 -1
  27. package/dist/node/cli/version.d.ts +1 -1
  28. package/dist/node/cli/version.js +1 -1
  29. package/dist/node/compiler/vinxi-app.d.ts +9 -0
  30. package/dist/node/compiler/vinxi-app.js +19 -1
  31. package/dist/node/compiler/vinxi-codegen.js +76 -35
  32. package/dist/node/project/favicons.d.ts +0 -1
  33. package/dist/node/project/favicons.js +1 -1
  34. package/dist/node/types/block-type.d.ts +2 -2
  35. package/package.json +4 -3
  36. package/tsconfig.app.json +2 -2
  37. package/tsconfig.node.json +2 -2
package/dist/app/lib/legacy-stitches/createStitches.d.ts CHANGED
@@ -103,5 +103,513 @@ export declare function createStitches<Prefix extends string = "", Media extends
103
103
  }>;
104
104
  themeMap?: ConfigType.ThemeMap<ThemeMap>;
105
105
  utils: ConfigType.Utils<Utils>;
106
- }): any;
106
+ }): {
107
+ originalConfig: {
108
+ breakpoints: Breakpoints;
109
+ prefix?: ConfigType.Prefix<Prefix>;
110
+ media: ConfigType.Media<Media>;
111
+ theme: ConfigType.Theme<Theme>;
112
+ responsive: ResponsiveConfig<Media & {
113
+ initial: string;
114
+ editor: string;
115
+ }, Responsive>;
116
+ typography: TypographyConfig<Theme, Media & {
117
+ initial: string;
118
+ editor: string;
119
+ }, Typography>;
120
+ grid: GridConfig<Theme, Media & {
121
+ initial: string;
122
+ editor: string;
123
+ }>;
124
+ themeMap?: ConfigType.ThemeMap<ThemeMap>;
125
+ utils: ConfigType.Utils<Utils>;
126
+ };
127
+ breakpoints: BreakpointArray;
128
+ typeVariants: { [key in keyof TypographyConfig<Theme, Media & {
129
+ initial: string;
130
+ editor: string;
131
+ }, Typography>]: any; };
132
+ gridVariants: {};
133
+ responsiveTokens: { [Scale in keyof Responsive]: { [T in keyof Responsive[Scale]]: number; }; };
134
+ responsiveGlobals: any;
135
+ config: {
136
+ prefix: "";
137
+ media: {
138
+ initial: "";
139
+ } & Media;
140
+ theme: Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; };
141
+ themeMap: ThemeMap;
142
+ utils: {
143
+ typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
144
+ initial: string;
145
+ editor: string;
146
+ }, Typography>]: any; }[keyof Typography];
147
+ m: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
148
+ margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
149
+ };
150
+ mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
151
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
152
+ };
153
+ mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
154
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
155
+ };
156
+ mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
157
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
158
+ };
159
+ ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
160
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
161
+ };
162
+ mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
163
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
164
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
165
+ };
166
+ my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
167
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
168
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
169
+ };
170
+ p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
171
+ padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
172
+ };
173
+ pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
174
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
175
+ };
176
+ pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
177
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
178
+ };
179
+ pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
180
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
181
+ };
182
+ pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
183
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
184
+ };
185
+ px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
186
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
187
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
188
+ };
189
+ py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
190
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
191
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
192
+ };
193
+ cols: (value: number) => {
194
+ gridColumn: string;
195
+ "--grid-columns": number;
196
+ };
197
+ };
198
+ };
199
+ prefix: "";
200
+ globalCss: <Styles extends {
201
+ [K: string]: any;
202
+ }>(...styles: ({
203
+ '@import'?: unknown;
204
+ '@font-face'?: unknown;
205
+ } & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("../../../../stitches-archive/css.js").AtRule.FontFace | import("../../../../stitches-archive/css.js").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
206
+ [x: string]: import("../../../../stitches-archive/css-util.js").CSS<{
207
+ initial: "";
208
+ } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
209
+ typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
210
+ initial: string;
211
+ editor: string;
212
+ }, Typography>]: any; }[keyof Typography];
213
+ m: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
214
+ margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
215
+ };
216
+ mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
217
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
218
+ };
219
+ mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
220
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
221
+ };
222
+ mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
223
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
224
+ };
225
+ ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
226
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
227
+ };
228
+ mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
229
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
230
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
231
+ };
232
+ my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
233
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
234
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
235
+ };
236
+ p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
237
+ padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
238
+ };
239
+ pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
240
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
241
+ };
242
+ pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
243
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
244
+ };
245
+ pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
246
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
247
+ };
248
+ pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
249
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
250
+ };
251
+ px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
252
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
253
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
254
+ };
255
+ py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
256
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
257
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
258
+ };
259
+ cols: (value: number) => {
260
+ gridColumn: string;
261
+ "--grid-columns": number;
262
+ };
263
+ }>;
264
+ } : K extends `@property ${string}` ? import("../../../../stitches-archive/css.js").AtRule.Property : import("../../../../stitches-archive/css-util.js").CSS<{
265
+ initial: "";
266
+ } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
267
+ typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
268
+ initial: string;
269
+ editor: string;
270
+ }, Typography>]: any; }[keyof Typography];
271
+ m: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
272
+ margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
273
+ };
274
+ mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
275
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
276
+ };
277
+ mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
278
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
279
+ };
280
+ mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
281
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
282
+ };
283
+ ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
284
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
285
+ };
286
+ mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
287
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
288
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
289
+ };
290
+ my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
291
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
292
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
293
+ };
294
+ p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
295
+ padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
296
+ };
297
+ pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
298
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
299
+ };
300
+ pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
301
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
302
+ };
303
+ pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
304
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
305
+ };
306
+ pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
307
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
308
+ };
309
+ px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
310
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
311
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
312
+ };
313
+ py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
314
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
315
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
316
+ };
317
+ cols: (value: number) => {
318
+ gridColumn: string;
319
+ "--grid-columns": number;
320
+ };
321
+ }>; })[]) => {
322
+ (): string;
323
+ };
324
+ keyframes: (style: {
325
+ [offset: string]: import("../../../../stitches-archive/css-util.js").CSS<{
326
+ initial: "";
327
+ } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
328
+ typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
329
+ initial: string;
330
+ editor: string;
331
+ }, Typography>]: any; }[keyof Typography];
332
+ m: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
333
+ margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
334
+ };
335
+ mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
336
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
337
+ };
338
+ mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
339
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
340
+ };
341
+ mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
342
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
343
+ };
344
+ ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
345
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
346
+ };
347
+ mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
348
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
349
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
350
+ };
351
+ my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
352
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
353
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
354
+ };
355
+ p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
356
+ padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
357
+ };
358
+ pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
359
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
360
+ };
361
+ pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
362
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
363
+ };
364
+ pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
365
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
366
+ };
367
+ pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
368
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
369
+ };
370
+ px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
371
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
372
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
373
+ };
374
+ py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
375
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
376
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
377
+ };
378
+ cols: (value: number) => {
379
+ gridColumn: string;
380
+ "--grid-columns": number;
381
+ };
382
+ }>;
383
+ }) => {
384
+ (): string;
385
+ name: string;
386
+ };
387
+ createTheme: <Argument0 extends string | ((Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; } extends infer T_2 ? { [Scale_2 in keyof T_2]?: { [Token in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_2]]?: string | number | boolean | undefined; } | undefined; } : never) & {
388
+ [x: string]: {
389
+ [x: string]: string | number | boolean;
390
+ [x: number]: string | number | boolean;
391
+ };
392
+ }), Argument1 extends string | ((Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; } extends infer T_3 ? { [Scale_3 in keyof T_3]?: { [Token_1 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_3]]?: string | number | boolean | undefined; } | undefined; } : never) & {
393
+ [x: string]: {
394
+ [x: string]: string | number | boolean;
395
+ [x: number]: string | number | boolean;
396
+ };
397
+ })>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
398
+ className: string;
399
+ selector: string;
400
+ } & (Argument0 extends string ? import("../../../../stitches-archive/stitches.js").ThemeTokens<Argument1, ""> : import("../../../../stitches-archive/stitches.js").ThemeTokens<Argument0, "">);
401
+ theme: string & {
402
+ className: string;
403
+ selector: string;
404
+ } & (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; } extends infer T_2 extends {} ? { [Scale_2 in keyof T_2]: { [Token in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_2]]: import("../../../../stitches-archive/theme.js").Token<Extract<Token, string | number>, string, Extract<Scale_2, string | void>, "">; }; } : never);
405
+ reset: {
406
+ (): void;
407
+ };
408
+ getCssText: {
409
+ (): string;
410
+ };
411
+ css: <Composers extends (string | React.ExoticComponent<any> | React.JSXElementConstructor<any> | import("../../../../stitches-archive/util.js").Function | {
412
+ [name: string]: unknown;
413
+ })[], CSS = import("../../../../stitches-archive/css-util.js").CSS<{
414
+ initial: "";
415
+ } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
416
+ typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
417
+ initial: string;
418
+ editor: string;
419
+ }, Typography>]: any; }[keyof Typography];
420
+ m: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
421
+ margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
422
+ };
423
+ mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
424
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
425
+ };
426
+ mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
427
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
428
+ };
429
+ mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
430
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
431
+ };
432
+ ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
433
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
434
+ };
435
+ mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
436
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
437
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
438
+ };
439
+ my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
440
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
441
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
442
+ };
443
+ p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
444
+ padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
445
+ };
446
+ pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
447
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
448
+ };
449
+ pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
450
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
451
+ };
452
+ pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
453
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
454
+ };
455
+ pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
456
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
457
+ };
458
+ px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
459
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
460
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
461
+ };
462
+ py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
463
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
464
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
465
+ };
466
+ cols: (value: number) => {
467
+ gridColumn: string;
468
+ "--grid-columns": number;
469
+ };
470
+ }>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("../../../../stitches-archive/util.js").Function ? Composers[K] : import("../../../../stitches-archive/stitches.js").RemoveIndex<CSS> & {
471
+ variants?: {
472
+ [x: string]: {
473
+ [x: string]: CSS;
474
+ [x: number]: CSS;
475
+ };
476
+ } | undefined;
477
+ compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util.js").String | import("../../../../stitches-archive/util.js").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("../../../../stitches-archive/util.js").WideObject) & {
478
+ css: CSS;
479
+ })[] | undefined;
480
+ defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util.js").String | import("../../../../stitches-archive/util.js").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("../../../../stitches-archive/util.js").WideObject) | undefined;
481
+ } & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("../../../../stitches-archive/styled-component.js").CssComponent<import("../../../../stitches-archive/styled-component.js").StyledComponentType<Composers>, import("../../../../stitches-archive/styled-component.js").StyledComponentProps<Composers>, {
482
+ initial: "";
483
+ } & Media, CSS>;
484
+ styled: <Type extends keyof JSX.IntrinsicElements | React.ComponentType<any> | import("../../../../stitches-archive/util.js").Function, Composers extends (string | React.ComponentType<any> | import("../../../../stitches-archive/util.js").Function | {
485
+ [name: string]: unknown;
486
+ })[], CSS = import("../../../../stitches-archive/css-util.js").CSS<{
487
+ initial: "";
488
+ } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
489
+ typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
490
+ initial: string;
491
+ editor: string;
492
+ }, Typography>]: any; }[keyof Typography];
493
+ m: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
494
+ margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
495
+ };
496
+ mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
497
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
498
+ };
499
+ mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
500
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
501
+ };
502
+ mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
503
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
504
+ };
505
+ ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
506
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
507
+ };
508
+ mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
509
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
510
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
511
+ };
512
+ my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
513
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
514
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
515
+ };
516
+ p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
517
+ padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
518
+ };
519
+ pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
520
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
521
+ };
522
+ pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
523
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
524
+ };
525
+ pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
526
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
527
+ };
528
+ pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
529
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
530
+ };
531
+ px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
532
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
533
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
534
+ };
535
+ py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
536
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
537
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
538
+ };
539
+ cols: (value: number) => {
540
+ gridColumn: string;
541
+ "--grid-columns": number;
542
+ };
543
+ }>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").ComponentType<any> | import("../../../../stitches-archive/util.js").Function ? Composers[K] : import("../../../../stitches-archive/stitches.js").RemoveIndex<CSS> & {
544
+ variants?: {
545
+ [x: string]: {
546
+ [x: string]: CSS;
547
+ [x: number]: CSS;
548
+ };
549
+ } | undefined;
550
+ compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util.js").String | import("../../../../stitches-archive/util.js").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("../../../../stitches-archive/util.js").WideObject) & {
551
+ css: CSS;
552
+ })[] | undefined;
553
+ defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util.js").String | import("../../../../stitches-archive/util.js").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("../../../../stitches-archive/util.js").WideObject) | undefined;
554
+ } & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("../../../../stitches-archive/styled-component.js").StyledComponent<Type, import("../../../../stitches-archive/styled-component.js").StyledComponentProps<Composers>, {
555
+ initial: "";
556
+ } & Media, import("../../../../stitches-archive/css-util.js").CSS<{
557
+ initial: "";
558
+ } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
559
+ typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
560
+ initial: string;
561
+ editor: string;
562
+ }, Typography>]: any; }[keyof Typography];
563
+ m: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
564
+ margin: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
565
+ };
566
+ mt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
567
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
568
+ };
569
+ mr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
570
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
571
+ };
572
+ mb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
573
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
574
+ };
575
+ ml: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
576
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
577
+ };
578
+ mx: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
579
+ marginLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
580
+ marginRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
581
+ };
582
+ my: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
583
+ marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
584
+ marginBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
585
+ };
586
+ p: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
587
+ padding: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
588
+ };
589
+ pt: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
590
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
591
+ };
592
+ pr: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
593
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
594
+ };
595
+ pb: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
596
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
597
+ };
598
+ pl: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
599
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
600
+ };
601
+ px: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
602
+ paddingLeft: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
603
+ paddingRight: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
604
+ };
605
+ py: (value: import("csstype").Property.MarginTop<0 | (string & {})> | undefined) => {
606
+ paddingTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
607
+ paddingBottom: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
608
+ };
609
+ cols: (value: number) => {
610
+ gridColumn: string;
611
+ "--grid-columns": number;
612
+ };
613
+ }>>;
614
+ };
107
615
  export {};
package/dist/app/lib/routing/components/BrowserRouter.d.ts CHANGED
@@ -1,4 +1,7 @@
1
1
  import { PropsWithChildren } from "react";
2
- type Props = PropsWithChildren<{}>;
2
+ import { type RouterAPI } from "../types.js";
3
+ type Props = PropsWithChildren<{
4
+ routerRef?: React.MutableRefObject<RouterAPI | null>;
5
+ }>;
3
6
  export declare function BrowserRouter(props: Props): import("react/jsx-runtime").JSX.Element;
4
7
  export {};
package/dist/app/lib/routing/components/BrowserRouter.js CHANGED
@@ -3,8 +3,9 @@ import { useEffect, useMemo, useRef, useState, useTransition } from "react";
3
3
  import { isRelative, parseURL, resolveURL } from "ufo";
4
4
  import { RouterContext, RouterStateContext } from "../context.js";
5
5
  import { RouteLoader } from "../loader.js";
6
- import { getLinkHandlerMode, normalizeRoute, parseQuery, stringifyRouteLink } from "../utils.js";
6
+ import { getLinkHandlerMode, getRouteMeta, normalizeRoute, parseQuery, stringifyRouteLink } from "../utils.js";
7
7
  import { AppRenderer } from "./RouteRenderer.js";
8
+ import { $routeMetaStore } from "../hooks/useRouteMeta.js";
8
9
  const loader = new RouteLoader();
9
10
  let initialRoute;
10
11
  let initialRouteHydrated = false;
@@ -23,7 +24,11 @@ if (env.client && !env.admin) {
23
24
  search: "",
24
25
  query: {},
25
26
  view: initialData.view,
27
+ meta: {
28
+ tags: initialData.meta?.head,
29
+ },
26
30
  });
31
+ $routeMetaStore.data = getRouteMeta(initialData);
27
32
  }
28
33
  function parseHrefPath(url) {
29
34
  if (isRelative(url)) {
@@ -61,7 +66,6 @@ function getHistoryId() {
61
66
  let lastRouterState = null;
62
67
  export function BrowserRouter(props) {
63
68
  const pendingRoute = useRef(null);
64
- // const [activeRoute, setActiveRoute] = useState<RouteState>(initialRoute)
65
69
  const [transitioning, startTransition] = useTransition();
66
70
  const [routerState, setRouterState] = useState(() => ({
67
71
  activeRoute: initialRoute,
@@ -201,6 +205,9 @@ export function BrowserRouter(props) {
201
205
  props: data.viewData?.data ?? {},
202
206
  component: lazyComponent,
203
207
  returnState: args.restoreState ?? {},
208
+ meta: {
209
+ tags: data.meta?.head,
210
+ },
204
211
  });
205
212
  setState({
206
213
  pendingRoute: route,
@@ -229,6 +236,7 @@ export function BrowserRouter(props) {
229
236
  lastRoute: currentRoute,
230
237
  link,
231
238
  });
239
+ $routeMetaStore.data = route.meta;
232
240
  };
233
241
  startTransition(() => {
234
242
  pendingRoute.current = route;
package/dist/app/lib/routing/components/ClientOnly.d.ts CHANGED
@@ -8,5 +8,5 @@ type Props = PropsWithChildren<{
8
8
  *
9
9
  * The optional 'fallback' prop can be used to show a loading state or placeholder content while the client bundle is loading.
10
10
  */
11
- export declare function ClientOnly(props: Props): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null;
11
+ export declare function ClientOnly(props: Props): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
12
12
  export {};
package/dist/app/lib/routing/components/RouteRenderer.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { memo, Suspense, useMemo } from "react";
2
+ import { memo, useMemo } from "react";
3
3
  import { RouteItemContext } from "../context.js";
4
4
  import { useRouter } from "../hooks/useRouter.js";
5
5
  import { useRouterState } from "../hooks/useRouterState.js";
@@ -9,7 +9,7 @@ export const AppRenderer = memo(() => {
9
9
  const app = useMemo(() => {
10
10
  return (_jsx(AppComponent, { ...appData, children: _jsx(MainRoute, {}) }));
11
11
  }, [AppComponent, appData]);
12
- return (_jsx(Suspense, { children: _jsx(RouteItemContext.Provider, { value: activeRoute, children: app }) }));
12
+ return _jsx(RouteItemContext.Provider, { value: activeRoute, children: app });
13
13
  });
14
14
  export function MainRoute() {
15
15
  const activeRoute = useRouterState((s) => s.activeRoute);
package/dist/app/lib/routing/components/SSRRouter.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Suspense } from "react";
3
2
  import { RouterContext, RouterStateContext } from "../context.js";
4
3
  import { useRouter } from "../hooks/useRouter.js";
5
4
  import { useRouterState } from "../hooks/useRouterState.js";
@@ -10,5 +9,5 @@ export function SSRRouter(props) {
10
9
  router.loader = props.loader;
11
10
  routerState.history = [props.route];
12
11
  routerState.activeRoute = props.route;
13
- return (_jsx(Suspense, { children: _jsx(RouterContext.Provider, { value: router, children: _jsx(RouterStateContext.Provider, { value: routerState, children: _jsx(AppRenderer, {}) }) }) }));
12
+ return (_jsx(RouterContext.Provider, { value: router, children: _jsx(RouterStateContext.Provider, { value: routerState, children: _jsx(AppRenderer, {}) }) }));
14
13
  }