@mittwald/flow-remote-react-renderer 0.2.0-alpha.30 → 0.2.0-alpha.32

package/dist/js/RemoteRenderer.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+"use client";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { useIsMounted } from "./hooks/useIsMounted.mjs";
+const RemoteRendererClient = React.lazy(() => import("./RemoteRendererClient.mjs"));
+const RemoteRenderer = (props) => {
+  const isMounted = useIsMounted();
+  return isMounted ? /* @__PURE__ */ jsx(RemoteRendererClient, { ...props }) : null;
+};
+export {
+  RemoteRenderer,
+  RemoteRenderer as default
+};
+//# sourceMappingURL=RemoteRenderer.mjs.map

package/dist/js/RemoteRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteRenderer.mjs","sources":["../../src/RemoteRenderer.tsx"],"sourcesContent":["\"use client\";\nimport type { FC } from \"react\";\nimport React from \"react\";\nimport { useIsMounted } from \"@/hooks/useIsMounted\";\nimport type { RemoteRendererProps } from \"@/RemoteRendererClient\";\n\nconst RemoteRendererClient = React.lazy(() => import(\"./RemoteRendererClient\"));\n\nexport const RemoteRenderer: FC<RemoteRendererProps> = (props) => {\n  const isMounted = useIsMounted();\n  return isMounted ? <RemoteRendererClient {...props} /> : null;\n};\n\nexport default RemoteRenderer;\n"],"names":[],"mappings":";;;;AAMA,MAAM,uBAAuB,MAAM,KAAK,MAAM,OAAO,4BAAwB,CAAC;AAEjE,MAAA,iBAA0C,CAAC,UAAU;AAChE,QAAM,YAAY,aAAa;AAC/B,SAAO,YAAY,oBAAC,sBAAsB,EAAA,GAAG,MAAO,CAAA,IAAK;AAC3D;"}

package/dist/js/RemoteRendererClient.mjs

@@ -0,0 +1,51 @@
+"use client"
+/* */
+"use client";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { RemoteReceiver, RemoteRootRenderer } from "@remote-dom/react/host";
+import { useMemo } from "react";
+import { components } from "./components.mjs";
+import { reduce } from "remeda";
+import { connectRemoteIframeRef } from "@mittwald/flow-remote-core";
+const RemoteRendererClient = (props) => {
+  const { integrations = [], src, iframeStyle } = props;
+  const receiver = useMemo(() => new RemoteReceiver(), []);
+  const mergedComponents = useMemo(() => {
+    return new Map(
+      Object.entries(
+        reduce(
+          [...integrations, components],
+          (merged, current) => ({
+            ...merged,
+            ...current
+          }),
+          {}
+        )
+      )
+    );
+  }, [...integrations]);
+  const remoteFrame = /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      ref: connectRemoteIframeRef(receiver.connection),
+      src,
+      style: iframeStyle ?? {
+        visibility: "hidden",
+        height: 0,
+        width: 0,
+        border: "none",
+        position: "absolute",
+        marginLeft: "-9999px"
+      }
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(RemoteRootRenderer, { components: mergedComponents, receiver }),
+    remoteFrame
+  ] });
+};
+export {
+  RemoteRendererClient,
+  RemoteRendererClient as default
+};
+//# sourceMappingURL=RemoteRendererClient.mjs.map

package/dist/js/RemoteRendererClient.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteRendererClient.mjs","sources":["../../src/RemoteRendererClient.tsx"],"sourcesContent":["\"use client\";\nimport type { RemoteComponentRendererProps } from \"@remote-dom/react/host\";\nimport { RemoteReceiver, RemoteRootRenderer } from \"@remote-dom/react/host\";\nimport type { ComponentType, CSSProperties, FC } from \"react\";\nimport React, { useMemo } from \"react\";\nimport { components } from \"@/components\";\nimport type { RemoteComponentsMap } from \"@/lib/types\";\nimport { reduce } from \"remeda\";\nimport { connectRemoteIframeRef } from \"@mittwald/flow-remote-core\";\n\nexport interface RemoteRendererProps {\n  integrations?: RemoteComponentsMap<never>[];\n  src: string;\n  iframeStyle?: CSSProperties;\n}\n\nexport const RemoteRendererClient: FC<RemoteRendererProps> = (props) => {\n  const { integrations = [], src, iframeStyle } = props;\n  const receiver = useMemo(() => new RemoteReceiver(), []);\n\n  const mergedComponents = useMemo(() => {\n    return new Map<string, ComponentType<RemoteComponentRendererProps>>(\n      Object.entries(\n        reduce(\n          [...integrations, components],\n          (merged, current) => ({\n            ...merged,\n            ...current,\n          }),\n          {},\n        ),\n      ),\n    );\n  }, [...integrations]);\n\n  const remoteFrame = (\n    <iframe\n      ref={connectRemoteIframeRef(receiver.connection)}\n      src={src}\n      style={\n        iframeStyle ?? {\n          visibility: \"hidden\",\n          height: 0,\n          width: 0,\n          border: \"none\",\n          position: \"absolute\",\n          marginLeft: \"-9999px\",\n        }\n      }\n    />\n  );\n\n  return (\n    <>\n      <RemoteRootRenderer components={mergedComponents} receiver={receiver} />\n      {remoteFrame}\n    </>\n  );\n};\n\nexport default RemoteRendererClient;\n"],"names":[],"mappings":";;;;;;;AAgBa,MAAA,uBAAgD,CAAC,UAAU;AACtE,QAAM,EAAE,eAAe,CAAA,GAAI,KAAK,YAAgB,IAAA;AAChD,QAAM,WAAW,QAAQ,MAAM,IAAI,eAAe,GAAG,CAAA,CAAE;AAEjD,QAAA,mBAAmB,QAAQ,MAAM;AACrC,WAAO,IAAI;AAAA,MACT,OAAO;AAAA,QACL;AAAA,UACE,CAAC,GAAG,cAAc,UAAU;AAAA,UAC5B,CAAC,QAAQ,aAAa;AAAA,YACpB,GAAG;AAAA,YACH,GAAG;AAAA,UAAA;AAAA,UAEL,CAAA;AAAA,QAAC;AAAA,MACH;AAAA,IAEJ;AAAA,EAAA,GACC,CAAC,GAAG,YAAY,CAAC;AAEpB,QAAM,cACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,uBAAuB,SAAS,UAAU;AAAA,MAC/C;AAAA,MACA,OACE,eAAe;AAAA,QACb,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAEJ;AAGF,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,oBAAA,EAAmB,YAAY,kBAAkB,SAAoB,CAAA;AAAA,IACrE;AAAA,EAAA,GACH;AAEJ;"}

package/dist/js/auto-generated/index.mjs

