@vireo-ai/trellis-ui 0.1.12 → 0.1.14

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 (47) hide show
  1. package/package.json +5 -2
  2. package/packages/client/src/components/select/styles.css +69 -0
  3. package/packages/client/src/styles/components.css +1 -0
  4. package/packages/client/src/styles/generated-sources.css +1 -1
  5. package/packages/client/types/components/app/contract.d.ts +7 -7
  6. package/packages/client/types/components/box/contract.d.ts +3 -3
  7. package/packages/client/types/components/card/contract.d.ts +2 -2
  8. package/packages/client/types/components/container/contract.d.ts +2 -2
  9. package/packages/client/types/components/date-picker/contract.d.ts +2 -2
  10. package/packages/client/types/components/date-picker/machine.d.ts +16 -16
  11. package/packages/client/types/components/flex/contract.d.ts +3 -3
  12. package/packages/client/types/components/frame/contract.d.ts +2 -2
  13. package/packages/client/types/components/grid/contract.d.ts +5 -5
  14. package/packages/client/types/components/layout.d.ts +3 -3
  15. package/packages/client/types/components/menu/contract.d.ts +2 -2
  16. package/packages/client/types/components/modal/contract.d.ts +2 -2
  17. package/packages/client/types/components/modal/machine.d.ts +8 -8
  18. package/packages/client/types/components/section/contract.d.ts +2 -2
  19. package/packages/client/types/components/select/contract.d.ts +2 -2
  20. package/packages/client/types/components/select/machine.d.ts +16 -16
  21. package/packages/client/types/components/select/presentation.d.ts +25 -0
  22. package/packages/client/types/components/sidebar/contract.d.ts +3 -3
  23. package/packages/client/types/components/stack/contract.d.ts +3 -3
  24. package/packages/client/types/directives/index.d.ts +1 -0
  25. package/packages/client/types/directives/sortable.d.ts +29 -0
  26. package/packages/client/types/index.d.ts +3 -3
  27. package/packages/client/types/motion/index.d.ts +5 -1
  28. package/packages/client/types/motion/recipe.d.ts +2 -2
  29. package/packages/client/types/runtime/drag-and-drop/index.d.ts +2 -0
  30. package/packages/client/types/runtime/drag-and-drop/pdd.d.ts +11 -0
  31. package/packages/client/types/runtime/drag-and-drop/sortable/contract.d.ts +133 -0
  32. package/packages/client/types/runtime/drag-and-drop/sortable/cursor.d.ts +2 -0
  33. package/packages/client/types/runtime/drag-and-drop/sortable/feedback.d.ts +36 -0
  34. package/packages/client/types/runtime/drag-and-drop/sortable/ghost.d.ts +26 -0
  35. package/packages/client/types/runtime/drag-and-drop/sortable/index.d.ts +13 -0
  36. package/packages/client/types/runtime/drag-and-drop/sortable/placement.d.ts +34 -0
  37. package/packages/client/types/runtime/drag-and-drop/sortable/registry.d.ts +25 -0
  38. package/packages/client/types/runtime/drag-and-drop/sortable/source-machine.d.ts +23 -0
  39. package/packages/client/types/runtime/index.d.ts +1 -1
  40. package/packages/client/types/runtime/ui.d.ts +2 -0
  41. package/packages/client/types/utils/dom.d.ts +2 -1
  42. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +65 -0
  43. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
  44. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +7126 -5258
  45. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js.map +1 -1
  46. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +9 -8
  47. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +9 -8
