@mittwald/flow-react-components 0.1.0-alpha.66 → 0.1.0-alpha.68

package/dist/MenuItem-DgHFLZFs.js

@@ -0,0 +1,38 @@
+"use client"
+/* */
+import e from "react";
+import * as i from "react-aria-components";
+import p from "clsx";
+import "./propsContext-CauylOgH.js";
+import { P as u } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon-Cirt9eNW.js";
+import { I as f, a as I } from "./IconCheckboxEmpty-DxrY9ZRF.js";
+import { I as d, a as x } from "./IconRadioOn-BpFVTp96.js";
+import { T as l } from "./Text-DOsCjavW.js";
+import { d as E } from "./deepFindOfType-6pG0fH7S.js";
+import { W as C } from "./Wrap-DGT1h1o3.js";
+const h = "flow--menu-item", M = "flow--menu-item--icon", N = "flow--menu-item--text", c = {
+  menuItem: h,
+  icon: M,
+  text: N
+}, T = (o, t) => !!E(o, t), k = (o) => {
+  const { selectionMode: t, isSelected: n, children: m } = o, r = {
+    Icon: {
+      className: c.icon
+    },
+    Text: {
+      className: c.text
+    }
+  }, s = t === "none" ? null : t === "single" && n ? /* @__PURE__ */ e.createElement(d, null) : t === "single" && !n ? /* @__PURE__ */ e.createElement(x, null) : t === "multiple" && n ? /* @__PURE__ */ e.createElement(f, null) : /* @__PURE__ */ e.createElement(I, null), a = T(m, l);
+  return /* @__PURE__ */ e.createElement(u, { props: r }, s, /* @__PURE__ */ e.createElement(C, { if: !a }, /* @__PURE__ */ e.createElement(l, null, m)));
+}, j = (o) => {
+  const { children: t, className: n, ...m } = o, r = p(c.menuItem, n);
+  return /* @__PURE__ */ e.createElement(i.MenuItem, { ...m, className: r }, (s) => /* @__PURE__ */ e.createElement(k, { ...s }, t));
+};
+export {
+  j as M,
+  T as d
+};

package/dist/MenuItem.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { M as t } from "./MenuItem-DgHFLZFs.js";
+export {
+  t as MenuItem,
+  t as default
+};

package/dist/Modal.js

@@ -5,7 +5,7 @@ import { DialogTrigger as q } from "react-aria-components";
 import e, { useContext as w, useEffect as r } from "react";
 import C from "clsx";
 import "./propsContext-CauylOgH.js";
-import { P as y } from "./PropsContextProvider-BcOGMJkn.js";
+import { P as y } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as E, TunnelExit as m } from "@mittwald/react-tunnel";

package/dist/Navigation.js

@@ -1,45 +1,44 @@
 "use client"
 /* */
 import t from "react";
-import c from "clsx";
-import { d as g } from "./deepFindOfType-6pG0fH7S.js";
-import { W as v } from "./Wrap-DGT1h1o3.js";
+import r from "clsx";
+import { d as v } from "./deepFindOfType-6pG0fH7S.js";
+import { W as g } from "./Wrap-DGT1h1o3.js";
 import "./propsContext-CauylOgH.js";