@@ -0,0 +1,108 @@
+"use client"
+/* */
+import { createFlowRemoteComponentRenderer } from "../lib/createFlowRemoteComponentRenderer.mjs";
+import { TooltipTrigger, Tooltip, TimeField, TextField, TextArea, Text, Tabs, TableRow, TableHeader, TableFooterRow, TableColumn, TableCell, TableBody, Table, TabTitle, Tab, Switch, Slider, SkeletonText, Skeleton, Separator, Select, SegmentedControl, Segment, Section, SearchField, RadioGroup, RadioButton, Radio, ProgressBar, PopoverContent, OverlayContent, Option, NumberField, NotificationProvider, Notification, NavigationGroup, Navigation, Message, MenuTrigger, MenuItem, Markdown, LoadingSpinner, ListSummary, ListItemViewContent, EmptyView, Link, LightBoxTrigger, LightBox, LayoutCard, LabeledValue, Label, GridListItem, GridList, InlineCode, Initials, Image, IllustratedMessage, Icon, Heading, HeaderNavigation, Header, Fragment, FileField, FileCardList, FileCard, FieldError, FieldDescription, Div, DialogTrigger, DateRangePicker, DatePicker, CountryOptions, CounterBadge, CopyButton, ContextualHelpTrigger, ContextualHelp, ContextMenuSection, ContextMenuContent, Content, ColumnLayout, CodeBlock, CheckboxGroup, CheckboxButton, Checkbox, Button, Breadcrumb, Badge, Avatar, Align, AlertIcon, AlertBadge, Alert, ActionGroup, Accordion } from "@mittwald/flow-react-components";
+const flowComponents = {
+  "flr-accordion": createFlowRemoteComponentRenderer(Accordion),
+  "flr-action-group": createFlowRemoteComponentRenderer(ActionGroup),
+  "flr-alert": createFlowRemoteComponentRenderer(Alert),
+  "flr-alert-badge": createFlowRemoteComponentRenderer(AlertBadge),
+  "flr-alert-icon": createFlowRemoteComponentRenderer(AlertIcon),
+  "flr-align": createFlowRemoteComponentRenderer(Align),
+  "flr-avatar": createFlowRemoteComponentRenderer(Avatar),
+  "flr-badge": createFlowRemoteComponentRenderer(Badge),
+  "flr-breadcrumb": createFlowRemoteComponentRenderer(Breadcrumb),
+  "flr-button": createFlowRemoteComponentRenderer(Button),
+  "flr-checkbox": createFlowRemoteComponentRenderer(Checkbox),
+  "flr-checkbox-button": createFlowRemoteComponentRenderer(CheckboxButton),
+  "flr-checkbox-group": createFlowRemoteComponentRenderer(CheckboxGroup),
+  "flr-code-block": createFlowRemoteComponentRenderer(CodeBlock),
+  "flr-column-layout": createFlowRemoteComponentRenderer(ColumnLayout),
+  "flr-content": createFlowRemoteComponentRenderer(Content),
+  "flr-context-menu-content": createFlowRemoteComponentRenderer(ContextMenuContent),
+  "flr-context-menu-section": createFlowRemoteComponentRenderer(ContextMenuSection),
+  "flr-contextual-help": createFlowRemoteComponentRenderer(ContextualHelp),
+  "flr-contextual-help-trigger": createFlowRemoteComponentRenderer(
+    ContextualHelpTrigger
+  ),
+  "flr-copy-button": createFlowRemoteComponentRenderer(CopyButton),
+  "flr-counter-badge": createFlowRemoteComponentRenderer(CounterBadge),
+  "flr-country-options": createFlowRemoteComponentRenderer(CountryOptions),
+  "flr-date-picker": createFlowRemoteComponentRenderer(DatePicker),
+  "flr-date-range-picker": createFlowRemoteComponentRenderer(DateRangePicker),
+  "flr-dialog-trigger": createFlowRemoteComponentRenderer(DialogTrigger),
+  "flr-div": createFlowRemoteComponentRenderer(Div),
+  "flr-field-description": createFlowRemoteComponentRenderer(FieldDescription),
+  "flr-field-error": createFlowRemoteComponentRenderer(FieldError),
+  "flr-file-card": createFlowRemoteComponentRenderer(FileCard),
+  "flr-file-card-list": createFlowRemoteComponentRenderer(FileCardList),
+  "flr-file-field": createFlowRemoteComponentRenderer(FileField),
+  "flr-fragment": createFlowRemoteComponentRenderer(Fragment),
+  "flr-header": createFlowRemoteComponentRenderer(Header),
+  "flr-header-navigation": createFlowRemoteComponentRenderer(HeaderNavigation),
+  "flr-heading": createFlowRemoteComponentRenderer(Heading),
+  "flr-icon": createFlowRemoteComponentRenderer(Icon),
+  "flr-illustrated-message": createFlowRemoteComponentRenderer(IllustratedMessage),
+  "flr-image": createFlowRemoteComponentRenderer(Image),
+  "flr-initials": createFlowRemoteComponentRenderer(Initials),
+  "flr-inline-code": createFlowRemoteComponentRenderer(InlineCode),
+  "flr-items-grid-list": createFlowRemoteComponentRenderer(GridList),
+  "flr-items-grid-list-item": createFlowRemoteComponentRenderer(GridListItem),
+  "flr-label": createFlowRemoteComponentRenderer(Label),
+  "flr-labeled-value": createFlowRemoteComponentRenderer(LabeledValue),
+  "flr-layout-card": createFlowRemoteComponentRenderer(LayoutCard),
+  "flr-light-box": createFlowRemoteComponentRenderer(LightBox),
+  "flr-light-box-trigger": createFlowRemoteComponentRenderer(LightBoxTrigger),
+  "flr-link": createFlowRemoteComponentRenderer(Link),
+  "flr-list-empty-view": createFlowRemoteComponentRenderer(EmptyView),
+  "flr-list-item-view-content": createFlowRemoteComponentRenderer(ListItemViewContent),
+  "flr-list-summary": createFlowRemoteComponentRenderer(ListSummary),
+  "flr-loading-spinner": createFlowRemoteComponentRenderer(LoadingSpinner),
+  "flr-markdown": createFlowRemoteComponentRenderer(Markdown),
+  "flr-menu-item": createFlowRemoteComponentRenderer(MenuItem),
+  "flr-menu-trigger": createFlowRemoteComponentRenderer(MenuTrigger),
+  "flr-message": createFlowRemoteComponentRenderer(Message),
+  "flr-navigation": createFlowRemoteComponentRenderer(Navigation),
+  "flr-navigation-group": createFlowRemoteComponentRenderer(NavigationGroup),
+  "flr-notification": createFlowRemoteComponentRenderer(Notification),
+  "flr-notification-provider": createFlowRemoteComponentRenderer(NotificationProvider),
+  "flr-number-field": createFlowRemoteComponentRenderer(NumberField),
+  "flr-option": createFlowRemoteComponentRenderer(Option),
+  "flr-overlay-content": createFlowRemoteComponentRenderer(OverlayContent),
+  "flr-popover-content": createFlowRemoteComponentRenderer(PopoverContent),
+  "flr-progress-bar": createFlowRemoteComponentRenderer(ProgressBar),
+  "flr-radio": createFlowRemoteComponentRenderer(Radio),
+  "flr-radio-button": createFlowRemoteComponentRenderer(RadioButton),
+  "flr-radio-group": createFlowRemoteComponentRenderer(RadioGroup),
+  "flr-search-field": createFlowRemoteComponentRenderer(SearchField),
+  "flr-section": createFlowRemoteComponentRenderer(Section),
+  "flr-segment": createFlowRemoteComponentRenderer(Segment),
+  "flr-segmented-control": createFlowRemoteComponentRenderer(SegmentedControl),
+  "flr-select": createFlowRemoteComponentRenderer(Select),
+  "flr-separator": createFlowRemoteComponentRenderer(Separator),
+  "flr-skeleton": createFlowRemoteComponentRenderer(Skeleton),
+  "flr-skeleton-text": createFlowRemoteComponentRenderer(SkeletonText),
+  "flr-slider": createFlowRemoteComponentRenderer(Slider),
+  "flr-switch": createFlowRemoteComponentRenderer(Switch),
+  "flr-tab": createFlowRemoteComponentRenderer(Tab),
+  "flr-tab-title": createFlowRemoteComponentRenderer(TabTitle),
+  "flr-table": createFlowRemoteComponentRenderer(Table),
+  "flr-table-body": createFlowRemoteComponentRenderer(TableBody),
+  "flr-table-cell": createFlowRemoteComponentRenderer(TableCell),
+  "flr-table-column": createFlowRemoteComponentRenderer(TableColumn),
+  "flr-table-footer-row": createFlowRemoteComponentRenderer(TableFooterRow),
+  "flr-table-header": createFlowRemoteComponentRenderer(TableHeader),
+  "flr-table-row": createFlowRemoteComponentRenderer(TableRow),
+  "flr-tabs": createFlowRemoteComponentRenderer(Tabs),
+  "flr-text": createFlowRemoteComponentRenderer(Text),
+  "flr-text-area": createFlowRemoteComponentRenderer(TextArea),
+  "flr-text-field": createFlowRemoteComponentRenderer(TextField),
+  "flr-time-field": createFlowRemoteComponentRenderer(TimeField),
+  "flr-tooltip": createFlowRemoteComponentRenderer(Tooltip),
+  "flr-tooltip-trigger": createFlowRemoteComponentRenderer(TooltipTrigger)
+};
+export {
+  flowComponents as default,
+  flowComponents
+};
+//# sourceMappingURL=index.mjs.map

