@mittwald/flow-react-components 0.1.0-alpha.67 → 0.1.0-alpha.69

package/dist/RadioGroup.js

@@ -2,32 +2,36 @@
 /* */
 import e from "react";
 import * as R from "react-aria-components";
-import d from "clsx";
+import E from "clsx";
 import "./propsContext-CauylOgH.js";
-import { P as E } from "./PropsContextProvider-DkNLd3Yj.js";
+import { P as C, m as b } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as x } from "./FieldError-TYnVmG-o.js";
+import { d as k } from "./dynamic-ClpUSmEt.js";
+import { F as x } from "./FieldError-Bkfbr6qF.js";
 import { C as y } from "./ColumnLayout-FMONjI17.js";
 import { TunnelProvider as F, TunnelExit as m } from "@mittwald/react-tunnel";
-import { s } from "./FormField.module-DHK6nIcD.js";
+import { s as c } from "./FormField.module-DHK6nIcD.js";
 import { d as I } from "./deepFindOfType-6pG0fH7S.js";
-import { C as h } from "./ClearPropsContext-CeCMjUK9.js";
+import { C as w } from "./ClearPropsContext-CeCMjUK9.js";
 import "@tabler/icons-react";
-import "./Icon-CPAehMux.js";
-import { I as b, a as k } from "./IconRadioOn-CTDczjLJ.js";
-import { f as N } from "./flowComponent-mJ64-1gs.js";
+import "./Icon-Cirt9eNW.js";
+import { I as B, a as v } from "./IconRadioOn-BpFVTp96.js";
+import { f as N } from "./flowComponent-D0FdCoE_.js";
 import "dot-prop";
