@mittwald/flow-react-components 0.1.0-alpha.172 → 0.1.0-alpha.173

package/dist/{TextFieldBase-B3yxI1nA.js → TextFieldBase-CjN1n7TY.js}

@@ -9,8 +9,8 @@ import { P as B } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as P } from "./FieldError-CAm6acjx.js";
-import { F as R } from "./FieldDescription-HKu0GHJT.js";
+import { F as P } from "./FieldError-CZPQzNSz.js";
+import { F as R } from "./FieldDescription-UlaeRaWw.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 const L = { "de-DE": {
   "textFieldBase.characters": (e, r) => `${r.select({ 0: () => `${e.count}`, other: () => `${e.count}/${e.maxCount}` }, e.maxCount)} Zeichen`

package/dist/{flowComponent-Cc3Qnym-.js → flowComponent-CuEuCXRI.js}

@@ -1,14 +1,13 @@
 "use client"
 /* */
-import s, { isValidElement as C, forwardRef as x, cloneElement as f } from "react";
-import { u as P } from "./propsContext-DzAKlmhS.js";
-import { mergeProps as y } from "@react-aria/utils";
-import { pickBy as h, omitBy as v } from "remeda";
+import s, { isValidElement as x, createContext as f, useContext as P, forwardRef as y, cloneElement as h } from "react";
+import { u as v } from "./propsContext-DzAKlmhS.js";
+import { mergeProps as E } from "@react-aria/utils";
+import { pickBy as b, omitBy as g } from "remeda";
 import "dot-prop";
-import { P as E } from "./PropsContextProvider-C6Z4XGp6.js";
-import { TunnelEntry as b } from "@mittwald/react-tunnel";
-import { u as g, s as S } from "./slotContext-DoCFkzCA.js";
-const T = {
+import { P as S } from "./PropsContextProvider-C6Z4XGp6.js";
+import { TunnelEntry as T } from "@mittwald/react-tunnel";
+const k = {
   Action: !0,
   ActionGroup: !0,
   Avatar: !0,
@@ -53,43 +52,43 @@ const T = {
   TextArea: !0,
   TextField: !0
 }, l = Object.keys(
-  T
+  k
 );
 function a(t) {
   return !!t && typeof t == "object" && "__dynamicProp" in t;
 }
-function m(t) {
+function d(t) {
   return typeof t == "string" && l.includes(t);
 }
-function k(t) {
-  return !m(t);
+function w(t) {
+  return !d(t);
 }
-const w = (t, o) => {
+const B = (t, o) => {
   const r = {};
   for (const e in t)
-    if (k(e)) {
+    if (w(e)) {
       const n = t[e];
       a(n) && (r[e] = n.__dynamicProp(o));
     }
   return r;
 };
-function B(t) {
+function A(t) {
   return !!t && typeof t == "object" && "children" in t && !!t.children;
 }
-const A = (t) => h(t, (o, r) => m(r)), I = (t, o) => {
-  if (!B(o))
+const I = (t) => b(t, (o, r) => d(r)), F = (t, o) => {
+  if (!A(o))
     return {};
   const r = o.children;
-  if (!Array.isArray(r) && !C(r))
+  if (!Array.isArray(r) && !x(r))
     return {};
-  const e = A(t);
+  const e = I(t);
   return Object.keys(e).length === 0 ? {} : {
-    children: /* @__PURE__ */ s.createElement(E, { props: e, mergeInParentContext: !0 }, r)
+    children: /* @__PURE__ */ s.createElement(S, { props: e, mergeInParentContext: !0 }, r)
   };
-}, F = (t, o) => {
-  const e = P()[t], n = e ? w(e, o) : void 0, u = e ? I(e, o) : void 0;
-  return y(
-    e && v(
+}, M = (t, o) => {
+  const e = v()[t], n = e ? B(e, o) : void 0, i = e ? F(e, o) : void 0;
+  return E(
+    e && g(
       e,
       (p, c) => l.includes(
         c
@@ -97,28 +96,29 @@ const A = (t) => h(t, (o, r) => m(r)), I = (t, o) => {
     ),
     o,
     n,
-    u
+    i
   );
-}, M = (t) => {
-  const { slot: o, component: r, children: e } = t, u = {
-    ...g(),
+}, m = f({}), R = () => P(m), N = (t) => {
+  const { slot: o, component: r, children: e } = t, i = {
+    ...R(),
     [r]: o
   };
-  return /* @__PURE__ */ s.createElement(S.Provider, { value: u }, e);
+  return /* @__PURE__ */ s.createElement(m.Provider, { value: i }, e);
 };
-function L(t, o) {
-  return x((r, e) => {
-    const { tunnelId: n, wrapWith: u, ...p } = F(
+function O(t, o) {
+  return y((r, e) => {
+    const { tunnelId: n, wrapWith: i, ...p } = M(
       t,
       r
-    ), d = {
+    ), C = {
       refProp: e,
       ...p
     };
-    let i = /* @__PURE__ */ s.createElement(o, { ...d });
-    return "slot" in r && r.slot && (i = /* @__PURE__ */ s.createElement(M, { slot: r.slot, component: t }, i)), u && (i = f(u, void 0, i)), n && (i = /* @__PURE__ */ s.createElement(b, { id: n }, i)), i;
+    let u = /* @__PURE__ */ s.createElement(o, { ...C });
+    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(N, { slot: r.slot, component: t }, u)), i && (u = h(i, void 0, u)), n && (u = /* @__PURE__ */ s.createElement(T, { id: n }, u)), u;
   });
 }
 export {
-  L as f
+  O as f,
+  R as u
 };

package/dist/react-hook-form.js

@@ -7,8 +7,8 @@ import { P as b } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as E } from "./dynamic-ClpUSmEt.js";
-import { F as P } from "./FieldError-CAm6acjx.js";
-import { a as g, A as y } from "./Action-DYTtbQCP.js";
+import { F as P } from "./FieldError-CZPQzNSz.js";
+import { a as g, A as y } from "./Action-Cv3knooL.js";
 const x = F({}), V = x.Provider, f = () => v(x);
 function I(e) {
   var n;

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

@@ -2,9 +2,10 @@ import { PropsWithChildren } from 'react';
 import { OverlayController } from '../../lib/controller';
 import { ActionModel } from './models/ActionModel';
 import { FlowComponentName } from '../propTypes';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 
 export type ActionFn = (...args: unknown[]) => unknown;
-export interface ActionProps extends PropsWithChildren {
+export interface ActionProps extends PropsWithChildren, FlowComponentProps {
     action?: ActionFn;
     actionModel?: ActionModel;
     closeOverlay?: FlowComponentName | OverlayController;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.172",
+  "version": "0.1.0-alpha.173",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -280,7 +280,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.172",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.173",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -307,7 +307,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.172",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.173",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.4.0",
     "@storybook/addon-a11y": "^8.1.11",
@@ -383,5 +383,5 @@
       "optional": true
     }
   },
-  "gitHead": "8615d26617c5b449e1c5019bc22b237e28300f44"
+  "gitHead": "382ff60cf43672d7d822a503da4d7a61b775314c"
 }

package/dist/slotContext-DoCFkzCA.js

@@ -1,8 +0,0 @@
-"use client"
-/* */
-import { createContext as t, useContext as o } from "react";
-const e = t({}), n = () => o(e);
-export {
-  e as s,
-  n as u
-};