package/dist/js/auto-generated/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/auto-generated/index.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponentRenderer } from \"@/lib/createFlowRemoteComponentRenderer\";\nimport { Accordion as Accordion } from \"@mittwald/flow-react-components\";\nimport { ActionGroup as ActionGroup } from \"@mittwald/flow-react-components\";\nimport { Alert as Alert } from \"@mittwald/flow-react-components\";\nimport { AlertBadge as AlertBadge } from \"@mittwald/flow-react-components\";\nimport { AlertIcon as AlertIcon } from \"@mittwald/flow-react-components\";\nimport { Align as Align } from \"@mittwald/flow-react-components\";\nimport { Avatar as Avatar } from \"@mittwald/flow-react-components\";\nimport { Badge as Badge } from \"@mittwald/flow-react-components\";\nimport { Breadcrumb as Breadcrumb } from \"@mittwald/flow-react-components\";\nimport { Button as Button } from \"@mittwald/flow-react-components\";\nimport { Checkbox as Checkbox } from \"@mittwald/flow-react-components\";\nimport { CheckboxButton as CheckboxButton } from \"@mittwald/flow-react-components\";\nimport { CheckboxGroup as CheckboxGroup } from \"@mittwald/flow-react-components\";\nimport { CodeBlock as CodeBlock } from \"@mittwald/flow-react-components\";\nimport { ColumnLayout as ColumnLayout } from \"@mittwald/flow-react-components\";\nimport { Content as Content } from \"@mittwald/flow-react-components\";\nimport { ContextMenuContent as ContextMenuContent } from \"@mittwald/flow-react-components\";\nimport { ContextMenuSection as ContextMenuSection } from \"@mittwald/flow-react-components\";\nimport { ContextualHelp as ContextualHelp } from \"@mittwald/flow-react-components\";\nimport { ContextualHelpTrigger as ContextualHelpTrigger } from \"@mittwald/flow-react-components\";\nimport { CopyButton as CopyButton } from \"@mittwald/flow-react-components\";\nimport { CounterBadge as CounterBadge } from \"@mittwald/flow-react-components\";\nimport { CountryOptions as CountryOptions } from \"@mittwald/flow-react-components\";\nimport { DatePicker as DatePicker } from \"@mittwald/flow-react-components\";\nimport { DateRangePicker as DateRangePicker } from \"@mittwald/flow-react-components\";\nimport { DialogTrigger as DialogTrigger } from \"@mittwald/flow-react-components\";\nimport { Div as Div } from \"@mittwald/flow-react-components\";\nimport { FieldDescription as FieldDescription } from \"@mittwald/flow-react-components\";\nimport { FieldError as FieldError } from \"@mittwald/flow-react-components\";\nimport { FileCard as FileCard } from \"@mittwald/flow-react-components\";\nimport { FileCardList as FileCardList } from \"@mittwald/flow-react-components\";\nimport { FileField as FileField } from \"@mittwald/flow-react-components\";\nimport { Fragment as Fragment } from \"@mittwald/flow-react-components\";\nimport { Header as Header } from \"@mittwald/flow-react-components\";\nimport { HeaderNavigation as HeaderNavigation } from \"@mittwald/flow-react-components\";\nimport { Heading as Heading } from \"@mittwald/flow-react-components\";\nimport { Icon as Icon } from \"@mittwald/flow-react-components\";\nimport { IllustratedMessage as IllustratedMessage } from \"@mittwald/flow-react-components\";\nimport { Image as Image } from \"@mittwald/flow-react-components\";\nimport { Initials as Initials } from \"@mittwald/flow-react-components\";\nimport { InlineCode as InlineCode } from \"@mittwald/flow-react-components\";\nimport { GridList as ItemsGridList } from \"@mittwald/flow-react-components\";\nimport { GridListItem as ItemsGridListItem } from \"@mittwald/flow-react-components\";\nimport { Label as Label } from \"@mittwald/flow-react-components\";\nimport { LabeledValue as LabeledValue } from \"@mittwald/flow-react-components\";\nimport { LayoutCard as LayoutCard } from \"@mittwald/flow-react-components\";\nimport { LightBox as LightBox } from \"@mittwald/flow-react-components\";\nimport { LightBoxTrigger as LightBoxTrigger } from \"@mittwald/flow-react-components\";\nimport { Link as Link } from \"@mittwald/flow-react-components\";\nimport { EmptyView as ListEmptyView } from \"@mittwald/flow-react-components\";\nimport { ListItemViewContent as ListItemViewContent } from \"@mittwald/flow-react-components\";\nimport { ListSummary as ListSummary } from \"@mittwald/flow-react-components\";\nimport { LoadingSpinner as LoadingSpinner } from \"@mittwald/flow-react-components\";\nimport { Markdown as Markdown } from \"@mittwald/flow-react-components\";\nimport { MenuItem as MenuItem } from \"@mittwald/flow-react-components\";\nimport { MenuTrigger as MenuTrigger } from \"@mittwald/flow-react-components\";\nimport { Message as Message } from \"@mittwald/flow-react-components\";\nimport { Navigation as Navigation } from \"@mittwald/flow-react-components\";\nimport { NavigationGroup as NavigationGroup } from \"@mittwald/flow-react-components\";\nimport { Notification as Notification } from \"@mittwald/flow-react-components\";\nimport { NotificationProvider as NotificationProvider } from \"@mittwald/flow-react-components\";\nimport { NumberField as NumberField } from \"@mittwald/flow-react-components\";\nimport { Option as Option } from \"@mittwald/flow-react-components\";\nimport { OverlayContent as OverlayContent } from \"@mittwald/flow-react-components\";\nimport { PopoverContent as PopoverContent } from \"@mittwald/flow-react-components\";\nimport { ProgressBar as ProgressBar } from \"@mittwald/flow-react-components\";\nimport { Radio as Radio } from \"@mittwald/flow-react-components\";\nimport { RadioButton as RadioButton } from \"@mittwald/flow-react-components\";\nimport { RadioGroup as RadioGroup } from \"@mittwald/flow-react-components\";\nimport { SearchField as SearchField } from \"@mittwald/flow-react-components\";\nimport { Section as Section } from \"@mittwald/flow-react-components\";\nimport { Segment as Segment } from \"@mittwald/flow-react-components\";\nimport { SegmentedControl as SegmentedControl } from \"@mittwald/flow-react-components\";\nimport { Select as Select } from \"@mittwald/flow-react-components\";\nimport { Separator as Separator } from \"@mittwald/flow-react-components\";\nimport { Skeleton as Skeleton } from \"@mittwald/flow-react-components\";\nimport { SkeletonText as SkeletonText } from \"@mittwald/flow-react-components\";\nimport { Slider as Slider } from \"@mittwald/flow-react-components\";\nimport { Switch as Switch } from \"@mittwald/flow-react-components\";\nimport { Tab as Tab } from \"@mittwald/flow-react-components\";\nimport { TabTitle as TabTitle } from \"@mittwald/flow-react-components\";\nimport { Table as Table } from \"@mittwald/flow-react-components\";\nimport { TableBody as TableBody } from \"@mittwald/flow-react-components\";\nimport { TableCell as TableCell } from \"@mittwald/flow-react-components\";\nimport { TableColumn as TableColumn } from \"@mittwald/flow-react-components\";\nimport { TableFooterRow as TableFooterRow } from \"@mittwald/flow-react-components\";\nimport { TableHeader as TableHeader } from \"@mittwald/flow-react-components\";\nimport { TableRow as TableRow } from \"@mittwald/flow-react-components\";\nimport { Tabs as Tabs } from \"@mittwald/flow-react-components\";\nimport { Text as Text } from \"@mittwald/flow-react-components\";\nimport { TextArea as TextArea } from \"@mittwald/flow-react-components\";\nimport { TextField as TextField } from \"@mittwald/flow-react-components\";\nimport { TimeField as TimeField } from \"@mittwald/flow-react-components\";\nimport { Tooltip as Tooltip } from \"@mittwald/flow-react-components\";\nimport { TooltipTrigger as TooltipTrigger } from \"@mittwald/flow-react-components\";\n\nexport const flowComponents = {\n  \"flr-accordion\": createFlowRemoteComponentRenderer(Accordion),\n  \"flr-action-group\": createFlowRemoteComponentRenderer(ActionGroup),\n  \"flr-alert\": createFlowRemoteComponentRenderer(Alert),\n  \"flr-alert-badge\": createFlowRemoteComponentRenderer(AlertBadge),\n  \"flr-alert-icon\": createFlowRemoteComponentRenderer(AlertIcon),\n  \"flr-align\": createFlowRemoteComponentRenderer(Align),\n  \"flr-avatar\": createFlowRemoteComponentRenderer(Avatar),\n  \"flr-badge\": createFlowRemoteComponentRenderer(Badge),\n  \"flr-breadcrumb\": createFlowRemoteComponentRenderer(Breadcrumb),\n  \"flr-button\": createFlowRemoteComponentRenderer(Button),\n  \"flr-checkbox\": createFlowRemoteComponentRenderer(Checkbox),\n  \"flr-checkbox-button\": createFlowRemoteComponentRenderer(CheckboxButton),\n  \"flr-checkbox-group\": createFlowRemoteComponentRenderer(CheckboxGroup),\n  \"flr-code-block\": createFlowRemoteComponentRenderer(CodeBlock),\n  \"flr-column-layout\": createFlowRemoteComponentRenderer(ColumnLayout),\n  \"flr-content\": createFlowRemoteComponentRenderer(Content),\n  \"flr-context-menu-content\":\n    createFlowRemoteComponentRenderer(ContextMenuContent),\n  \"flr-context-menu-section\":\n    createFlowRemoteComponentRenderer(ContextMenuSection),\n  \"flr-contextual-help\": createFlowRemoteComponentRenderer(ContextualHelp),\n  \"flr-contextual-help-trigger\": createFlowRemoteComponentRenderer(\n    ContextualHelpTrigger,\n  ),\n  \"flr-copy-button\": createFlowRemoteComponentRenderer(CopyButton),\n  \"flr-counter-badge\": createFlowRemoteComponentRenderer(CounterBadge),\n  \"flr-country-options\": createFlowRemoteComponentRenderer(CountryOptions),\n  \"flr-date-picker\": createFlowRemoteComponentRenderer(DatePicker),\n  \"flr-date-range-picker\": createFlowRemoteComponentRenderer(DateRangePicker),\n  \"flr-dialog-trigger\": createFlowRemoteComponentRenderer(DialogTrigger),\n  \"flr-div\": createFlowRemoteComponentRenderer(Div),\n  \"flr-field-description\": createFlowRemoteComponentRenderer(FieldDescription),\n  \"flr-field-error\": createFlowRemoteComponentRenderer(FieldError),\n  \"flr-file-card\": createFlowRemoteComponentRenderer(FileCard),\n  \"flr-file-card-list\": createFlowRemoteComponentRenderer(FileCardList),\n  \"flr-file-field\": createFlowRemoteComponentRenderer(FileField),\n  \"flr-fragment\": createFlowRemoteComponentRenderer(Fragment),\n  \"flr-header\": createFlowRemoteComponentRenderer(Header),\n  \"flr-header-navigation\": createFlowRemoteComponentRenderer(HeaderNavigation),\n  \"flr-heading\": createFlowRemoteComponentRenderer(Heading),\n  \"flr-icon\": createFlowRemoteComponentRenderer(Icon),\n  \"flr-illustrated-message\":\n    createFlowRemoteComponentRenderer(IllustratedMessage),\n  \"flr-image\": createFlowRemoteComponentRenderer(Image),\n  \"flr-initials\": createFlowRemoteComponentRenderer(Initials),\n  \"flr-inline-code\": createFlowRemoteComponentRenderer(InlineCode),\n  \"flr-items-grid-list\": createFlowRemoteComponentRenderer(ItemsGridList),\n  \"flr-items-grid-list-item\":\n    createFlowRemoteComponentRenderer(ItemsGridListItem),\n  \"flr-label\": createFlowRemoteComponentRenderer(Label),\n  \"flr-labeled-value\": createFlowRemoteComponentRenderer(LabeledValue),\n  \"flr-layout-card\": createFlowRemoteComponentRenderer(LayoutCard),\n  \"flr-light-box\": createFlowRemoteComponentRenderer(LightBox),\n  \"flr-light-box-trigger\": createFlowRemoteComponentRenderer(LightBoxTrigger),\n  \"flr-link\": createFlowRemoteComponentRenderer(Link),\n  \"flr-list-empty-view\": createFlowRemoteComponentRenderer(ListEmptyView),\n  \"flr-list-item-view-content\":\n    createFlowRemoteComponentRenderer(ListItemViewContent),\n  \"flr-list-summary\": createFlowRemoteComponentRenderer(ListSummary),\n  \"flr-loading-spinner\": createFlowRemoteComponentRenderer(LoadingSpinner),\n  \"flr-markdown\": createFlowRemoteComponentRenderer(Markdown),\n  \"flr-menu-item\": createFlowRemoteComponentRenderer(MenuItem),\n  \"flr-menu-trigger\": createFlowRemoteComponentRenderer(MenuTrigger),\n  \"flr-message\": createFlowRemoteComponentRenderer(Message),\n  \"flr-navigation\": createFlowRemoteComponentRenderer(Navigation),\n  \"flr-navigation-group\": createFlowRemoteComponentRenderer(NavigationGroup),\n  \"flr-notification\": createFlowRemoteComponentRenderer(Notification),\n  \"flr-notification-provider\":\n    createFlowRemoteComponentRenderer(NotificationProvider),\n  \"flr-number-field\": createFlowRemoteComponentRenderer(NumberField),\n  \"flr-option\": createFlowRemoteComponentRenderer(Option),\n  \"flr-overlay-content\": createFlowRemoteComponentRenderer(OverlayContent),\n  \"flr-popover-content\": createFlowRemoteComponentRenderer(PopoverContent),\n  \"flr-progress-bar\": createFlowRemoteComponentRenderer(ProgressBar),\n  \"flr-radio\": createFlowRemoteComponentRenderer(Radio),\n  \"flr-radio-button\": createFlowRemoteComponentRenderer(RadioButton),\n  \"flr-radio-group\": createFlowRemoteComponentRenderer(RadioGroup),\n  \"flr-search-field\": createFlowRemoteComponentRenderer(SearchField),\n  \"flr-section\": createFlowRemoteComponentRenderer(Section),\n  \"flr-segment\": createFlowRemoteComponentRenderer(Segment),\n  \"flr-segmented-control\": createFlowRemoteComponentRenderer(SegmentedControl),\n  \"flr-select\": createFlowRemoteComponentRenderer(Select),\n  \"flr-separator\": createFlowRemoteComponentRenderer(Separator),\n  \"flr-skeleton\": createFlowRemoteComponentRenderer(Skeleton),\n  \"flr-skeleton-text\": createFlowRemoteComponentRenderer(SkeletonText),\n  \"flr-slider\": createFlowRemoteComponentRenderer(Slider),\n  \"flr-switch\": createFlowRemoteComponentRenderer(Switch),\n  \"flr-tab\": createFlowRemoteComponentRenderer(Tab),\n  \"flr-tab-title\": createFlowRemoteComponentRenderer(TabTitle),\n  \"flr-table\": createFlowRemoteComponentRenderer(Table),\n  \"flr-table-body\": createFlowRemoteComponentRenderer(TableBody),\n  \"flr-table-cell\": createFlowRemoteComponentRenderer(TableCell),\n  \"flr-table-column\": createFlowRemoteComponentRenderer(TableColumn),\n  \"flr-table-footer-row\": createFlowRemoteComponentRenderer(TableFooterRow),\n  \"flr-table-header\": createFlowRemoteComponentRenderer(TableHeader),\n  \"flr-table-row\": createFlowRemoteComponentRenderer(TableRow),\n  \"flr-tabs\": createFlowRemoteComponentRenderer(Tabs),\n  \"flr-text\": createFlowRemoteComponentRenderer(Text),\n  \"flr-text-area\": createFlowRemoteComponentRenderer(TextArea),\n  \"flr-text-field\": createFlowRemoteComponentRenderer(TextField),\n  \"flr-time-field\": createFlowRemoteComponentRenderer(TimeField),\n  \"flr-tooltip\": createFlowRemoteComponentRenderer(Tooltip),\n  \"flr-tooltip-trigger\": createFlowRemoteComponentRenderer(TooltipTrigger),\n} as const;\n\nexport default flowComponents;\n"],"names":["ItemsGridList","ItemsGridListItem","ListEmptyView"],"mappings":";;AAmGO,MAAM,iBAAiB;AAAA,EAC5B,iBAAiB,kCAAkC,SAAS;AAAA,EAC5D,oBAAoB,kCAAkC,WAAW;AAAA,EACjE,aAAa,kCAAkC,KAAK;AAAA,EACpD,mBAAmB,kCAAkC,UAAU;AAAA,EAC/D,kBAAkB,kCAAkC,SAAS;AAAA,EAC7D,aAAa,kCAAkC,KAAK;AAAA,EACpD,cAAc,kCAAkC,MAAM;AAAA,EACtD,aAAa,kCAAkC,KAAK;AAAA,EACpD,kBAAkB,kCAAkC,UAAU;AAAA,EAC9D,cAAc,kCAAkC,MAAM;AAAA,EACtD,gBAAgB,kCAAkC,QAAQ;AAAA,EAC1D,uBAAuB,kCAAkC,cAAc;AAAA,EACvE,sBAAsB,kCAAkC,aAAa;AAAA,EACrE,kBAAkB,kCAAkC,SAAS;AAAA,EAC7D,qBAAqB,kCAAkC,YAAY;AAAA,EACnE,eAAe,kCAAkC,OAAO;AAAA,EACxD,4BACE,kCAAkC,kBAAkB;AAAA,EACtD,4BACE,kCAAkC,kBAAkB;AAAA,EACtD,uBAAuB,kCAAkC,cAAc;AAAA,EACvE,+BAA+B;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,mBAAmB,kCAAkC,UAAU;AAAA,EAC/D,qBAAqB,kCAAkC,YAAY;AAAA,EACnE,uBAAuB,kCAAkC,cAAc;AAAA,EACvE,mBAAmB,kCAAkC,UAAU;AAAA,EAC/D,yBAAyB,kCAAkC,eAAe;AAAA,EAC1E,sBAAsB,kCAAkC,aAAa;AAAA,EACrE,WAAW,kCAAkC,GAAG;AAAA,EAChD,yBAAyB,kCAAkC,gBAAgB;AAAA,EAC3E,mBAAmB,kCAAkC,UAAU;AAAA,EAC/D,iBAAiB,kCAAkC,QAAQ;AAAA,EAC3D,sBAAsB,kCAAkC,YAAY;AAAA,EACpE,kBAAkB,kCAAkC,SAAS;AAAA,EAC7D,gBAAgB,kCAAkC,QAAQ;AAAA,EAC1D,cAAc,kCAAkC,MAAM;AAAA,EACtD,yBAAyB,kCAAkC,gBAAgB;AAAA,EAC3E,eAAe,kCAAkC,OAAO;AAAA,EACxD,YAAY,kCAAkC,IAAI;AAAA,EAClD,2BACE,kCAAkC,kBAAkB;AAAA,EACtD,aAAa,kCAAkC,KAAK;AAAA,EACpD,gBAAgB,kCAAkC,QAAQ;AAAA,EAC1D,mBAAmB,kCAAkC,UAAU;AAAA,EAC/D,uBAAuB,kCAAkCA,QAAa;AAAA,EACtE,4BACE,kCAAkCC,YAAiB;AAAA,EACrD,aAAa,kCAAkC,KAAK;AAAA,EACpD,qBAAqB,kCAAkC,YAAY;AAAA,EACnE,mBAAmB,kCAAkC,UAAU;AAAA,EAC/D,iBAAiB,kCAAkC,QAAQ;AAAA,EAC3D,yBAAyB,kCAAkC,eAAe;AAAA,EAC1E,YAAY,kCAAkC,IAAI;AAAA,EAClD,uBAAuB,kCAAkCC,SAAa;AAAA,EACtE,8BACE,kCAAkC,mBAAmB;AAAA,EACvD,oBAAoB,kCAAkC,WAAW;AAAA,EACjE,uBAAuB,kCAAkC,cAAc;AAAA,EACvE,gBAAgB,kCAAkC,QAAQ;AAAA,EAC1D,iBAAiB,kCAAkC,QAAQ;AAAA,EAC3D,oBAAoB,kCAAkC,WAAW;AAAA,EACjE,eAAe,kCAAkC,OAAO;AAAA,EACxD,kBAAkB,kCAAkC,UAAU;AAAA,EAC9D,wBAAwB,kCAAkC,eAAe;AAAA,EACzE,oBAAoB,kCAAkC,YAAY;AAAA,EAClE,6BACE,kCAAkC,oBAAoB;AAAA,EACxD,oBAAoB,kCAAkC,WAAW;AAAA,EACjE,cAAc,kCAAkC,MAAM;AAAA,EACtD,uBAAuB,kCAAkC,cAAc;AAAA,EACvE,uBAAuB,kCAAkC,cAAc;AAAA,EACvE,oBAAoB,kCAAkC,WAAW;AAAA,EACjE,aAAa,kCAAkC,KAAK;AAAA,EACpD,oBAAoB,kCAAkC,WAAW;AAAA,EACjE,mBAAmB,kCAAkC,UAAU;AAAA,EAC/D,oBAAoB,kCAAkC,WAAW;AAAA,EACjE,eAAe,kCAAkC,OAAO;AAAA,EACxD,eAAe,kCAAkC,OAAO;AAAA,EACxD,yBAAyB,kCAAkC,gBAAgB;AAAA,EAC3E,cAAc,kCAAkC,MAAM;AAAA,EACtD,iBAAiB,kCAAkC,SAAS;AAAA,EAC5D,gBAAgB,kCAAkC,QAAQ;AAAA,EAC1D,qBAAqB,kCAAkC,YAAY;AAAA,EACnE,cAAc,kCAAkC,MAAM;AAAA,EACtD,cAAc,kCAAkC,MAAM;AAAA,EACtD,WAAW,kCAAkC,GAAG;AAAA,EAChD,iBAAiB,kCAAkC,QAAQ;AAAA,EAC3D,aAAa,kCAAkC,KAAK;AAAA,EACpD,kBAAkB,kCAAkC,SAAS;AAAA,EAC7D,kBAAkB,kCAAkC,SAAS;AAAA,EAC7D,oBAAoB,kCAAkC,WAAW;AAAA,EACjE,wBAAwB,kCAAkC,cAAc;AAAA,EACxE,oBAAoB,kCAAkC,WAAW;AAAA,EACjE,iBAAiB,kCAAkC,QAAQ;AAAA,EAC3D,YAAY,kCAAkC,IAAI;AAAA,EAClD,YAAY,kCAAkC,IAAI;AAAA,EAClD,iBAAiB,kCAAkC,QAAQ;AAAA,EAC3D,kBAAkB,kCAAkC,SAAS;AAAA,EAC7D,kBAAkB,kCAAkC,SAAS;AAAA,EAC7D,eAAe,kCAAkC,OAAO;AAAA,EACxD,uBAAuB,kCAAkC,cAAc;AACzE;"}

