@vireo-ai/trellis-ui 0.1.17 → 0.1.19

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 (46) hide show
  1. package/THIRD_PARTY_NOTICES.md +40 -0
  2. package/package.json +2 -2
  3. package/packages/client/src/components/panels/styles.css +103 -2
  4. package/packages/client/src/components/select/styles.css +4 -0
  5. package/packages/client/src/styles/generated/theme-runtime.css +74 -24
  6. package/packages/client/src/styles/generated-sources.css +1 -1
  7. package/packages/client/types/components/app/contract.d.ts +4 -4
  8. package/packages/client/types/components/box/contract.d.ts +10 -10
  9. package/packages/client/types/components/card/contract.d.ts +10 -10
  10. package/packages/client/types/components/common.d.ts +9 -9
  11. package/packages/client/types/components/container/contract.d.ts +8 -8
  12. package/packages/client/types/components/date-picker/contract.d.ts +1 -1
  13. package/packages/client/types/components/date-picker/machine.d.ts +8 -8
  14. package/packages/client/types/components/flex/contract.d.ts +10 -10
  15. package/packages/client/types/components/frame/contract.d.ts +25 -25
  16. package/packages/client/types/components/grid/contract.d.ts +10 -10
  17. package/packages/client/types/components/layout.d.ts +19 -19
  18. package/packages/client/types/components/menu/contract.d.ts +1 -1
  19. package/packages/client/types/components/modal/contract.d.ts +1 -1
  20. package/packages/client/types/components/modal/machine.d.ts +4 -4
  21. package/packages/client/types/components/panels/contract.d.ts +1 -1
  22. package/packages/client/types/components/panels/index.d.ts +9 -2
  23. package/packages/client/types/components/panels/machine.d.ts +46 -1
  24. package/packages/client/types/components/section/contract.d.ts +8 -8
  25. package/packages/client/types/components/select/contract.d.ts +2 -1
  26. package/packages/client/types/components/select/machine.d.ts +19 -8
  27. package/packages/client/types/components/sidebar/contract.d.ts +2 -2
  28. package/packages/client/types/components/sidebar/index.d.ts +1 -1
  29. package/packages/client/types/components/stack/contract.d.ts +10 -10
  30. package/packages/client/types/components/tabs/contract.d.ts +1 -1
  31. package/packages/client/types/components/tabs/machine.d.ts +2 -2
  32. package/packages/client/types/runtime/dom-invalidation.d.ts +7 -0
  33. package/packages/client/types/runtime/drag-and-drop/sortable/index.d.ts +1 -1
  34. package/packages/client/types/runtime/drag-and-drop/sortable/registry.d.ts +6 -3
  35. package/packages/client/types/runtime/drag-and-drop/sortable/source-machine.d.ts +1 -0
  36. package/packages/client/types/runtime/engine/stream.d.ts +1 -0
  37. package/packages/client/types/runtime/index.d.ts +1 -0
  38. package/packages/client/types/runtime/morph-engine.d.ts +22 -0
  39. package/packages/client/types/runtime/morph.d.ts +4 -0
  40. package/packages/client/types/runtime/shell-breakpoint.d.ts +2 -0
  41. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +149 -3
  42. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
  43. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +5334 -4987
  44. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js.map +1 -1
  45. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +9 -9
  46. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +9 -9
package/packages/client/types/components/layout.d.ts CHANGED
@@ -7,13 +7,13 @@ declare const LAYOUT_JUSTIFIES: readonly ["start", "center", "end", "between"];
7
7
  declare const LAYOUT_COLUMNS: readonly ["none", "1", "2", "3", "4", "5", "6"];
8
8
  declare const LAYOUT_ROWS: readonly ["none", "1", "2", "3", "4", "5", "6"];
