@mittwald/flow-react-components 0.1.0-alpha.307 → 0.1.0-alpha.309

package/dist/js/{LoadingSpinner-Bgq-8G86.js → LoadingSpinner-CAmMgo37.js}

@@ -2,8 +2,8 @@
 /* */
 import r from "react";
 import "@tabler/icons-react";
-import "./Icon-C4X3yGm5.js";
-import { I as e } from "./IconPending-CuEvSKSd.js";
+import "./Icon-C3JkDOTi.js";
+import { I as e } from "./IconPending-CfmgrRZl.js";
 import t from "clsx";
 const a = "flow--loading-spinner", p = "flow--loading-spinner--spin", l = {
   loadingSpinner: a,

package/dist/js/LoadingSpinner.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as o } from "./LoadingSpinner-Bgq-8G86.js";
+import { L as o } from "./LoadingSpinner-CAmMgo37.js";
 export {
   o as LoadingSpinner,
   o as default

package/dist/js/{MenuItem-Dx4r1r63.js → MenuItem-DljCXugV.js}

@@ -4,50 +4,50 @@ import e from "react";
 import * as I from "react-aria-components";
 import f from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
+import { PropsContextProvider as i } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-C4X3yGm5.js";
-import { I as x, a as d } from "./IconCheckboxEmpty-CfjSEpzD.js";
-import { I as E, a as C } from "./IconRadioOn-g1K-YraZ.js";
-import { T as p } from "./Text-CZaLuq4c.js";
+import "./Icon-C3JkDOTi.js";
+import { I as x, a as d } from "./IconCheckboxEmpty-CC7q-vMC.js";
+import { I as E, a as C } from "./IconRadioOn-BQIVoyg4.js";
+import { T as p } from "./Text-CtABaZjp.js";
 import { d as h } from "./deepFindOfType-6pG0fH7S.js";
 import { W as M } from "./Wrap-DGT1h1o3.js";
-import { f as N } from "./flowComponent-C_3mQGhG.js";
-const w = "flow--menu-item", P = "flow--menu-item--icon", T = "flow--menu-item--text", g = "flow--menu-item--control-icon", c = {
+import { f as N } from "./flowComponent-E-Gp2Toe.js";
+const w = "flow--menu-item", T = "flow--menu-item--icon", g = "flow--menu-item--text", P = "flow--menu-item--control-icon", c = {
   menuItem: w,
-  icon: P,
-  text: T,
-  controlIcon: g
+  icon: T,
+  text: g,
+  controlIcon: P
 }, k = (o, t) => !!h(o, t), y = (o) => {
   const {
     selectionMode: t,
     isSelected: n,
     selectionVariant: m = "control",
     children: r
-  } = o, s = {
+  } = o, l = {
     Icon: {
       className: c.icon
     },
     Text: {
       className: c.text
     }
-  }, l = {
+  }, s = {
     Icon: {
       className: f(c.controlIcon, c.icon)
     }
   }, a = t === "none" || m === "navigation" ? null : t === "single" && n ? /* @__PURE__ */ e.createElement(E, null) : t === "single" && !n ? /* @__PURE__ */ e.createElement(C, null) : t === "multiple" && n ? /* @__PURE__ */ e.createElement(x, null) : /* @__PURE__ */ e.createElement(d, null), u = k(r, p);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(i, { props: l }, a), /* @__PURE__ */ e.createElement(i, { props: s }, /* @__PURE__ */ e.createElement(M, { if: !u }, /* @__PURE__ */ e.createElement(p, null, r))));
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(i, { props: s }, a), /* @__PURE__ */ e.createElement(i, { props: l }, /* @__PURE__ */ e.createElement(M, { if: !u }, /* @__PURE__ */ e.createElement(p, null, r))));
 }, D = N("MenuItem", (o) => {
   const {
     children: t,
     className: n,
     selectionVariant: m,
     refProp: r,
-    ...s
-  } = o, l = f(c.menuItem, n);
-  return /* @__PURE__ */ e.createElement(I.MenuItem, { ...s, className: l, ref: r }, (a) => /* @__PURE__ */ e.createElement(y, { ...a, selectionVariant: m }, t));
+    ...l
+  } = o, s = f(c.menuItem, n);
+  return /* @__PURE__ */ e.createElement(I.MenuItem, { ...l, className: s, ref: r }, (a) => /* @__PURE__ */ e.createElement(y, { ...a, selectionVariant: m }, t));
 });
 export {
   D as M

package/dist/js/MenuItem.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { M as t } from "./MenuItem-Dx4r1r63.js";
+import { M as t } from "./MenuItem-DljCXugV.js";
 export {
   t as MenuItem,
   t as default

package/dist/js/Modal.js

@@ -3,21 +3,21 @@
 import o from "react";
 import p from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
+import { PropsContextProvider as v } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as g, TunnelExit as y } from "@mittwald/react-tunnel";
-import { f as C } from "./flowComponent-C_3mQGhG.js";
+import { f as C } from "./flowComponent-E-Gp2Toe.js";
 import * as n from "react-aria-components";
 import "mobx";
 import { u as w } from "./useOverlayController-D8pgx8nV.js";
-import { O as E, a as h } from "./OverlayTrigger-bD8_mPel.js";
-import { H as O } from "./Header-BBMzw1aI.js";
-import { A as M } from "./Action-CTsmaTAj.js";
-import { B as N } from "./Button-2HD10hUM.js";
+import { O as E, a as h } from "./OverlayTrigger-BmB63e4e.js";
+import { H as O } from "./Header-Bry5NM9X.js";
+import { A as M } from "./Action-CiJBykBu.js";
+import { B as N } from "./Button-a4Hq_zmE.js";
 import "@tabler/icons-react";
-import "./Icon-C4X3yGm5.js";
-import { I as x } from "./IconClose-e8kUonqZ.js";
+import "./Icon-C3JkDOTi.js";
+import { I as x } from "./IconClose-GXU9h7Kw.js";
 const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header", B = "flow--modal--content", A = "flow--modal--action-group", G = "flow--modal--left", H = "flow--modal--close-button", e = {
   modal: z,
   offCanvas: P,

package/dist/js/Navigation.js

@@ -5,18 +5,18 @@ import d from "clsx";
 import { d as v } from "./deepFindOfType-6pG0fH7S.js";
 import { W as E } from "./Wrap-DGT1h1o3.js";
 import "./propsContext-DzAKlmhS.js";
-import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
+import { PropsContextProvider as l } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as u, TunnelExit as p } from "@mittwald/react-tunnel";
-import { A as x } from "./Accordion-CLh-WVKQ.js";
-import { C as N } from "./Content-B981TFby.js";
-const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", P = "flow--navigation--text", w = "flow--navigation--control-icon", r = {
+import { A as x } from "./Accordion-B5k7dJpn.js";
+import { C as N } from "./Content-ytee2WFF.js";
+const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", w = "flow--navigation--text", P = "flow--navigation--control-icon", r = {
   navigation: C,
   item: I,
   icon: b,