package/dist/js/components/Form.mjs

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { getFormDataObject } from "./lib/getFormDataObject.mjs";
+const Form = forwardRef((props, ref) => {
+  const {
+    action: actionFromProps,
+    onSubmit: onSubmitFromProps,
+    ...rest
+  } = props;
+  const action = typeof actionFromProps === "function" ? (formData) => actionFromProps(getFormDataObject(formData)) : actionFromProps;
+  const onSubmit = onSubmitFromProps ? (e) => {
+    e.preventDefault();
+    onSubmitFromProps(getFormDataObject(new FormData(e.currentTarget)));
+  } : void 0;
+  return /* @__PURE__ */ jsx("form", { ref, ...rest, action, onSubmit });
+});
+export {
+  Form
+};
+//# sourceMappingURL=Form.mjs.map

package/dist/js/components/Form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.mjs","sources":["../../../src/components/Form.tsx"],"sourcesContent":["import type {\n  FC,\n  FormEvent,\n  FormHTMLAttributes,\n  PropsWithChildren,\n} from \"react\";\nimport React, { forwardRef } from \"react\";\nimport { getFormDataObject } from \"@/components/lib/getFormDataObject\";\n\ntype FormProps = Pick<FormHTMLAttributes<HTMLFormElement>, \"action\"> & {\n  onSubmit?: (data: Record<string, unknown>) => void;\n} & PropsWithChildren;\n\nexport const Form: FC = forwardRef<HTMLFormElement, FormProps>((props, ref) => {\n  const {\n    action: actionFromProps,\n    onSubmit: onSubmitFromProps,\n    ...rest\n  } = props;\n\n  const action =\n    typeof actionFromProps === \"function\"\n      ? (formData: FormData) =>\n          actionFromProps(getFormDataObject(formData) as unknown as FormData)\n      : actionFromProps;\n\n  const onSubmit = onSubmitFromProps\n    ? (e: FormEvent<HTMLFormElement>) => {\n        e.preventDefault();\n        onSubmitFromProps(getFormDataObject(new FormData(e.currentTarget)));\n      }\n    : undefined;\n\n  return <form ref={ref} {...rest} action={action} onSubmit={onSubmit} />;\n});\n"],"names":[],"mappings":";;;AAaO,MAAM,OAAW,WAAuC,CAAC,OAAO,QAAQ;AACvE,QAAA;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,IACD;AAEE,QAAA,SACJ,OAAO,oBAAoB,aACvB,CAAC,aACC,gBAAgB,kBAAkB,QAAQ,CAAwB,IACpE;AAEA,QAAA,WAAW,oBACb,CAAC,MAAkC;AACjC,MAAE,eAAe;AACjB,sBAAkB,kBAAkB,IAAI,SAAS,EAAE,aAAa,CAAC,CAAC;AAAA,EAAA,IAEpE;AAEJ,6BAAQ,QAAK,EAAA,KAAW,GAAG,MAAM,QAAgB,UAAoB;AACvE,CAAC;"}

