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

package/dist/RemoteRenderer.js

@@ -8,7 +8,7 @@ const u = () => {
   return r(() => {
     t(!0);
   }, []), e;
-}, c = s.lazy(() => import("./RemoteRendererClient-oNNsH8Nc.js")), l = (e) => u() ? /* @__PURE__ */ o(c, { ...e }) : null;
+}, 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

@@ -0,0 +1,182 @@
+"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/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.30",
   "type": "module",
   "description": "React rendering for Flow Remote Elements",
   "homepage": "https://mittwald.github.io/flow",
@@ -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.30",
+    "@mittwald/flow-remote-elements": "0.2.0-alpha.30",
     "@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.30",
     "@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": "c2d7f40e626d4c0a22617e568036e6d78e7a9358"
 }

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
-};