@mittwald/flow-react-components 0.1.0-alpha.133 → 0.1.0-alpha.135

package/dist/FieldDescription-Brg52RqE.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import o from "react";
+import m from "clsx";
+import { C as n } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { T as p } from "./Text-D6e-S6em.js";
+import { f as c } from "./flowComponent-CPKCCJEg.js";
+const a = "flow--field-description", f = {
+  fieldDescription: a
+}, P = c("FieldDescription", (e) => {
+  const { children: t, className: r, refProp: i, ...s } = e, l = m(f.fieldDescription, r);
+  return /* @__PURE__ */ o.createElement(n, null, /* @__PURE__ */ o.createElement(p, { slot: "description", ...s, className: l, ref: i }, t));
+});
+export {
+  P as F
+};

package/dist/FieldDescription.js

@@ -1,21 +1,7 @@
 "use client"
 /* */
-import e from "react";
-import m from "clsx";
-import { C as n } from "./ClearPropsContext-CUvsbMn8.js";
-import "./propsContext-DzAKlmhS.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { T as p } from "./Text-D6e-S6em.js";
-import { f as c } from "./flowComponent-CPKCCJEg.js";
-const a = "flow--field-description", f = {
-  fieldDescription: a
-}, P = c("FieldDescription", (o) => {
-  const { children: t, className: r, refProp: i, ...s } = o, l = m(f.fieldDescription, r);
-  return /* @__PURE__ */ e.createElement(n, null, /* @__PURE__ */ e.createElement(p, { slot: "description", ...s, className: l, ref: i }, t));
-});
+import { F as i } from "./FieldDescription-Brg52RqE.js";
 export {
-  P as FieldDescription,
-  P as default
+  i as FieldDescription,
+  i as default
 };

package/dist/TextArea.js

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import * as n from "react-aria-components";
-import { T as p } from "./TextFieldBase-D6wA8562.js";
+import { T as p } from "./TextFieldBase-BhdK6WXV.js";
 import { C as i } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";

package/dist/TextField.js

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import * as s from "react-aria-components";
-import { T as a } from "./TextFieldBase-D6wA8562.js";
+import { T as a } from "./TextFieldBase-BhdK6WXV.js";
 import { C as n } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";

package/dist/TextFieldBase-BhdK6WXV.js

@@ -0,0 +1,60 @@
+"use client"
+/* */
+import r, { forwardRef as x, useState as F } from "react";
+import * as E from "react-aria-components";
+import { s as t } from "./FormField.module-DHK6nIcD.js";
+import g from "clsx";
+import { C as N } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as D } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { F as B } from "./FieldError-D_VRyiJG.js";
+import { F as P } from "./FieldDescription-Brg52RqE.js";
+import { useMessageFormatter as R } from "react-aria";
+const T = {
+  "de-DE": {
+    "textFieldBase.characters": "{maxCount, select, 0 {{count}} other {{count}/{maxCount}}} Zeichen"
+  },
+  "en-EN": {
+    "textFieldBase.characters": "{maxCount, select, 0 {{count}} other {{count}/{maxCount}}} characters"
+  }
+}, k = x(
+  (e, b) => {
+    var o;
+    const { children: n, className: c, input: i, showCharacterCount: a, ...l } = e, [m, u] = F(
+      ((o = e.value) == null ? void 0 : o.length) ?? 0
+    ), d = g(t.formField, c), h = R(T), C = {
+      Label: {
+        className: t.label,
+        optional: !e.isRequired
+      },
+      FieldDescription: {
+        className: t.fieldDescription
+      },
+      FieldError: {
+        className: t.customFieldError
+      }
+    }, f = (s) => {
+      a && u(s.length), e.onChange && e.onChange(s);
+    }, p = h("textFieldBase.characters", {
+      count: m,
+      maxCount: e.maxLength ?? 0
+    });
+    return /* @__PURE__ */ r.createElement(N, null, /* @__PURE__ */ r.createElement(
+      E.TextField,
+      {
+        ...l,
+        className: d,
+        onChange: f
+      },
+      i,
+      /* @__PURE__ */ r.createElement(D, { props: C }, n),
+      a && /* @__PURE__ */ r.createElement(P, { className: t.fieldDescription }, p),
+      /* @__PURE__ */ r.createElement(B, { className: t.fieldError })
+    ));
+  }
+);
+export {
+  k as T
+};