add auto-generated remote files

Author: mfal

dev/remote-components-generator/generation/generateRemoteReactComponentFile.ts

@@ -26,7 +26,7 @@ export function generateRemoteReactComponentFile(
     import createFlowRemoteComponent from "@/lib/createFlowRemoteComponent";
     import { ${t.component} } from "@mittwald/flow-remote-elements";
 
-    export const ${t.name} = createFlowRemoteComponent("flr-${kebabize(t.name)}", ${t.component}, {${
+    export const ${t.name} = createFlowRemoteComponent("flr-${kebabize(t.name)}", "${t.name}", ${t.component}, {${
       t.events && t.events.length > 0
         ? `eventProps: {
           ${t.events}

packages/components/src/components/Modal/index.ts

@@ -1,4 +1,4 @@
 import { Modal } from "./Modal";
-export * from "./components/ModalTrigger";
+export * from "../ModalTrigger";
 export { type ModalProps, Modal } from "./Modal";
 export default Modal;

packages/components/src/components/Modal/components/ModalTrigger/ModalTrigger.tsx renamed to packages/components/src/components/ModalTrigger/ModalTrigger.tsx

@@ -1,4 +1,4 @@
 import { Navigation } from "./Navigation";
 export { Navigation, type NavigationProps } from "./Navigation";
-export * from "./components/NavigationGroup";
+export * from "../NavigationGroup";
 export default Navigation;

packages/components/src/components/Modal/components/ModalTrigger/index.ts renamed to packages/components/src/components/ModalTrigger/index.ts

@@ -2,3 +2,4 @@ export { useOverlayController } from "@/lib/controller";
 export * from "@/lib/hooks/useOnChange";
 export * from "@/lib/hooks/useIsMounted";
 export { useProps } from "@/lib/hooks/useProps";
+export { isFlowComponentName } from "@/lib/propsContext/isFlowComponentName";

packages/components/src/components/Navigation/index.ts

@@ -12,28 +12,28 @@ export class RemoteAlertIconElement extends FlowRemoteElement<AlertIconProps> {
       size: {},
       string: {},
       children: {},
-      "aria-activedescendant": {},
-      "aria-autocomplete": {},
-      "aria-haspopup": {},
       "aria-label": {},
       "aria-labelledby": {},
       "aria-describedby": {},
       "aria-details": {},
       id: {},
-      type: {},
-      "aria-errormessage": {},
-      style: {},
       className: {},
-      height: {},
-      max: {},
-      min: {},
+      style: {},
+      offset: {},
       width: {},
+      spacing: {},
+      clipPath: {},
+      filter: {},
+      mask: {},
+      path: {},
       suppressHydrationWarning: {},
       lang: {},
       tabIndex: {},
       role: {},
       color: {},
+      "aria-activedescendant": {},
       "aria-atomic": {},
+      "aria-autocomplete": {},
       "aria-braillelabel": {},
       "aria-brailleroledescription": {},
       "aria-busy": {},
@@ -47,9 +47,11 @@ export class RemoteAlertIconElement extends FlowRemoteElement<AlertIconProps> {
       "aria-description": {},
       "aria-disabled": {},
       "aria-dropeffect": {},
+      "aria-errormessage": {},
       "aria-expanded": {},
       "aria-flowto": {},
       "aria-grabbed": {},
+      "aria-haspopup": {},
       "aria-hidden": {},
       "aria-invalid": {},
       "aria-keyshortcuts": {},
@@ -79,15 +81,13 @@ export class RemoteAlertIconElement extends FlowRemoteElement<AlertIconProps> {
       "aria-valuenow": {},
       "aria-valuetext": {},
       dangerouslySetInnerHTML: {},
-      offset: {},
-      spacing: {},
-      clipPath: {},
-      filter: {},
-      mask: {},
-      path: {},
+      height: {},
+      max: {},
       media: {},
       method: {},
+      min: {},
       target: {},
+      type: {},
       crossOrigin: {},
       accentHeight: {},
       accumulate: {},
@@ -336,24 +336,23 @@ export class RemoteAlertIconElement extends FlowRemoteElement<AlertIconProps> {
       keyUp: {},
       change: {},
       copy: {},
-      cut: {},
-      paste: {},
-      compositionStart: {},
-      compositionEnd: {},
-      compositionUpdate: {},
-      select: {},
-      beforeInput: {},
-      input: {},
       copyCapture: {},
+      cut: {},
       cutCapture: {},
+      paste: {},
       pasteCapture: {},
+      compositionEnd: {},
       compositionEndCapture: {},
+      compositionStart: {},
       compositionStartCapture: {},
+      compositionUpdate: {},
       compositionUpdateCapture: {},
       focusCapture: {},
       blurCapture: {},
       changeCapture: {},
+      beforeInput: {},
       beforeInputCapture: {},
+      input: {},
       inputCapture: {},
       reset: {},
       resetCapture: {},
@@ -451,6 +450,7 @@ export class RemoteAlertIconElement extends FlowRemoteElement<AlertIconProps> {
       mouseOverCapture: {},
       mouseUp: {},
       mouseUpCapture: {},
+      select: {},
       selectCapture: {},
       touchCancel: {},
       touchCancelCapture: {},