@mittwald/flow-remote-elements 0.1.0-experimental.285

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.
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2023 Mittwald CM Service GmbH & Co. KG and contributors
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,5 @@
1
+ # @mittwald/flow-remote-elements
2
+
3
+ This package is part of
4
+ [Flow – mittwald design system](https://mittwald.github.io/flow/). See the
5
+ homepage for more details.
package/dist/index.js ADDED
@@ -0,0 +1,29 @@
1
+ import { createRemoteElement as e } from "@remote-dom/core/elements";
2
+ const t = e({
3
+ properties: ["color", "status"]
4
+ });
5
+ customElements.define("flr-alert", t);
6
+ const o = e({
7
+ properties: ["color", "size"]
8
+ });
9
+ customElements.define("flr-alert-icon", o);
10
+ const n = e({
11
+ properties: ["color", "variant"],
12
+ events: ["press"]
13
+ });
14
+ customElements.define("flr-button", n);
15
+ const r = e({
16
+ properties: ["color", "size"]
17
+ });
18
+ customElements.define("flr-icon", r);
19
+ const s = e({
20
+ properties: ["color"]
21
+ });
22
+ customElements.define("flr-heading", s);
23
+ export {
24
+ t as RemoteAlertElement,
25
+ o as RemoteAlertIconElement,
26
+ n as RemoteButtonElement,
27
+ s as RemoteHeadingElement,
28
+ r as RemoteIconElement
29
+ };
@@ -0,0 +1,169 @@
1
+ import { EmptyObject } from 'type-fest';
2
+ import { AlertProps } from '@mittwald/flow-react-components/Alert';
3
+ export declare const RemoteAlertElement: import('@remote-dom/core/elements').RemoteElementConstructor<AlertProps, EmptyObject, EmptyObject, {
4
+ copy?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
5
+ copyCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
6
+ cut?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
7
+ cutCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
8
+ paste?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
9
+ pasteCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
10
+ compositionEnd?: import('react').CompositionEventHandler<HTMLElement> | undefined;
11
+ compositionEndCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
12
+ compositionStart?: import('react').CompositionEventHandler<HTMLElement> | undefined;
13
+ compositionStartCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
14
+ compositionUpdate?: import('react').CompositionEventHandler<HTMLElement> | undefined;
15
+ compositionUpdateCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
16
+ focus?: import('react').FocusEventHandler<HTMLElement> | undefined;
17
+ focusCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
18
+ blur?: import('react').FocusEventHandler<HTMLElement> | undefined;
19
+ blurCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
20
+ change?: import('react').FormEventHandler<HTMLElement> | undefined;
21
+ changeCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
22
+ beforeInput?: import('react').FormEventHandler<HTMLElement> | undefined;
23
+ beforeInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
24
+ input?: import('react').FormEventHandler<HTMLElement> | undefined;
25
+ inputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
26
+ reset?: import('react').FormEventHandler<HTMLElement> | undefined;
27
+ resetCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
28
+ submit?: import('react').FormEventHandler<HTMLElement> | undefined;
29
+ submitCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
30
+ invalid?: import('react').FormEventHandler<HTMLElement> | undefined;
31
+ invalidCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
32
+ load?: import('react').ReactEventHandler<HTMLElement> | undefined;
33
+ loadCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
34
+ error?: import('react').ReactEventHandler<HTMLElement> | undefined;
35
+ errorCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
36
+ keyDown?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
37
+ keyDownCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
38
+ keyPress?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
39
+ keyPressCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
40
+ keyUp?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
41
+ keyUpCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
42
+ abort?: import('react').ReactEventHandler<HTMLElement> | undefined;
43
+ abortCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
44
+ canPlay?: import('react').ReactEventHandler<HTMLElement> | undefined;
45
+ canPlayCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
46
+ canPlayThrough?: import('react').ReactEventHandler<HTMLElement> | undefined;
47
+ canPlayThroughCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
48
+ durationChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
49
+ durationChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
50
+ emptied?: import('react').ReactEventHandler<HTMLElement> | undefined;
51
+ emptiedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
52
+ encrypted?: import('react').ReactEventHandler<HTMLElement> | undefined;
53
+ encryptedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
54
+ ended?: import('react').ReactEventHandler<HTMLElement> | undefined;
55
+ endedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
56
+ loadedData?: import('react').ReactEventHandler<HTMLElement> | undefined;
57
+ loadedDataCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
58
+ loadedMetadata?: import('react').ReactEventHandler<HTMLElement> | undefined;
59
+ loadedMetadataCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
60
+ loadStart?: import('react').ReactEventHandler<HTMLElement> | undefined;
61
+ loadStartCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
62
+ pause?: import('react').ReactEventHandler<HTMLElement> | undefined;
63
+ pauseCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
64
+ play?: import('react').ReactEventHandler<HTMLElement> | undefined;
65
+ playCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
66
+ playing?: import('react').ReactEventHandler<HTMLElement> | undefined;
67
+ playingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
68
+ progress?: import('react').ReactEventHandler<HTMLElement> | undefined;
69
+ progressCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
70
+ rateChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
71
+ rateChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
72
+ resize?: import('react').ReactEventHandler<HTMLElement> | undefined;
73
+ resizeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
74
+ seeked?: import('react').ReactEventHandler<HTMLElement> | undefined;
75
+ seekedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
76
+ seeking?: import('react').ReactEventHandler<HTMLElement> | undefined;
77
+ seekingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
78
+ stalled?: import('react').ReactEventHandler<HTMLElement> | undefined;
79
+ stalledCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
80
+ suspend?: import('react').ReactEventHandler<HTMLElement> | undefined;
81
+ suspendCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
82
+ timeUpdate?: import('react').ReactEventHandler<HTMLElement> | undefined;
83
+ timeUpdateCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
84
+ volumeChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
85
+ volumeChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
86
+ waiting?: import('react').ReactEventHandler<HTMLElement> | undefined;
87
+ waitingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
88
+ auxClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
89
+ auxClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
90
+ click?: import('react').MouseEventHandler<HTMLElement> | undefined;
91
+ clickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
92
+ contextMenu?: import('react').MouseEventHandler<HTMLElement> | undefined;
93
+ contextMenuCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
94
+ doubleClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
95
+ doubleClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
96
+ drag?: import('react').DragEventHandler<HTMLElement> | undefined;
97
+ dragCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
98
+ dragEnd?: import('react').DragEventHandler<HTMLElement> | undefined;
99
+ dragEndCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
100
+ dragEnter?: import('react').DragEventHandler<HTMLElement> | undefined;
101
+ dragEnterCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
102
+ dragExit?: import('react').DragEventHandler<HTMLElement> | undefined;
103
+ dragExitCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
104
+ dragLeave?: import('react').DragEventHandler<HTMLElement> | undefined;
105
+ dragLeaveCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
106
+ dragOver?: import('react').DragEventHandler<HTMLElement> | undefined;
107
+ dragOverCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
108
+ dragStart?: import('react').DragEventHandler<HTMLElement> | undefined;
109
+ dragStartCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
110
+ drop?: import('react').DragEventHandler<HTMLElement> | undefined;
111
+ dropCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
112
+ mouseDown?: import('react').MouseEventHandler<HTMLElement> | undefined;
113
+ mouseDownCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
114
+ mouseEnter?: import('react').MouseEventHandler<HTMLElement> | undefined;
115
+ mouseLeave?: import('react').MouseEventHandler<HTMLElement> | undefined;
116
+ mouseMove?: import('react').MouseEventHandler<HTMLElement> | undefined;
117
+ mouseMoveCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
118
+ mouseOut?: import('react').MouseEventHandler<HTMLElement> | undefined;
119
+ mouseOutCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
120
+ mouseOver?: import('react').MouseEventHandler<HTMLElement> | undefined;
121
+ mouseOverCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
122
+ mouseUp?: import('react').MouseEventHandler<HTMLElement> | undefined;
123
+ mouseUpCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
124
+ select?: import('react').ReactEventHandler<HTMLElement> | undefined;
125
+ selectCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
126
+ touchCancel?: import('react').TouchEventHandler<HTMLElement> | undefined;
127
+ touchCancelCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
128
+ touchEnd?: import('react').TouchEventHandler<HTMLElement> | undefined;
129
+ touchEndCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
130
+ touchMove?: import('react').TouchEventHandler<HTMLElement> | undefined;
131
+ touchMoveCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
132
+ touchStart?: import('react').TouchEventHandler<HTMLElement> | undefined;
133
+ touchStartCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
134
+ pointerDown?: import('react').PointerEventHandler<HTMLElement> | undefined;
135
+ pointerDownCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
136
+ pointerMove?: import('react').PointerEventHandler<HTMLElement> | undefined;
137
+ pointerMoveCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
138
+ pointerUp?: import('react').PointerEventHandler<HTMLElement> | undefined;
139
+ pointerUpCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
140
+ pointerCancel?: import('react').PointerEventHandler<HTMLElement> | undefined;
141
+ pointerCancelCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
142
+ pointerEnter?: import('react').PointerEventHandler<HTMLElement> | undefined;
143
+ pointerLeave?: import('react').PointerEventHandler<HTMLElement> | undefined;
144
+ pointerOver?: import('react').PointerEventHandler<HTMLElement> | undefined;
145
+ pointerOverCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
146
+ pointerOut?: import('react').PointerEventHandler<HTMLElement> | undefined;
147
+ pointerOutCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
148
+ gotPointerCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
149
+ gotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
150
+ lostPointerCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
151
+ lostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
152
+ scroll?: import('react').UIEventHandler<HTMLElement> | undefined;
153
+ scrollCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
154
+ wheel?: import('react').WheelEventHandler<HTMLElement> | undefined;
155
+ wheelCapture?: import('react').WheelEventHandler<HTMLElement> | undefined;
156
+ animationStart?: import('react').AnimationEventHandler<HTMLElement> | undefined;
157
+ animationStartCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
158
+ animationEnd?: import('react').AnimationEventHandler<HTMLElement> | undefined;
159
+ animationEndCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
160
+ animationIteration?: import('react').AnimationEventHandler<HTMLElement> | undefined;
161
+ animationIterationCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
162
+ transitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
163
+ transitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
164
+ }>;
165
+ declare global {
166
+ interface HTMLElementTagNameMap {
167
+ "flr-alert": InstanceType<typeof RemoteAlertElement>;
168
+ }
169
+ }
@@ -0,0 +1,169 @@
1
+ import { EmptyObject } from 'type-fest';
2
+ import { AlertIconProps } from '@mittwald/flow-react-components/AlertIcon';
3
+ export declare const RemoteAlertIconElement: import('@remote-dom/core/elements').RemoteElementConstructor<AlertIconProps, EmptyObject, EmptyObject, {
4
+ copy?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
5
+ copyCapture?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
6
+ cut?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
7
+ cutCapture?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
8
+ paste?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
9
+ pasteCapture?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
10
+ compositionEnd?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
11
+ compositionEndCapture?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
12
+ compositionStart?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
13
+ compositionStartCapture?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
14
+ compositionUpdate?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
15
+ compositionUpdateCapture?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
16
+ focus?: import('react').FocusEventHandler<SVGSVGElement> | undefined;
17
+ focusCapture?: import('react').FocusEventHandler<SVGSVGElement> | undefined;
18
+ blur?: import('react').FocusEventHandler<SVGSVGElement> | undefined;
19
+ blurCapture?: import('react').FocusEventHandler<SVGSVGElement> | undefined;
20
+ change?: import('react').FormEventHandler<SVGSVGElement> | undefined;
21
+ changeCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
22
+ beforeInput?: import('react').FormEventHandler<SVGSVGElement> | undefined;
23
+ beforeInputCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
24
+ input?: import('react').FormEventHandler<SVGSVGElement> | undefined;
25
+ inputCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
26
+ reset?: import('react').FormEventHandler<SVGSVGElement> | undefined;
27
+ resetCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
28
+ submit?: import('react').FormEventHandler<SVGSVGElement> | undefined;
29
+ submitCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
30
+ invalid?: import('react').FormEventHandler<SVGSVGElement> | undefined;
31
+ invalidCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
32
+ load?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
33
+ loadCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
34
+ error?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
35
+ errorCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
36
+ keyDown?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
37
+ keyDownCapture?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
38
+ keyPress?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
39
+ keyPressCapture?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
40
+ keyUp?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
41
+ keyUpCapture?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
42
+ abort?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
43
+ abortCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
44
+ canPlay?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
45
+ canPlayCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
46
+ canPlayThrough?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
47
+ canPlayThroughCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
48
+ durationChange?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
49
+ durationChangeCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
50
+ emptied?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
51
+ emptiedCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
52
+ encrypted?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
53
+ encryptedCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
54
+ ended?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
55
+ endedCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
56
+ loadedData?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
57
+ loadedDataCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
58
+ loadedMetadata?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
59
+ loadedMetadataCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
60
+ loadStart?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
61
+ loadStartCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
62
+ pause?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
63
+ pauseCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
64
+ play?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
65
+ playCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
66
+ playing?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
67
+ playingCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
68
+ progress?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
69
+ progressCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
70
+ rateChange?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
71
+ rateChangeCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
72
+ resize?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
73
+ resizeCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
74
+ seeked?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
75
+ seekedCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
76
+ seeking?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
77
+ seekingCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
78
+ stalled?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
79
+ stalledCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
80
+ suspend?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
81
+ suspendCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
82
+ timeUpdate?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
83
+ timeUpdateCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
84
+ volumeChange?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
85
+ volumeChangeCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
86
+ waiting?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
87
+ waitingCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
88
+ auxClick?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
89
+ auxClickCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
90
+ click?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
91
+ clickCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
92
+ contextMenu?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
93
+ contextMenuCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
94
+ doubleClick?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
95
+ doubleClickCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
96
+ drag?: import('react').DragEventHandler<SVGSVGElement> | undefined;
97
+ dragCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
98
+ dragEnd?: import('react').DragEventHandler<SVGSVGElement> | undefined;
99
+ dragEndCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
100
+ dragEnter?: import('react').DragEventHandler<SVGSVGElement> | undefined;
101
+ dragEnterCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
102
+ dragExit?: import('react').DragEventHandler<SVGSVGElement> | undefined;
103
+ dragExitCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
104
+ dragLeave?: import('react').DragEventHandler<SVGSVGElement> | undefined;
105
+ dragLeaveCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
106
+ dragOver?: import('react').DragEventHandler<SVGSVGElement> | undefined;
107
+ dragOverCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
108
+ dragStart?: import('react').DragEventHandler<SVGSVGElement> | undefined;
109
+ dragStartCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
110
+ drop?: import('react').DragEventHandler<SVGSVGElement> | undefined;
111
+ dropCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
112
+ mouseDown?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
113
+ mouseDownCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
114
+ mouseEnter?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
115
+ mouseLeave?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
116
+ mouseMove?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
117
+ mouseMoveCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
118
+ mouseOut?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
119
+ mouseOutCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
120
+ mouseOver?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
121
+ mouseOverCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
122
+ mouseUp?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
123
+ mouseUpCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
124
+ select?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
125
+ selectCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
126
+ touchCancel?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
127
+ touchCancelCapture?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
128
+ touchEnd?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
129
+ touchEndCapture?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
130
+ touchMove?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
131
+ touchMoveCapture?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
132
+ touchStart?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
133
+ touchStartCapture?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
134
+ pointerDown?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
135
+ pointerDownCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
136
+ pointerMove?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
137
+ pointerMoveCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
138
+ pointerUp?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
139
+ pointerUpCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
140
+ pointerCancel?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
141
+ pointerCancelCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
142
+ pointerEnter?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
143
+ pointerLeave?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
144
+ pointerOver?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
145
+ pointerOverCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
146
+ pointerOut?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
147
+ pointerOutCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
148
+ gotPointerCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
149
+ gotPointerCaptureCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
150
+ lostPointerCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
151
+ lostPointerCaptureCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
152
+ scroll?: import('react').UIEventHandler<SVGSVGElement> | undefined;
153
+ scrollCapture?: import('react').UIEventHandler<SVGSVGElement> | undefined;
154
+ wheel?: import('react').WheelEventHandler<SVGSVGElement> | undefined;
155
+ wheelCapture?: import('react').WheelEventHandler<SVGSVGElement> | undefined;
156
+ animationStart?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
157
+ animationStartCapture?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
158
+ animationEnd?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
159
+ animationEndCapture?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
160
+ animationIteration?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
161
+ animationIterationCapture?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
162
+ transitionEnd?: import('react').TransitionEventHandler<SVGSVGElement> | undefined;
163
+ transitionEndCapture?: import('react').TransitionEventHandler<SVGSVGElement> | undefined;
164
+ }>;
165
+ declare global {
166
+ interface HTMLElementTagNameMap {
167
+ "flr-alert-icon": InstanceType<typeof RemoteAlertIconElement>;
168
+ }
169
+ }
@@ -0,0 +1,22 @@
1
+ import { ButtonProps } from '@mittwald/flow-react-components/Button';
2
+ import { EmptyObject } from 'type-fest';
3
+ export declare const RemoteButtonElement: import('@remote-dom/core/elements').RemoteElementConstructor<ButtonProps, EmptyObject, EmptyObject, {
4
+ focus?: ((e: import('react').FocusEvent<Element, Element>) => void) | undefined;
5
+ blur?: ((e: import('react').FocusEvent<Element, Element>) => void) | undefined;
6
+ keyDown?: ((e: import('@react-types/shared').KeyboardEvent) => void) | undefined;
7
+ keyUp?: ((e: import('@react-types/shared').KeyboardEvent) => void) | undefined;
8
+ press?: ((e: import('react-aria').PressEvent) => void) | undefined;
9
+ pressStart?: ((e: import('react-aria').PressEvent) => void) | undefined;
10
+ pressEnd?: ((e: import('react-aria').PressEvent) => void) | undefined;
11
+ pressChange?: ((isPressed: boolean) => void) | undefined;
12
+ pressUp?: ((e: import('react-aria').PressEvent) => void) | undefined;
13
+ focusChange?: ((isFocused: boolean) => void) | undefined;
14
+ hoverStart?: ((e: import('react-aria').HoverEvent) => void) | undefined;
15
+ hoverEnd?: ((e: import('react-aria').HoverEvent) => void) | undefined;
16
+ hoverChange?: ((isHovering: boolean) => void) | undefined;
17
+ }>;
18
+ declare global {
19
+ interface HTMLElementTagNameMap {
20
+ "flr-button": InstanceType<typeof RemoteButtonElement>;
21
+ }
22
+ }
@@ -0,0 +1,169 @@
1
+ import { EmptyObject } from 'type-fest';
2
+ import { HeadingProps } from '@mittwald/flow-react-components/Heading';
3
+ export declare const RemoteHeadingElement: import('@remote-dom/core/elements').RemoteElementConstructor<HeadingProps, EmptyObject, EmptyObject, {
4
+ copy?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
5
+ copyCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
6
+ cut?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
7
+ cutCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
8
+ paste?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
9
+ pasteCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
10
+ compositionEnd?: import('react').CompositionEventHandler<HTMLElement> | undefined;
11
+ compositionEndCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
12
+ compositionStart?: import('react').CompositionEventHandler<HTMLElement> | undefined;
13
+ compositionStartCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
14
+ compositionUpdate?: import('react').CompositionEventHandler<HTMLElement> | undefined;
15
+ compositionUpdateCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
16
+ focus?: import('react').FocusEventHandler<HTMLElement> | undefined;
17
+ focusCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
18
+ blur?: import('react').FocusEventHandler<HTMLElement> | undefined;
19
+ blurCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
20
+ change?: import('react').FormEventHandler<HTMLElement> | undefined;
21
+ changeCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
22
+ beforeInput?: import('react').FormEventHandler<HTMLElement> | undefined;
23
+ beforeInputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
24
+ input?: import('react').FormEventHandler<HTMLElement> | undefined;
25
+ inputCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
26
+ reset?: import('react').FormEventHandler<HTMLElement> | undefined;
27
+ resetCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
28
+ submit?: import('react').FormEventHandler<HTMLElement> | undefined;
29
+ submitCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
30
+ invalid?: import('react').FormEventHandler<HTMLElement> | undefined;
31
+ invalidCapture?: import('react').FormEventHandler<HTMLElement> | undefined;
32
+ load?: import('react').ReactEventHandler<HTMLElement> | undefined;
33
+ loadCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
34
+ error?: import('react').ReactEventHandler<HTMLElement> | undefined;
35
+ errorCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
36
+ keyDown?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
37
+ keyDownCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
38
+ keyPress?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
39
+ keyPressCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
40
+ keyUp?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
41
+ keyUpCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
42
+ abort?: import('react').ReactEventHandler<HTMLElement> | undefined;
43
+ abortCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
44
+ canPlay?: import('react').ReactEventHandler<HTMLElement> | undefined;
45
+ canPlayCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
46
+ canPlayThrough?: import('react').ReactEventHandler<HTMLElement> | undefined;
47
+ canPlayThroughCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
48
+ durationChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
49
+ durationChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
50
+ emptied?: import('react').ReactEventHandler<HTMLElement> | undefined;
51
+ emptiedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
52
+ encrypted?: import('react').ReactEventHandler<HTMLElement> | undefined;
53
+ encryptedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
54
+ ended?: import('react').ReactEventHandler<HTMLElement> | undefined;
55
+ endedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
56
+ loadedData?: import('react').ReactEventHandler<HTMLElement> | undefined;
57
+ loadedDataCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
58
+ loadedMetadata?: import('react').ReactEventHandler<HTMLElement> | undefined;
59
+ loadedMetadataCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
60
+ loadStart?: import('react').ReactEventHandler<HTMLElement> | undefined;
61
+ loadStartCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
62
+ pause?: import('react').ReactEventHandler<HTMLElement> | undefined;
63
+ pauseCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
64
+ play?: import('react').ReactEventHandler<HTMLElement> | undefined;
65
+ playCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
66
+ playing?: import('react').ReactEventHandler<HTMLElement> | undefined;
67
+ playingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
68
+ progress?: import('react').ReactEventHandler<HTMLElement> | undefined;
69
+ progressCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
70
+ rateChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
71
+ rateChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
72
+ resize?: import('react').ReactEventHandler<HTMLElement> | undefined;
73
+ resizeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
74
+ seeked?: import('react').ReactEventHandler<HTMLElement> | undefined;
75
+ seekedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
76
+ seeking?: import('react').ReactEventHandler<HTMLElement> | undefined;
77
+ seekingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
78
+ stalled?: import('react').ReactEventHandler<HTMLElement> | undefined;
79
+ stalledCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
80
+ suspend?: import('react').ReactEventHandler<HTMLElement> | undefined;
81
+ suspendCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
82
+ timeUpdate?: import('react').ReactEventHandler<HTMLElement> | undefined;
83
+ timeUpdateCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
84
+ volumeChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
85
+ volumeChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
86
+ waiting?: import('react').ReactEventHandler<HTMLElement> | undefined;
87
+ waitingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
88
+ auxClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
89
+ auxClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
90
+ click?: import('react').MouseEventHandler<HTMLElement> | undefined;
91
+ clickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
92
+ contextMenu?: import('react').MouseEventHandler<HTMLElement> | undefined;
93
+ contextMenuCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
94
+ doubleClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
95
+ doubleClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
96
+ drag?: import('react').DragEventHandler<HTMLElement> | undefined;
97
+ dragCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
98
+ dragEnd?: import('react').DragEventHandler<HTMLElement> | undefined;
99
+ dragEndCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
100
+ dragEnter?: import('react').DragEventHandler<HTMLElement> | undefined;
101
+ dragEnterCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
102
+ dragExit?: import('react').DragEventHandler<HTMLElement> | undefined;
103
+ dragExitCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
104
+ dragLeave?: import('react').DragEventHandler<HTMLElement> | undefined;
105
+ dragLeaveCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
106
+ dragOver?: import('react').DragEventHandler<HTMLElement> | undefined;
107
+ dragOverCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
108
+ dragStart?: import('react').DragEventHandler<HTMLElement> | undefined;
109
+ dragStartCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
110
+ drop?: import('react').DragEventHandler<HTMLElement> | undefined;
111
+ dropCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
112
+ mouseDown?: import('react').MouseEventHandler<HTMLElement> | undefined;
113
+ mouseDownCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
114
+ mouseEnter?: import('react').MouseEventHandler<HTMLElement> | undefined;
115
+ mouseLeave?: import('react').MouseEventHandler<HTMLElement> | undefined;
116
+ mouseMove?: import('react').MouseEventHandler<HTMLElement> | undefined;
117
+ mouseMoveCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
118
+ mouseOut?: import('react').MouseEventHandler<HTMLElement> | undefined;
119
+ mouseOutCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
120
+ mouseOver?: import('react').MouseEventHandler<HTMLElement> | undefined;
121
+ mouseOverCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
122
+ mouseUp?: import('react').MouseEventHandler<HTMLElement> | undefined;
123
+ mouseUpCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
124
+ select?: import('react').ReactEventHandler<HTMLElement> | undefined;
125
+ selectCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
126
+ touchCancel?: import('react').TouchEventHandler<HTMLElement> | undefined;
127
+ touchCancelCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
128
+ touchEnd?: import('react').TouchEventHandler<HTMLElement> | undefined;
129
+ touchEndCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
130
+ touchMove?: import('react').TouchEventHandler<HTMLElement> | undefined;
131
+ touchMoveCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
132
+ touchStart?: import('react').TouchEventHandler<HTMLElement> | undefined;
133
+ touchStartCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
134
+ pointerDown?: import('react').PointerEventHandler<HTMLElement> | undefined;
135
+ pointerDownCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
136
+ pointerMove?: import('react').PointerEventHandler<HTMLElement> | undefined;
137
+ pointerMoveCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
138
+ pointerUp?: import('react').PointerEventHandler<HTMLElement> | undefined;
139
+ pointerUpCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
140
+ pointerCancel?: import('react').PointerEventHandler<HTMLElement> | undefined;
141
+ pointerCancelCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
142
+ pointerEnter?: import('react').PointerEventHandler<HTMLElement> | undefined;
143
+ pointerLeave?: import('react').PointerEventHandler<HTMLElement> | undefined;
144
+ pointerOver?: import('react').PointerEventHandler<HTMLElement> | undefined;
145
+ pointerOverCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
146
+ pointerOut?: import('react').PointerEventHandler<HTMLElement> | undefined;
147
+ pointerOutCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
148
+ gotPointerCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
149
+ gotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
150
+ lostPointerCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
151
+ lostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
152
+ scroll?: import('react').UIEventHandler<HTMLElement> | undefined;
153
+ scrollCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
154
+ wheel?: import('react').WheelEventHandler<HTMLElement> | undefined;
155
+ wheelCapture?: import('react').WheelEventHandler<HTMLElement> | undefined;
156
+ animationStart?: import('react').AnimationEventHandler<HTMLElement> | undefined;
157
+ animationStartCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
158
+ animationEnd?: import('react').AnimationEventHandler<HTMLElement> | undefined;
159
+ animationEndCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
160
+ animationIteration?: import('react').AnimationEventHandler<HTMLElement> | undefined;
161
+ animationIterationCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
162
+ transitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
163
+ transitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
164
+ }>;
165
+ declare global {
166
+ interface HTMLElementTagNameMap {
167
+ "flr-heading": InstanceType<typeof RemoteHeadingElement>;
168
+ }
169
+ }
@@ -0,0 +1,169 @@
1
+ import { EmptyObject } from 'type-fest';
2
+ import { IconProps } from '@mittwald/flow-react-components/Icon';
3
+ export declare const RemoteIconElement: import('@remote-dom/core/elements').RemoteElementConstructor<IconProps, EmptyObject, EmptyObject, {
4
+ copy?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
5
+ copyCapture?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
6
+ cut?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
7
+ cutCapture?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
8
+ paste?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
9
+ pasteCapture?: import('react').ClipboardEventHandler<SVGSVGElement> | undefined;
10
+ compositionEnd?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
11
+ compositionEndCapture?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
12
+ compositionStart?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
13
+ compositionStartCapture?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
14
+ compositionUpdate?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
15
+ compositionUpdateCapture?: import('react').CompositionEventHandler<SVGSVGElement> | undefined;
16
+ focus?: import('react').FocusEventHandler<SVGSVGElement> | undefined;
17
+ focusCapture?: import('react').FocusEventHandler<SVGSVGElement> | undefined;
18
+ blur?: import('react').FocusEventHandler<SVGSVGElement> | undefined;
19
+ blurCapture?: import('react').FocusEventHandler<SVGSVGElement> | undefined;
20
+ change?: import('react').FormEventHandler<SVGSVGElement> | undefined;
21
+ changeCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
22
+ beforeInput?: import('react').FormEventHandler<SVGSVGElement> | undefined;
23
+ beforeInputCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
24
+ input?: import('react').FormEventHandler<SVGSVGElement> | undefined;
25
+ inputCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
26
+ reset?: import('react').FormEventHandler<SVGSVGElement> | undefined;
27
+ resetCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
28
+ submit?: import('react').FormEventHandler<SVGSVGElement> | undefined;
29
+ submitCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
30
+ invalid?: import('react').FormEventHandler<SVGSVGElement> | undefined;
31
+ invalidCapture?: import('react').FormEventHandler<SVGSVGElement> | undefined;
32
+ load?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
33
+ loadCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
34
+ error?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
35
+ errorCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
36
+ keyDown?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
37
+ keyDownCapture?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
38
+ keyPress?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
39
+ keyPressCapture?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
40
+ keyUp?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
41
+ keyUpCapture?: import('react').KeyboardEventHandler<SVGSVGElement> | undefined;
42
+ abort?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
43
+ abortCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
44
+ canPlay?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
45
+ canPlayCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
46
+ canPlayThrough?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
47
+ canPlayThroughCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
48
+ durationChange?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
49
+ durationChangeCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
50
+ emptied?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
51
+ emptiedCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
52
+ encrypted?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
53
+ encryptedCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
54
+ ended?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
55
+ endedCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
56
+ loadedData?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
57
+ loadedDataCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
58
+ loadedMetadata?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
59
+ loadedMetadataCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
60
+ loadStart?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
61
+ loadStartCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
62
+ pause?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
63
+ pauseCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
64
+ play?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
65
+ playCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
66
+ playing?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
67
+ playingCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
68
+ progress?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
69
+ progressCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
70
+ rateChange?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
71
+ rateChangeCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
72
+ resize?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
73
+ resizeCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
74
+ seeked?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
75
+ seekedCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
76
+ seeking?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
77
+ seekingCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
78
+ stalled?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
79
+ stalledCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
80
+ suspend?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
81
+ suspendCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
82
+ timeUpdate?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
83
+ timeUpdateCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
84
+ volumeChange?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
85
+ volumeChangeCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
86
+ waiting?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
87
+ waitingCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
88
+ auxClick?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
89
+ auxClickCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
90
+ click?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
91
+ clickCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
92
+ contextMenu?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
93
+ contextMenuCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
94
+ doubleClick?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
95
+ doubleClickCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
96
+ drag?: import('react').DragEventHandler<SVGSVGElement> | undefined;
97
+ dragCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
98
+ dragEnd?: import('react').DragEventHandler<SVGSVGElement> | undefined;
99
+ dragEndCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
100
+ dragEnter?: import('react').DragEventHandler<SVGSVGElement> | undefined;
101
+ dragEnterCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
102
+ dragExit?: import('react').DragEventHandler<SVGSVGElement> | undefined;
103
+ dragExitCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
104
+ dragLeave?: import('react').DragEventHandler<SVGSVGElement> | undefined;
105
+ dragLeaveCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
106
+ dragOver?: import('react').DragEventHandler<SVGSVGElement> | undefined;
107
+ dragOverCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
108
+ dragStart?: import('react').DragEventHandler<SVGSVGElement> | undefined;
109
+ dragStartCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
110
+ drop?: import('react').DragEventHandler<SVGSVGElement> | undefined;
111
+ dropCapture?: import('react').DragEventHandler<SVGSVGElement> | undefined;
112
+ mouseDown?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
113
+ mouseDownCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
114
+ mouseEnter?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
115
+ mouseLeave?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
116
+ mouseMove?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
117
+ mouseMoveCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
118
+ mouseOut?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
119
+ mouseOutCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
120
+ mouseOver?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
121
+ mouseOverCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
122
+ mouseUp?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
123
+ mouseUpCapture?: import('react').MouseEventHandler<SVGSVGElement> | undefined;
124
+ select?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
125
+ selectCapture?: import('react').ReactEventHandler<SVGSVGElement> | undefined;
126
+ touchCancel?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
127
+ touchCancelCapture?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
128
+ touchEnd?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
129
+ touchEndCapture?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
130
+ touchMove?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
131
+ touchMoveCapture?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
132
+ touchStart?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
133
+ touchStartCapture?: import('react').TouchEventHandler<SVGSVGElement> | undefined;
134
+ pointerDown?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
135
+ pointerDownCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
136
+ pointerMove?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
137
+ pointerMoveCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
138
+ pointerUp?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
139
+ pointerUpCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
140
+ pointerCancel?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
141
+ pointerCancelCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
142
+ pointerEnter?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
143
+ pointerLeave?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
144
+ pointerOver?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
145
+ pointerOverCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
146
+ pointerOut?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
147
+ pointerOutCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
148
+ gotPointerCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
149
+ gotPointerCaptureCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
150
+ lostPointerCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
151
+ lostPointerCaptureCapture?: import('react').PointerEventHandler<SVGSVGElement> | undefined;
152
+ scroll?: import('react').UIEventHandler<SVGSVGElement> | undefined;
153
+ scrollCapture?: import('react').UIEventHandler<SVGSVGElement> | undefined;
154
+ wheel?: import('react').WheelEventHandler<SVGSVGElement> | undefined;
155
+ wheelCapture?: import('react').WheelEventHandler<SVGSVGElement> | undefined;
156
+ animationStart?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
157
+ animationStartCapture?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
158
+ animationEnd?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
159
+ animationEndCapture?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
160
+ animationIteration?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
161
+ animationIterationCapture?: import('react').AnimationEventHandler<SVGSVGElement> | undefined;
162
+ transitionEnd?: import('react').TransitionEventHandler<SVGSVGElement> | undefined;
163
+ transitionEndCapture?: import('react').TransitionEventHandler<SVGSVGElement> | undefined;
164
+ }>;
165
+ declare global {
166
+ interface HTMLElementTagNameMap {
167
+ "flr-icon": InstanceType<typeof RemoteIconElement>;
168
+ }
169
+ }
@@ -0,0 +1,6 @@
1
+ export * from './Alert';
2
+ export * from './AlertIcon';
3
+ export * from './Button';
4
+ export * from './Icon';
5
+ export * from './Heading';
6
+ export type { FlowRemoteElementKeys } from './lib/types';
@@ -0,0 +1,10 @@
1
+ import { IsEqual } from 'type-fest';
2
+ type Filter<KeyType, ExcludeType> = IsEqual<KeyType, ExcludeType> extends true ? never : KeyType extends ExcludeType ? never : KeyType;
3
+ type PickEventHandler<T> = Omit<T, Filter<keyof T, `on${Capitalize<string>}`>>;
4
+ type RemoveOnPrefix<T> = T extends `on${infer R}` ? R extends Capitalize<R> ? Uncapitalize<R> : never : never;
5
+ type RemoveOnPrefixInKeys<T> = {
6
+ [K in keyof T as RemoveOnPrefix<K>]: T[K];
7
+ };
8
+ export type PickRemoteElementEventListeners<T> = RemoveOnPrefixInKeys<PickEventHandler<T>>;
9
+ export type FlowRemoteElementKeys = keyof Omit<HTMLElementTagNameMap, Filter<keyof HTMLElementTagNameMap, `flr-${string}`>>;
10
+ export {};
package/package.json ADDED
@@ -0,0 +1,40 @@
1
+ {
2
+ "name": "@mittwald/flow-remote-elements",
3
+ "version": "0.1.0-experimental.285+2a4578ed",
4
+ "type": "module",
5
+ "description": "Flow compatible remote elements that can be used in a remote environment",
6
+ "homepage": "https://mittwald.github.io/flow",
7
+ "repository": "https://github.com/mittwald/flow",
8
+ "exports": {
9
+ "types": "./dist/types/index.d.ts",
10
+ "default": "./dist/index.js"
11
+ },
12
+ "files": [
13
+ "dist"
14
+ ],
15
+ "engines": {
16
+ "node": ">=20.11"
17
+ },
18
+ "scripts": {
19
+ "build": "run vite build --config vite.build.config.ts",
20
+ "build:deps:watch": "run -T build:deps:watch @mittwald/flow-react-components",
21
+ "test": "",
22
+ "test:compile": "run tsc --noEmit"
23
+ },
24
+ "dependencies": {
25
+ "@mittwald/flow-react-components": "^0.1.0-alpha.283",
26
+ "@remote-dom/core": "^1.5.0",
27
+ "type-fest": "^4.26.1"
28
+ },
29
+ "devDependencies": {
30
+ "@types/node": "^22.7.5",
31
+ "nx": "^20.0.0",
32
+ "prettier": "^3.3.3",
33
+ "typescript": "^5.6.3",
34
+ "vite": "^5.4.8",
35
+ "vite-plugin-checker": "^0.8.0",
36
+ "vite-plugin-dts": "^4.2.3",
37
+ "vite-plugin-externalize-deps": "^0.8.0"
38
+ },
39
+ "gitHead": "2a4578edc2f9cac48dc431a6747a1028518beebd"
40
+ }