-  text: P,
-  controlIcon: w
+  text: w,
+  controlIcon: P
 }, z = (i) => {
   const { className: t, children: n, ...s } = i, c = d(r.navigation, t), o = !!v(n, y), a = {
     Link: {

package/dist/js/Notification.js

@@ -3,22 +3,22 @@
 import o from "react";
 import g from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { P as w } from "./PropsContextProvider-C6Z4XGp6.js";
+import { PropsContextProvider as w } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as h } from "./dynamic-ClpUSmEt.js";
-import { A as k } from "./AlertIcon-DVhG5kft.js";
-import { L as x } from "./Link-ZeLBPQ3N.js";
-import { B as C } from "./Button-2HD10hUM.js";
+import { A as k } from "./AlertIcon-4pw8iuBh.js";
+import { L as x } from "./Link-tZe6DMG9.js";
+import { B as C } from "./Button-a4Hq_zmE.js";
 import "@tabler/icons-react";
-import "./Icon-C4X3yGm5.js";
-import { I as N } from "./IconClose-e8kUonqZ.js";
-const E = "flow--notification", L = "flow--notification--link", P = "flow--notification--heading", v = "flow--notification--text", y = "flow--notification--close", A = "flow--notification--info", B = "flow--notification--has-link", I = "flow--notification--warning", z = "flow--notification--danger", F = "flow--notification--success", t = {
+import "./Icon-C3JkDOTi.js";
+import { I as N } from "./IconClose-GXU9h7Kw.js";
+const E = "flow--notification", L = "flow--notification--link", v = "flow--notification--heading", y = "flow--notification--text", P = "flow--notification--close", A = "flow--notification--info", B = "flow--notification--has-link", I = "flow--notification--warning", z = "flow--notification--danger", F = "flow--notification--success", t = {
   notification: E,
   link: L,
-  heading: P,
-  text: v,
-  close: y,
+  heading: v,
+  text: y,
+  close: P,
   info: A,
   hasLink: B,
   warning: I,

package/dist/js/NumberField.js

@@ -5,25 +5,25 @@ import * as t from "react-aria-components";
 import { f as o } from "./FormField.module-CqWpTQKP.js";
 import u from "clsx";
 import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
-import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
+import { PropsContextProvider as d } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as E } from "./FieldError-CHLQJ4Gj.js";
-import { B as m } from "./Button-2HD10hUM.js";
+import { F as E } from "./FieldError-BZ6oyvAN.js";
+import { B as m } from "./Button-a4Hq_zmE.js";
 import "@tabler/icons-react";
-import "./Icon-C4X3yGm5.js";
-import { I as N } from "./IconChevronDown-CZczuUPE.js";
-import { I as b } from "./IconChevronUp-CqIMOmST.js";
-import { I, a as F } from "./IconPlus-DwSox2Ic.js";
-import { f as P } from "./flowComponent-C_3mQGhG.js";
-const C = "flow--number-field--group", B = "flow--number-field--input", w = "flow--number-field--decrement-button", v = "flow--number-field--increment-button", x = "flow--number-field--coarse-pointer-icon", r = {
-  group: C,
+import "./Icon-C3JkDOTi.js";
+import { I as N } from "./IconChevronDown-Cr-rCT6d.js";
+import { I as b } from "./IconChevronUp-DI1A2wmc.js";
+import { I, a as F } from "./IconPlus-CYExXr8n.js";
+import { f as C } from "./flowComponent-E-Gp2Toe.js";
+const P = "flow--number-field--group", B = "flow--number-field--input", w = "flow--number-field--decrement-button", v = "flow--number-field--increment-button", x = "flow--number-field--coarse-pointer-icon", r = {
+  group: P,
   input: B,
   decrementButton: w,
   incrementButton: v,
   coarsePointerIcon: x
-}, J = P("NumberField", (n) => {
+}, J = C("NumberField", (n) => {
   const { children: a, className: s, refProp: l, ...c } = n, i = u(o.formField, s), p = {
     Label: {
       className: o.label,

package/dist/js/{OverlayTrigger-bD8_mPel.js → OverlayTrigger-BmB63e4e.js}

@@ -3,7 +3,7 @@
 import e from "react";
 import { u as m, o as v, O as y } from "./context-Cf7tqFtF.js";
 import "./propsContext-DzAKlmhS.js";
-import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
+import { PropsContextProvider as O } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 const u = (r) => {

package/dist/js/{Popover-BzuJdYCR.js → Popover-C4jNPNSb.js}

@@ -2,8 +2,8 @@
 /* */
 import * as o from "react-aria-components";
 import e from "react";
-import { a as y, O as E } from "./OverlayTrigger-bD8_mPel.js";
-import { f as a } from "./flowComponent-C_3mQGhG.js";
+import { a as y, O as E } from "./OverlayTrigger-BmB63e4e.js";
+import { f as a } from "./flowComponent-E-Gp2Toe.js";
 import l from "clsx";
 import "mobx";
 import { u as x } from "./useOverlayController-D8pgx8nV.js";

package/dist/js/Popover.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { P as r } from "./Popover-BzuJdYCR.js";
-import { a as p } from "./Popover-BzuJdYCR.js";
+import { P as r } from "./Popover-C4jNPNSb.js";
+import { a as p } from "./Popover-C4jNPNSb.js";
 export {
   r as Popover,
   p as PopoverTrigger,

package/dist/js/ProgressBar.js

@@ -5,7 +5,7 @@ import s from "react";
 import d from "clsx";
 import { useLocalizedStringFormatter as N, useNumberFormatter as v } from "react-aria";
 import "./propsContext-DzAKlmhS.js";
-import { P as x } from "./PropsContextProvider-C6Z4XGp6.js";
+import { PropsContextProvider as x } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 const B = "flow--progress-bar", E = "flow--progress-bar--label", z = "flow--progress-bar--value", P = "flow--progress-bar--bar", V = "flow--progress-bar--fill", $ = "flow--progress-bar--info", h = "flow--progress-bar--success", y = "flow--progress-bar--danger", C = "flow--progress-bar--warning", r = {

package/dist/js/PropsContextProvider.js

@@ -1,9 +1,64 @@
 "use client"
 /* */
-import "react";
-import "./propsContext-DzAKlmhS.js";
-import { P as p, P } from "./PropsContextProvider-C6Z4XGp6.js";
+import u, { useMemo as m, isValidElement as f, cloneElement as C } from "react";
+import { u as v, p as E } from "./propsContext-DzAKlmhS.js";
+import { mergeProps as h } from "@react-aria/utils";
+import { isObjectType as c } from "remeda";
+import { setProperty as x } from "dot-prop";
+const N = (t = {}) => (...r) => {
+  const { mergeClassNames: n = !0, mergeEventHandler: s = !0 } = t, e = h(...r);
+  if (c(e)) {
+    if (!n)
+      for (const o of r)
+        c(o) && "className" in e && "className" in o && (e.className = o.className);
+    if (!s) {
+      for (const o of r)
+        if (c(o))
+          for (const [p, a] of Object.entries(o))
+            /^on[A-Z]/.test(p) && x(e, p, a);
+    }
+  }
+  return e;
+}, b = N({
+  mergeClassNames: !1,
+  mergeEventHandler: !1
+}), j = (t = {}, r = {}) => {
+  const n = Object.keys({
+    ...t,
+    ...r
+  });
+  return Object.fromEntries(
+    n.map((s) => [
+      s,
+      b(
+        t[s],
+        r[s]
+      )
+    ])
+  );
+}, V = (t) => {
+  const {
+    props: r,
+    dependencies: n = [],
+    mergeInParentContext: s = !1,
+    children: e,
+    ...o
+  } = t, p = v(), a = m(() => r, n), i = m(
+    () => s ? j(p, r) : r,
+    [a, p, s]
+  ), l = f(e) ? {
+    ...o,
+    ...e.props
+  } : o, d = [
+    e,
+    ...Object.entries(l).flatMap((g) => g)
+  ], P = m(
+    () => f(e) ? C(e, l) : e,
+    d
+  );
+  return /* @__PURE__ */ u.createElement(E.Provider, { value: i }, P);
+};
 export {
-  p as PropsContextProvider,
-  P as default
+  V as PropsContextProvider,
+  V as default
 };

package/dist/js/RadioGroup.js

@@ -1,79 +1,54 @@
 "use client"
 /* */
-import e from "react";
-import * as k from "react-aria-components";
-import E from "clsx";
+import o from "react";
+import * as N from "react-aria-components";
+import u from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { P as C, m as z } from "./PropsContextProvider-C6Z4XGp6.js";
+import { PropsContextProvider as C } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { d as h } from "./dynamic-ClpUSmEt.js";
-import { F as B } from "./FieldError-CHLQJ4Gj.js";
-import { C as F } from "./ColumnLayout-Bvw578tz.js";
-import { TunnelProvider as I, TunnelExit as m } from "@mittwald/react-tunnel";
-import { f as c } from "./FormField.module-CqWpTQKP.js";
+import { F as g } from "./FieldError-BZ6oyvAN.js";
+import { C as G } from "./ColumnLayout-Bvw578tz.js";
+import { TunnelProvider as I, TunnelExit as c } from "@mittwald/react-tunnel";
+import { f as l } from "./FormField.module-CqWpTQKP.js";
 import { d as P } from "./deepFindOfType-6pG0fH7S.js";
-import { C as b } from "./ClearPropsContext-CUvsbMn8.js";
+import { C as R } from "./ClearPropsContext-CUvsbMn8.js";
 import "@tabler/icons-react";
-import "./Icon-C4X3yGm5.js";
-import { I as y, a as v } from "./IconRadioOn-g1K-YraZ.js";
-import { f as N } from "./flowComponent-C_3mQGhG.js";
+import "./Icon-C3JkDOTi.js";
+import { I as w, a as B } from "./IconRadioOn-BQIVoyg4.js";
+import { f } from "./flowComponent-E-Gp2Toe.js";
 import "dot-prop";
-import { I as D } from "./IconCheck-DekklS7k.js";
-import { g as T } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
-const O = "flow--radio-group", S = "flow--radio-group--segmented-group", L = "flow--radio-group--segments", $ = "flow--radio-group--segment", A = "flow--radio-group--checkmark", j = "flow--radio-group--radio-group-container", r = {
-  radioGroup: O,
-  segmentedGroup: S,
-  segments: L,
-  segment: $,
-  checkmark: A,
-  radioGroupContainer: j,
-  "container-breakpoint-size-xs": "flow--radio-group--container-breakpoint-size-xs",
-  "container-breakpoint-size-s": "flow--radio-group--container-breakpoint-size-s",
-  "container-breakpoint-size-m": "flow--radio-group--container-breakpoint-size-m",
-  "container-breakpoint-size-l": "flow--radio-group--container-breakpoint-size-l",
-  "container-breakpoint-size-xl": "flow--radio-group--container-breakpoint-size-xl"
-}, q = "flow--radio-group--radio-button", H = "flow--radio-group--radio-button--content", J = "flow--radio-group--radio-button--label", f = {
-  radioButton: q,
-  content: H,
-  label: J
-}, K = N("RadioButton", (n) => {
-  const { children: t, className: a, refProp: o, ...i } = n, s = E(f.radioButton, a), l = {
+const y = "flow--radio-group", m = {
+  radioGroup: y
+}, h = "flow--radio-group--radio-button", D = "flow--radio-group--radio-button--content", T = "flow--radio-group--radio-button--label", d = {
+  radioButton: h,
+  content: D,
+  label: T
+}, v = f("RadioButton", (r) => {
+  const { children: e, className: t, refProp: a, ...n } = r, s = u(d.radioButton, t), i = {
     Text: {
-      className: f.label
+      className: d.label
     },
     Content: {
-      className: f.content
+      className: d.content
     }
   };
-  return /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(U, { ...i, className: s, ref: o }, /* @__PURE__ */ e.createElement(C, { props: l }, t)));
-}), fe = N("RadioGroup", (n) => {
-  const {
-    children: t,
-    className: a,
-    variant: o = "default",
-    s: i,
-    m: s,
-    l,
-    containerBreakpointSize: d = "m",
-    refProp: w,
-    ...R
-  } = n, x = E(
-    c.formField,
-    r.radioGroupContainer,
-    a,
-    r[T(d)]
-  );
-  let p = {
+  return /* @__PURE__ */ o.createElement(R, null, /* @__PURE__ */ o.createElement($, { ...n, className: s, ref: a }, /* @__PURE__ */ o.createElement(C, { props: i }, e)));
+}), _ = f("RadioGroup", (r) => {
+  const { children: e, className: t, s: a, m: n, l: s, refProp: i, ...b } = r, x = u(
+    l.formField,
+    m.radioGroupContainer,
+    t
+  ), F = {
     Label: {
-      className: c.label
+      className: l.label
     },
     FieldDescription: {
-      className: c.fieldDescription,
+      className: l.fieldDescription,
       tunnelId: "fieldDescription"
     },
     FieldError: {
-      className: c.customFieldError,
+      className: l.customFieldError,
       tunnelId: "fieldError"
     },
     RadioButton: {
@@ -82,47 +57,30 @@ const O = "flow--radio-group", S = "flow--radio-group--segmented-group", L = "fl
     Radio: {
       tunnelId: "radios"
     }
-  };
-  o === "segmented" && (p = z(p, {
-    Radio: {
-      className: r.segment,
-      unstyled: !0,
-      children: h((G) => /* @__PURE__ */ e.createElement(e.Fragment, null, G.children, /* @__PURE__ */ e.createElement(D, { className: r.checkmark })))
-    }
-  }));
-  const u = !!P(t, K);
-  return o === "segmented" && u && console.warn(
-    "<RadioButton/> is not supported in 'segmented' variant of <RadioGroup />"
-  ), /* @__PURE__ */ e.createElement(k.RadioGroup, { ...R, className: x, ref: w }, /* @__PURE__ */ e.createElement(I, null, /* @__PURE__ */ e.createElement(
+  }, E = !!P(e, v);
+  return /* @__PURE__ */ o.createElement(N.RadioGroup, { ...b, className: x, ref: i }, /* @__PURE__ */ o.createElement(I, null, /* @__PURE__ */ o.createElement(
     C,
     {
-      props: p,
-      dependencies: [o],
+      dependencies: ["radio"],
+      props: F,
       mergeInParentContext: !0
     },
-    t,
-    o === "segmented" && /* @__PURE__ */ e.createElement("div", { className: r.segmentedGroup }, /* @__PURE__ */ e.createElement("div", { className: r.segments }, /* @__PURE__ */ e.createElement(m, { id: "radios" }))),
-    o === "default" && u && /* @__PURE__ */ e.createElement(F, { s: i, m: s, l, className: r.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })),
-    o === "default" && !u && /* @__PURE__ */ e.createElement("div", { className: r.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })),
-    /* @__PURE__ */ e.createElement(m, { id: "fieldDescription" }),
-    /* @__PURE__ */ e.createElement(m, { id: "fieldError" })
-  )), /* @__PURE__ */ e.createElement(B, { className: c.fieldError }));
-}), M = "flow--radio-group--radio", Q = "flow--radio-group--radio--icon", g = {
-  radio: M,
-  icon: Q
-}, U = N("Radio", (n) => {
-  const {
-    children: t,
-    className: a,
-    unstyled: o = !1,
-    refProp: i,
-    ...s
-  } = n, l = o ? a : E(g.radio, a);
-  return /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(k.Radio, { ...s, className: l, ref: i }, ({ isSelected: d }) => /* @__PURE__ */ e.createElement(e.Fragment, null, d ? !o && /* @__PURE__ */ e.createElement(y, { className: g.icon }) : !o && /* @__PURE__ */ e.createElement(v, { className: g.icon }), t)));
+    e,
+    E && /* @__PURE__ */ o.createElement(G, { s: a, m: n, l: s, className: m.radioGroup }, /* @__PURE__ */ o.createElement(c, { id: "radios" })),
+    !E && /* @__PURE__ */ o.createElement("div", { className: m.radioGroup }, /* @__PURE__ */ o.createElement(c, { id: "radios" })),
+    /* @__PURE__ */ o.createElement(c, { id: "fieldDescription" }),
+    /* @__PURE__ */ o.createElement(c, { id: "fieldError" })
+  )), /* @__PURE__ */ o.createElement(g, { className: l.fieldError }));
+}), O = "flow--radio-group--radio", L = "flow--radio-group--radio--icon", p = {
+  radio: O,
+  icon: L
+}, $ = f("Radio", (r) => {
+  const { children: e, className: t, refProp: a, ...n } = r, s = u(p.radio, t);
+  return /* @__PURE__ */ o.createElement(R, null, /* @__PURE__ */ o.createElement(N.Radio, { ...n, className: s, ref: a }, ({ isSelected: i }) => /* @__PURE__ */ o.createElement(o.Fragment, null, i ? /* @__PURE__ */ o.createElement(w, { className: p.icon }) : /* @__PURE__ */ o.createElement(B, { className: p.icon }), e)));
 });
 export {
-  U as Radio,
-  K as RadioButton,
-  fe as RadioGroup,
-  fe as default
+  $ as Radio,
+  v as RadioButton,
+  _ as RadioGroup,
+  _ as default
 };

package/dist/js/{SearchField-b883cfcL.js → SearchField-Bg9uM0FY.js}

@@ -5,25 +5,25 @@ import * as s from "react-aria-components";
 import { f as r } from "./FormField.module-CqWpTQKP.js";
 import f from "clsx";
 import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
-import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
+import { PropsContextProvider as h } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as u } from "./FieldError-CHLQJ4Gj.js";
-import { f as F } from "./flowComponent-C_3mQGhG.js";
-import { B as E } from "./Button-2HD10hUM.js";
+import { F as u } from "./FieldError-BZ6oyvAN.js";
+import { f as F } from "./flowComponent-E-Gp2Toe.js";
+import { B as E } from "./Button-a4Hq_zmE.js";
 import "@tabler/icons-react";
-import "./Icon-C4X3yGm5.js";
-import { I as N } from "./IconClose-e8kUonqZ.js";
-import { I as C } from "./IconSearch-BvRfybT9.js";
+import "./Icon-C3JkDOTi.js";
+import { I as N } from "./IconClose-GXU9h7Kw.js";
+import { I as C } from "./IconSearch-ph_8JDDS.js";
 import { useLocalizedStringFormatter as S } from "react-aria";
-const I = "flow--search-field", w = "flow--search-field--clear-button", x = "flow--search-field--search-icon", B = "flow--search-field--input-container", P = "flow--search-field--input", t = {
+const I = "flow--search-field", w = "flow--search-field--clear-button", x = "flow--search-field--search-icon", B = "flow--search-field--input-container", b = "flow--search-field--input", t = {
   searchField: I,
   clearButton: w,
   searchIcon: x,
   inputContainer: B,
-  input: P
-}, b = { "de-DE": {
+  input: b
+}, P = { "de-DE": {
   "searchField.search": "Suche"
 }, "en-EN": {
   "searchField.search": "Search"
@@ -32,7 +32,7 @@ const I = "flow--search-field", w = "flow--search-field--clear-button", x = "flo
     r.formField,
     t.searchField,
     l
-  ), a = S(b).format("searchField.search"), p = {
+  ), a = S(P).format("searchField.search"), p = {
     Label: {
       className: r.label,
       optional: !o.isRequired

package/dist/js/SearchField.js

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

package/dist/js/{Section-D8qboOw9.js → Section-DA5veGmg.js}

@@ -3,16 +3,16 @@
 import e, { useId as u } from "react";
 import x from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { P as a } from "./PropsContextProvider-C6Z4XGp6.js";
+import { PropsContextProvider as c } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as c } from "./flowComponent-C_3mQGhG.js";
+import { f as a } from "./flowComponent-E-Gp2Toe.js";
 import * as s from "react-aria-components";
 import { s as C } from "./ContextMenu.module-BZingr2B.js";
 const g = "flow--section", h = "flow--section--heading", i = {
   section: g,
   heading: h
-}, S = c(
+}, S = a(
   "ContextMenuSection",
   (n) => {
     const { children: t } = n, o = {
@@ -21,9 +21,9 @@ const g = "flow--section", h = "flow--section--heading", i = {
         wrapWith: /* @__PURE__ */ e.createElement(s.Header, null)
       }
     };
-    return /* @__PURE__ */ e.createElement(s.Section, { className: C.section }, /* @__PURE__ */ e.createElement(a, { props: o, mergeInParentContext: !0 }, t));
+    return /* @__PURE__ */ e.createElement(s.Section, { className: C.section }, /* @__PURE__ */ e.createElement(c, { props: o, mergeInParentContext: !0 }, t));
   }
-), M = c("Section", (n) => {
+), M = a("Section", (n) => {
   const {
     children: t,
     className: o,
@@ -48,7 +48,7 @@ const g = "flow--section", h = "flow--section--heading", i = {
       "aria-labelledby": r
     }
   };
-  return /* @__PURE__ */ e.createElement("section", { ...p, className: d, ref: l }, /* @__PURE__ */ e.createElement(a, { props: f, mergeInParentContext: !0 }, t));
+  return /* @__PURE__ */ e.createElement("section", { ...p, className: d, ref: l }, /* @__PURE__ */ e.createElement(c, { props: f, mergeInParentContext: !0 }, t));
 });
 export {
   M as S

package/dist/js/Section.js

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