@vireo-ai/trellis-ui 0.1.17 → 0.1.18

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 (41) hide show
  1. package/THIRD_PARTY_NOTICES.md +40 -0
  2. package/package.json +2 -2
  3. package/packages/client/src/components/select/styles.css +4 -0
  4. package/packages/client/src/styles/generated-sources.css +1 -1
  5. package/packages/client/types/components/app/contract.d.ts +4 -4
  6. package/packages/client/types/components/box/contract.d.ts +10 -10
  7. package/packages/client/types/components/card/contract.d.ts +10 -10
  8. package/packages/client/types/components/common.d.ts +9 -9
  9. package/packages/client/types/components/container/contract.d.ts +8 -8
  10. package/packages/client/types/components/date-picker/contract.d.ts +1 -1
  11. package/packages/client/types/components/date-picker/machine.d.ts +8 -8
  12. package/packages/client/types/components/flex/contract.d.ts +10 -10
  13. package/packages/client/types/components/frame/contract.d.ts +25 -25
  14. package/packages/client/types/components/grid/contract.d.ts +10 -10
  15. package/packages/client/types/components/layout.d.ts +19 -19
  16. package/packages/client/types/components/menu/contract.d.ts +1 -1
  17. package/packages/client/types/components/modal/contract.d.ts +1 -1
  18. package/packages/client/types/components/modal/machine.d.ts +4 -4
  19. package/packages/client/types/components/panels/contract.d.ts +1 -1
  20. package/packages/client/types/components/section/contract.d.ts +8 -8
  21. package/packages/client/types/components/select/contract.d.ts +2 -1
  22. package/packages/client/types/components/select/machine.d.ts +19 -8
  23. package/packages/client/types/components/sidebar/contract.d.ts +2 -2
  24. package/packages/client/types/components/sidebar/index.d.ts +1 -1
  25. package/packages/client/types/components/stack/contract.d.ts +10 -10
  26. package/packages/client/types/components/tabs/contract.d.ts +1 -1
  27. package/packages/client/types/components/tabs/machine.d.ts +2 -2
  28. package/packages/client/types/runtime/dom-invalidation.d.ts +7 -0
  29. package/packages/client/types/runtime/drag-and-drop/sortable/index.d.ts +1 -1
  30. package/packages/client/types/runtime/drag-and-drop/sortable/registry.d.ts +6 -3
  31. package/packages/client/types/runtime/drag-and-drop/sortable/source-machine.d.ts +1 -0
  32. package/packages/client/types/runtime/engine/stream.d.ts +1 -0
  33. package/packages/client/types/runtime/index.d.ts +1 -0
  34. package/packages/client/types/runtime/morph-engine.d.ts +22 -0
  35. package/packages/client/types/runtime/morph.d.ts +4 -0
  36. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +2 -0
  37. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
  38. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +4854 -4748
  39. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js.map +1 -1
  40. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +9 -9
  41. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +9 -9
package/packages/client/types/components/select/machine.d.ts CHANGED
@@ -7,6 +7,7 @@ type SelectContext = {
7
7
  };
8
8
  search: {
9
9
  query: string;
10
+ optionsId: string;
10
11
  };