package/dist/js/components/lib/getFormDataObject.mjs

@@ -0,0 +1,7 @@
+"use client"
+/* */
+const getFormDataObject = (formData) => Object.fromEntries(Array.from(formData.entries()));
+export {
+  getFormDataObject
+};
+//# sourceMappingURL=getFormDataObject.mjs.map

package/dist/js/components/lib/getFormDataObject.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFormDataObject.mjs","sources":["../../../../src/components/lib/getFormDataObject.ts"],"sourcesContent":["export const getFormDataObject = (\n  formData: FormData,\n): Record<string, unknown> =>\n  Object.fromEntries(Array.from(formData.entries()));\n"],"names":[],"mappings":"AAAa,MAAA,oBAAoB,CAC/B,aAEA,OAAO,YAAY,MAAM,KAAK,SAAS,SAAS,CAAC;"}

package/dist/js/components.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { Form } from "./components/Form.mjs";
+import { createFlowRemoteComponentRenderer } from "./lib/createFlowRemoteComponentRenderer.mjs";
+import { elementFactory } from "./lib/elementFactory.mjs";
+import { createRemoteComponentRenderer } from "@remote-dom/react/host";
+import { flowComponents } from "./auto-generated/index.mjs";
+const htmlComponentsMap = {
+  svg: createRemoteComponentRenderer(elementFactory("svg")),
+  circle: createRemoteComponentRenderer(elementFactory("circle")),
+  g: createRemoteComponentRenderer(elementFactory("g")),
+  path: createRemoteComponentRenderer(elementFactory("path")),
+  strong: createRemoteComponentRenderer(elementFactory("strong"))
+};
+const flowComponentsMap = {
+  "flr-form": createFlowRemoteComponentRenderer(Form)
+};
+const components = {
+  ...htmlComponentsMap,
+  ...flowComponentsMap,
+  ...flowComponents
+};
+export {
+  components
+};
+//# sourceMappingURL=components.mjs.map

