@mittwald/flow-react-components 0.1.0-alpha.49 → 0.1.0-alpha.51

package/dist/{Button-DiHP-IYs.js → Button-BnXrfuF-.js}

@@ -10,9 +10,9 @@ import "./propsContext-Dx7WKmmM.js";
 import "remeda";
 import "@tabler/icons-react";
 import "html-react-parser";
-import { f as E } from "./flowComponent-DLzr2Cvi.js";
-import { b as N, I as S, a as F } from "./IconSucceeded-DbgWPDVp.js";
-import { T as h } from "./Text-DaJ0Ajt9.js";
+import { f as E } from "./flowComponent-92d7kP4i.js";
+import { b as N, I as S, a as F } from "./IconSucceeded-C_S9H4Jp.js";
+import { T as h } from "./Text-Dts2bzGQ.js";
 const z = "flow--button", B = "flow--button--icon", v = "flow--button--text", T = "flow--button--content", D = "flow--button--state-icon", A = "flow--button--is-succeeded", R = "flow--button--is-failed", W = "flow--button--is-pending", _ = "flow--button--plain", $ = "flow--button--primary", j = "flow--button--solid", k = "flow--button--accent", q = "flow--button--danger", G = "flow--button--secondary", H = "flow--button--soft", t = {
   button: z,
   icon: B,

package/dist/Button.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { B as o } from "./Button-DiHP-IYs.js";
+import { B as o } from "./Button-BnXrfuF-.js";
 export {
   o as Button,
   o as default

package/dist/ButtonGroup.js

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import e from "react";
+import "./propsContext-Dx7WKmmM.js";
+import { u as n } from "./useProps-U3eRrkW6.js";
+import p from "clsx";
+const a = "flow--button-group", c = {
+  buttonGroup: a
+}, G = (o) => {
+  const { children: t, className: r, ...s } = n("ButtonGroup", o), u = p(c.buttonGroup, r);
+  return /* @__PURE__ */ e.createElement("div", { ...s, className: u, role: "group" }, t);
+};
+export {
+  G as ButtonGroup,
+  G as default
+};

package/dist/Checkbox.js

@@ -9,17 +9,15 @@ import { C as i } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import "remeda";
-import "./flowComponent-DLzr2Cvi.js";
-import "@preact/signals-react";
-import "@preact/signals-react/runtime";
-import { I as p, a as k } from "./IconUnchecked-C7a0quEr.js";
-const h = "flow--checkbox", t = {
+import "@mittwald/react-tunnel";
+import { I as p, a as k } from "./IconUnchecked-DFKAvzMH.js";
+const h = "flow--checkbox", c = {
   checkbox: h
-}, A = (o) => {
-  const { children: c, className: r, ...m } = o, a = n(t.checkbox, r);
-  return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(l.Checkbox, { ...m, className: a }, ({ isSelected: s }) => /* @__PURE__ */ e.createElement(e.Fragment, null, s ? /* @__PURE__ */ e.createElement(p, { className: t.checkmark }) : /* @__PURE__ */ e.createElement(k, { className: t.checkmark }), c)));
+}, w = (t) => {
+  const { children: o, className: r, ...m } = t, a = n(c.checkbox, r);
+  return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(l.Checkbox, { ...m, className: a }, ({ isSelected: s }) => /* @__PURE__ */ e.createElement(e.Fragment, null, s ? /* @__PURE__ */ e.createElement(p, { className: c.checkmark }) : /* @__PURE__ */ e.createElement(k, { className: c.checkmark }), o)));
 };
 export {
-  A as Checkbox,
-  A as default
+  w as Checkbox,
+  w as default
 };

package/dist/Content.js

@@ -5,7 +5,7 @@ import { C as l } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as p } from "./flowComponent-DLzr2Cvi.js";
+import { f as p } from "./flowComponent-92d7kP4i.js";
 const d = p("Content", (e) => {
   const { children: o, elementType: r = "div", ...n } = e, m = r;
   return /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement(m, { ...n }, o));

package/dist/CopyButton.js

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import n from "copy-to-clipboard";
-import { B as i } from "./Button-DiHP-IYs.js";
+import { B as a } from "./Button-BnXrfuF-.js";
 import "@tabler/icons-react";
 import "clsx";
 import "html-react-parser";
@@ -10,11 +10,10 @@ import { C as l } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as a } from "./flowComponent-DLzr2Cvi.js";
-import { I as c } from "./IconCopy-CVV8P-Kn.js";
+import { f as i } from "./flowComponent-92d7kP4i.js";
+import { I as c } from "./IconCopy-B9yebcJo.js";
 import { useLocalizedStringFormatter as s } from "react-aria";
