@mittwald/flow-remote-react-renderer 0.2.0-alpha.29 → 0.2.0-alpha.31

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":"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"}

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/dist/types/components.d.ts

@@ -99,5 +99,6 @@ export declare const components: {
     circle: import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
     g: import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
     path: import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
+    strong: import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
 };
 //# sourceMappingURL=components.d.ts.map

package/dist/types/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAItB,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAItB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-remote-react-renderer",
-  "version": "0.2.0-alpha.29",
+  "version": "0.2.0-alpha.31",
   "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.29",
-    "@mittwald/flow-remote-elements": "0.2.0-alpha.29",
+    "@mittwald/flow-remote-core": "0.2.0-alpha.31",
+    "@mittwald/flow-remote-elements": "0.2.0-alpha.31",
     "@remote-dom/react": "^1.2.1",
     "@types/react": "^19.0.8",
     "clsx": "^2.1.1",
@@ -37,18 +37,18 @@
     "remeda": "^2.20.1"
   },
   "devDependencies": {
-    "@mittwald/flow-react-components": "0.2.0-alpha.29",
+    "@mittwald/flow-react-components": "0.2.0-alpha.31",
     "@mittwald/typescript-config": "",
     "@types/node": "^22.13.1",
-    "nx": "^20.4.0",
-    "prettier": "^3.4.2",
+    "nx": "^20.4.2",
+    "prettier": "^3.5.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
     "rimraf": "^6.0.1",
     "rollup-preserve-directives": "^1.1.3",
     "typescript": "^5.7.3",
-    "vite": "^6.0.11",
+    "vite": "^6.1.0",
     "vite-plugin-banner": "^0.8.0",
     "vite-plugin-checker": "^0.8.0",
     "vite-plugin-dts": "^4.5.0",
@@ -56,8 +56,8 @@
   },
   "peerDependencies": {
     "@mittwald/flow-react-components": "*",
-    "react": "19",
-    "react-dom": "19",
+    "react": "^19",
+    "react-dom": "^19",
     "react-hook-form": "*"
   },
   "peerDependenciesMeta": {
@@ -65,5 +65,5 @@
       "optional": true
     }
   },
-  "gitHead": "af68c2778a1dfae94ecba094c0a9f8f5962d90dd"
+  "gitHead": "873531ad9a53352ec7a6e9a696fbc3e114a17ce5"
 }

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-oNNsH8Nc.js")), l = (e) => u() ? /* @__PURE__ */ o(c, { ...e }) : null;
-export {
-  l as RemoteRenderer,
-  l as default
-};

package/dist/RemoteRendererClient-oNNsH8Nc.js

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