@mittwald/flow-react-components 0.1.0-alpha.52 → 0.1.0-alpha.53

package/dist/RadioGroup.js

@@ -1,58 +1,63 @@
 "use client"
 /* */
 import o from "react";
-import * as n from "react-aria-components";
-import m from "clsx";
+import * as d from "react-aria-components";
+import p from "clsx";
 import "./propsContext-Dx7WKmmM.js";
-import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
+import { P as f } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as p } from "./FieldError-CQNWNYnn.js";
+import { F as u } from "./FieldError-CQNWNYnn.js";
+import { TunnelProvider as E, TunnelExit as c } from "@mittwald/react-tunnel";
+import { s as e } from "./FormField.module-DHK6nIcD.js";
 import "@tabler/icons-react";
 import "html-react-parser";
-import "@mittwald/react-tunnel";
-import { I as f } from "./IconCheck-C_3X4AJ_.js";
-const u = "flow--radio-group", E = "flow--radio-group--label", N = "flow--radio-group--field-error", g = "flow--radio-group--custom-field-error", w = "flow--radio-group--field-description", r = {
-  radioGroup: u,
-  label: E,
-  fieldError: N,
-  customFieldError: g,
-  fieldDescription: w
-}, T = (t) => {
-  const { children: a, className: s, ...c } = t, i = m(r.radioGroup, s), l = {
+import { I as N } from "./IconCheck-C_3X4AJ_.js";
+const k = "flow--radio-group", b = "flow--radio-group--radio-options", m = {
+  radioGroup: k,
+  radioOptions: b
+}, L = (t) => {
+  const { children: a, className: s, ...i } = t, l = p(
+    m.radioGroup,
+    e.formField,
+    s
+  ), n = {
     Label: {
-      className: r.label
+      className: e.label,
+      tunnelId: "label"
     },
     FieldDescription: {
-      className: r.fieldDescription
+      className: e.fieldDescription,
+      tunnelId: "fieldDescription"
     },
     FieldError: {
-      className: r.customFieldError
+      className: e.customFieldError,
+      tunnelId: "fieldError"
     }
   };
-  return /* @__PURE__ */ o.createElement(n.RadioGroup, { ...c, className: i }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(p, { className: r.fieldError }));
-}, b = "flow--radio-group--radio", k = "flow--radio-group--radio--content", h = "flow--radio-group--radio--icon", C = "flow--radio-group--radio--checkmark", F = "flow--radio-group--radio--label", e = {
-  radio: b,
-  content: k,
-  icon: h,
-  checkmark: C,
-  label: F
+  return /* @__PURE__ */ o.createElement(d.RadioGroup, { ...i, className: l }, /* @__PURE__ */ o.createElement(f, { props: n }, /* @__PURE__ */ o.createElement(E, null, /* @__PURE__ */ o.createElement(c, { id: "label" }), /* @__PURE__ */ o.createElement("div", { className: m.radioOptions }, a), /* @__PURE__ */ o.createElement(c, { id: "fieldDescription" }), /* @__PURE__ */ o.createElement(c, { id: "fieldError" }))), /* @__PURE__ */ o.createElement(u, { className: e.fieldError }));
+}, g = "flow--radio-group--radio", h = "flow--radio-group--radio--content", w = "flow--radio-group--radio--icon", x = "flow--radio-group--radio--checkmark", C = "flow--radio-group--radio--label", r = {
+  radio: g,
+  content: h,
+  icon: w,
+  checkmark: x,
+  label: C
 }, j = (t) => {
-  const { children: a, className: s, ...c } = t, i = m(e.radio, s), l = {
+  const { children: a, className: s, ...i } = t, l = p(r.radio, s), n = {
     Icon: {
-      className: e.icon
+      className: r.icon
     },
     Text: {
-      className: e.label
+      className: r.label
     },
     Content: {
-      className: e.content
+      className: r.content
     }
   };
-  return /* @__PURE__ */ o.createElement(n.Radio, { ...c, className: i }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(f, { className: e.checkmark }));
+  return /* @__PURE__ */ o.createElement(d.Radio, { ...i, className: l }, /* @__PURE__ */ o.createElement(f, { props: n }, a), /* @__PURE__ */ o.createElement(N, { className: r.checkmark }));
 };
 export {
   j as Radio,
-  T as RadioGroup,
-  T as default
+  L as RadioGroup,
+  L as default
 };