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

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-CsQ97WH-.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-CsQ97WH-.js";
 import { C as n } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";

package/dist/TextFieldBase-CsQ97WH-.js

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