-import { d as B } from "./dynamic-ClpUSmEt.js";
-import { I as v } from "./IconCheck-C778cVIW.js";
-const P = "flow--radio-group", C = {
-  radioGroup: P
-}, D = "flow--radio-group--radio-button", T = "flow--radio-group--radio-button--content", $ = "flow--radio-group--radio-button--label", f = {
-  radioButton: D,
-  content: T,
-  label: $
-}, O = N("RadioButton", (a) => {
-  const { children: t, className: r, ref: o, ...n } = a, l = d(f.radioButton, r), i = {
+import { I as P } from "./IconCheck-BeVmPHTC.js";
+const D = "flow--radio-group", T = "flow--radio-group--segmented-group", O = "flow--radio-group--segments", $ = "flow--radio-group--segment", L = "flow--radio-group--checkmark", a = {
+  radioGroup: D,
+  segmentedGroup: T,
+  segments: O,
+  segment: $,
+  checkmark: L
+}, A = "flow--radio-group--radio-button", j = "flow--radio-group--radio-button--content", q = "flow--radio-group--radio-button--label", f = {
+  radioButton: A,
+  content: j,
+  label: q
+}, z = N("RadioButton", (n) => {
+  const { children: t, className: r, ref: o, ...s } = n, l = E(f.radioButton, r), i = {
     Text: {
       className: f.label
     },
@@ -35,32 +39,19 @@ const P = "flow--radio-group", C = {
       className: f.content
     }
   };
-  return /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(J, { ...n, className: l, ref: o }, /* @__PURE__ */ e.createElement(E, { props: i }, t)));
-}), L = "flow--radio-group--segmented-group", A = "flow--radio-group--segmented-group--segments", S = "flow--radio-group--segmented-group--segment", j = "flow--radio-group--segmented-group--checkmark", c = {
-  segmentedGroup: L,
-  segments: A,
-  segment: S,
-  checkmark: j
-}, q = (a) => {
-  const { children: t } = a, r = d(c.segmentedGroup, s.formField), o = {
-    Radio: {
-      className: c.segment,
-      unstyled: !0,
-      children: B((n) => /* @__PURE__ */ e.createElement(e.Fragment, null, n.children, /* @__PURE__ */ e.createElement(v, { className: c.checkmark })))
-    }
-  };
-  return /* @__PURE__ */ e.createElement("div", { className: r }, /* @__PURE__ */ e.createElement(E, { props: o, mergeInParentContext: !0 }, /* @__PURE__ */ e.createElement("div", { className: c.segments }, t)));
-}, me = N("RadioGroup", (a) => {
-  const { children: t, className: r, variant: o = "default", s: n, m: l, l: i, ...p } = a, w = d(s.formField, r), G = {
+  return /* @__PURE__ */ e.createElement(w, null, /* @__PURE__ */ e.createElement(K, { ...s, className: l, ref: o }, /* @__PURE__ */ e.createElement(C, { props: i }, t)));
+}), me = N("RadioGroup", (n) => {
+  const { children: t, className: r, variant: o = "default", s, m: l, l: i, ...d } = n, h = E(c.formField, r);
+  let p = {
     Label: {
-      className: s.label
+      className: c.label
     },
     FieldDescription: {
-      className: s.fieldDescription,
+      className: c.fieldDescription,
       tunnelId: "fieldDescription"
     },
     FieldError: {
-      className: s.customFieldError,
+      className: c.customFieldError,
       tunnelId: "fieldError"
     },
     RadioButton: {
@@ -69,20 +60,28 @@ const P = "flow--radio-group", C = {
     Radio: {
       tunnelId: "radios"
     }
-  }, u = !!I(t, O);
+  };
+  o === "segmented" && (p = b(p, {
+    Radio: {
+      className: a.segment,
+      unstyled: !0,
+      children: k((G) => /* @__PURE__ */ e.createElement(e.Fragment, null, G.children, /* @__PURE__ */ e.createElement(P, { className: a.checkmark })))
+    }
+  }));
+  const u = !!I(t, z);
   return o === "segmented" && u && console.warn(
     "<RadioButton/> is not supported in 'segmented' variant of <RadioGroup />"
-  ), /* @__PURE__ */ e.createElement(R.RadioGroup, { ...p, className: w }, /* @__PURE__ */ e.createElement(F, null, /* @__PURE__ */ e.createElement(E, { props: G }, t, o === "segmented" && /* @__PURE__ */ e.createElement(q, null, /* @__PURE__ */ e.createElement(m, { id: "radios" })), o === "default" && u && /* @__PURE__ */ e.createElement(y, { s: n, m: l, l: i, className: C.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })), o === "default" && !u && /* @__PURE__ */ e.createElement("div", { className: C.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })), /* @__PURE__ */ e.createElement(m, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(m, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(x, { className: s.fieldError }));
-}), z = "flow--radio-group--radio", H = "flow--radio-group--radio--icon", g = {
-  radio: z,
-  icon: H
-}, J = N("Radio", (a) => {
-  const { children: t, className: r, unstyled: o = !1, ref: n, ...l } = a, i = o ? r : d(g.radio, r);
-  return /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(R.Radio, { ...l, className: i, ref: n }, ({ isSelected: p }) => /* @__PURE__ */ e.createElement(e.Fragment, null, p ? !o && /* @__PURE__ */ e.createElement(b, { className: g.icon }) : !o && /* @__PURE__ */ e.createElement(k, { className: g.icon }), t)));
+  ), /* @__PURE__ */ e.createElement(R.RadioGroup, { ...d, className: h }, /* @__PURE__ */ e.createElement(F, null, /* @__PURE__ */ e.createElement(C, { props: p, dependencies: [o] }, t, o === "segmented" && /* @__PURE__ */ e.createElement("div", { className: a.segmentedGroup }, /* @__PURE__ */ e.createElement("div", { className: a.segments }, /* @__PURE__ */ e.createElement(m, { id: "radios" }))), o === "default" && u && /* @__PURE__ */ e.createElement(y, { s, m: l, l: i, className: a.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })), o === "default" && !u && /* @__PURE__ */ e.createElement("div", { className: a.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })), /* @__PURE__ */ e.createElement(m, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(m, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(x, { className: c.fieldError }));
+}), H = "flow--radio-group--radio", J = "flow--radio-group--radio--icon", g = {
+  radio: H,
+  icon: J
+}, K = N("Radio", (n) => {
+  const { children: t, className: r, unstyled: o = !1, ref: s, ...l } = n, i = o ? r : E(g.radio, r);
+  return /* @__PURE__ */ e.createElement(w, null, /* @__PURE__ */ e.createElement(R.Radio, { ...l, className: i, ref: s }, ({ isSelected: d }) => /* @__PURE__ */ e.createElement(e.Fragment, null, d ? !o && /* @__PURE__ */ e.createElement(B, { className: g.icon }) : !o && /* @__PURE__ */ e.createElement(v, { className: g.icon }), t)));
 });
 export {
-  J as Radio,
-  O as RadioButton,
+  K as Radio,
+  z as RadioButton,
   me as RadioGroup,
   me as default
 };

package/dist/Section.js

@@ -3,7 +3,7 @@
 import s from "react";
 import i from "clsx";
 import "./propsContext-CauylOgH.js";
-import { P as l } from "./PropsContextProvider-DkNLd3Yj.js";
+import { P as l } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 const m = "flow--section", d = "flow--section--header", p = "flow--section--status-badge", e = {

package/dist/Select.js

@@ -3,16 +3,16 @@
 import e from "react";
 import * as c from "react-aria-components";
 import "./propsContext-CauylOgH.js";
-import { P as C } from "./PropsContextProvider-DkNLd3Yj.js";
+import { P as C } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import { s as r } from "./FormField.module-DHK6nIcD.js";
-import { F as x } from "./FieldError-TYnVmG-o.js";
+import { F as x } from "./FieldError-Bkfbr6qF.js";
 import m from "clsx";
 import "@tabler/icons-react";
-import "./Icon-CPAehMux.js";
-import { I as h } from "./IconChevronDown-BL8_H9Kf.js";
-import { f as E } from "./flowComponent-mJ64-1gs.js";
+import "./Icon-Cirt9eNW.js";
+import { I as h } from "./IconChevronDown-C5-5-czM.js";
+import { f as E } from "./flowComponent-D0FdCoE_.js";
 import { P as v } from "./Popover-MmxZkKu3.js";
 import { TunnelProvider as w, TunnelExit as S } from "@mittwald/react-tunnel";
 const F = "flow--select", P = "flow--select--toggle", f = {

package/dist/StatusBadge.js

@@ -2,14 +2,14 @@
 /* */
 import t from "react";
 import l from "clsx";
-import { S as f } from "./StatusIcon-BrpddXMN.js";
-import { T as i } from "./Text-BW9cNWaj.js";
+import { S as f } from "./StatusIcon-BFo293NO.js";
+import { T as i } from "./Text-DOsCjavW.js";
 import { C as u } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as d } from "./flowComponent-mJ64-1gs.js";
+import { f as d } from "./flowComponent-D0FdCoE_.js";
 const g = "flow--status-badge", p = "flow--status-badge--text", w = "flow--status-badge--info", x = "flow--status-badge--success", b = "flow--status-badge--warning", B = "flow--status-badge--danger", s = {
   statusBadge: g,
   text: p,

package/dist/{StatusIcon-BrpddXMN.js → StatusIcon-BFo293NO.js}

@@ -2,9 +2,9 @@
 /* */
 import o from "react";
 import "@tabler/icons-react";
-import "./Icon-CPAehMux.js";
-import { I as c } from "./IconDanger-B7qTdARI.js";
-import { I as e, a as i, b as m } from "./IconWarning-B5oeYHHs.js";
+import "./Icon-Cirt9eNW.js";
+import { I as c } from "./IconDanger-CtJdGYWb.js";
+import { I as e, a as i, b as m } from "./IconWarning-BD3bYgr3.js";
 import { useLocalizedStringFormatter as u } from "react-aria";
 import { C as I } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";

package/dist/StatusIcon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as a } from "./StatusIcon-BrpddXMN.js";
+import { S as a } from "./StatusIcon-BFo293NO.js";
 export {
   a as StatusIcon,
   a as default

package/dist/Switch.js

@@ -4,16 +4,16 @@ import e from "react";
 import * as n from "react-aria-components";
 import f from "clsx";
 import "@tabler/icons-react";
-import "./Icon-CPAehMux.js";
-import { I as p } from "./IconCheck-C778cVIW.js";
-import { I as h } from "./IconClose-Cq9t3LQV.js";
-import { L as w } from "./Label-B4BxkNHo.js";
+import "./Icon-Cirt9eNW.js";
+import { I as p } from "./IconCheck-BeVmPHTC.js";
+import { I as h } from "./IconClose-C_Q9gfje.js";
+import { L as w } from "./Label-Dn79UkZF.js";
 import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as b } from "./flowComponent-mJ64-1gs.js";
+import { f as b } from "./flowComponent-D0FdCoE_.js";
 const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",

package/dist/Tabs.js

@@ -4,8 +4,8 @@ import t, { createContext as f, useContext as p, useId as x } from "react";
 import * as l from "react-aria-components";
 import c from "clsx";
 import { TunnelProvider as N, TunnelExit as m, TunnelEntry as T } from "@mittwald/react-tunnel";
-import { f as P } from "./flowComponent-mJ64-1gs.js";
-import { T as C } from "./Text-BW9cNWaj.js";
+import { f as P } from "./flowComponent-D0FdCoE_.js";
+import { T as C } from "./Text-DOsCjavW.js";
 const h = "flow--tabs", w = "flow--tabs--tab-list", b = {
   tabs: h,
   tabList: w

package/dist/{Text-BW9cNWaj.js → Text-DOsCjavW.js}

@@ -3,12 +3,12 @@
 import e from "react";
 import * as f from "react-aria-components";
 import { C as x } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as E } from "./PropsContextProvider-DkNLd3Yj.js";
+import { P as E } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
 import u from "invariant";
-import { f as T } from "./flowComponent-mJ64-1gs.js";
+import { f as T } from "./flowComponent-D0FdCoE_.js";
 import { E as d } from "./EmulatedBoldText-Dtox8Wd1.js";
 import { W as C } from "./Wrap-DGT1h1o3.js";
 const A = T("Text", (r) => {

package/dist/Text.js

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

package/dist/TextArea.js

@@ -2,13 +2,13 @@
 /* */
 import e from "react";
 import * as n from "react-aria-components";
-import { T as p } from "./TextFieldBase-BcCtRAw5.js";
+import { T as p } from "./TextFieldBase-BMsXy6I_.js";
 import { C as i } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as c } from "./flowComponent-mJ64-1gs.js";
+import { f as c } from "./flowComponent-D0FdCoE_.js";
 const f = "flow--text-area", x = {
   textArea: f
 }, y = c("TextArea", (t) => {

package/dist/TextField.js

@@ -2,13 +2,13 @@
 /* */
 import t from "react";
 import * as s from "react-aria-components";
-import { T as a } from "./TextFieldBase-BcCtRAw5.js";
+import { T as a } from "./TextFieldBase-BMsXy6I_.js";
 import { C as n } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as p } from "./flowComponent-mJ64-1gs.js";
+import { f as p } from "./flowComponent-D0FdCoE_.js";
 const c = "flow--text-field", f = {
   textField: c
 }, w = p("TextField", (e) => {

package/dist/{TextFieldBase-BcCtRAw5.js → TextFieldBase-BMsXy6I_.js}

@@ -5,11 +5,11 @@ import * as n from "react-aria-components";
 import { s as e } from "./FormField.module-DHK6nIcD.js";
 import p from "clsx";
 import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as f } from "./PropsContextProvider-DkNLd3Yj.js";
+import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { F as E } from "./FieldError-TYnVmG-o.js";
+import { F as E } from "./FieldError-Bkfbr6qF.js";
 const g = c(
   (o, F) => {
     const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {

package/dist/{flowComponent-mJ64-1gs.js → flowComponent-D0FdCoE_.js}

@@ -5,7 +5,7 @@ import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { u } from "./useProps-BqLmWTTi.js";
+import { u } from "./useProps-C57t0bqC.js";
 import { TunnelEntry as a } from "@mittwald/react-tunnel";
 function x(m, i) {
   return l((e, f) => {

package/dist/react-hook-form.js

@@ -3,11 +3,11 @@
 import e, { createContext as x, useContext as F } from "react";
 import { Controller as h } from "react-hook-form";
 import "./propsContext-CauylOgH.js";
-import { P as v } from "./PropsContextProvider-DkNLd3Yj.js";
+import { P as v } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as E } from "./dynamic-ClpUSmEt.js";
-import { F as P } from "./FieldError-TYnVmG-o.js";
+import { F as P } from "./FieldError-Bkfbr6qF.js";
 const d = x({}), b = d.Provider, g = () => F(d);
 function k(o) {
   var l;