@@ -13,9 +13,9 @@ declare const layoutSurfaceSchema: {
13
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
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
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" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
16
+ surface: import("../runtime/codecs").OneOfCodec<"1" | "0" | "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
- elevation: import("../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
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">;
20
20
  height: import("../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
21
21
  class: import("../runtime/codecs").StringCodec;
@@ -26,7 +26,7 @@ declare const layoutSpacingSchema: {
26
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">;
27
27
  };
28
28
  declare const layoutAlignmentSchema: {
29
- align: import("../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "stretch" | "baseline">;
29
+ align: import("../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "baseline" | "stretch">;
30
30
  justify: import("../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "between">;
31
31
  };
32
32
  declare const layoutSurfaceDetails: {
@@ -9,8 +9,8 @@ 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" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
13
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
12
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
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
  };
16
16
  declare const menuItemSchema: {
@@ -18,8 +18,8 @@ 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" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
22
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
21
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
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;
25
25
  disabled: import("../../runtime/codecs").BoolCodec;
@@ -30,8 +30,8 @@ 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" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
34
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
33
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
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;
37
37
  disabled: import("../../runtime/codecs").BoolCodec;
@@ -54,8 +54,8 @@ 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" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
58
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
57
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
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;
61
61
  disabled: import("../../runtime/codecs").BoolCodec;
@@ -85,8 +85,8 @@ 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" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
89
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
88
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
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;
92
92
  disabled: import("../../runtime/codecs").BoolCodec;
@@ -109,8 +109,8 @@ 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" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
113
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
112
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
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;
116
116
  disabled: import("../../runtime/codecs").BoolCodec;
@@ -9,9 +9,9 @@ declare const sectionSchema: {
9
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
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
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" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
12
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "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
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
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">;
16
16
  height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
17
17
  class: import("../../runtime/codecs").StringCodec;
@@ -50,8 +50,8 @@ declare const selectSchema: {
50
50
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
51
51
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
52
52
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
53
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
54
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
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
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
55
55
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
56
56
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
57
57
  offset: import("../../runtime/codecs").NumberCodec;
@@ -68,8 +68,8 @@ declare const selectHooks: readonly [Readonly<{
68
68
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
69
69
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
70
70
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
71
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
72
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
71
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
72
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
73
73
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
74
74
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
75
75
  offset: import("../../runtime/codecs").NumberCodec;
@@ -118,8 +118,8 @@ declare const selectHooks: readonly [Readonly<{
118
118
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
119
119
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
120
120
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
121
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
122
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
121
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
122
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
123
123
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
124
124
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
125
125
  offset: import("../../runtime/codecs").NumberCodec;
@@ -175,8 +175,8 @@ declare const selectHooks: readonly [Readonly<{
175
175
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
176
176
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
177
177
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
178
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
179
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
178
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
179
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
180
180
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
181
181
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
182
182
  offset: import("../../runtime/codecs").NumberCodec;
@@ -225,8 +225,8 @@ declare const selectHooks: readonly [Readonly<{
225
225
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
226
226
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
227
227
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
228
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
229
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
228
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
229
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
230
230
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
231
231
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
232
232
  offset: import("../../runtime/codecs").NumberCodec;
@@ -282,8 +282,8 @@ declare const selectHooks: readonly [Readonly<{
282
282
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
283
283
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
284
284
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
285
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
286
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
285
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
286
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
287
287
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
288
288
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
289
289
  offset: import("../../runtime/codecs").NumberCodec;
@@ -334,8 +334,8 @@ declare const selectHooks: readonly [Readonly<{
334
334
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
335
335
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
336
336
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
337
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
338
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
337
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
338
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
339
339
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
340
340
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
341
341
  offset: import("../../runtime/codecs").NumberCodec;
@@ -393,8 +393,8 @@ declare const selectHooks: readonly [Readonly<{
393
393
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
394
394
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
395
395
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
396
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
397
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
396
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
397
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
398
398
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
399
399
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
400
400
  offset: import("../../runtime/codecs").NumberCodec;
@@ -446,8 +446,8 @@ declare const selectHooks: readonly [Readonly<{
446
446
  size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
447
447
  variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
448
448
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
449
- surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
450
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
449
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
450
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
451
451
  side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
452
452
  align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
453
453
  offset: import("../../runtime/codecs").NumberCodec;
@@ -0,0 +1,25 @@
1
+ import { type AnchoredPopoverOptions } from '../../runtime/anchored-popover';
2
+ type SelectPresentation = 'anchored' | 'dialog' | 'fullscreen';
3
+ type SelectPresentationMetrics = {
4
+ viewportWidth: number;
5
+ viewportHeight: number;
6
+ layoutViewportHeight: number;
7
+ referenceTop: number;
8
+ referenceBottom: number;
9
+ touch: boolean;
10
+ };
11
+ type SelectSurfaceOptions = AnchoredPopoverOptions & {
12
+ labelId: () => string;
13
+ };
14
+ type SelectSurface = {
15
+ opened(): boolean;
16
+ open(): void;
17
+ close(): void;
18
+ sync(): void;
19
+ destroy(): void;
20
+ presentation(): SelectPresentation;
21
+ };
22
+ declare const resolveSelectPresentation: ({ viewportWidth, viewportHeight, layoutViewportHeight, referenceTop, referenceBottom, touch, }: SelectPresentationMetrics) => SelectPresentation;
23
+ declare const createSelectSurface: (options: SelectSurfaceOptions) => SelectSurface;
24
+ export { createSelectSurface, resolveSelectPresentation };
25
+ export type { SelectPresentation, SelectPresentationMetrics, SelectSurface };
@@ -13,9 +13,9 @@ 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" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
17
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
18
- drawerElevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
16
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "3" | "inherit" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
17
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
18
+ drawerElevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "none" | "4" | "5" | "6" | "7" | "8">;
19
19
  divider: import("../../runtime/codecs").BoolCodec;
20
20
  sticky: import("../../runtime/codecs").BoolCodec;
21
21
  collapse: import("../../runtime/codecs").OneOfCodec<"mobile" | "none" | "both" | "desktop">;
@@ -8,13 +8,13 @@ declare const stackSchema: {
8
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
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
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" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
11
+ surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "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
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
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">;
15
15
  height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
16
16
  class: import("../../runtime/codecs").StringCodec;
17
- align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "stretch" | "baseline">;
17
+ align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "baseline" | "stretch">;
18
18
  justify: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end" | "between">;
19
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
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">;
@@ -1,3 +1,4 @@
1
1
  export { registerLayoutDirective } from './layout';
2
2
  export { registerRequestDirective } from './request';
3
3
  export { registerTransitionDirective } from './transition';
4
+ export { registerSortableDirective } from './sortable';
@@ -0,0 +1,29 @@
1
+ import type Alpine from 'alpinejs';
2
+ declare const groupSchema: {
3
+ sortableScope: import("../runtime/codecs").StringCodec;
4
+ sortableId: import("../runtime/codecs").StringCodec;
5
+ orientation: import("../runtime/codecs").OneOfCodec<"vertical" | "horizontal" | "grid">;
6
+ columns: import("../runtime/codecs").NumberCodec;
7
+ accepts: import("../runtime/codecs").JsonCodec<string[]>;
8
+ disabled: import("../runtime/codecs").BoolCodec;
9
+ readonly: import("../runtime/codecs").BoolCodec;
10
+ feedback: import("../runtime/codecs").OneOfCodec<"indicator" | "reorder">;
11
+ sourceOpacity: import("../runtime/codecs").NumberCodec;
12
+ ghostOpacity: import("../runtime/codecs").NumberCodec;
13
+ dragCursor: import("../runtime/codecs").StringCodec;
14
+ label: import("../runtime/codecs").StringCodec;
15
+ sortableData: import("../runtime/codecs").JsonCodec<Record<string, unknown>>;
16
+ };
17
+ declare const sourceSchema: {
18
+ sortableScope: import("../runtime/codecs").StringCodec;
19
+ sortableId: import("../runtime/codecs").StringCodec;
20
+ sortableType: import("../runtime/codecs").StringCodec;
21
+ label: import("../runtime/codecs").StringCodec;
22
+ disabled: import("../runtime/codecs").BoolCodec;
23
+ sortableData: import("../runtime/codecs").JsonCodec<Record<string, unknown>>;
24
+ sourceOpacity: import("../runtime/codecs").NumberCodec;
25
+ ghostOpacity: import("../runtime/codecs").NumberCodec;
26
+ dragCursor: import("../runtime/codecs").StringCodec;
27
+ };
28
+ declare const registerSortableDirective: (AlpineInstance: Alpine.Alpine) => void;
29
+ export { groupSchema, registerSortableDirective, sourceSchema };
@@ -1,6 +1,6 @@
1
1
  import type { Alpine as AlpineType } from 'alpinejs';
2
2
  import { motion } from './motion';
3
- import { bool, createAlpineMachine, createMachine, createResizable, decodeProps, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string } from './runtime';
3
+ import { bool, createAlpineMachine, createMachine, createResizable, createSortableRegistry, decodeProps, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string, sortable } from './runtime';
4
4
  import { ui } from './runtime/ui';
5
5
  type TrellisUIPlugin = (AlpineInstance: AlpineType) => void;
6
6
  declare const trellisUi: TrellisUIPlugin;
@@ -11,6 +11,6 @@ export type { ModalCancelDetail, UiDropdownApi, UiInputApi, UiModalApi, UiModalT
11
11
  export { motion };
12
12
  export { createTransitionCoordinator, defineHook } from './runtime';
13
13
  export { registerTransitionDirective } from './directives';
14
- export { bool, createAlpineMachine, createMachine, createResizable, decodeProps, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string, };
15
- export type { AlpineMachine, AlpineMachineOwner, AlpinePropsChangedEvent, CodecFn, ComponentManifest, CreateAlpineMachineOptions, DecodePropsOptions, Machine, MachineConfig, MachineEffect, MachineEffectList, MachineEffectRef, MachineEntry, MachineEvent, MachineEventObject, MachineGuard, MachineOptions, MachineReducer, MachineReducerList, MachineReducerRef, MachineScope, MachineSnapshot, MachineStateConfig, MachineStateValue, MachineTransition, MachineTransitionDefinition, MachineUpdate, DefineManifestOptions, DefineStylesOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestToken, MachineFactoryScope, BindingInput, PropState, PropsFromSchemaOptions, MergeBindingsOptions, ResizableOptions, ResizeAxis, ResizeDirection, ResizeEvent, ResizeMode, ResizePhase, ResolveStyleOptions, SchemaPropDetails, SchemaToProps, StyleDefinition, StylePart, StyleProps, TrellisAlpineComponent, AnyTransitionHook, TransitionCallback, TransitionContext, TransitionCoordinator, TransitionCoordinatorOptions, TransitionEventCreator, TransitionHookDefinition, UiRuntime, } from './runtime';
14
+ export { bool, createAlpineMachine, createMachine, createResizable, createSortableRegistry, decodeProps, defineManifest, defineProps, defineStyles, json, mergeBindings, number, oneOf, propsFromSchema, resolveStyle, string, sortable, };
15
+ export type { AlpineMachine, AlpineMachineOwner, AlpinePropsChangedEvent, CodecFn, ComponentManifest, CreateAlpineMachineOptions, DecodePropsOptions, Machine, MachineConfig, MachineEffect, MachineEffectList, MachineEffectRef, MachineEntry, MachineEvent, MachineEventObject, MachineGuard, MachineOptions, MachineReducer, MachineReducerList, MachineReducerRef, MachineScope, MachineSnapshot, MachineStateConfig, MachineStateValue, MachineTransition, MachineTransitionDefinition, MachineUpdate, SortableCanDropContext, SortableDragDetail, DefineManifestOptions, DefineStylesOptions, ManifestPart, ManifestProp, ManifestPropDetails, ManifestToken, MachineFactoryScope, BindingInput, PropState, PropsFromSchemaOptions, MergeBindingsOptions, ResizableOptions, ResizeAxis, ResizeDirection, ResizeEvent, SortableAnchor, SortableCancelReason, SortableDirection, SortableDropDetail, SortableEdge, SortableFeedback, SortableGroup, SortableIndicatorFrame, SortableInsertSource, SortableMoveSource, SortableOperation, SortableOrientation, SortablePlacement, SortableReorderOffset, SortableSource, UiSortableService, ResizeMode, ResizePhase, ResolveStyleOptions, SchemaPropDetails, SchemaToProps, StyleDefinition, StylePart, StyleProps, TrellisAlpineComponent, AnyTransitionHook, TransitionCallback, TransitionContext, TransitionCoordinator, TransitionCoordinatorOptions, TransitionEventCreator, TransitionHookDefinition, UiRuntime, } from './runtime';
16
16
  export type { Controller, ControllerDefinitions, ControllerOptions, ControllerScalar, ControllerState, ControllerValueDefinition, ControllerValues, MotionHandle, MotionKeyframePreset, MotionPlanOptions, MotionPreference, MotionSpeed, MotionTransition, MotionTarget, StyleProjection, ViewPreset, ViewOptions, ViewScope, } from './motion';
@@ -31,6 +31,10 @@ declare const motion: ((subject: import("./subject").MotionSubject) => import(".
31
31
  bounce: 0;
32
32
  }>;
33
33
  }>;
34
+ readonly easings: {
35
+ readonly out: readonly [0.23, 1, 0.32, 1];
36
+ readonly inOut: readonly [0.77, 0, 0.175, 1];
37
+ };
34
38
  readonly createController: <T extends import("./controller").ControllerDefinitions>(options: import("./controller").ControllerOptions<T>) => import("./controller").Controller<import("./controller").ControllerState<T>>;
35
39
  readonly withReducedMotion: <T extends import("../motion").AnimationOptions>(options: T, reducedOptions?: Partial<T>, preference?: import("./reduced-motion").MotionPreference) => T;
36
40
  readonly view: (update: () => void | Promise<void>, options?: import("./view").ViewOptions) => import("./animate").MotionHandle;
@@ -40,7 +44,7 @@ export { type MotionHandle } from './animate';
40
44
  export { createController, type Controller, type ControllerDefinitions, type ControllerOptions, type ControllerScalar, type ControllerState, type ControllerValueDefinition, type ControllerValues, type StyleProjection, } from './controller';
41
45
  export { prefersReducedMotion, reducedMotionQuery, shouldReduceMotion, withReducedMotion, type MotionPreference, } from './reduced-motion';
42
46
  export { createMotionPlan, MotionPlan, type MotionDefaults, type MotionPlanOptions, type MotionSegment, type MotionStage, } from './plan';
43
- export { presets, speeds, type DurationSpeed, type MotionKeyframePreset, type MotionKeyframes, type MotionSpeed, type MotionSpeedName, type MotionTransition, type PhysicsSpeed, } from './recipe';
47
+ export { presets, easings, speeds, type DurationSpeed, type MotionKeyframePreset, type MotionKeyframes, type MotionSpeed, type MotionSpeedName, type MotionTransition, type PhysicsSpeed, } from './recipe';
44
48
  export { resize, type ResizeDestination, type ResizeOptions } from './resize';
45
49
  export { type MotionSubject, type MotionTransitionSubject } from './subject';
46
50
  export type { MotionTarget, ViewScope } from './targets';
@@ -27,7 +27,7 @@ declare const speeds: Readonly<{
27
27
  bounce: 0;
28
28
  }>;
29
29
  }>;
30
- declare const motionEasings: {
30
+ declare const easings: {
31
31
  readonly out: readonly [0.23, 1, 0.32, 1];
32
32
  readonly inOut: readonly [0.77, 0, 0.175, 1];
33
33
  };
@@ -52,5 +52,5 @@ declare const presets: Readonly<{
52
52
  declare const speedOptions: (speed?: MotionSpeed) => DurationSpeed | PhysicsSpeed;
53
53
  declare const finalKeyframe: <T>(keyframes: MotionKeyframes<T>) => T;
54
54
  declare const mutableKeyframes: <T>(keyframes: MotionKeyframes<T>) => T | T[];
55
- export { finalKeyframe, motionEasings, mutableKeyframes, presets, speedOptions, speeds };
55
+ export { easings, finalKeyframe, mutableKeyframes, presets, speedOptions, speeds };
56
56
  export type { DurationSpeed, MotionKeyframePreset, MotionKeyframes, MotionSpeed, MotionSpeedName, MotionTransition, PhysicsSpeed, };
@@ -36,3 +36,5 @@ declare const createResizable: ({ element, handle, axis, min, max, step, mode, h
36
36
  declare const registerResizable: (AlpineInstance: Alpine.Alpine) => void;
37
37
  export { createResizable, registerResizable };
38
38
  export type { ResizableOptions, ResizeAxis, ResizeDirection, ResizeEvent, ResizeMode, ResizePhase };
39
+ export { createSortableRegistry, sortable } from './sortable';
40
+ export type { SortableAnchor, SortableCancelReason, SortableCanDropContext, SortableDirection, SortableDragDetail, SortableDropDetail, SortableEdge, SortableFeedback, SortableGroup, SortableIndicatorFrame, SortableInsertSource, SortableMoveSource, SortableOperation, SortableOrientation, SortablePlacement, SortableReorderOffset, SortableSource, UiSortableService, } from './sortable';
@@ -0,0 +1,11 @@
1
+ import type { ElementEventPayloadMap } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
2
+ type ElementDragEvent = ElementEventPayloadMap['onDrag'] | ElementEventPayloadMap['onDragStart'];
3
+ type DragInput = Readonly<{
4
+ clientX: number;
5
+ clientY: number;
6
+ }>;
7
+ declare const bindDragEffectAllowed: (element: HTMLElement, effect: DataTransfer["effectAllowed"]) => (() => void);
8
+ declare const currentDragInput: (event: ElementDragEvent) => DragInput;
9
+ declare const initialDragInput: (event: ElementEventPayloadMap["onDragStart"]) => DragInput;
10
+ export { bindDragEffectAllowed, currentDragInput, initialDragInput };
11
+ export type { DragInput };
@@ -0,0 +1,133 @@
1
+ type SortableOperation = 'insert' | 'move';
2
+ type SortableCancelReason = 'escape' | 'outside' | 'disabled' | 'removed';
3
+ type SortableOrientation = 'vertical' | 'horizontal' | 'grid';
4
+ type SortableFeedback = 'indicator' | 'reorder';
5
+ type SortableEdge = 'before' | 'after';
6
+ type SortableDirection = 'ltr' | 'rtl';
7
+ type SortableFrame = Readonly<{
8
+ left: number;
9
+ top: number;
10
+ right: number;
11
+ bottom: number;
12
+ width: number;
13
+ height: number;
14
+ }>;
15
+ type SortableInput = Readonly<{
16
+ clientX: number;
17
+ clientY: number;
18
+ }>;
19
+ type SortableDragDetail = Readonly<{
20
+ source: SortableSource;
21
+ input: SortableInput;
22
+ previousInput: SortableInput;
23
+ delta: Readonly<{
24
+ x: number;
25
+ y: number;
26
+ }>;
27
+ velocity: Readonly<{
28
+ x: number;
29
+ y: number;
30
+ }>;
31
+ ghostFrame: Readonly<{
32
+ x: number;
33
+ y: number;
34
+ width: number;
35
+ height: number;
36
+ }>;
37
+ }>;
38
+ type SortableSourceFields = Readonly<{
39
+ scopeId: string;
40
+ id: string;
41
+ type: string;
42
+ label?: string;
43
+ data?: Readonly<Record<string, unknown>>;
44
+ }>;
45
+ type SortableInsertSource = SortableSourceFields & Readonly<{
46
+ operation: 'insert';
47
+ groupId: null;
48
+ }>;
49
+ type SortableMoveSource = SortableSourceFields & Readonly<{
50
+ operation: 'move';
51
+ groupId: string;
52
+ }>;
53
+ type SortableSource = SortableInsertSource | SortableMoveSource;
54
+ type SortableAnchor = Readonly<{
55
+ id: string;
56
+ edge: SortableEdge;
57
+ }>;
58
+ type SortablePlacement = Readonly<{
59
+ destination: Readonly<{
60
+ groupId: string;
61
+ }>;
62
+ anchor: SortableAnchor | null;
63
+ index?: number;
64
+ }>;
65
+ type SortableGroup = Readonly<{
66
+ scopeId: string;
67
+ id: string;
68
+ orientation: SortableOrientation;
69
+ columns: number | null;
70
+ accepts: readonly string[];
71
+ disabled: boolean;
72
+ readOnly: boolean;
73
+ feedback: SortableFeedback;
74
+ sourceOpacity: number;
75
+ ghostOpacity: number;
76
+ dragCursor: string;
77
+ data?: Readonly<Record<string, unknown>>;
78
+ label?: string;
79
+ }>;
80
+ type SortableCanDropContext = Readonly<{
81
+ source: SortableSource;
82
+ destination: SortableGroup;
83
+ itemIds: readonly string[];
84
+ input: SortableInput | null;
85
+ }>;
86
+ type SortableDropPlacement = Readonly<{
87
+ destination: Readonly<{
88
+ groupId: string;
89
+ }>;
90
+ anchor: SortableAnchor | null;
91
+ index?: number;
92
+ }>;
93
+ type SortableDropDetail = (SortableDropPlacement & Readonly<{
94
+ operation: 'insert';
95
+ source: SortableInsertSource;
96
+ }>) | (SortableDropPlacement & Readonly<{
97
+ operation: 'move';
98
+ source: SortableMoveSource;
99
+ }>);
100
+ type SortableMoveOptions = Readonly<{
101
+ scope: string;
102
+ sourceId: string;
103
+ destinationGroupId?: string;
104
+ }>;
105
+ type SortableMoveRelativeOptions = SortableMoveOptions & Readonly<{
106
+ anchorId: string;
107
+ }>;
108
+ interface UiSortableService {
109
+ moveBefore(options: SortableMoveRelativeOptions): boolean;
110
+ moveAfter(options: SortableMoveRelativeOptions): boolean;
111
+ moveToStart(options: SortableMoveOptions & {
112
+ destinationGroupId: string;
113
+ }): boolean;
114
+ moveToEnd(options: SortableMoveOptions & {
115
+ destinationGroupId: string;
116
+ }): boolean;
117
+ }
118
+ declare const isValidGridColumns: (columns: number | null) => columns is number;
119
+ type SortableItemGeometry = Readonly<{
120
+ id: string;
121
+ rect: SortableFrame;
122
+ }>;
123
+ type ResolveSortablePlacementOptions = Readonly<{
124
+ groupId: string;
125
+ orientation: SortableOrientation;
126
+ direction: SortableDirection;
127
+ columns: number | null;
128
+ groupRect: SortableFrame;
129
+ items: readonly SortableItemGeometry[];
130
+ input: SortableInput;
131
+ }>;
132
+ export type { ResolveSortablePlacementOptions, SortableAnchor, SortableCancelReason, SortableCanDropContext, SortableDirection, SortableDragDetail, SortableEdge, SortableFeedback, SortableFrame, SortableGroup, SortableDropDetail, SortableInput, SortableInsertSource, SortableItemGeometry, SortableOperation, SortableOrientation, SortablePlacement, SortableMoveSource, SortableSource, SortableMoveOptions, SortableMoveRelativeOptions, UiSortableService, };
133
+ export { isValidGridColumns };
@@ -0,0 +1,2 @@
1
+ declare const activateSortableCursor: (cursor: string) => (() => void);
2
+ export { activateSortableCursor };
@@ -0,0 +1,36 @@
1
+ import type { SortableDirection, SortableFrame, SortableItemGeometry, SortableOrientation, SortablePlacement } from './contract';
2
+ type SortableReorderLayout = Readonly<{
3
+ groupId: string;
4
+ orientation: SortableOrientation;
5
+ direction: SortableDirection;
6
+ columns: number | null;
7
+ groupRect: SortableFrame;
8
+ items: readonly SortableItemGeometry[];
9
+ }>;
10
+ type SortableReorderOffset = Readonly<{
11
+ groupId: string;
12
+ id: string;
13
+ x: number;
14
+ y: number;
15
+ }>;
16
+ declare const projectSortableReorderLayout: (layout: SortableReorderLayout, offsets: readonly SortableReorderOffset[]) => SortableReorderLayout;
17
+ declare const resolveSortableDropFrame: ({ source, placement, sourceLayout, destinationLayout, }: {
18
+ source: Readonly<{
19
+ id: string;
20
+ groupId: string | null;
21
+ }>;
22
+ placement: SortablePlacement;
23
+ sourceLayout: SortableReorderLayout | null;
24
+ destinationLayout?: SortableReorderLayout | null;
25
+ }) => SortableFrame | null;
26
+ declare const resolveSortableReorderOffsets: ({ source, placement, sourceLayout, destinationLayout, }: {
27
+ source: Readonly<{
28
+ id: string;
29
+ groupId: string | null;
30
+ }>;
31
+ placement: SortablePlacement;
32
+ sourceLayout: SortableReorderLayout | null;
33
+ destinationLayout?: SortableReorderLayout | null;
34
+ }) => readonly SortableReorderOffset[];
35
+ export { projectSortableReorderLayout, resolveSortableDropFrame, resolveSortableReorderOffsets };
36
+ export type { SortableReorderLayout, SortableReorderOffset };