9
9
  declare const layoutSurfaceSchema: {
10
- 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">;
11
- 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">;
12
- 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">;
13
- 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">;
14
- 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">;
15
- 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">;
16
- surface: import("../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
10
+ 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">;
11
+ 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">;
12
+ 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">;
13
+ 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">;
14
+ 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">;
15
+ 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">;
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
  radius: import("../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
18
18
  elevation: import("../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
19
19
  width: import("../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
@@ -21,9 +21,9 @@ declare const layoutSurfaceSchema: {
21
21
  class: import("../runtime/codecs").StringCodec;
22
22
  };
23
23
  declare const layoutSpacingSchema: {
24
- 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">;
25
- 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">;
26
- 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">;
24
+ 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">;
25
+ 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">;
26
+ 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">;
27
27
  };
28
28
  declare const layoutAlignmentSchema: {
29
29
  align: import("../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "baseline" | "stretch">;
@@ -137,15 +137,15 @@ declare const LAYOUT_ROW_CLASSES: {
137
137
  readonly '6': "grid-rows-6";
138
138
  };
139
139
  declare const layoutBaseVariants: {
140
- gap: Record<"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", string>;
141
- gapX: Record<"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", string>;
142
- gapY: Record<"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", string>;
143
- padding: Record<"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", string>;
144
- paddingX: Record<"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", string>;
145
- paddingY: Record<"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", string>;
146
- margin: Record<"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", string>;
147
- marginX: Record<"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", string>;
148
- marginY: Record<"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", string>;
140
+ gap: Record<"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", string>;
141
+ gapX: Record<"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", string>;
142
+ gapY: Record<"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", string>;
143
+ padding: Record<"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", string>;
144
+ paddingX: Record<"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", string>;
145
+ paddingY: Record<"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", string>;
146
+ margin: Record<"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", string>;
147
+ marginX: Record<"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", string>;
148
+ marginY: Record<"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", string>;
149
149
  radius: {
150
150
  readonly none: "";
151
151
  readonly xs: "rounded-surface-xs";
package/packages/client/types/components/menu/contract.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const MENU_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5
9
9
  declare const menuSchema: {
10
10
  keepOpen: import("../../runtime/codecs").BoolCodec;
11
11
  loop: import("../../runtime/codecs").BoolCodec;
12
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
12
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
13
13
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
14
14
  class: import("../../runtime/codecs").StringCodec;
15
15
  };
package/packages/client/types/components/modal/contract.d.ts CHANGED
@@ -18,7 +18,7 @@ declare const modalSchema: {
18
18
  mode: import("../../runtime/codecs").OneOfCodec<"modal" | "sheet">;
19
19
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
20
20
  size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
21
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
21
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
22
22
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
23
23
  dismissible: import("../../runtime/codecs").BoolCodec;
24
24
  closable: import("../../runtime/codecs").BoolCodec;
package/packages/client/types/components/modal/machine.d.ts CHANGED
@@ -30,7 +30,7 @@ declare const modalHooks: readonly [Readonly<{
30
30
  mode: import("../../runtime/codecs").OneOfCodec<"modal" | "sheet">;
31
31
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
32
32
  size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
33
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
33
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
34
34
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
35
35
  dismissible: import("../../runtime/codecs").BoolCodec;
36
36
  closable: import("../../runtime/codecs").BoolCodec;
@@ -54,7 +54,7 @@ declare const modalHooks: readonly [Readonly<{
54
54
  mode: import("../../runtime/codecs").OneOfCodec<"modal" | "sheet">;
55
55
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
56
56
  size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
57
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
57
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
58
58
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
59
59
  dismissible: import("../../runtime/codecs").BoolCodec;
60
60
  closable: import("../../runtime/codecs").BoolCodec;
@@ -85,7 +85,7 @@ declare const modalHooks: readonly [Readonly<{
85
85
  mode: import("../../runtime/codecs").OneOfCodec<"modal" | "sheet">;
86
86
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
87
87
  size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
88
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
88
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
89
89
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
90
90
  dismissible: import("../../runtime/codecs").BoolCodec;
91
91
  closable: import("../../runtime/codecs").BoolCodec;
@@ -109,7 +109,7 @@ declare const modalHooks: readonly [Readonly<{
109
109
  mode: import("../../runtime/codecs").OneOfCodec<"modal" | "sheet">;
110
110
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
111
111
  size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "full" | "xl">;
112
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
112
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
113
113
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
114
114
  dismissible: import("../../runtime/codecs").BoolCodec;
115
115
  closable: import("../../runtime/codecs").BoolCodec;
package/packages/client/types/components/panels/contract.d.ts CHANGED
@@ -14,7 +14,7 @@ declare const panelsSchema: {
14
14
  declare const panelSchema: {
15
15
  id: import("../../runtime/codecs").StringCodec;
16
16
  as: import("../../runtime/codecs").OneOfCodec<"aside" | "div" | "main" | "nav" | "section">;
17
- size: import("../../runtime/codecs").OneOfCodec<"1" | "fill" | "2" | "3" | "4" | "5" | "6">;
17
+ size: import("../../runtime/codecs").OneOfCodec<"fill" | "1" | "2" | "3" | "4" | "5" | "6">;
18
18
  resize: import("../../runtime/codecs").OneOfCodec<"start" | "end" | "none">;
19
19
  collapsible: import("../../runtime/codecs").BoolCodec;
20
20
  defaultCollapsed: import("../../runtime/codecs").BoolCodec;
package/packages/client/types/components/panels/index.d.ts CHANGED
@@ -2,10 +2,11 @@ import type Alpine from 'alpinejs';
2
2
  import { type AlpineMachine, type BindingObject, type TrellisAlpineComponent } from '../../runtime';
3
3
  import { type MotionHandle, type MotionTransitionSubject } from '../../motion';
4
4
  import { type PanelToggleAction, type PanelToggleProps, type PanelsProps } from './contract';
5
- import { panelsHooks, type PanelsContext, type PanelsPersistTransitionData, type PanelTransitionData } from './machine';
5
+ import { panelsHooks, type PanelsContext, type PanelsPersistTransitionData, type PanelSizingTransitionData, type PanelTransitionData } from './machine';
6
6
  type PanelEventDetail = {
7
7
  panelId?: string;
8
8
  groupId?: string;
9
+ size?: number;
9
10
  action?: PanelToggleAction;
10
11
  trigger?: HTMLElement | null;
11
12
  __panelsNotification?: boolean;
@@ -13,6 +14,9 @@ type PanelEventDetail = {
13
14
  type PanelMotionTransition = MotionTransitionSubject & Readonly<{
14
15
  data: PanelTransitionData;
15
16
  }>;
17
+ type PanelSizingMotionTransition = MotionTransitionSubject & Readonly<{
18
+ data: PanelSizingTransitionData;
19
+ }>;
16
20
  /** Public Alpine API for `ui.panels`. @public */
17
21
  interface UiPanelsApi {
18
22
  /** Stable group id used by explicit controls, named events, and persistence. */
@@ -31,6 +35,8 @@ interface UiPanelsApi {
31
35
  expand(id: string): void;
32
36
  /** Reverses the collapsed state of a named collapsible panel. */
33
37
  toggle(id: string): void;
38
+ /** Moves an expanded bounded panel to a clamped pixel size through the sizing transition. */
39
+ resize(id: string, size: number): void;
34
40
  /** Restores one panel or the whole group to its authored layout. */
35
41
  reset(id?: string): void;
36
42
  }
@@ -42,6 +48,7 @@ type PanelsData = AlpineMachine<PanelsContext, PanelsProps, typeof panelsHooks>
42
48
  syncToggles(): void;
43
49
  hasPanel(panelId: string): boolean;
44
50
  transitionPanel(transition: PanelMotionTransition): MotionHandle;
51
+ transitionPanelSize(transition: PanelSizingMotionTransition): MotionHandle;
45
52
  };
46
53
  declare const UiPanels: () => TrellisAlpineComponent<PanelsData>;
47
54
  declare const UiPanelToggle: () => TrellisAlpineComponent<{
@@ -51,4 +58,4 @@ declare const UiPanelToggle: () => TrellisAlpineComponent<{
51
58
  }>;
52
59
  declare const registerPanels: (AlpineInstance: Alpine.Alpine) => void;
53
60
  export { registerPanels, UiPanels, UiPanelToggle };
54
- export type { PanelEventDetail, PanelsData, PanelsPersistTransitionData, UiPanelsApi, };
61
+ export type { PanelEventDetail, PanelsData, PanelsPersistTransitionData, PanelSizingTransitionData, UiPanelsApi, };
package/packages/client/types/components/panels/machine.d.ts CHANGED
@@ -4,6 +4,7 @@ type PanelsContext = {
4
4
  collection: {
5
5
  ids: string[];
6
6
  collapsibleIds: string[];
7
+ sizableIds: string[];
7
8
  resizableIds: string[];
8
9
  };
9
10
  layout: {
@@ -22,10 +23,19 @@ type PanelsContext = {
22
23
  initialSize: number | null;
23
24
  previewSize: number | null;
24
25
  };
26
+ sizing: {
27
+ changes: PanelSizingTransitionData[];
28
+ };
25
29
  };
26
30
  type PanelTransitionData = {
27
31
  panelId: string;
28
32
  };
33
+ type PanelSizingTransitionData = {
34
+ panelId: string;
35
+ from: number;
36
+ to: number;
37
+ reset?: boolean;
38
+ };
29
39
  type PanelsPersistTransitionData = {
30
40
  groupId: string;
31
41
  collapsed: string[];
@@ -39,6 +49,8 @@ type PanelsMachineEffects = {
39
49
  previewResize(scope: MachineScope<PanelsContext, PanelsProps>): void;
40
50
  commitResize(scope: MachineScope<PanelsContext, PanelsProps>): void;
41
51
  cancelResize(scope: MachineScope<PanelsContext, PanelsProps>): void;
52
+ prepareSizing(scope: MachineScope<PanelsContext, PanelsProps>): void;
53
+ finishSizing(scope: MachineScope<PanelsContext, PanelsProps>): void;
42
54
  persist(scope: MachineScope<PanelsContext, PanelsProps>): void;
43
55
  };
44
56
  type CreatePanelsMachineOptions = {
@@ -112,6 +124,39 @@ declare const panelsHooks: readonly [Readonly<{
112
124
  }>>;
113
125
  generations: Readonly<Record<string, number>>;
114
126
  }>) => readonly PanelTransitionData[];
127
+ }>, Readonly<{
128
+ name: "sizing";
129
+ state: string;
130
+ onDone: string;
131
+ onError: string;
132
+ required?: boolean;
133
+ sends?: Record<string, import("../..").TransitionEventCreator>;
134
+ project?: (snapshot: Readonly<{
135
+ value: import("../..").MachineStateValue;
136
+ tags: readonly string[];
137
+ context: Readonly<PanelsContext>;
138
+ props: Readonly<import("../..").SchemaToProps<{
139
+ id: import("../../runtime/codecs").StringCodec;
140
+ orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
141
+ persist: import("../../runtime/codecs").BoolCodec;
142
+ divider: import("../../runtime/codecs").BoolCodec;
143
+ class: import("../../runtime/codecs").StringCodec;
144
+ }>>;
145
+ generations: Readonly<Record<string, number>>;
146
+ }>) => PanelSizingTransitionData;
147
+ projectEach?: (snapshot: Readonly<{
148
+ value: import("../..").MachineStateValue;
149
+ tags: readonly string[];
150
+ context: Readonly<PanelsContext>;
151
+ props: Readonly<import("../..").SchemaToProps<{
152
+ id: import("../../runtime/codecs").StringCodec;
153
+ orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
154
+ persist: import("../../runtime/codecs").BoolCodec;
155
+ divider: import("../../runtime/codecs").BoolCodec;
156
+ class: import("../../runtime/codecs").StringCodec;
157
+ }>>;
158
+ generations: Readonly<Record<string, number>>;
159
+ }>) => readonly PanelSizingTransitionData[];
115
160
  }>, Readonly<{
116
161
  name: "persisting";
117
162
  state: string;
@@ -148,4 +193,4 @@ declare const panelsHooks: readonly [Readonly<{
148
193
  }>];
149
194
  declare const createPanelsMachine: ({ props, context, effects, }: CreatePanelsMachineOptions) => Machine<PanelsContext, PanelsProps>;
150
195
  export { createPanelsMachine, panelsHooks };
151
- export type { CreatePanelsMachineOptions, PanelsContext, PanelsMachineEffects, PanelsPersistTransitionData, PanelTransitionData, };
196
+ export type { CreatePanelsMachineOptions, PanelsContext, PanelsMachineEffects, PanelsPersistTransitionData, PanelSizingTransitionData, PanelTransitionData, };
package/packages/client/types/components/section/contract.d.ts CHANGED
@@ -3,13 +3,13 @@ import { type LayoutAs } from '../layout';
3
3
  declare const SECTION_DISPLAYS: readonly ["block", "none"];
4
4
  declare const SECTION_SIZES: readonly ["0", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "4.5", "5", "5.5", "6", "6.5", "7", "7.5", "8", "8.5", "9", "9.5", "10", "10.5", "11", "11.5", "12"];
5
5
  declare const sectionSchema: {
6
- 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">;
7
- 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">;
8
- 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">;
9
- 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">;
10
- 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">;
11
- 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">;
12
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
6
+ 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">;
7
+ 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">;
8
+ 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">;
9
+ 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">;
10
+ 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">;
11
+ 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">;
12
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
13
13
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
14
14
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
15
15
  width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
@@ -17,7 +17,7 @@ declare const sectionSchema: {
17
17
  class: import("../../runtime/codecs").StringCodec;
18
18
  as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
19
19
  display: import("../../runtime/codecs").OneOfCodec<"none" | "block">;
20
- size: 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
+ size: 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
21
  };
22
22
  type SectionDisplay = typeof SECTION_DISPLAYS[number];
23
23
  type SectionSize = typeof SECTION_SIZES[number];
package/packages/client/types/components/select/contract.d.ts CHANGED
@@ -27,6 +27,7 @@ type SelectChipVariant = BadgeVariant;
27
27
  type SelectChipColor = BadgeColor;
28
28
  declare const selectSchema: {
29
29
  name: import("../../runtime/codecs").StringCodec;
30
+ optionsId: import("../../runtime/codecs").StringCodec;
30
31
  value: import("../../runtime/codecs").StringCodec;
31
32
  values: import("../../runtime/codecs").JsonCodec<string[]>;
32
33
  placeholder: import("../../runtime/codecs").StringCodec;
@@ -50,7 +51,7 @@ declare const selectSchema: {
50
51
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
51
52
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
52
53
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
53
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
54
+ surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
54
55
  elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
55
56
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
56
57
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
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>;