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

package/dist/NumberField.js

@@ -3,28 +3,28 @@
 import e from "react";
 import * as r from "react-aria-components";
 import { s as o } from "./FormField.module-DHK6nIcD.js";
-import p from "clsx";
-import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as d } from "./PropsContextProvider-BcOGMJkn.js";
+import E from "clsx";
+import { C as N } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as b } from "./PropsContextProvider-DkNLd3Yj.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { F as E } from "./FieldError-CBxCl2nS.js";
-import { B as s } from "./Button-CdGfSPx-.js";
+import { F as I } from "./FieldError-TYnVmG-o.js";
+import { B as a } from "./Button-RNHxIFd2.js";
 import "@tabler/icons-react";
-import "./Icon-DVRBNZZe.js";
-import { I as N } from "./IconChevronDown-D8WRADYa.js";
-import { I as b, a as I, b as C } from "./IconPlus-WchYGpT1.js";
-import { f as F } from "./flowComponent-CEo3pjEA.js";
-const P = "flow--number-field--group", w = "flow--number-field--input", B = "flow--number-field--decrement-button", h = "flow--number-field--increment-button", y = "flow--number-field--coarse-pointer-icon", v = "flow--number-field--touch-icon", t = {
-  group: P,
-  input: w,
-  decrementButton: B,
-  incrementButton: h,
-  coarsePointerIcon: y,
-  touchIcon: v
-}, J = F("NumberField", (n) => {
-  const { children: m, className: c, ref: a, ...l } = n, i = p(o.formField, c), u = {
+import "./Icon-CPAehMux.js";
+import { I as C } from "./IconChevronDown-BL8_H9Kf.js";
+import { I as h, a as F, b as P } from "./IconPlus-vUgeG2A9.js";
+import { f as w } from "./flowComponent-mJ64-1gs.js";
+const B = "flow--number-field--group", g = "flow--number-field--input", y = "flow--number-field--decrement-button", v = "flow--number-field--increment-button", x = "flow--number-field--coarse-pointer-icon", D = "flow--number-field--touch-icon", t = {
+  group: B,
+  input: g,
+  decrementButton: y,
+  incrementButton: v,
+  coarsePointerIcon: x,
+  touchIcon: D
+}, K = w("NumberField", (n) => {
+  const { children: m, className: c, ref: l, onChange: s, ...i } = n, u = E(o.formField, c), p = {
     Label: {
       className: o.label,
       optional: !n.isRequired
@@ -35,32 +35,46 @@ const P = "flow--number-field--group", w = "flow--number-field--input", B = "flo
     FieldError: {
       className: o.customFieldError
     }
+  }, f = (d) => {
+    setTimeout(() => {
+      s && s(d);
+    }, 150);
   };
-  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(r.NumberField, { ...l, className: i }, /* @__PURE__ */ e.createElement(r.Group, { className: t.group }, /* @__PURE__ */ e.createElement(
-    s,
+  return /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(
+    r.NumberField,
     {
-      slot: "decrement",
-      className: t.decrementButton,
-      size: "s",
-      style: "plain",
-      variant: "secondary"
+      ...i,
+      className: u,
+      onChange: f
     },
-    /* @__PURE__ */ e.createElement(N, null),
-    /* @__PURE__ */ e.createElement(b, { className: t.coarsePointerIcon })
-  ), /* @__PURE__ */ e.createElement(r.Input, { className: t.input, ref: a }), /* @__PURE__ */ e.createElement(
-    s,
-    {
-      slot: "increment",
-      className: t.incrementButton,
-      size: "s",
-      style: "plain",
-      variant: "secondary"
-    },
-    /* @__PURE__ */ e.createElement(I, null),
-    /* @__PURE__ */ e.createElement(C, { className: t.coarsePointerIcon })
-  )), /* @__PURE__ */ e.createElement(d, { props: u }, m), /* @__PURE__ */ e.createElement(E, { className: o.fieldError })));
+    /* @__PURE__ */ e.createElement(r.Group, { className: t.group }, /* @__PURE__ */ e.createElement(
+      a,
+      {
+        slot: "decrement",
+        className: t.decrementButton,
+        size: "s",
+        style: "plain",
+        variant: "secondary"
+      },
+      /* @__PURE__ */ e.createElement(C, null),
+      /* @__PURE__ */ e.createElement(h, { className: t.coarsePointerIcon })
+    ), /* @__PURE__ */ e.createElement(r.Input, { className: t.input, ref: l }), /* @__PURE__ */ e.createElement(
+      a,
+      {
+        slot: "increment",
+        className: t.incrementButton,
+        size: "s",
+        style: "plain",
+        variant: "secondary"
+      },
+      /* @__PURE__ */ e.createElement(F, null),
+      /* @__PURE__ */ e.createElement(P, { className: t.coarsePointerIcon })
+    )),
+    /* @__PURE__ */ e.createElement(b, { props: p }, m),
+    /* @__PURE__ */ e.createElement(I, { className: o.fieldError })
+  ));
 });
 export {
-  J as NumberField,
-  J as default
+  K as NumberField,
+  K as default
 };

package/dist/ProgressBar.js

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

package/dist/PropsContextProvider-DkNLd3Yj.js

@@ -0,0 +1,63 @@
+"use client"
+/* */
+import u, { useMemo as m, isValidElement as f, cloneElement as C } from "react";
+import { u as v, p as E } from "./propsContext-CauylOgH.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 {
+  V as P
+};

package/dist/RadioGroup.js

@@ -3,30 +3,31 @@
 import e from "react";
 import * as R from "react-aria-components";
 import d from "clsx";
-import { u as G } from "./propsContext-CauylOgH.js";
-import { P as E } from "./PropsContextProvider-BcOGMJkn.js";
+import "./propsContext-CauylOgH.js";
+import { P as E } from "./PropsContextProvider-DkNLd3Yj.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as y } from "./FieldError-CBxCl2nS.js";
-import { C as F } from "./ColumnLayout-FMONjI17.js";
-import { TunnelProvider as b, TunnelExit as m } from "@mittwald/react-tunnel";
-import { s as l } from "./FormField.module-DHK6nIcD.js";
-import { d as k } from "./deepFindOfType-6pG0fH7S.js";
+import { F as x } from "./FieldError-TYnVmG-o.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 { d as I } from "./deepFindOfType-6pG0fH7S.js";
 import { C as h } from "./ClearPropsContext-CeCMjUK9.js";
 import "@tabler/icons-react";
-import "./Icon-DVRBNZZe.js";
-import { I, a as B } from "./IconRadioOn-DNpq9Xk7.js";
-import { f as N } from "./flowComponent-CEo3pjEA.js";
-import { d as P } from "./dynamic-ClpUSmEt.js";
-import { I as v } from "./IconCheck-D9Y94psR.js";
-const D = "flow--radio-group", C = {
-  radioGroup: D
-}, T = "flow--radio-group--radio-button", $ = "flow--radio-group--radio-button--content", O = "flow--radio-group--radio-button--label", f = {
-  radioButton: T,
-  content: $,
-  label: O
-}, L = N("RadioButton", (a) => {
-  const { children: t, className: r, ref: o, ...n } = a, s = d(f.radioButton, r), i = {
+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 "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 = {
     Text: {
       className: f.label
     },
@@ -34,33 +35,32 @@ const D = "flow--radio-group", C = {
       className: f.content
     }
   };
-  return /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(K, { ...n, className: s, ref: o }, /* @__PURE__ */ e.createElement(E, { props: i }, t)));
-}), A = "flow--radio-group--segmented-group", S = "flow--radio-group--segmented-group--segments", j = "flow--radio-group--segmented-group--segment", q = "flow--radio-group--segmented-group--checkmark", c = {
-  segmentedGroup: A,
-  segments: S,
-  segment: j,
-  checkmark: q
-}, z = (a) => {
-  const { children: t } = a, r = d(c.segmentedGroup, l.formField), n = {
-    ...G(),
+  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: P((s) => /* @__PURE__ */ e.createElement(e.Fragment, null, s.children, /* @__PURE__ */ e.createElement(v, { className: c.checkmark })))
+      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: n }, /* @__PURE__ */ e.createElement("div", { className: c.segments }, t)));
+  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: s, l: i, ...p } = a, w = d(l.formField, r), x = {
+  const { children: t, className: r, variant: o = "default", s: n, m: l, l: i, ...p } = a, w = d(s.formField, r), G = {
     Label: {
-      className: l.label
+      className: s.label
     },
     FieldDescription: {
-      className: l.fieldDescription,
+      className: s.fieldDescription,
       tunnelId: "fieldDescription"
     },
     FieldError: {
-      className: l.customFieldError,
+      className: s.customFieldError,
       tunnelId: "fieldError"
     },
     RadioButton: {
@@ -69,20 +69,20 @@ const D = "flow--radio-group", C = {
     Radio: {
       tunnelId: "radios"
     }
-  }, u = !!k(t, L);
+  }, u = !!I(t, O);
   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(b, null, /* @__PURE__ */ e.createElement(E, { props: x }, t, o === "segmented" && /* @__PURE__ */ e.createElement(z, null, /* @__PURE__ */ e.createElement(m, { id: "radios" })), o === "default" && u && /* @__PURE__ */ e.createElement(F, { s: n, m: s, 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(y, { className: l.fieldError }));
-}), H = "flow--radio-group--radio", J = "flow--radio-group--radio--icon", g = {
-  radio: H,
-  icon: J
-}, K = N("Radio", (a) => {
-  const { children: t, className: r, unstyled: o = !1, ref: n, ...s } = a, i = o ? r : d(g.radio, r);
-  return /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(R.Radio, { ...s, className: i, ref: n }, ({ isSelected: p }) => /* @__PURE__ */ e.createElement(e.Fragment, null, p ? !o && /* @__PURE__ */ e.createElement(I, { className: g.icon }) : !o && /* @__PURE__ */ e.createElement(B, { className: g.icon }), t)));
+  ), /* @__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)));
 });
 export {
-  K as Radio,
-  L as RadioButton,
+  J as Radio,
+  O 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-BcOGMJkn.js";
+import { P as l } from "./PropsContextProvider-DkNLd3Yj.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-BcOGMJkn.js";
+import { P as C } from "./PropsContextProvider-DkNLd3Yj.js";
 import "@react-aria/utils";
 import "remeda";
 import { s as r } from "./FormField.module-DHK6nIcD.js";
-import { F as x } from "./FieldError-CBxCl2nS.js";
+import { F as x } from "./FieldError-TYnVmG-o.js";
 import m from "clsx";
 import "@tabler/icons-react";
-import "./Icon-DVRBNZZe.js";
-import { I as h } from "./IconChevronDown-D8WRADYa.js";
-import { f as E } from "./flowComponent-CEo3pjEA.js";
+import "./Icon-CPAehMux.js";
+import { I as h } from "./IconChevronDown-BL8_H9Kf.js";
+import { f as E } from "./flowComponent-mJ64-1gs.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,13 +2,14 @@
 /* */
 import t from "react";
 import l from "clsx";
-import { S as f } from "./StatusIcon-gxczp9bZ.js";
-import { T as u } from "./Text-D7C_T7CE.js";
-import { C as i } from "./ClearPropsContext-CeCMjUK9.js";
+import { S as f } from "./StatusIcon-BrpddXMN.js";
+import { T as i } from "./Text-BW9cNWaj.js";
+import { C as u } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as d } from "./flowComponent-CEo3pjEA.js";
+import "dot-prop";
+import { f as d } from "./flowComponent-mJ64-1gs.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,
@@ -16,11 +17,11 @@ const g = "flow--status-badge", p = "flow--status-badge--text", w = "flow--statu
   success: x,
   warning: b,
   danger: B
-}, z = d("StatusBadge", (a) => {
+}, P = d("StatusBadge", (a) => {
   const { children: o, className: n, status: e = "info", ref: r, ...c } = a, m = l(s.statusBadge, s[e], n);
-  return /* @__PURE__ */ t.createElement(i, null, /* @__PURE__ */ t.createElement("div", { className: m, ...c, ref: r }, /* @__PURE__ */ t.createElement(f, { size: "s", className: s.statusIcon, status: e }), /* @__PURE__ */ t.createElement(u, { className: s.text }, o)));
+  return /* @__PURE__ */ t.createElement(u, null, /* @__PURE__ */ t.createElement("div", { className: m, ...c, ref: r }, /* @__PURE__ */ t.createElement(f, { size: "s", className: s.statusIcon, status: e }), /* @__PURE__ */ t.createElement(i, { className: s.text }, o)));
 });
 export {
-  z as StatusBadge,
-  z as default
+  P as StatusBadge,
+  P as default
 };

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

@@ -2,14 +2,15 @@
 /* */
 import o from "react";
 import "@tabler/icons-react";
-import "./Icon-DVRBNZZe.js";
-import { I as c } from "./IconDanger-BKH4QbJ1.js";
-import { I as e, a as i, b as m } from "./IconWarning-pPmXp5KC.js";
+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 { useLocalizedStringFormatter as u } from "react-aria";
 import { C as I } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
+import "dot-prop";
 const f = {
   "de-DE": {
     "statusIcon.danger": "Fehler",
@@ -28,10 +29,10 @@ const f = {
   info: e,
   success: i,
   warning: m
-}, x = (n) => {
-  const { status: t = "info", ...s } = n, r = u(f).format(`statusIcon.${t}`), a = g[t];
-  return /* @__PURE__ */ o.createElement(I, null, /* @__PURE__ */ o.createElement(a, { "aria-label": r, ...s }));
+}, D = (n) => {
+  const { status: t = "info", ...r } = n, s = u(f).format(`statusIcon.${t}`), a = g[t];
+  return /* @__PURE__ */ o.createElement(I, null, /* @__PURE__ */ o.createElement(a, { "aria-label": s, ...r }));
 };
 export {
-  x as S
+  D as S
 };

package/dist/StatusIcon.js

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

package/dist/Switch.js

@@ -4,22 +4,23 @@ import e from "react";
 import * as n from "react-aria-components";
 import f from "clsx";
 import "@tabler/icons-react";
-import "./Icon-DVRBNZZe.js";
-import { I as h } from "./IconCheck-D9Y94psR.js";
-import { I as p } from "./IconClose-zpsdo5WH.js";
-import { L as w } from "./Label-BFDBIwAZ.js";
+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 { C as d } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as b } from "./flowComponent-CEo3pjEA.js";
+import "dot-prop";
+import { f as b } from "./flowComponent-mJ64-1gs.js";
 const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",
   track: E,
   handle: C,
   label: N
-}, F = b("Switch", (l) => {
+}, R = b("Switch", (l) => {
   const {
     children: a,
     className: o,
@@ -31,9 +32,9 @@ const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--
     t[`label-${r}`],
     o
   );
-  return /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(n.Switch, { ...c, className: m, ref: s }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(h, { size: "s" }) : /* @__PURE__ */ e.createElement(p, { size: "s" }))), /* @__PURE__ */ e.createElement(w, { className: t.label }, a))));
+  return /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(n.Switch, { ...c, className: m, ref: s }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(p, { size: "s" }) : /* @__PURE__ */ e.createElement(h, { size: "s" }))), /* @__PURE__ */ e.createElement(w, { className: t.label }, a))));
 });
 export {
-  F as Switch,
-  F as default
+  R as Switch,
+  R as default
 };

