@mittwald/flow-react-components 0.2.0-alpha.26 → 0.2.0-alpha.27

package/dist/js/RadioGroup.js

@@ -1,50 +1,31 @@
 "use client"
 /* */
-import { jsx as o, jsxs as u, Fragment as G } from "react/jsx-runtime";
+import { jsxs as u, jsx as o, Fragment as B } from "react/jsx-runtime";
 import "react";
-import * as h from "react-aria-components";
+import * as C from "react-aria-components";
 import f from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as R } from "./PropsContextProvider.js";
-import { F as I } from "./FieldError-Dvter_gI.js";
-import { C as w } from "./ColumnLayout-Cv_F_U5q.js";
-import { TunnelProvider as B, TunnelExit as l } from "@mittwald/react-tunnel";
+import { PropsContextProvider as h } from "./PropsContextProvider.js";
+import { F } from "./FieldError-x5ErhzHX.js";
+import { C as G } from "./ColumnLayout-Cv_F_U5q.js";
+import { TunnelProvider as I, TunnelExit as l } from "@mittwald/react-tunnel";
 import { f as d } from "./FormField.module-CqWpTQKP.js";
-import { C as x } from "./ClearPropsContext-CIgOlDjP.js";
+import { f as N } from "./flowComponent--S4z-7r_.js";
 import "@tabler/icons-react";