-import { P as u } from "./PropsContextProvider-BcOGMJkn.js";
+import { P as u } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-const d = "flow--navigation--heading", f = "flow--navigation--item", N = "flow--navigation--icon", x = "flow--navigation--text", e = {
-  heading: d,
-  item: f,
-  icon: N,
-  text: x
-}, F = (n) => {
-  const { className: a, children: o, ...i } = n, s = c(e.navigation, a), l = !!g(o, r), m = {
-    Heading: {
-      className: e.heading,
-      level: 3
+const f = "flow--navigation--label", N = "flow--navigation--item", x = "flow--navigation--icon", d = "flow--navigation--text", o = {
+  label: f,
+  item: N,
+  icon: x,
+  text: d
+}, W = (a) => {
+  const { className: n, children: e, ...s } = a, i = r(o.navigation, n), c = !!v(e, l), m = {
+    Label: {
+      className: o.label
     },
     Link: {
       hoc: (p) => /* @__PURE__ */ t.createElement("li", null, p),
-      className: e.item,
+      className: o.item,
       unstyled: !0,
       Text: {
-        className: e.text
+        className: o.text
       },
       Icon: {
-        className: e.icon
+        className: o.icon
       }
     }
   };
-  return /* @__PURE__ */ t.createElement("nav", { className: s, role: "navigation", ...i }, /* @__PURE__ */ t.createElement(u, { props: m }, /* @__PURE__ */ t.createElement(v, { if: !l }, /* @__PURE__ */ t.createElement(r, null, o))));
-}, h = "flow--navigation--navigation-group", E = {
-  navigationGroup: h
-}, r = (n) => {
-  const { children: a, className: o, ...i } = n, s = c(E.navigationGroup, o);
-  return /* @__PURE__ */ t.createElement("ul", { ...i, className: s }, a);
+  return /* @__PURE__ */ t.createElement("nav", { className: i, role: "navigation", ...s }, /* @__PURE__ */ t.createElement(u, { props: m }, /* @__PURE__ */ t.createElement(g, { if: !c }, /* @__PURE__ */ t.createElement(l, null, e))));
+}, E = "flow--navigation--navigation-group", b = {
+  navigationGroup: E
+}, l = (a) => {
+  const { children: n, className: e, ...s } = a, i = r(b.navigationGroup, e);
+  return /* @__PURE__ */ t.createElement("ul", { ...s, className: i }, n);
 };
 export {
-  F as Navigation,
-  r as NavigationGroup,
-  F as default
+  W as Navigation,
+  l as NavigationGroup,
+  W as default
 };

package/dist/NumberField.js

@@ -5,17 +5,17 @@ import * as r from "react-aria-components";
 import { s as o } from "./FormField.module-DHK6nIcD.js";
 import E from "clsx";
 import { C as N } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as b } from "./PropsContextProvider-BcOGMJkn.js";
+import { P as b } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { F as I } from "./FieldError-CBxCl2nS.js";
-import { B as a } from "./Button-CdGfSPx-.js";
+import { F as I } from "./FieldError-Bkfbr6qF.js";
+import { B as a } from "./Button-Cml_2SLb.js";
 import "@tabler/icons-react";
-import "./Icon-DVRBNZZe.js";
-import { I as C } from "./IconChevronDown-D8WRADYa.js";
-import { I as h, a as F, b as P } from "./IconPlus-WchYGpT1.js";
-import { f as w } from "./flowComponent-CEo3pjEA.js";
+import "./Icon-Cirt9eNW.js";
+import { I as C } from "./IconChevronDown-C5-5-czM.js";
+import { I as h, a as F, b as P } from "./IconPlus-Zlw57lYp.js";
+import { f as w } from "./flowComponent-D0FdCoE_.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,

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-DZvwqHLP.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-DZvwqHLP.js

@@ -0,0 +1,64 @@
+"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,
+  j as m
+};

package/dist/RadioGroup.js

@@ -2,31 +2,36 @@
 /* */
 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 E from "clsx";
+import "./propsContext-CauylOgH.js";
+import { P as C, m as b } from "./PropsContextProvider-DZvwqHLP.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 { C as h } from "./ClearPropsContext-CeCMjUK9.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 as c } from "./FormField.module-DHK6nIcD.js";
+import { d as I } from "./deepFindOfType-6pG0fH7S.js";
+import { C as w } 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-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 { 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
     },
@@ -34,33 +39,19 @@ 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(),
-    Radio: {
-      className: c.segment,
-      unstyled: !0,
-      children: P((s) => /* @__PURE__ */ e.createElement(e.Fragment, null, s.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)));
-}, 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 = {
+  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: l.label
+      className: c.label
     },
     FieldDescription: {
-      className: l.fieldDescription,
+      className: c.fieldDescription,
       tunnelId: "fieldDescription"
     },
     FieldError: {
-      className: l.customFieldError,
+      className: c.customFieldError,
       tunnelId: "fieldError"
     },
     RadioButton: {
@@ -69,20 +60,28 @@ const D = "flow--radio-group", C = {
     Radio: {
       tunnelId: "radios"
     }
-  }, u = !!k(t, L);
+  };
+  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(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 }));
+  ), /* @__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", (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)));
+}, 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 {
   K as Radio,
-  L as RadioButton,
+  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-BcOGMJkn.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-BcOGMJkn.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-CBxCl2nS.js";
+import { F as x } from "./FieldError-Bkfbr6qF.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-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,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-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 { f as d } from "./flowComponent-CEo3pjEA.js";
+import "dot-prop";
+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,
@@ -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-BFo293NO.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-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";
 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-BFo293NO.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-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 { f as b } from "./flowComponent-CEo3pjEA.js";
+import "dot-prop";
+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",
   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-D0FdCoE_.js";
+import { T as C } from "./Text-DOsCjavW.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-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-BcOGMJkn.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-CEo3pjEA.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-D7C_T7CE.js";
+import { T as a } from "./Text-DOsCjavW.js";
 export {
   a as Text,
   a as default