package/dist/js/components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.mjs","sources":["../../src/components.ts"],"sourcesContent":["import { Form } from \"@/components/Form\";\nimport { createFlowRemoteComponentRenderer } from \"@/lib/createFlowRemoteComponentRenderer\";\nimport { elementFactory } from \"@/lib/elementFactory\";\nimport { createRemoteComponentRenderer } from \"@remote-dom/react/host\";\nimport autoGenerated from \"./auto-generated\";\n\nconst htmlComponentsMap = {\n  svg: createRemoteComponentRenderer(elementFactory(\"svg\")),\n  circle: createRemoteComponentRenderer(elementFactory(\"circle\")),\n  g: createRemoteComponentRenderer(elementFactory(\"g\")),\n  path: createRemoteComponentRenderer(elementFactory(\"path\")),\n  strong: createRemoteComponentRenderer(elementFactory(\"strong\")),\n} as const;\n\nconst flowComponentsMap = {\n  \"flr-form\": createFlowRemoteComponentRenderer(Form),\n};\n\nexport const components = {\n  ...htmlComponentsMap,\n  ...flowComponentsMap,\n  ...autoGenerated,\n};\n"],"names":["autoGenerated"],"mappings":";;;;;AAMA,MAAM,oBAAoB;AAAA,EACxB,KAAK,8BAA8B,eAAe,KAAK,CAAC;AAAA,EACxD,QAAQ,8BAA8B,eAAe,QAAQ,CAAC;AAAA,EAC9D,GAAG,8BAA8B,eAAe,GAAG,CAAC;AAAA,EACpD,MAAM,8BAA8B,eAAe,MAAM,CAAC;AAAA,EAC1D,QAAQ,8BAA8B,eAAe,QAAQ,CAAC;AAChE;AAEA,MAAM,oBAAoB;AAAA,EACxB,YAAY,kCAAkC,IAAI;AACpD;AAEO,MAAM,aAAa;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAGA;AACL;"}

package/dist/js/hooks/useIsMounted.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { useState, useEffect } from "react";
+const useIsMounted = () => {
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+  return isMounted;
+};
+export {
+  useIsMounted
+};
+//# sourceMappingURL=useIsMounted.mjs.map

package/dist/js/hooks/useIsMounted.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.mjs","sources":["../../../src/hooks/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n  return isMounted;\n};\n"],"names":[],"mappings":";AAEO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,YAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,EAAE;AACE,SAAA;AACT;"}

package/dist/js/index.mjs

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { RemoteRenderer } from "./RemoteRenderer.mjs";
+export {
+  RemoteRenderer
+};
+//# sourceMappingURL=index.mjs.map

package/dist/js/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/js/lib/createFlowRemoteComponentRenderer.mjs

@@ -0,0 +1,36 @@
+"use client"
+/* */
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { createRemoteComponentRenderer } from "@remote-dom/react/host";
+import { mapValues } from "remeda";
+import { mapEventHandler } from "@mittwald/flow-remote-core";
+import { isEventProp, isStyleProp, isReactSuspendedStyle } from "./propClassifiers.mjs";
+const mapProperty = (val, key) => {
+  if (isEventProp(key, val)) {
+    return mapEventHandler(val, key);
+  }
+  if (isStyleProp(key)) {
+    if (isReactSuspendedStyle(val)) {
+      return {
+        display: "none"
+      };
+    }
+    return {};
+  }
+  return val;
+};
+const createFlowRemoteComponentRenderer = (Component) => {
+  function HostComponent(props) {
+    const hostComponentProps = mapValues(
+      props,
+      (v, k) => mapProperty(v, k)
+    );
+    return /* @__PURE__ */ jsx(Component, { ...hostComponentProps });
+  }
+  return createRemoteComponentRenderer(HostComponent);
+};
+export {
+  createFlowRemoteComponentRenderer
+};
+//# sourceMappingURL=createFlowRemoteComponentRenderer.mjs.map

package/dist/js/lib/createFlowRemoteComponentRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFlowRemoteComponentRenderer.mjs","sources":["../../../src/lib/createFlowRemoteComponentRenderer.tsx"],"sourcesContent":["import { type ComponentType } from \"react\";\nimport type { RemoteComponentRendererProps } from \"@remote-dom/react/host\";\nimport { createRemoteComponentRenderer } from \"@remote-dom/react/host\";\nimport { mapValues } from \"remeda\";\nimport { mapEventHandler } from \"@mittwald/flow-remote-core\";\nimport {\n  isEventProp,\n  isReactSuspendedStyle,\n  isStyleProp,\n} from \"@/lib/propClassifiers\";\n\nconst mapProperty = (val: unknown, key: string) => {\n  if (isEventProp(key, val)) {\n    return mapEventHandler(val, key);\n  }\n  if (isStyleProp(key)) {\n    if (isReactSuspendedStyle(val)) {\n      return {\n        display: \"none\",\n      };\n    }\n    return {};\n  }\n  return val;\n};\n\nexport const createFlowRemoteComponentRenderer = <P extends object>(\n  Component: ComponentType<P>,\n): ComponentType<RemoteComponentRendererProps> => {\n  function HostComponent(props: P) {\n    const hostComponentProps = mapValues(props, (v, k) =>\n      mapProperty(v, k),\n    ) as P;\n\n    return <Component {...hostComponentProps} />;\n  }\n  return createRemoteComponentRenderer(HostComponent);\n};\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,cAAc,CAAC,KAAc,QAAgB;AAC7C,MAAA,YAAY,KAAK,GAAG,GAAG;AAClB,WAAA,gBAAgB,KAAK,GAAG;AAAA,EAAA;AAE7B,MAAA,YAAY,GAAG,GAAG;AAChB,QAAA,sBAAsB,GAAG,GAAG;AACvB,aAAA;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IAAA;AAEF,WAAO,CAAC;AAAA,EAAA;AAEH,SAAA;AACT;AAEa,MAAA,oCAAoC,CAC/C,cACgD;AAChD,WAAS,cAAc,OAAU;AAC/B,UAAM,qBAAqB;AAAA,MAAU;AAAA,MAAO,CAAC,GAAG,MAC9C,YAAY,GAAG,CAAC;AAAA,IAClB;AAEO,WAAA,oBAAC,WAAW,EAAA,GAAG,mBAAoB,CAAA;AAAA,EAAA;AAE5C,SAAO,8BAA8B,aAAa;AACpD;"}