-import { f as N } from "./flowComponent-B8dC8eRj.js";
-import "./viewComponentContext-HXEKmx_D.js";
-import "react-children-utilities";
+import { C as R } from "./ClearPropsContext-CIgOlDjP.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { I as E, a as y } from "./IconRadioOn-CbW3RjJ2.js";
-import { d as P } from "./deepHas-KHS5X1F_.js";
-const D = "flow--radio-group", c = {
-  radioGroup: D
-}, v = "flow--radio-group--radio-button", T = "flow--radio-group--radio-button--content", j = "flow--radio-group--radio-button--label", m = {
-  radioButton: v,
-  content: T,
-  label: j
-}, L = N(
-  "RadioButton",
-  (t) => {
-    const { children: r, className: i, ref: a, ...s } = t, e = f(m.radioButton, i), n = {
-      Text: {
-        className: m.label
-      },
-      Content: {
-        className: m.content
-      }
-    };
-    return /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(A, { ...s, className: e, ref: a, children: /* @__PURE__ */ o(R, { props: n, children: r }) }) });
-  }
-), io = N("RadioGroup", (t) => {
-  const { children: r, className: i, s: a, m: s, l: e, ref: n, ...b } = t, g = f(
+import "./viewComponentContext-HXEKmx_D.js";
+import { I as w, a as E } from "./IconRadioOn-DtJlH5uD.js";
+const y = "flow--radio-group", c = {
+  radioGroup: y
+}, Z = N("RadioGroup", (r) => {
+  const { children: t, className: i, s: a, m: e, l: s, ref: n, ...x } = r, b = f(
     d.formField,
     c.radioGroupContainer,
     i
-  ), F = {
+  ), g = {
     Label: {
       className: d.label
     },
@@ -57,46 +38,63 @@ const D = "flow--radio-group", c = {
       tunnelId: "fieldError"
     },
     RadioButton: {
-      tunnelId: "radios"
+      tunnelId: "radioButtons"
     },
     Radio: {
       tunnelId: "radios"
     }
-  }, C = P(r, L);
-  return /* @__PURE__ */ u(h.RadioGroup, { ...b, className: g, ref: n, children: [
-    /* @__PURE__ */ o(B, { children: /* @__PURE__ */ u(
-      R,
+  };
+  return /* @__PURE__ */ u(C.RadioGroup, { ...x, className: b, ref: n, children: [
+    /* @__PURE__ */ o(I, { children: /* @__PURE__ */ u(
+      h,
       {
         dependencies: ["radio"],
-        props: F,
+        props: g,
         mergeInParentContext: !0,
         children: [
-          r,
-          C && /* @__PURE__ */ o(w, { s: a, m: s, l: e, className: c.radioGroup, children: /* @__PURE__ */ o(l, { id: "radios" }) }),
-          !C && /* @__PURE__ */ o("div", { className: c.radioGroup, children: /* @__PURE__ */ o(l, { id: "radios" }) }),
+          t,
+          /* @__PURE__ */ o(G, { s: a, m: e, l: s, className: c.radioGroup, children: /* @__PURE__ */ o(l, { id: "radioButtons" }) }),
+          /* @__PURE__ */ o("div", { className: c.radioGroup, children: /* @__PURE__ */ o(l, { id: "radios" }) }),
           /* @__PURE__ */ o(l, { id: "fieldDescription" }),
           /* @__PURE__ */ o(l, { id: "fieldError" })
         ]
       }
     ) }),
-    /* @__PURE__ */ o(I, { className: d.fieldError })
+    /* @__PURE__ */ o(F, { className: d.fieldError })
   ] });
-}), O = "flow--radio-group--radio", $ = "flow--radio-group--radio--icon", p = {
-  radio: O,
-  icon: $
-}, A = N(
+}), P = "flow--radio-group--radio", D = "flow--radio-group--radio--icon", m = {
+  radio: P,
+  icon: D
+}, v = N(
   "Radio",
-  (t) => {
-    const { children: r, className: i, ref: a, ...s } = t, e = f(p.radio, i);
-    return /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(h.Radio, { ...s, className: e, ref: a, children: ({ isSelected: n }) => /* @__PURE__ */ u(G, { children: [
-      n ? /* @__PURE__ */ o(E, { className: p.icon }) : /* @__PURE__ */ o(y, { className: p.icon }),
-      r
+  (r) => {
+    const { children: t, className: i, ref: a, ...e } = r, s = f(m.radio, i);
+    return /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(C.Radio, { ...e, className: s, ref: a, children: ({ isSelected: n }) => /* @__PURE__ */ u(B, { children: [
+      n ? /* @__PURE__ */ o(w, { className: m.icon }) : /* @__PURE__ */ o(E, { className: m.icon }),
+      t
     ] }) }) });
   }
+), T = "flow--radio-group--radio-button", j = "flow--radio-group--radio-button--content", L = "flow--radio-group--radio-button--label", p = {
+  radioButton: T,
+  content: j,
+  label: L
+}, _ = N(
+  "RadioButton",
+  (r) => {
+    const { children: t, className: i, ref: a, ...e } = r, s = f(p.radioButton, i), n = {
+      Text: {
+        className: p.label
+      },
+      Content: {
+        className: p.content
+      }
+    };
+    return /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(v, { ...e, className: s, ref: a, children: /* @__PURE__ */ o(h, { props: n, children: t }) }) });
+  }
 );
 export {
-  A as Radio,
-  L as RadioButton,
-  io as RadioGroup,
-  io as default
+  v as Radio,
+  _ as RadioButton,
+  Z as RadioGroup,
+  Z as default
 };

package/dist/js/{SearchField-ONmuF9P1.js → SearchField-DVIJ25lZ.js}

@@ -8,13 +8,13 @@ import f from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { C as h } from "./ClearPropsContext-CIgOlDjP.js";
 import { PropsContextProvider as u } from "./PropsContextProvider.js";
-import { F } from "./FieldError-Dvter_gI.js";
-import { f as N } from "./flowComponent-B8dC8eRj.js";
-import { B as C } from "./Button-WawPguWq.js";
+import { F } from "./FieldError-x5ErhzHX.js";
+import { f as N } from "./flowComponent--S4z-7r_.js";
+import { B as C } from "./Button-CpidnrB2.js";
 import "@tabler/icons-react";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as S } from "./IconClose-B4zJVugN.js";
-import { I as x } from "./IconSearch-DEZjce1A.js";
+import { I as S } from "./IconClose-DE2OkcZ3.js";
+import { I as x } from "./IconSearch-C-AbvN_g.js";
 import { useLocalizedStringFormatter as I } from "react-aria";
 const w = "flow--search-field", E = "flow--search-field--clear-button", B = "flow--search-field--search-icon", b = "flow--search-field--input-container", g = "flow--search-field--input", o = {
   searchField: w,

package/dist/js/SearchField.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as e } from "./SearchField-ONmuF9P1.js";
+import { S as e } from "./SearchField-DVIJ25lZ.js";
 export {
   e as SearchField,
   e as default

package/dist/js/{Section-CWfvE5ls.js → Section-CT6QbDC-.js}

@@ -5,8 +5,8 @@ import { useId as p } from "react";
 import f from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as h } from "./PropsContextProvider.js";
-import { f as S } from "./flowComponent-B8dC8eRj.js";
-import { C as u } from "./ContextMenuSection-C4JcZt6N.js";
+import { f as S } from "./flowComponent--S4z-7r_.js";
+import { C as u } from "./ContextMenuSection-DSFhpvV8.js";
 const x = "flow--section", C = "flow--section--hide-separator", g = "flow--section--heading", t = {
   section: x,
   hideSeparator: C,

package/dist/js/Section.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as t } from "./Section-CWfvE5ls.js";
+import { S as t } from "./Section-CT6QbDC-.js";
 export {
   t as Section,
   t as default

package/dist/js/SegmentedControl.js

@@ -1,14 +1,14 @@
 "use client"
 /* */
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { f as p } from "./flowComponent-B8dC8eRj.js";
+import { f as p } from "./flowComponent--S4z-7r_.js";
 import "react";
 import * as g from "react-aria-components";
 import { f as n } from "./FormField.module-CqWpTQKP.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as N } from "./PropsContextProvider.js";
 import { TunnelProvider as h, TunnelExit as a } from "@mittwald/react-tunnel";
-import { F as b } from "./FieldError-Dvter_gI.js";
+import { F as b } from "./FieldError-x5ErhzHX.js";
 import f from "clsx";
 import "@tabler/icons-react";
 import { C as x } from "./ClearPropsContext-CIgOlDjP.js";
@@ -16,7 +16,7 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as z } from "./IconCheck-DSJw_XKy.js";
+import { I as z } from "./IconCheck-Bqw7XyGS.js";
 const w = "flow--segmented-control", u = "flow--segmented-control--segments", S = "flow--segmented-control--segmented-control-container", E = "flow--segmented-control--segment", t = {
   segmentedControl: w,
   segments: u,

package/dist/js/Select.js

@@ -1,101 +1,81 @@
 "use client"
 /* */
-import { jsx as e, jsxs as M, Fragment as P } from "react/jsx-runtime";
-import { useMemo as b } from "react";
-import * as a from "react-aria-components";
+import { jsx as e, jsxs as l, Fragment as I } from "react/jsx-runtime";
+import { useMemo as p } from "react";
+import * as c from "react-aria-components";
 import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as L } from "./PropsContextProvider.js";
-import { f as u } from "./FormField.module-CqWpTQKP.js";
-import { F as E } from "./FieldError-Dvter_gI.js";
-import S from "clsx";
+import { PropsContextProvider as K } from "./PropsContextProvider.js";
+import { f as o } from "./FormField.module-CqWpTQKP.js";
+import { F as b } from "./FieldError-x5ErhzHX.js";
+import P from "clsx";
 import "@tabler/icons-react";
-import { f as m } from "./flowComponent-B8dC8eRj.js";
+import { f as m } from "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as F } from "./IconChevronDown-DbVQ4UKe.js";
+import { I as E } from "./IconChevronDown-DaiVaZc2.js";
+import { O as L } from "./Options-1UizQrjb.js";
+import { TunnelProvider as F, TunnelExit as R } from "@mittwald/react-tunnel";
 import "mobx";
-import { u as B } from "./useOverlayController-BwSJj4Ly.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import "./context-BaYmTa0I.js";
-import { TunnelProvider as R, TunnelExit as k } from "@mittwald/react-tunnel";
-import { P as y } from "./Popover-Ck5nKNR3.js";
-import { O as f } from "./OverlayContextProvider-B7EDTT1X.js";
+import { u as k } from "./useOverlayController-BwSJj4Ly.js";
+import { O as y } from "./Option-Dq2kSEMl.js";
 import { useLocalizedStringFormatter as D } from "react-aria";
-const O = "flow--select", H = "flow--select--toggle", h = {
+const O = "flow--select", H = "flow--select--toggle", d = {
   select: O,
   toggle: H
-}, U = "flow--select--options--popover", V = "flow--select--options", C = {
-  popover: U,
-  options: V
-}, w = (n) => {
-  const { className: i, children: r, ...t } = n, o = S(C.options, i), s = B("Select");
-  return /* @__PURE__ */ e(y, { className: C.popover, controller: s, children: /* @__PURE__ */ e(a.ListBox, { className: o, ...t, children: r }) });
-}, Gn = m("Select", (n) => {
+}, tn = m("Select", (n) => {
   const {
     children: i,
-    className: r,
-    onChange: t = () => {
+    className: t,
+    onChange: u = () => {
     },
-    onSelectionChange: o = () => {
+    onSelectionChange: r = () => {
     },
-    controller: s,
-    ref: l,
-    ...G
-  } = n, A = S(
-    h.select,
-    u.formField,
-    r
-  ), N = {
+    controller: h,
+    ref: C,
+    ...g
+  } = n, B = P(
+    d.select,
+    o.formField,
+    t
+  ), G = {
     Label: {
-      className: u.label,
+      className: o.label,
       optional: !n.isRequired
     },
     FieldDescription: {
-      className: u.fieldDescription
+      className: o.fieldDescription
     },
     FieldError: {
-      className: u.customFieldError
+      className: o.customFieldError
     },
     Option: {
       tunnelId: "options"
     }
-  }, T = (c) => {
-    t(String(c)), o(c);
-  }, I = B("Select", {
+  }, A = (s) => {
+    u(String(s)), r(s);
+  }, T = k("Select", {
     reuseControllerFromContext: !0
-  }), d = s ?? I, K = d.useIsOpen();
+  }), a = h ?? T, N = a.useIsOpen();
   return /* @__PURE__ */ e(
-    a.Select,
+    c.Select,
     {
-      ...G,
-      className: A,
-      ref: l,
-      onSelectionChange: T,
-      onOpenChange: (c) => d.setOpen(c),
-      isOpen: K,
-      children: /* @__PURE__ */ e(f, { type: "Select", controller: d, children: /* @__PURE__ */ e(L, { props: N, children: /* @__PURE__ */ M(R, { children: [
-        /* @__PURE__ */ M(a.Button, { className: h.toggle, children: [
-          /* @__PURE__ */ e(a.SelectValue, {}),
-          /* @__PURE__ */ e(F, {})
+      ...g,
+      className: B,
+      ref: C,
+      onSelectionChange: A,
+      onOpenChange: (s) => a.setOpen(s),
+      isOpen: N,
+      children: /* @__PURE__ */ e(K, { props: G, children: /* @__PURE__ */ l(F, { children: [
+        /* @__PURE__ */ l(c.Button, { className: d.toggle, children: [
+          /* @__PURE__ */ e(c.SelectValue, {}),
+          /* @__PURE__ */ e(E, {})
         ] }),
         i,
-        /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(k, { id: "options" }) }),
-        /* @__PURE__ */ e(E, { className: u.fieldError })
-      ] }) }) })
+        /* @__PURE__ */ e(L, { controller: a, children: /* @__PURE__ */ e(R, { id: "options" }) }),
+        /* @__PURE__ */ e(b, { className: o.fieldError })
+      ] }) })
     }
   );
-}), v = "flow--select--option", J = "flow--select--option--icon", Z = "flow--select--option--text", W = "flow--select--option--control-icon", z = "flow--select--option--avatar", Y = {
-  option: v,
-  switch: "flow--select--option--switch",
-  icon: J,
-  text: Z,
-  controlIcon: W,
-  avatar: z
-}, x = m("Option", (n) => {
-  const { className: i, children: r, value: t, ref: o, ...s } = n, l = S(Y.option, i);
-  return /* @__PURE__ */ e(a.ListBoxItem, { className: l, ref: o, ...s, id: t, children: r });
-}), g = { "de-DE": {
+}), M = { "de-DE": {
   "countries.AD": "Andorra",
   "countries.AE": "Vereinigte Arabische Emirate",
   "countries.AF": "Afghanistan",
@@ -597,26 +577,25 @@ const O = "flow--select", H = "flow--select--toggle", h = {
   "countries.ZA": "South Africa",
   "countries.ZM": "Zambia",
   "countries.ZW": "Zimbabwe"
-} }, Q = Object.keys(g["de-DE"]).filter((n) => n.startsWith("countries.")).map((n) => n.replace("countries.", "")), X = (n, i) => n.name.localeCompare(i.name), q = () => 0, j = () => !0, An = m(
+} }, U = Object.keys(M["de-DE"]).filter((n) => n.startsWith("countries.")).map((n) => n.replace("countries.", "")), V = (n, i) => n.name.localeCompare(i.name), f = () => 0, w = () => !0, sn = m(
   "CountryOptions",
   ({
-    filterBy: n = j,
-    sortBy: i = q
+    filterBy: n = w,
+    sortBy: i = f
   }) => {
-    const r = D(g), t = b(
-      () => Q.map((o) => ({
-        code: o,
-        name: r.format(`countries.${o}`)
-      })).filter(n).sort(X).sort(i),
-      [r, n, i]
+    const t = D(M), u = p(
+      () => U.map((r) => ({
+        code: r,
+        name: t.format(`countries.${r}`)
+      })).filter(n).sort(V).sort(i),
+      [t, n, i]
     );
-    return /* @__PURE__ */ e(P, { children: t.map((o) => /* @__PURE__ */ e(x, { value: o.code, children: o.name }, o.code)) });
+    return /* @__PURE__ */ e(I, { children: u.map((r) => /* @__PURE__ */ e(y, { value: r.code, children: r.name }, r.code)) });
   }
-), p = ["DE", "AT", "CH"], Nn = (n, i) => p.includes(i.code) ? 1 : 0 - (p.includes(n.code) ? 1 : 0);
+), S = ["DE", "AT", "CH"], un = (n, i) => S.includes(i.code) ? 1 : 0 - (S.includes(n.code) ? 1 : 0);
 export {
-  An as CountryOptions,
-  x as Option,
-  Gn as Select,
-  Gn as default,
-  Nn as sortByDachFirst
+  sn as CountryOptions,
+  tn as Select,
+  tn as default,
+  un as sortByDachFirst
 };

package/dist/js/Slider.js

@@ -2,15 +2,15 @@
 /* */
 import { jsxs as n, jsx as e, Fragment as v } from "react/jsx-runtime";
 import "react";
-import { f as w } from "./flowComponent-B8dC8eRj.js";
+import { f as w } from "./flowComponent--S4z-7r_.js";
 import * as s from "react-aria-components";
 import x from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as N } from "./PropsContextProvider.js";
-import { B as o } from "./Button-WawPguWq.js";
+import { B as o } from "./Button-CpidnrB2.js";
 import "@tabler/icons-react";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as k, a as P } from "./IconPlus-B4GbH9Av.js";
+import { I as k, a as P } from "./IconPlus-gE84aqHi.js";
 import { useLocalizedStringFormatter as S } from "react-aria";
 const T = "flow--slider", g = "flow--slider--text", y = "flow--slider--value", F = "flow--slider--track", I = "flow--slider--fill", M = "flow--slider--initial-marker", C = "flow--slider--thumb", z = "flow--slider--increment", D = "flow--slider--decrement", O = "flow--slider--disabled", r = {
   slider: T,

package/dist/js/{Switch-Bg5jHbFG.js → Switch-DGEFjK19.js}

@@ -10,11 +10,11 @@ import { C as w } from "./ClearPropsContext-CIgOlDjP.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as d } from "./flowComponent-B8dC8eRj.js";
+import { f as d } from "./flowComponent--S4z-7r_.js";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as b } from "./IconCheck-DSJw_XKy.js";
-import { I as C } from "./IconClose-B4zJVugN.js";
-import { L as N } from "./Label-BNeqtA5n.js";
+import { I as b } from "./IconCheck-Bqw7XyGS.js";
+import { I as C } from "./IconClose-DE2OkcZ3.js";
+import { L as N } from "./Label-Dd2332r2.js";
 const k = "flow--switch--track", x = "flow--switch--handle", g = "flow--switch--label", s = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",

package/dist/js/Switch.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as a } from "./Switch-Bg5jHbFG.js";
+import { S as a } from "./Switch-DGEFjK19.js";
 export {
   a as Switch,
   a as default

package/dist/js/Tabs.js

@@ -5,25 +5,25 @@ import { useRef as y, useState as g, useEffect as P, useId as M, createContext a
 import * as T from "react-aria-components";
 import u from "clsx";
 import { TunnelExit as C, TunnelProvider as A, TunnelEntry as f } from "@mittwald/react-tunnel";
-import { f as B } from "./flowComponent-B8dC8eRj.js";
+import { f as B } from "./flowComponent--S4z-7r_.js";
 import { useCallbackRef as E } from "use-callback-ref";
-import { a as K, C as L } from "./ContextMenuContent-D2RjW6il.js";
+import { a as K, C as L } from "./ContextMenuContent-DQojalD_.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import "@tabler/icons-react";
 import "./viewComponentContext-HXEKmx_D.js";
-import { I as W } from "./IconContextMenu-DnwSrGtk.js";
+import { I as W } from "./IconContextMenu-Ddfi5ZZF.js";
 import "react-aria";
-import "invariant";
 import "mobx";
 import "./context-BaYmTa0I.js";
-import "./Action-C1Tw5pqL.js";
+import "invariant";
+import "./Action-DfWvHbWy.js";
 import "./getActionGroupSlot-CekBnXeM.js";
-import { B as F } from "./Button-WawPguWq.js";
-import { T as R } from "./Text-CW_CzcoD.js";
-import { M as $ } from "./MenuItem-BGGLM0sj.js";
+import { B as F } from "./Button-CpidnrB2.js";
+import { T as R } from "./Text-CIEzKaxJ.js";
+import { M as $ } from "./MenuItem-DuSDaivo.js";
 import { PropsContextProvider as j } from "./PropsContextProvider.js";
 import { A as N } from "./Activity-BekrxIf7.js";
 const k = "flow--tabs", q = "flow--tabs--list", z = {

package/dist/js/{Text-CW_CzcoD.js → Text-CIEzKaxJ.js}

@@ -7,7 +7,7 @@ import "./propsContext-DzAKlmhS.js";
 import { C as u } from "./ClearPropsContext-CIgOlDjP.js";
 import { PropsContextProvider as C } from "./PropsContextProvider.js";
 import b from "invariant";
-import { f as N } from "./flowComponent-B8dC8eRj.js";
+import { f as N } from "./flowComponent--S4z-7r_.js";
 import x from "clsx";
 import { W as w } from "./Wrap-DGT1h1o3.js";
 const y = "flow--emulated-bold-text", g = "flow--emulated-bold-text--bold-text", c = {

package/dist/js/Text.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { T as a } from "./Text-CW_CzcoD.js";
+import { T as a } from "./Text-CIEzKaxJ.js";
 export {
   a as Text,
   a as default

package/dist/js/TextArea.js

@@ -3,13 +3,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useRef as h } from "react";
 import * as x from "react-aria-components";
-import { T as g } from "./TextFieldBase-BOhCwxJG.js";
+import { T as g } from "./TextFieldBase-ByaoeeVY.js";
 import "./propsContext-DzAKlmhS.js";
 import { C as u } from "./ClearPropsContext-CIgOlDjP.js";
 import { mergeRefs as d } from "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as A } from "./flowComponent-B8dC8eRj.js";
+import { f as A } from "./flowComponent--S4z-7r_.js";
 const H = "flow--text-area", y = {
   textArea: H
 }, M = A("TextArea", (a) => {

package/dist/js/TextField.js

@@ -3,13 +3,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
 import * as p from "react-aria-components";
-import { T as n } from "./TextFieldBase-BOhCwxJG.js";
+import { T as n } from "./TextFieldBase-ByaoeeVY.js";
 import "./propsContext-DzAKlmhS.js";
 import { C as a } from "./ClearPropsContext-CIgOlDjP.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f } from "./flowComponent-B8dC8eRj.js";
+import { f } from "./flowComponent--S4z-7r_.js";
 const d = "flow--text-field", x = {
   textField: d
 }, A = f("TextField", (e) => {

package/dist/js/{TextFieldBase-BOhCwxJG.js → TextFieldBase-ByaoeeVY.js}

@@ -8,8 +8,8 @@ import $ from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { C as D } from "./ClearPropsContext-CIgOlDjP.js";
 import { PropsContextProvider as E } from "./PropsContextProvider.js";
-import { F as B } from "./FieldError-Dvter_gI.js";
-import { F as L } from "./FieldDescription-DBKM9JJK.js";
+import { F as B } from "./FieldError-x5ErhzHX.js";
+import { F as L } from "./FieldDescription-6bRgUF6j.js";
 import { useLocalizedStringFormatter as P } from "react-aria";
 const S = { "de-DE": {
   "textFieldBase.characters": (e, o) => `${o.select({ 0: () => `${e.count}`, other: () => `${e.count}/${e.maxCount}` }, e.maxCount)} Zeichen`

package/dist/js/TimeField.js

@@ -3,11 +3,11 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import "react";
 import * as o from "react-aria-components";
-import { f as p } from "./flowComponent-B8dC8eRj.js";
+import { f as p } from "./flowComponent--S4z-7r_.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as f } from "./PropsContextProvider.js";
 import { f as e } from "./FormField.module-CqWpTQKP.js";
-import { F as u } from "./FieldError-Dvter_gI.js";
+import { F as u } from "./FieldError-x5ErhzHX.js";
 import F from "clsx";
 const N = "flow--time-field--date-input", x = {
   dateInput: N