package/dist/Tabs.js

@@ -1,44 +1,45 @@
 "use client"
 /* */
-import t, { createContext as x, useContext as N, useId as P } from "react";
+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 f, TunnelExit as i, TunnelEntry as T } from "@mittwald/react-tunnel";
-import { T as p } from "./Text-D7C_T7CE.js";
-const C = "flow--tabs", h = "flow--tabs--tab-list", m = {
-  tabs: C,
-  tabList: h
-}, M = (e) => {
-  const { children: a, className: s, ...n } = e, o = c(m.tabs, s);
-  return /* @__PURE__ */ t.createElement(f, null, a, /* @__PURE__ */ t.createElement(l.Tabs, { className: o, ...n }, /* @__PURE__ */ t.createElement(l.TabList, { className: m.tabList }, /* @__PURE__ */ t.createElement(i, { id: "TabTitles" })), /* @__PURE__ */ t.createElement(i, { id: "TabPanels" })));
-}, v = "flow--tabs--tab-title", w = {
+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";
+const h = "flow--tabs", w = "flow--tabs--tab-list", b = {
+  tabs: h,
+  tabList: w
+}, W = P("Tabs", (e) => {
+  const { children: a, className: s, ...n } = e, o = c(b.tabs, s);
+  return /* @__PURE__ */ t.createElement(N, null, a, /* @__PURE__ */ t.createElement(l.Tabs, { className: o, ...n }, /* @__PURE__ */ t.createElement(l.TabList, { className: b.tabList }, /* @__PURE__ */ t.createElement(m, { id: "TabTitles" })), /* @__PURE__ */ t.createElement(m, { id: "TabPanels" })));
+}), v = "flow--tabs--tab-title", y = {
   tabTitle: v
-}, d = x({}), y = () => N(d), L = d.Provider, R = (e) => {
-  const { children: a, className: s, ...n } = e, o = y(), r = c(w.tabTitle, s);
-  return /* @__PURE__ */ t.createElement(T, { id: "TabTitles" }, /* @__PURE__ */ t.createElement(l.Tab, { className: r, ...n, id: o.id }, /* @__PURE__ */ t.createElement(p, { emulateBoldWidth: !0 }, a)));
-}, F = "flow--tabs--tab--tab-panel", I = {
-  tabPanel: F
-}, W = (e) => {
+}, d = f({}), L = () => p(d), F = d.Provider, j = (e) => {
+  const { children: a, className: s, ...n } = e, o = L(), r = c(y.tabTitle, s);
+  return /* @__PURE__ */ t.createElement(T, { id: "TabTitles" }, /* @__PURE__ */ t.createElement(l.Tab, { className: r, ...n, id: o.id }, /* @__PURE__ */ t.createElement(C, { emulateBoldWidth: !0 }, a)));
+}, I = "flow--tabs--tab--tab-panel", $ = {
+  tabPanel: I
+}, k = (e) => {
   const {
     children: a,
     className: s,
     shouldForceMount: n = !0,
     id: o,
     ...r
-  } = e, u = c(I.tabPanel, s), E = P(), b = o ?? E;
-  return /* @__PURE__ */ t.createElement(T, { id: "TabPanels" }, /* @__PURE__ */ t.createElement(L, { value: { id: b } }, /* @__PURE__ */ t.createElement(
+  } = e, u = c($.tabPanel, s), E = x(), i = o ?? E;
+  return /* @__PURE__ */ t.createElement(T, { id: "TabPanels" }, /* @__PURE__ */ t.createElement(F, { value: { id: i } }, /* @__PURE__ */ t.createElement(
     l.TabPanel,
     {
       className: u,
       shouldForceMount: n,
-      id: b,
+      id: i,
       ...r
     },
     a
   )));
 };
 export {
-  W as Tab,
-  R as TabTitle,
-  M as Tabs
+  k as Tab,
+  j as TabTitle,
+  W as Tabs
 };

package/dist/{Text-D7C_T7CE.js → Text-BW9cNWaj.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-BcOGMJkn.js";
+import { P as E } from "./PropsContextProvider-DkNLd3Yj.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
 import u from "invariant";
-import { f as T } from "./flowComponent-CEo3pjEA.js";
+import { f as T } from "./flowComponent-mJ64-1gs.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-D7C_T7CE.js";
+import { T as a } from "./Text-BW9cNWaj.js";
 export {
   a as Text,
   a as default

package/dist/TextArea.js

@@ -2,15 +2,16 @@
 /* */
 import e from "react";
 import * as n from "react-aria-components";
-import { T as p } from "./TextFieldBase-DuP4Ls0l.js";
-import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
+import { T as p } from "./TextFieldBase-BcCtRAw5.js";
+import { C as i } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as i } from "./flowComponent-CEo3pjEA.js";
+import "dot-prop";
+import { f as c } from "./flowComponent-mJ64-1gs.js";
 const f = "flow--text-area", x = {
   textArea: f
-}, h = i("TextArea", (t) => {
+}, y = c("TextArea", (t) => {
   const { children: r, placeholder: o, rows: a = 5, ref: m, ...s } = t, l = /* @__PURE__ */ e.createElement(
     n.TextArea,
     {
@@ -20,9 +21,9 @@ const f = "flow--text-area", x = {
       ref: m
     }
   );
-  return /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(p, { ...s, input: l }, r));
+  return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(p, { ...s, input: l }, r));
 });
 export {
-  h as TextArea,
-  h as default
+  y as TextArea,
+  y as default
 };