package/dist/js/lib/elementFactory.mjs

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { createElement } from "react";
+import { mapKeys } from "remeda";
+import clsx from "clsx";
+import { mapAttributeToReactProperty } from "./mapAttributeToReactProperty.mjs";
+const elementFactory = (element) => (props) => {
+  const result = { ...props };
+  result["className"] = clsx(
+    String(result["className"]),
+    String(result["class"])
+  );
+  delete result["class"];
+  return createElement(element, mapKeys(result, mapAttributeToReactProperty));
+};
+export {
+  elementFactory
+};
+//# sourceMappingURL=elementFactory.mjs.map

package/dist/js/lib/elementFactory.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementFactory.mjs","sources":["../../../src/lib/elementFactory.ts"],"sourcesContent":["import { createElement } from \"react\";\nimport { mapKeys } from \"remeda\";\nimport clsx from \"clsx\";\nimport { mapAttributeToReactProperty } from \"@/lib/mapAttributeToReactProperty\";\n\ntype ElementTagNameMap = HTMLElementTagNameMap &\n  Pick<\n    SVGElementTagNameMap,\n    Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>\n  >;\n\nexport const elementFactory =\n  <E extends keyof ElementTagNameMap>(element: E) =>\n  (props: Record<string, unknown>) => {\n    const result = { ...props };\n\n    // merge className and class\n    result[\"className\"] = clsx(\n      String(result[\"className\"]),\n      String(result[\"class\"]),\n    );\n\n    delete result[\"class\"];\n\n    return createElement(element, mapKeys(result, mapAttributeToReactProperty));\n  };\n"],"names":[],"mappings":";;;;AAWO,MAAM,iBACX,CAAoC,YACpC,CAAC,UAAmC;AAC5B,QAAA,SAAS,EAAE,GAAG,MAAM;AAG1B,SAAO,WAAW,IAAI;AAAA,IACpB,OAAO,OAAO,WAAW,CAAC;AAAA,IAC1B,OAAO,OAAO,OAAO,CAAC;AAAA,EACxB;AAEA,SAAO,OAAO,OAAO;AAErB,SAAO,cAAc,SAAS,QAAQ,QAAQ,2BAA2B,CAAC;AAC5E;"}

package/dist/js/lib/mapAttributeToReactProperty.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { toCamelCase } from "remeda";
+const keepWhenStartsWith = ["aria-", "data-"];
+const mapAttributeToReactProperty = (key) => {
+  if (keepWhenStartsWith.some((prefix) => key.startsWith(prefix))) {
+    return key;
+  }
+  return toCamelCase(key);
+};
+export {
+  mapAttributeToReactProperty
+};
+//# sourceMappingURL=mapAttributeToReactProperty.mjs.map

package/dist/js/lib/mapAttributeToReactProperty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapAttributeToReactProperty.mjs","sources":["../../../src/lib/mapAttributeToReactProperty.ts"],"sourcesContent":["import { toCamelCase } from \"remeda\";\n\nconst keepWhenStartsWith = [\"aria-\", \"data-\"];\n\nexport const mapAttributeToReactProperty = (key: string) => {\n  if (keepWhenStartsWith.some((prefix) => key.startsWith(prefix))) {\n    return key;\n  }\n\n  return toCamelCase(key);\n};\n"],"names":[],"mappings":";AAEA,MAAM,qBAAqB,CAAC,SAAS,OAAO;AAE/B,MAAA,8BAA8B,CAAC,QAAgB;AACtD,MAAA,mBAAmB,KAAK,CAAC,WAAW,IAAI,WAAW,MAAM,CAAC,GAAG;AACxD,WAAA;AAAA,EAAA;AAGT,SAAO,YAAY,GAAG;AACxB;"}

package/dist/js/lib/propClassifiers.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { isFunction } from "remeda";
+const defaultEventPropMatcher = /on[A-Z].*/;
+const isEventProp = (name, value) => !!name.match(defaultEventPropMatcher) && isFunction(value);
+const isStyleProp = (name) => name === "style";
+const isReactSuspendedStyle = (value) => value === "display: none !important;";
+export {
+  isEventProp,
+  isReactSuspendedStyle,
+  isStyleProp
+};
+//# sourceMappingURL=propClassifiers.mjs.map

package/dist/js/lib/propClassifiers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"propClassifiers.mjs","sources":["../../../src/lib/propClassifiers.ts"],"sourcesContent":["import { isFunction } from \"remeda\";\nimport type { EventHandler } from \"@mittwald/flow-remote-core\";\n\nconst defaultEventPropMatcher = /on[A-Z].*/;\n\nexport const isEventProp = (\n  name: string,\n  value: unknown,\n): value is EventHandler =>\n  !!name.match(defaultEventPropMatcher) && isFunction(value);\n\nexport const isStyleProp = (name: string): boolean => name === \"style\";\n\nexport const isReactSuspendedStyle = (value: unknown): boolean =>\n  value === \"display: none !important;\";\n"],"names":[],"mappings":";AAGA,MAAM,0BAA0B;AAEnB,MAAA,cAAc,CACzB,MACA,UAEA,CAAC,CAAC,KAAK,MAAM,uBAAuB,KAAK,WAAW,KAAK;AAE9C,MAAA,cAAc,CAAC,SAA0B,SAAS;AAElD,MAAA,wBAAwB,CAAC,UACpC,UAAU;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-remote-react-renderer",
-  "version": "0.2.0-alpha.30",
+  "version": "0.2.0-alpha.32",
   "type": "module",
   "description": "React rendering for Flow Remote Elements",
   "homepage": "https://mittwald.github.io/flow",
@@ -8,11 +8,11 @@
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "default": "./dist/index.js"
+      "default": "./dist/js/index.mjs"
     },
     "./RemoteRenderer": {
       "types": "./dist/types/RemoteRenderer.d.ts",
-      "default": "./dist/RemoteRenderer.js"
+      "default": "./dist/js/RemoteRenderer.mjs"
     }
   },
   "files": [
@@ -28,8 +28,8 @@
     "test:compile": "tsc --noEmit"
   },
   "dependencies": {
-    "@mittwald/flow-remote-core": "0.2.0-alpha.30",
-    "@mittwald/flow-remote-elements": "0.2.0-alpha.30",
+    "@mittwald/flow-remote-core": "0.2.0-alpha.32",
+    "@mittwald/flow-remote-elements": "0.2.0-alpha.32",
     "@remote-dom/react": "^1.2.1",
     "@types/react": "^19.0.8",
     "clsx": "^2.1.1",
@@ -37,7 +37,7 @@
     "remeda": "^2.20.1"
   },
   "devDependencies": {
-    "@mittwald/flow-react-components": "0.2.0-alpha.30",
+    "@mittwald/flow-react-components": "0.2.0-alpha.32",
     "@mittwald/typescript-config": "",
     "@types/node": "^22.13.1",
     "nx": "^20.4.2",
@@ -65,5 +65,5 @@
       "optional": true
     }
   },
-  "gitHead": "c2d7f40e626d4c0a22617e568036e6d78e7a9358"
+  "gitHead": "3bd915a308d33f96725739fafe830414e255259f"
 }

package/dist/RemoteRenderer.js

@@ -1,15 +0,0 @@
-"use client"
-/* */
-"use client";
-import { jsx as o } from "react/jsx-runtime";
-import s, { useState as n, useEffect as r } from "react";
-const u = () => {
-  const [e, t] = n(!1);
-  return r(() => {
-    t(!0);
-  }, []), e;
-}, c = s.lazy(() => import("./RemoteRendererClient-DreBOmVJ.js")), l = (e) => u() ? /* @__PURE__ */ o(c, { ...e }) : null;
-export {
-  l as RemoteRenderer,
-  l as default
-};

package/dist/RemoteRendererClient-DreBOmVJ.js