-import { T as u } from "./Tooltip-Co5h9sSt.js";
-import { T as f } from "./TooltipTrigger-7-ynWHZ9.js";
+import { T as u, a as f } from "./TooltipTrigger-BrP57dnv.js";
 import { onlyText as y } from "react-children-utilities";
 const C = {
   "de-DE": {
@@ -23,13 +22,13 @@ const C = {
   "en-EN": {
     "copyButton.copy": "Copy"
   }
-}, S = a("CopyButton", (r) => {
-  const { text: e, ...m } = r, t = s(C).format("copyButton.copy"), p = () => {
+}, R = i("CopyButton", (r) => {
+  const { text: e, ...p } = r, t = s(C).format("copyButton.copy"), m = () => {
     n(y(e));
   };
-  return /* @__PURE__ */ o.createElement(l, null, /* @__PURE__ */ o.createElement(f, null, /* @__PURE__ */ o.createElement(i, { onPress: p, "aria-label": t, ...m }, /* @__PURE__ */ o.createElement(c, null)), /* @__PURE__ */ o.createElement(u, null, t)));
+  return /* @__PURE__ */ o.createElement(l, null, /* @__PURE__ */ o.createElement(u, null, /* @__PURE__ */ o.createElement(a, { onPress: m, "aria-label": t, ...p }, /* @__PURE__ */ o.createElement(c, null)), /* @__PURE__ */ o.createElement(f, null, t)));
 });
 export {
-  S as CopyButton,
-  S as default
+  R as CopyButton,
+  R as default
 };

package/dist/FieldDescription.js

@@ -6,8 +6,8 @@ import { C as n } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import "remeda";
-import { T as c } from "./Text-DaJ0Ajt9.js";
-import { f as m } from "./flowComponent-DLzr2Cvi.js";
+import { T as c } from "./Text-Dts2bzGQ.js";
+import { f as m } from "./flowComponent-92d7kP4i.js";
 const p = "flow--field-description", a = {
   fieldDescription: p
 }, E = m("FieldDescription", (e) => {

package/dist/{FieldError-BmzydlRW.js → FieldError-CQNWNYnn.js}

@@ -9,8 +9,8 @@ import "@react-aria/utils";
 import "remeda";
 import "@tabler/icons-react";
 import "html-react-parser";
-import { f as c } from "./flowComponent-DLzr2Cvi.js";
-import { I as p } from "./IconDanger-Bq08fgKM.js";
+import { f as c } from "./flowComponent-92d7kP4i.js";
+import { I as p } from "./IconDanger-Dm0XGnFW.js";
 const f = "flow--field-error", E = {
   fieldError: f
 }, j = c("FieldError", (o) => {

package/dist/FieldError.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { F as o } from "./FieldError-BmzydlRW.js";
+import { F as o } from "./FieldError-CQNWNYnn.js";
 export {
   o as FieldError,
   o as default

package/dist/Header.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import a from "react";
-import { f as m } from "./flowComponent-DLzr2Cvi.js";
+import { f as m } from "./flowComponent-92d7kP4i.js";
 const s = m("Header", (e) => {
   const { children: t, elementType: r = "header", ...o } = e, n = r;
   return /* @__PURE__ */ a.createElement(n, { ...o }, t);

package/dist/Heading.js

@@ -7,7 +7,7 @@ import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
 import "./propsContext-Dx7WKmmM.js";
 import "remeda";
-import { f } from "./flowComponent-DLzr2Cvi.js";
+import { f } from "./flowComponent-92d7kP4i.js";
 const h = "flow--heading", g = "flow--heading--icon", o = {
   heading: h,
   icon: g

package/dist/{Icon-hyIHBPMT.js → Icon-D7MPmc4I.js}

@@ -7,7 +7,7 @@ import { C as w } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as z } from "./flowComponent-DLzr2Cvi.js";
+import { f as z } from "./flowComponent-92d7kP4i.js";
 const b = "flow--icon", c = {
   icon: b,
   "size-m": "flow--icon--size-m",

package/dist/Icon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { I as a } from "./Icon-hyIHBPMT.js";
+import { I as a } from "./Icon-D7MPmc4I.js";
 export {
   a as Icon,
   a as default

package/dist/{IconCheck-B_oanaSr.js → IconCheck-C_3X4AJ_.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconCheck as c } from "@tabler/icons-react";
-import { I as t } from "./Icon-hyIHBPMT.js";
+import { I as t } from "./Icon-D7MPmc4I.js";
 const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null));
 export {
   a as I

package/dist/{IconChevronUp-DOOZfR76.js → IconChevronUp-CT0CRmbO.js}

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import { IconChevronDown as r, IconChevronUp as t } from "@tabler/icons-react";
-import { I as n } from "./Icon-hyIHBPMT.js";
+import { I as n } from "./Icon-D7MPmc4I.js";
 const I = (e) => /* @__PURE__ */ o.createElement(n, { ...e }, /* @__PURE__ */ o.createElement(r, null)), l = (e) => /* @__PURE__ */ o.createElement(n, { ...e }, /* @__PURE__ */ o.createElement(t, null));
 export {
   I,

package/dist/{IconClose-iB7vE9z6.js → IconClose-Dukg2r-O.js}

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import { IconX as t } from "@tabler/icons-react";
-import { I as r } from "./Icon-hyIHBPMT.js";
+import { I as r } from "./Icon-D7MPmc4I.js";
 const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
 export {
   a as I

package/dist/{IconCopy-CVV8P-Kn.js → IconCopy-B9yebcJo.js}

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import { IconCopy as t } from "@tabler/icons-react";
-import { I as r } from "./Icon-hyIHBPMT.js";
+import { I as r } from "./Icon-D7MPmc4I.js";
 const p = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
 export {
   p as I

package/dist/{IconDanger-Bq08fgKM.js → IconDanger-Dm0XGnFW.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconAlertTriangle as o } from "@tabler/icons-react";
-import { I as t } from "./Icon-hyIHBPMT.js";
+import { I as t } from "./Icon-D7MPmc4I.js";
 const c = (r) => /* @__PURE__ */ e.createElement(t, { ...r }, /* @__PURE__ */ e.createElement(o, null));
 export {
   c as I

package/dist/{IconPlus-ChJLWEqL.js → IconPlus-CzStbn7o.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconMinus as t, IconPlus as c } from "@tabler/icons-react";
-import { I as o } from "./Icon-hyIHBPMT.js";
+import { I as o } from "./Icon-D7MPmc4I.js";
 const r = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(t, null)), m = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(c, null));
 export {
   r as I,

package/dist/{IconSucceeded-DbgWPDVp.js → IconSucceeded-C_S9H4Jp.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconX as t, IconLoader2 as o, IconCheck as a } from "@tabler/icons-react";
-import { I as c } from "./Icon-hyIHBPMT.js";
+import { I as c } from "./Icon-D7MPmc4I.js";
 const I = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(t, null)), s = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(o, null)), E = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(a, null));
 export {
   I,

package/dist/{IconUnchecked-C7a0quEr.js → IconUnchecked-DFKAvzMH.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconSquareCheck as n, IconSquare as o } from "@tabler/icons-react";
-import { I as t } from "./Icon-hyIHBPMT.js";
+import { I as t } from "./Icon-D7MPmc4I.js";
 const l = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(n, null)), I = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(o, null));
 export {
   l as I,

package/dist/{IconWarning-BYFc8Vv9.js → IconWarning-D8yJVvRX.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconInfoCircle as t, IconCircleCheck as o, IconAlertCircle as r } from "@tabler/icons-react";
-import { I as n } from "./Icon-hyIHBPMT.js";
+import { I as n } from "./Icon-D7MPmc4I.js";
 const I = (c) => /* @__PURE__ */ e.createElement(n, { ...c }, /* @__PURE__ */ e.createElement(t, null)), s = (c) => /* @__PURE__ */ e.createElement(n, { ...c }, /* @__PURE__ */ e.createElement(o, null)), i = (c) => /* @__PURE__ */ e.createElement(n, { ...c }, /* @__PURE__ */ e.createElement(r, null));
 export {
   I,

package/dist/Icons.js

@@ -2,16 +2,16 @@
 /* */
 import e from "react";
 import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconChevronRight as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as h, IconMail as p, IconExternalLink as f, IconFilter as C, IconEyeCancel as d, IconHome as S, IconList as L, IconPower as g, IconUsersGroup as x, IconBell as v, IconArchive as k, IconDice3 as D, IconSearch as $, IconListSearch as b, IconServer as w, IconSettings as H, IconEye as y, IconAdjustmentsHorizontal as A, IconDoor as B, IconHeadset as F, IconFileX as R, IconLayoutGrid as P } from "@tabler/icons-react";
-import { I as t } from "./Icon-hyIHBPMT.js";
-import { I as ge } from "./IconCheck-B_oanaSr.js";
-import { I as ve, a as ke } from "./IconUnchecked-C7a0quEr.js";
-import { I as $e, a as be } from "./IconChevronUp-DOOZfR76.js";
-import { I as He } from "./IconClose-iB7vE9z6.js";
-import { I as Ae } from "./IconCopy-CVV8P-Kn.js";
-import { I as Fe } from "./IconDanger-Bq08fgKM.js";
-import { I as Pe, a as Te, b as je } from "./IconSucceeded-DbgWPDVp.js";
-import { I as Ue, a as We, b as Ge } from "./IconWarning-BYFc8Vv9.js";
-import { I as ze, a as Ne } from "./IconPlus-ChJLWEqL.js";
+import { I as t } from "./Icon-D7MPmc4I.js";
+import { I as ge } from "./IconCheck-C_3X4AJ_.js";
+import { I as ve, a as ke } from "./IconUnchecked-DFKAvzMH.js";
+import { I as $e, a as be } from "./IconChevronUp-CT0CRmbO.js";
+import { I as He } from "./IconClose-Dukg2r-O.js";
+import { I as Ae } from "./IconCopy-B9yebcJo.js";
+import { I as Fe } from "./IconDanger-Dm0XGnFW.js";
+import { I as Pe, a as Te, b as je } from "./IconSucceeded-C_S9H4Jp.js";
+import { I as Ue, a as We, b as Ge } from "./IconWarning-D8yJVvRX.js";
+import { I as ze, a as Ne } from "./IconPlus-CzStbn7o.js";
 const U = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(o, null)), W = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(l, null)), G = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null)), V = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(a, null)), z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(r, null)), N = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(I, null)), X = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(m, null)), q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(s, null)), J = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(E, null)), K = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(u, null)), O = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(i, null)), Q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(h, null)), Y = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(p, null)), Z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(f, null)), _ = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(C, null)), ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(d, null)), ne = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(S, null)), te = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(L, null)), ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(g, null)), oe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(x, null)), le = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(v, null)), ae = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(k, null)), re = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(D, null)), Ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement($, null)), me = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(b, null)), se = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(w, null)), Ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(H, null)), ue = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(y, null)), ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(A, null)), he = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(B, null)), pe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(F, null)), fe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(R, null)), Ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(P, null)), de = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null));
 export {
   U as IconApp,

package/dist/Image.js

@@ -5,7 +5,7 @@ import { C as r } from "./ClearPropsContext-CD1-9TZA.js";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as m } from "./flowComponent-DLzr2Cvi.js";
+import { f as m } from "./flowComponent-92d7kP4i.js";
 const f = m("Image", (o) => {
   const e = o;
   return /* @__PURE__ */ t.createElement(r, null, /* @__PURE__ */ t.createElement("img", { ...e }));

package/dist/Initials.js

@@ -7,7 +7,7 @@ import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import "remeda";
 import { onlyText as f } from "react-children-utilities";
-import { f as C } from "./flowComponent-DLzr2Cvi.js";
+import { f as C } from "./flowComponent-92d7kP4i.js";
 const u = (i) => i.replace(/[^\p{L}\s]/giu, "").split(" ").map((t) => t.trim()[0]).filter((t) => t !== void 0).map((t) => t.toUpperCase()).slice(0, 2), x = "flow--initials", d = {
   initials: x
 }, h = C("Initials", (i) => {

package/dist/InlineAlert.js

@@ -7,8 +7,8 @@ import "@react-aria/utils";
 import "./propsContext-Dx7WKmmM.js";
 import "remeda";
 import f from "clsx";
-import { S as p } from "./StatusIcon-BTQPL8cG.js";
-import { f as d } from "./flowComponent-DLzr2Cvi.js";
+import { S as p } from "./StatusIcon-BFfrWshd.js";
+import { f as d } from "./flowComponent-92d7kP4i.js";
 const u = "flow--inline-alert", w = "flow--inline-alert--content", g = "flow--inline-alert--status-icon", C = "flow--inline-alert--heading", I = "flow--inline-alert--info", N = "flow--inline-alert--warning", h = "flow--inline-alert--danger", x = "flow--inline-alert--success", n = {
   inlineAlert: u,
   content: w,

package/dist/{Label-696-vpHQ.js → Label-BtthqZPA.js}

@@ -8,7 +8,7 @@ import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import "remeda";
 import { useLocalizedStringFormatter as b } from "react-aria";
-import { f } from "./flowComponent-DLzr2Cvi.js";
+import { f } from "./flowComponent-92d7kP4i.js";
 const C = "flow--label", L = {
   label: C
 }, E = {

package/dist/Label.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as e } from "./Label-696-vpHQ.js";
+import { L as e } from "./Label-BtthqZPA.js";
 export {
   e as Label,
   e as default

package/dist/LayoutCard.js

@@ -2,7 +2,7 @@
 /* */
 import c from "react";
 import m from "clsx";
-import { f as n } from "./flowComponent-DLzr2Cvi.js";
+import { f as n } from "./flowComponent-92d7kP4i.js";
 const d = "flow--layout-card", u = {
   layoutCard: d
 }, p = n("LayoutCard", (t) => {

package/dist/Link.js

@@ -7,7 +7,7 @@ import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import "remeda";
 import f from "clsx";
-import { f as k } from "./flowComponent-DLzr2Cvi.js";
+import { f as k } from "./flowComponent-92d7kP4i.js";
 const d = "flow--link", C = "flow--link--inline", w = "flow--link--primary", u = "flow--link--danger", n = {
   link: d,
   inline: C,

package/dist/List.js

@@ -5,21 +5,21 @@ var B = (i, t, e) => t in i ? V(i, t, { enumerable: !0, configurable: !0, writab
 var n = (i, t, e) => (B(i, typeof t != "symbol" ? t + "" : t, e), e);
 import r, { createContext as U, useContext as $, Suspense as D, createElement as x, useMemo as O, useEffect as I, isValidElement as H } from "react";
 import { useMessageFormatter as j, useLocalizedStringFormatter as q } from "react-aria";
-import { T as J } from "./Text-DaJ0Ajt9.js";
-import { B as b } from "./Button-DiHP-IYs.js";
+import { T as J } from "./Text-Dts2bzGQ.js";
+import { B as b } from "./Button-BnXrfuF-.js";
 import "@tabler/icons-react";
 import R from "clsx";
 import "html-react-parser";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
 import { times as K } from "remeda";
-import "./flowComponent-DLzr2Cvi.js";
-import { useSignal as f } from "@preact/signals-react";
-import { useSignals as S } from "@preact/signals-react/runtime";
-import { a as G, I as Q } from "./IconChevronUp-DOOZfR76.js";
-import { L as W } from "./Label-696-vpHQ.js";
+import "@mittwald/react-tunnel";
+import { a as G, I as Q } from "./IconChevronUp-CT0CRmbO.js";
+import { L as W } from "./Label-BtthqZPA.js";
 import { getProperty as X } from "dot-prop";
+import { useSignal as f } from "@preact/signals-react";
 import { useReactTable as Y, getCoreRowModel as Z, getSortedRowModel as _, getFilteredRowModel as tt, getPaginationRowModel as et, getFacetedUniqueValues as at } from "@tanstack/react-table";
+import { useSignals as S } from "@preact/signals-react/runtime";
 import it from "invariant";
 import { getAsyncResource as T } from "@mittwald/react-use-promise";
 import { deepFind as st, deepForEach as nt } from "react-children-utilities";

package/dist/Modal.js

@@ -0,0 +1,55 @@
+"use client"
+/* */
+import * as t from "react-aria-components";
+import { DialogTrigger as O } from "react-aria-components";
+import o, { useContext as p } from "react";
+import f from "clsx";
+import "./propsContext-Dx7WKmmM.js";
+import { P as u } from "./PropsContextProvider-B6QiUIPM.js";
+import "@react-aria/utils";
+import "remeda";
+import { TunnelProvider as g, TunnelExit as m } from "@mittwald/react-tunnel";
+const w = "flow--modal", v = "flow--modal--dialog", z = "flow--modal--overlay", y = "flow--modal--button-group", E = "flow--modal--content", x = "flow--modal--panel", e = {
+  modal: w,
+  "modal-zoom": "flow--modal--modal-zoom",
+  dialog: v,
+  overlay: z,
+  "modal-fade": "flow--modal--modal-fade",
+  buttonGroup: y,
+  content: E,
+  "size-s": "flow--modal--size-s",
+  "size-m": "flow--modal--size-m",
+  "size-l": "flow--modal--size-l",
+  panel: x,
+  "modal-slide-in": "flow--modal--modal-slide-in",
+  "modal-slide-up": "flow--modal--modal-slide-up"
+}, D = (n) => {
+  const { size: r = "s", panel: s, ...d } = n, i = f(
+    e.modal,
+    e[`size-${r}`],
+    s && e.panel
+  ), c = {
+    Content: {
+      tunnelId: "content",
+      elementType: o.Fragment
+    },
+    Heading: {
+      level: 2,
+      tunnelId: "title",
+      slot: "title"
+    },
+    ButtonGroup: {
+      className: e.buttonGroup
+    }
+  }, a = p(t.OverlayTriggerStateContext);
+  let l = n.children;
+  return typeof l == "function" && (l = l({
+    close: (a == null ? void 0 : a.close) || (() => {
+    })
+  })), /* @__PURE__ */ o.createElement(t.ModalOverlay, { className: e.overlay, ...d, isDismissable: !0 }, /* @__PURE__ */ o.createElement(t.Modal, { className: i }, /* @__PURE__ */ o.createElement(t.Dialog, { className: e.dialog }, /* @__PURE__ */ o.createElement(u, { props: c }, /* @__PURE__ */ o.createElement(g, null, /* @__PURE__ */ o.createElement("div", { className: e.content }, /* @__PURE__ */ o.createElement(m, { id: "title" }), /* @__PURE__ */ o.createElement(m, { id: "content" })), l)))));
+};
+export {
+  D as Modal,
+  O as ModalTrigger,
+  D as default
+};

package/dist/Navigation.js

@@ -7,7 +7,7 @@ import { P as c } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
 import "remeda";
 import * as l from "react-aria-components";
-import { f as v } from "./flowComponent-DLzr2Cvi.js";
+import { f as v } from "./flowComponent-92d7kP4i.js";
 const g = "flow--navigation", p = {
   navigation: g
 }, P = (n) => {

package/dist/NumberField.js

@@ -3,21 +3,19 @@
 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 u } from "./ClearPropsContext-CD1-9TZA.js";
+import u from "clsx";
+import { C as p } from "./ClearPropsContext-CD1-9TZA.js";
 import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
 import "./propsContext-Dx7WKmmM.js";
 import "remeda";
-import { F as f } from "./FieldError-BmzydlRW.js";
-import { B as s } from "./Button-DiHP-IYs.js";
+import { F as f } from "./FieldError-CQNWNYnn.js";
+import { B as s } from "./Button-BnXrfuF-.js";
 import "@tabler/icons-react";
 import "html-react-parser";
-import "./flowComponent-DLzr2Cvi.js";
-import "@preact/signals-react";
-import "@preact/signals-react/runtime";
-import { I as E, a as N } from "./IconChevronUp-DOOZfR76.js";
-import { I, a as b } from "./IconPlus-ChJLWEqL.js";
+import "@mittwald/react-tunnel";
+import { I as E, a as N } from "./IconChevronUp-CT0CRmbO.js";
+import { I, a as b } from "./IconPlus-CzStbn7o.js";
 const P = "flow--number-field--group", B = "flow--number-field--input", C = "flow--number-field--decrement-button", F = "flow--number-field--increment-button", w = "flow--number-field--coarse-pointer-icon", h = "flow--number-field--touch-icon", t = {
   group: P,
   input: B,
@@ -25,8 +23,8 @@ const P = "flow--number-field--group", B = "flow--number-field--input", C = "flo
   incrementButton: F,
   coarsePointerIcon: w,
   touchIcon: h
-}, J = (n) => {
-  const { children: c, className: m, ...a } = n, l = p(o.formField, m), i = {
+}, k = (n) => {
+  const { children: c, className: a, ...m } = n, l = u(o.formField, a), i = {
     Label: {
       className: o.label,
       optional: !n.isRequired
@@ -38,7 +36,7 @@ const P = "flow--number-field--group", B = "flow--number-field--input", C = "flo
       className: o.customFieldError
     }
   };
-  return /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(r.NumberField, { ...a, className: l }, /* @__PURE__ */ e.createElement(r.Group, { className: t.group }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement(r.NumberField, { ...m, className: l }, /* @__PURE__ */ e.createElement(r.Group, { className: t.group }, /* @__PURE__ */ e.createElement(
     s,
     {
       slot: "decrement",
@@ -63,6 +61,6 @@ const P = "flow--number-field--group", B = "flow--number-field--input", C = "flo
   )), /* @__PURE__ */ e.createElement(d, { props: i }, c), /* @__PURE__ */ e.createElement(f, { className: o.fieldError })));
 };
 export {
-  J as NumberField,
-  J as default
+  k as NumberField,
+  k as default
 };

package/dist/RadioGroup.js

@@ -7,21 +7,19 @@ import "./propsContext-Dx7WKmmM.js";
 import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
 import "@react-aria/utils";
 import "remeda";
-import { F as p } from "./FieldError-BmzydlRW.js";
+import { F as p } from "./FieldError-CQNWNYnn.js";
 import "@tabler/icons-react";
 import "html-react-parser";
-import "./flowComponent-DLzr2Cvi.js";
-import "@preact/signals-react";
-import "@preact/signals-react/runtime";
-import { I as f } from "./IconCheck-B_oanaSr.js";
+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
-}, q = (t) => {
-  const { children: a, className: s, ...i } = t, c = m(r.radioGroup, s), l = {
+}, T = (t) => {
+  const { children: a, className: s, ...c } = t, i = m(r.radioGroup, s), l = {
     Label: {
       className: r.label
     },
@@ -32,15 +30,15 @@ const u = "flow--radio-group", E = "flow--radio-group--label", N = "flow--radio-
       className: r.customFieldError
     }
   };
-  return /* @__PURE__ */ o.createElement(n.RadioGroup, { ...i, className: c }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(p, { className: r.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
-}, z = (t) => {
-  const { children: a, className: s, ...i } = t, c = m(e.radio, s), l = {
+}, j = (t) => {
+  const { children: a, className: s, ...c } = t, i = m(e.radio, s), l = {
     Icon: {
       className: e.icon
     },
@@ -51,10 +49,10 @@ const u = "flow--radio-group", E = "flow--radio-group--label", N = "flow--radio-
       className: e.content
     }
   };
-  return /* @__PURE__ */ o.createElement(n.Radio, { ...i, className: c }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(f, { className: e.checkmark }));
+  return /* @__PURE__ */ o.createElement(n.Radio, { ...c, className: i }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(f, { className: e.checkmark }));
 };
 export {
-  z as Radio,
-  q as RadioGroup,
-  q as default
+  j as Radio,
+  T as RadioGroup,
+  T as default
 };