11
12
  navigation: {
12
13
  activeValue: string;
@@ -45,6 +46,7 @@ declare const selectHooks: readonly [Readonly<{
45
46
  context: Readonly<SelectContext>;
46
47
  props: Readonly<import("../..").SchemaToProps<{
47
48
  name: import("../../runtime/codecs").StringCodec;
49
+ optionsId: import("../../runtime/codecs").StringCodec;
48
50
  value: import("../../runtime/codecs").StringCodec;
49
51
  values: import("../../runtime/codecs").JsonCodec<string[]>;
50
52
  placeholder: import("../../runtime/codecs").StringCodec;
@@ -68,7 +70,7 @@ declare const selectHooks: readonly [Readonly<{
68
70
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
69
71
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
70
72
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
71
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
73
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
72
74
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
73
75
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
74
76
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
@@ -95,6 +97,7 @@ declare const selectHooks: readonly [Readonly<{
95
97
  context: Readonly<SelectContext>;
96
98
  props: Readonly<import("../..").SchemaToProps<{
97
99
  name: import("../../runtime/codecs").StringCodec;
100
+ optionsId: import("../../runtime/codecs").StringCodec;
98
101
  value: import("../../runtime/codecs").StringCodec;
99
102
  values: import("../../runtime/codecs").JsonCodec<string[]>;
100
103
  placeholder: import("../../runtime/codecs").StringCodec;
@@ -118,7 +121,7 @@ declare const selectHooks: readonly [Readonly<{
118
121
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
119
122
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
120
123
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
121
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
124
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
122
125
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
123
126
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
124
127
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
@@ -152,6 +155,7 @@ declare const selectHooks: readonly [Readonly<{
152
155
  context: Readonly<SelectContext>;
153
156
  props: Readonly<import("../..").SchemaToProps<{
154
157
  name: import("../../runtime/codecs").StringCodec;
158
+ optionsId: import("../../runtime/codecs").StringCodec;
155
159
  value: import("../../runtime/codecs").StringCodec;
156
160
  values: import("../../runtime/codecs").JsonCodec<string[]>;
157
161
  placeholder: import("../../runtime/codecs").StringCodec;
@@ -175,7 +179,7 @@ declare const selectHooks: readonly [Readonly<{
175
179
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
176
180
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
177
181
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
178
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
182
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
179
183
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
180
184
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
181
185
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
@@ -202,6 +206,7 @@ declare const selectHooks: readonly [Readonly<{
202
206
  context: Readonly<SelectContext>;
203
207
  props: Readonly<import("../..").SchemaToProps<{
204
208
  name: import("../../runtime/codecs").StringCodec;
209
+ optionsId: import("../../runtime/codecs").StringCodec;
205
210
  value: import("../../runtime/codecs").StringCodec;
206
211
  values: import("../../runtime/codecs").JsonCodec<string[]>;
207
212
  placeholder: import("../../runtime/codecs").StringCodec;
@@ -225,7 +230,7 @@ declare const selectHooks: readonly [Readonly<{
225
230
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
226
231
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
227
232
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
228
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
233
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
229
234
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
230
235
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
231
236
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
@@ -259,6 +264,7 @@ declare const selectHooks: readonly [Readonly<{
259
264
  context: Readonly<SelectContext>;
260
265
  props: Readonly<import("../..").SchemaToProps<{
261
266
  name: import("../../runtime/codecs").StringCodec;
267
+ optionsId: import("../../runtime/codecs").StringCodec;
262
268
  value: import("../../runtime/codecs").StringCodec;
263
269
  values: import("../../runtime/codecs").JsonCodec<string[]>;
264
270
  placeholder: import("../../runtime/codecs").StringCodec;
@@ -282,7 +288,7 @@ declare const selectHooks: readonly [Readonly<{
282
288
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
283
289
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
284
290
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
285
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
291
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
286
292
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
287
293
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
288
294
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
@@ -304,6 +310,7 @@ declare const selectHooks: readonly [Readonly<{
304
310
  generations: Readonly<Record<string, number>>;
305
311
  }>) => {
306
312
  query: string;
313
+ optionsId: string;
307
314
  };
308
315
  projectEach?: (snapshot: Readonly<{
309
316
  value: import("../..").MachineStateValue;
@@ -311,6 +318,7 @@ declare const selectHooks: readonly [Readonly<{
311
318
  context: Readonly<SelectContext>;
312
319
  props: Readonly<import("../..").SchemaToProps<{
313
320
  name: import("../../runtime/codecs").StringCodec;
321
+ optionsId: import("../../runtime/codecs").StringCodec;
314
322
  value: import("../../runtime/codecs").StringCodec;
315
323
  values: import("../../runtime/codecs").JsonCodec<string[]>;
316
324
  placeholder: import("../../runtime/codecs").StringCodec;
@@ -334,7 +342,7 @@ declare const selectHooks: readonly [Readonly<{
334
342
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
335
343
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
336
344
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
337
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
345
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
338
346
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
339
347
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
340
348
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
@@ -356,6 +364,7 @@ declare const selectHooks: readonly [Readonly<{
356
364
  generations: Readonly<Record<string, number>>;
357
365
  }>) => readonly {
358
366
  query: string;
367
+ optionsId: string;
359
368
  }[];
360
369
  }>, Readonly<{
361
370
  name: "creating";
@@ -370,6 +379,7 @@ declare const selectHooks: readonly [Readonly<{
370
379
  context: Readonly<SelectContext>;
371
380
  props: Readonly<import("../..").SchemaToProps<{
372
381
  name: import("../../runtime/codecs").StringCodec;
382
+ optionsId: import("../../runtime/codecs").StringCodec;
373
383
  value: import("../../runtime/codecs").StringCodec;
374
384
  values: import("../../runtime/codecs").JsonCodec<string[]>;
375
385
  placeholder: import("../../runtime/codecs").StringCodec;
@@ -393,7 +403,7 @@ declare const selectHooks: readonly [Readonly<{
393
403
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
394
404
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
395
405
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
396
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
406
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
397
407
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
398
408
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
399
409
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
@@ -423,6 +433,7 @@ declare const selectHooks: readonly [Readonly<{
423
433
  context: Readonly<SelectContext>;
424
434
  props: Readonly<import("../..").SchemaToProps<{
425
435
  name: import("../../runtime/codecs").StringCodec;
436
+ optionsId: import("../../runtime/codecs").StringCodec;
426
437
  value: import("../../runtime/codecs").StringCodec;
427
438
  values: import("../../runtime/codecs").JsonCodec<string[]>;
428
439
  placeholder: import("../../runtime/codecs").StringCodec;
@@ -446,7 +457,7 @@ declare const selectHooks: readonly [Readonly<{
446
457
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
447
458
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
448
459
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
449
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
460
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
450
461
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
451
462
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
452
463
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
package/packages/client/types/components/sidebar/contract.d.ts CHANGED
@@ -13,7 +13,7 @@ declare const sidebarSchema: {
13
13
  id: import("../../runtime/codecs").StringCodec;
14
14
  placement: import("../../runtime/codecs").OneOfCodec<"top" | "side">;
15
15
  side: import("../../runtime/codecs").OneOfCodec<"left" | "right">;
16
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
16
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
17
17
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
18
18
  drawerElevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
19
19
  divider: import("../../runtime/codecs").BoolCodec;
@@ -49,7 +49,7 @@ declare const sidebarToggleSchema: {
49
49
  target: import("../../runtime/codecs").StringCodec;
50
50
  icon: import("../../runtime/codecs").StringCodec;
51
51
  label: import("../../runtime/codecs").StringCodec;
52
- action: import("../../runtime/codecs").OneOfCodec<"close" | "toggle" | "open" | "expand" | "stash">;
52
+ action: import("../../runtime/codecs").OneOfCodec<"open" | "close" | "toggle" | "expand" | "stash">;
53
53
  class: import("../../runtime/codecs").StringCodec;
54
54
  };
55
55
  declare const sidebarPanelSchema: {
package/packages/client/types/components/sidebar/index.d.ts CHANGED
@@ -13,7 +13,7 @@ type SidebarController = {
13
13
  };
14
14
  declare const togglePropsSchema: {
15
15
  target: import("../../runtime/codecs").StringCodec;
16
- action: import("../../runtime/codecs").OneOfCodec<"close" | "toggle" | "open" | "expand" | "stash">;
16
+ action: import("../../runtime/codecs").OneOfCodec<"open" | "close" | "toggle" | "expand" | "stash">;
17
17
  class: import("../../runtime/codecs").StringCodec;
18
18
  };
19
19
  type SidebarToggleProps = SchemaToProps<typeof togglePropsSchema>;
package/packages/client/types/components/stack/contract.d.ts CHANGED
@@ -2,13 +2,13 @@ import { type SchemaToProps } from '../../runtime';
2
2
  import { type LayoutAlign, type LayoutAs, type LayoutJustify, type LayoutSpace } from '../layout';
3
3
  declare const STACK_DISPLAYS: readonly ["grid", "inline-grid", "none"];
4
4
  declare const stackSchema: {
5
- padding: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
6
- paddingX: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
7
- paddingY: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
8
- margin: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
9
- marginX: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
10
- marginY: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
11
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
5
+ padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
6
+ paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
7
+ paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
8
+ margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
9
+ marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
10
+ marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
11
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
12
12
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
13
13
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
14
14
  width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
@@ -16,9 +16,9 @@ declare const stackSchema: {
16
16
  class: import("../../runtime/codecs").StringCodec;
17
17
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "baseline" | "stretch">;
18
18
  justify: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "between">;
19
- gap: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
20
- gapX: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
21
- gapY: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
19
+ gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
20
+ gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
21
+ gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
22
22
  as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
23
23
  display: import("../../runtime/codecs").OneOfCodec<"none" | "grid" | "inline-grid">;
24
24
  };
package/packages/client/types/components/tabs/contract.d.ts CHANGED
@@ -13,7 +13,7 @@ declare const tabsSchema: {
13
13
  value: import("../../runtime/codecs").StringCodec;
14
14
  activation: import("../../runtime/codecs").OneOfCodec<"manual" | "automatic">;
15
15
  orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
16
- gap: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5" | "auto">;
16
+ gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5" | "auto">;
17
17
  loop: import("../../runtime/codecs").BoolCodec;
18
18
  panels: import("../../runtime/codecs").StringCodec;
19
19
  class: import("../../runtime/codecs").StringCodec;
package/packages/client/types/components/tabs/machine.d.ts CHANGED
@@ -46,7 +46,7 @@ declare const tabsHooks: readonly [Readonly<{
46
46
  value: import("../../runtime/codecs").StringCodec;
47
47
  activation: import("../../runtime/codecs").OneOfCodec<"manual" | "automatic">;
48
48
  orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
49
- gap: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5" | "auto">;
49
+ gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5" | "auto">;
50
50
  loop: import("../../runtime/codecs").BoolCodec;
51
51
  panels: import("../../runtime/codecs").StringCodec;
52
52
  class: import("../../runtime/codecs").StringCodec;
@@ -68,7 +68,7 @@ declare const tabsHooks: readonly [Readonly<{
68
68
  value: import("../../runtime/codecs").StringCodec;
69
69
  activation: import("../../runtime/codecs").OneOfCodec<"manual" | "automatic">;
70
70
  orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
71
- gap: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5" | "auto">;
71
+ gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5" | "auto">;
72
72
  loop: import("../../runtime/codecs").BoolCodec;
73
73
  panels: import("../../runtime/codecs").StringCodec;
74
74
  class: import("../../runtime/codecs").StringCodec;
package/packages/client/types/runtime/dom-invalidation.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ type DomInvalidationOwner = Readonly<{
2
+ invalidateDom(): void;
3
+ }>;
4
+ declare const registerDomInvalidationOwner: (element: Element, owner: DomInvalidationOwner) => (() => void);
5
+ declare const findClosestDomInvalidationOwners: (element: Element) => readonly DomInvalidationOwner[];
6
+ export { findClosestDomInvalidationOwners, registerDomInvalidationOwner };
7
+ export type { DomInvalidationOwner };
package/packages/client/types/runtime/drag-and-drop/sortable/index.d.ts CHANGED
@@ -9,5 +9,5 @@ export { createSortableRegistry, sortable } from './registry';
9
9
  export { activateSortableCursor } from './cursor';
10
10
  export { createSortableSourceMachine } from './source-machine';
11
11
  export type { SortablePointerSnapshot, SortableSourceMachineContext, SortableSourceMachineEffects, } from './source-machine';
12
- export type { GroupRecord, SortableRegistry, SourceRecord } from './registry';
12
+ export type { GroupRecord, SortableRegistration, SortableRegistry, SourceRecord } from './registry';
13
13
  export type { ResolveSortablePlacementOptions, SortableAnchor, SortableCancelReason, SortableCanDropContext, SortableDirection, SortableDragDetail, SortableEdge, SortableFeedback, SortableFrame, SortableGroup, SortableDropDetail, SortableInput, SortableInsertSource, SortableItemGeometry, SortableOperation, SortableOrientation, SortablePlacement, SortableMoveSource, SortableSource, UiSortableService, } from './contract';
package/packages/client/types/runtime/drag-and-drop/sortable/registry.d.ts CHANGED
@@ -10,9 +10,12 @@ type SourceRecord = Readonly<{
10
10
  getSource(): SortableSource;
11
11
  isDisabled(): boolean;
12
12
  }>;
13
+ type SortableRegistration = (() => void) & Readonly<{
14
+ refresh(): void;
15
+ }>;
13
16
  type SortableRegistry = UiSortableService & Readonly<{
14
- registerGroup(record: GroupRecord): () => void;
15
- registerSource(record: SourceRecord): () => void;
17
+ registerGroup(record: GroupRecord): SortableRegistration;
18
+ registerSource(record: SourceRecord): SortableRegistration;
16
19
  group(scopeId: string, groupId: string): GroupRecord | null;
17
20
  source(scopeId: string, sourceId: string): SourceRecord | null;
18
21
  canDrop(source: SortableSource, destinationGroupId: string, input?: SortableInput | null): boolean;
@@ -22,4 +25,4 @@ type SortableRegistry = UiSortableService & Readonly<{
22
25
  declare const createSortableRegistry: () => SortableRegistry;
23
26
  declare const sortable: SortableRegistry;
24
27
  export { createSortableRegistry, sortable };
25
- export type { GroupRecord, SortableRegistry, SourceRecord };
28
+ export type { GroupRecord, SortableRegistration, SortableRegistry, SourceRecord };
package/packages/client/types/runtime/drag-and-drop/sortable/source-machine.d.ts CHANGED
@@ -14,6 +14,7 @@ type SortableSourceMachineEffects<TProps> = Readonly<{
14
14
  resolvePlacement(scope: MachineScope<SortableSourceMachineContext, TProps>): void;
15
15
  synced(scope: MachineScope<SortableSourceMachineContext, TProps>): void;
16
16
  complete(scope: MachineScope<SortableSourceMachineContext, TProps>): void;
17
+ reconcile(scope: MachineScope<SortableSourceMachineContext, TProps>): void;
17
18
  }>;
18
19
  declare const createSortableSourceMachine: <TProps>({ props, effects }: {
19
20
  props: TProps;
package/packages/client/types/runtime/engine/stream.d.ts CHANGED
@@ -37,6 +37,7 @@ type StreamLifecycle = {
37
37
  };
38
38
  type MorphOptions = {
39
39
  key?(el: HTMLElement): string | null;
40
+ updating?(from: Node, to: Node): void;
40
41
  updated?(from: Node, to: Node): void;
41
42
  };
42
43
  type StreamAlpine = Pick<Alpine.Alpine, 'initTree'> & Partial<Pick<Alpine.Alpine, 'findClosest'>> & {
package/packages/client/types/runtime/index.d.ts CHANGED
@@ -3,6 +3,7 @@ export { createAlpineMachine, findAlpineMachineOwner, type AlpineMachine, type A
3
3
  export { createAnchoredPopover, createAnchoredPopoverSurface, type AnchoredPopover, type AnchoredPopoverOptions, type AnchoredPopoverSurface, type PopoverAlign, type PopoverSide, } from './anchored-popover';
4
4
  export { createCollectionNavigation, type CollectionElementOptions, type CollectionItemsOptions, type CollectionKeydownOptions, type CollectionNavigation, type CollectionNavigationOptions, } from './collection-navigation';
5
5
  export { registerConfirm, unregisterConfirm, type ConfirmEventDetail, type ConfirmRuntimeOptions } from './confirm';
6
+ export { findClosestDomInvalidationOwners, registerDomInvalidationOwner, type DomInvalidationOwner, } from './dom-invalidation';
6
7
  export { mergeBindings, type BindingInput, type BindingObject, type MergeBindingsOptions } from './merge-bindings';
7
8
  export { attribute, boundNumber, clampNumber, dataAttributeForProp, dataAttributeForSchemaProp, decodeProps, defineProps, snapNumber, string, number, bool, json, oneOf, type CodecFn, type DecodePropsOptions, type PropState, type SchemaToProps, } from './codecs';
8
9
  export { createMachine, type Machine, type MachineConfig, type MachineEffect, type MachineEffectList, type MachineEffectRef, type MachineEntry, type MachineEvent, type MachineEventObject, type MachineGuard, type MachineOptions, type MachineReducer, type MachineReducerList, type MachineReducerRef, type MachineScope, type MachineSnapshot, type MachineStateConfig, type MachineStateValue, type MachineTransition, type MachineTransitionDefinition, type MachineUpdate, } from './state-machine';
package/packages/client/types/runtime/morph-engine.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import type Alpine from 'alpinejs';
2
+ type Skip = () => void;
3
+ type ChildrenOnly = () => void;
4
+ type SkipChildren = () => void;
5
+ type SkipUntil = (predicate: (node: Node) => boolean) => void;
6
+ type UpdatingHook = (from: Node, to: Node, childrenOnly: ChildrenOnly, skip: Skip, skipChildren: SkipChildren, skipUntil: SkipUntil) => void;
7
+ type SkippableNodeHook = (node: Node, skip: Skip) => void;
8
+ type MorphOptions = {
9
+ key?: (element: Element) => unknown;
10
+ lookahead?: boolean;
11
+ updating?: UpdatingHook;
12
+ updated?: (from: Node, to: Node) => void;
13
+ removing?: SkippableNodeHook;
14
+ removed?: (node: Node) => void;
15
+ adding?: SkippableNodeHook;
16
+ added?: (node: Node) => void;
17
+ };
18
+ declare const morph: (from: Element, toHtml: Element | string, options?: MorphOptions) => Element;
19
+ declare const morphBetween: (startMarker: Comment, endMarker: Comment, toHtml: Element | string, options?: MorphOptions) => void;
20
+ declare const trellisMorph: (AlpineInstance: Alpine.Alpine) => void;
21
+ export { morph, morphBetween };
22
+ export default trellisMorph;
package/packages/client/types/runtime/morph.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const PRESERVE_MORPH_ATTRIBUTES = "data-ui-preserve-attr";
2
+ declare const declareMorphAttributes: (element: Element, ...names: string[]) => void;
3
+ declare const preserveDeclaredMorphAttributes: (from: Node, to: Node) => void;
4
+ export { PRESERVE_MORPH_ATTRIBUTES, declareMorphAttributes, preserveDeclaredMorphAttributes, };
package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css CHANGED
@@ -10000,6 +10000,8 @@
10000
10000
  [data-ui-select-popover][data-presentation="dialog"] [data-ui-select-viewport], [data-ui-select-popover][data-presentation="fullscreen"] [data-ui-select-viewport] {
10001
10001
  height: 100%;
10002
10002
  max-height: none;
10003
+ }
10004
+ [data-ui-select-popover][data-presentation="dialog"] [data-ui-select-viewport] [data-ui-scroll-area-viewport], [data-ui-select-popover][data-presentation="fullscreen"] [data-ui-select-viewport] [data-ui-scroll-area-viewport] {
10003
10005
  overscroll-behavior: contain;
10004
10006
  }
10005
10007
  [data-ui-select-option-label]:has(>*+*) {