@@ -1,182 +0,0 @@
-"use client"
-/* */
-"use client";
-import { jsx as c, jsxs as u, Fragment as b } from "react/jsx-runtime";
-import { createRemoteComponentRenderer as a, RemoteReceiver as C, RemoteRootRenderer as h } from "@remote-dom/react/host";
-import { forwardRef as x, createElement as v, useMemo as d } from "react";
-import { isFunction as y, mapValues as T, toCamelCase as S, mapKeys as F, reduce as R } from "remeda";
-import { mapEventHandler as w, connectRemoteIframeRef as k } from "@mittwald/flow-remote-core";
-import L from "clsx";
-import { TooltipTrigger as B, Tooltip as P, TimeField as M, TextField as A, TextArea as I, Text as D, Tabs as H, TableRow as N, TableHeader as E, TableFooterRow as G, TableColumn as O, TableCell as j, TableBody as V, Table as W, TabTitle as K, Tab as Z, Switch as $, Slider as q, SkeletonText as z, Skeleton as J, Separator as Q, Select as U, SegmentedControl as X, Segment as Y, Section as _, SearchField as ee, RadioGroup as te, RadioButton as re, Radio as oe, ProgressBar as ne, PopoverContent as le, OverlayContent as ie, Option as ae, NumberField as fe, NotificationProvider as se, Notification as ce, NavigationGroup as me, Navigation as de, Message as ge, MenuTrigger as pe, MenuItem as ue, Markdown as be, LoadingSpinner as Ce, ListSummary as he, ListItemViewContent as xe, EmptyView as ve, Link as ye, LightBoxTrigger as Te, LightBox as Se, LayoutCard as Fe, LabeledValue as Re, Label as we, GridListItem as ke, GridList as Le, InlineCode as Be, Initials as Pe, Image as Me, IllustratedMessage as Ae, Icon as Ie, Heading as De, HeaderNavigation as He, Header as Ne, Fragment as Ee, FileField as Ge, FileCardList as Oe, FileCard as je, FieldError as Ve, FieldDescription as We, Div as Ke, DialogTrigger as Ze, DateRangePicker as $e, DatePicker as qe, CountryOptions as ze, CounterBadge as Je, CopyButton as Qe, ContextualHelpTrigger as Ue, ContextualHelp as Xe, ContextMenuSection as Ye, ContextMenuContent as _e, Content as et, ColumnLayout as tt, CodeBlock as rt, CheckboxGroup as ot, CheckboxButton as nt, Checkbox as lt, Button as it, Breadcrumb as at, Badge as ft, Avatar as st, Align as ct, AlertIcon as mt, AlertBadge as dt, Alert as gt, ActionGroup as pt, Accordion as ut } from "@mittwald/flow-react-components";
-const g = (t) => Object.fromEntries(Array.from(t.entries())), bt = x((t, r) => {
-  const {
-    action: o,
-    onSubmit: n,
-    ...l
-  } = t;
-  return /* @__PURE__ */ c("form", { ref: r, ...l, action: typeof o == "function" ? (i) => o(g(i)) : o, onSubmit: n ? (i) => {
-    i.preventDefault(), n(g(new FormData(i.currentTarget)));
-  } : void 0 });
-}), Ct = /on[A-Z].*/, ht = (t, r) => !!t.match(Ct) && y(r), xt = (t) => t === "style", vt = (t) => t === "display: none !important;", yt = (t, r) => ht(r, t) ? w(t, r) : xt(r) ? vt(t) ? {
-  display: "none"
-} : {} : t, e = (t) => {
-  function r(o) {
-    const n = T(
-      o,
-      (l, s) => yt(l, s)
-    );
-    return /* @__PURE__ */ c(t, { ...n });
-  }
-  return a(r);
-}, Tt = ["aria-", "data-"], St = (t) => Tt.some((r) => t.startsWith(r)) ? t : S(t), f = (t) => (r) => {
-  const o = { ...r };
-  return o.className = L(
-    String(o.className),
-    String(o.class)
-  ), delete o.class, v(t, F(o, St));
-}, Ft = {
-  "flr-accordion": e(ut),
-  "flr-action-group": e(pt),
-  "flr-alert": e(gt),
-  "flr-alert-badge": e(dt),
-  "flr-alert-icon": e(mt),
-  "flr-align": e(ct),
-  "flr-avatar": e(st),
-  "flr-badge": e(ft),
-  "flr-breadcrumb": e(at),
-  "flr-button": e(it),
-  "flr-checkbox": e(lt),
-  "flr-checkbox-button": e(nt),
-  "flr-checkbox-group": e(ot),
-  "flr-code-block": e(rt),
-  "flr-column-layout": e(tt),
-  "flr-content": e(et),
-  "flr-context-menu-content": e(_e),
-  "flr-context-menu-section": e(Ye),
-  "flr-contextual-help": e(Xe),
-  "flr-contextual-help-trigger": e(
-    Ue
-  ),
-  "flr-copy-button": e(Qe),
-  "flr-counter-badge": e(Je),
-  "flr-country-options": e(ze),
-  "flr-date-picker": e(qe),
-  "flr-date-range-picker": e($e),
-  "flr-dialog-trigger": e(Ze),
-  "flr-div": e(Ke),
-  "flr-field-description": e(We),
-  "flr-field-error": e(Ve),
-  "flr-file-card": e(je),
-  "flr-file-card-list": e(Oe),
-  "flr-file-field": e(Ge),
-  "flr-fragment": e(Ee),
-  "flr-header": e(Ne),
-  "flr-header-navigation": e(He),
-  "flr-heading": e(De),
-  "flr-icon": e(Ie),
-  "flr-illustrated-message": e(Ae),
-  "flr-image": e(Me),
-  "flr-initials": e(Pe),
-  "flr-inline-code": e(Be),
-  "flr-items-grid-list": e(Le),
-  "flr-items-grid-list-item": e(ke),
-  "flr-label": e(we),
-  "flr-labeled-value": e(Re),
-  "flr-layout-card": e(Fe),
-  "flr-light-box": e(Se),
-  "flr-light-box-trigger": e(Te),
-  "flr-link": e(ye),
-  "flr-list-empty-view": e(ve),
-  "flr-list-item-view-content": e(xe),
-  "flr-list-summary": e(he),
-  "flr-loading-spinner": e(Ce),
-  "flr-markdown": e(be),
-  "flr-menu-item": e(ue),
-  "flr-menu-trigger": e(pe),
-  "flr-message": e(ge),
-  "flr-navigation": e(de),
-  "flr-navigation-group": e(me),
-  "flr-notification": e(ce),
-  "flr-notification-provider": e(se),
-  "flr-number-field": e(fe),
-  "flr-option": e(ae),
-  "flr-overlay-content": e(ie),
-  "flr-popover-content": e(le),
-  "flr-progress-bar": e(ne),
-  "flr-radio": e(oe),
-  "flr-radio-button": e(re),
-  "flr-radio-group": e(te),
-  "flr-search-field": e(ee),
-  "flr-section": e(_),
-  "flr-segment": e(Y),
-  "flr-segmented-control": e(X),
-  "flr-select": e(U),
-  "flr-separator": e(Q),
-  "flr-skeleton": e(J),
-  "flr-skeleton-text": e(z),
-  "flr-slider": e(q),
-  "flr-switch": e($),
-  "flr-tab": e(Z),
-  "flr-tab-title": e(K),
-  "flr-table": e(W),
-  "flr-table-body": e(V),
-  "flr-table-cell": e(j),
-  "flr-table-column": e(O),
-  "flr-table-footer-row": e(G),
-  "flr-table-header": e(E),
-  "flr-table-row": e(N),
-  "flr-tabs": e(H),
-  "flr-text": e(D),
-  "flr-text-area": e(I),
-  "flr-text-field": e(A),
-  "flr-time-field": e(M),
-  "flr-tooltip": e(P),
-  "flr-tooltip-trigger": e(B)
-}, Rt = {
-  svg: a(f("svg")),
-  circle: a(f("circle")),
-  g: a(f("g")),
-  path: a(f("path")),
-  strong: a(f("strong"))
-}, wt = {
-  "flr-form": e(bt)
-}, kt = {
-  ...Rt,
-  ...wt,
-  ...Ft
-}, Ht = (t) => {
-  const { integrations: r = [], src: o, iframeStyle: n } = t, l = d(() => new C(), []), s = d(() => new Map(
-    Object.entries(
-      R(
-        [...r, kt],
-        (i, p) => ({
-          ...i,
-          ...p
-        }),
-        {}
-      )
-    )
-  ), [...r]), m = /* @__PURE__ */ c(
-    "iframe",
-    {
-      ref: k(l.connection),
-      src: o,
-      style: n ?? {
-        visibility: "hidden",
-        height: 0,
-        width: 0,
-        border: "none",
-        position: "absolute",
-        marginLeft: "-9999px"
-      }
-    }
-  );
-  return /* @__PURE__ */ u(b, { children: [
-    /* @__PURE__ */ c(h, { components: s, receiver: l }),
-    m
-  ] });
-};
-export {
-  Ht as RemoteRendererClient,
-  Ht as default
-};

package/dist/index.js

@@ -1,6 +0,0 @@
-"use client"
-/* */
-import { RemoteRenderer as o } from "./RemoteRenderer.js";
-export {
-  o as RemoteRenderer
-};