@mittwald/flow-react-components 0.1.0-alpha.120 → 0.1.0-alpha.121

package/dist/{IconSearch-BfGdDu2q.js → IconSearch-BO1yNi13.js}

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

package/dist/{IconSucceeded-Dac_avN3.js → IconSucceeded-d8xQyLF2.js}

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

package/dist/{IconWarning-DW8orO_0.js → IconWarning-CAgZzx72.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-BI5DQvoY.js";
+import { I as n } from "./Icon-DhFv_0k_.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,22 +2,22 @@
 /* */
 import n from "react";
 import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconCode as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as p, IconMail as h, IconExternalLink as d, IconFilter as f, IconEyeCancel as C, IconHome as x, IconInbox as S, IconList as v, IconPower as b, IconUsersGroup as g, IconMenu2 as k, IconBell as L, IconArchive as w, IconDice3 as D, IconDeviceFloppy as M, IconListSearch as $, IconServer as y, IconSettings as F, IconShare3 as B, IconEye as H, IconAdjustmentsHorizontal as P, IconShield as A, IconShieldCheckFilled as R, IconDoor as V, IconSubtask as O, IconHeadset as T, IconFileX as j, IconLayoutGrid as z } from "@tabler/icons-react";
-import { I as t } from "./Icon-BI5DQvoY.js";
-import { I as Pe } from "./IconCheck-BtMaGPKR.js";
-import { I as Re, a as Ve } from "./IconCheckboxEmpty-DS-0Y9DS.js";
-import { I as Te } from "./IconCheckboxIndeterminate-Coqmr05a.js";
-import { I as ze } from "./IconChevronDown-B47aUcVu.js";
-import { I as Ge } from "./IconChevronRight-DRtwShTy.js";
-import { a as Ne, I as Xe, b as qe } from "./IconPlus-DHGdrWaP.js";
-import { I as Ke } from "./IconClose-BCVIZgsO.js";
-import { I as Ye } from "./IconContextMenu-B6l97s-1.js";
-import { I as _e } from "./IconCopy-CmdUQbjo.js";
-import { I as nn } from "./IconDanger-FoTA8c58.js";
-import { a as cn, I as on } from "./IconSucceeded-Dac_avN3.js";
-import { I as an, a as rn, b as In } from "./IconWarning-DW8orO_0.js";
-import { I as sn } from "./IconPending-DaIqc2wH.js";
-import { a as un, I as pn } from "./IconRadioOn-Dw-cld05.js";
-import { I as dn } from "./IconSearch-BfGdDu2q.js";
+import { I as t } from "./Icon-DhFv_0k_.js";
+import { I as Pe } from "./IconCheck-D8ys0_F5.js";
+import { I as Re, a as Ve } from "./IconCheckboxEmpty-DRlqWMgD.js";
+import { I as Te } from "./IconCheckboxIndeterminate-CfK_tk87.js";
+import { I as ze } from "./IconChevronDown-gLJKgegq.js";
+import { I as Ge } from "./IconChevronRight-CqgfPevo.js";
+import { a as Ne, I as Xe, b as qe } from "./IconPlus-eFn-agxn.js";
+import { I as Ke } from "./IconClose-BEe9M79E.js";
+import { I as Ye } from "./IconContextMenu-B9OI5d_u.js";
+import { I as _e } from "./IconCopy-A7uxuck-.js";
+import { I as nn } from "./IconDanger-ALKH8dEk.js";
+import { a as cn, I as on } from "./IconSucceeded-d8xQyLF2.js";
+import { I as an, a as rn, b as In } from "./IconWarning-CAgZzx72.js";
+import { I as sn } from "./IconPending-BV6Loio6.js";
+import { a as un, I as pn } from "./IconRadioOn--oXSoOvP.js";
+import { I as dn } from "./IconSearch-BO1yNi13.js";
 const N = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(o, null)), X = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(l, null)), q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), J = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(a, null)), K = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(r, null)), Q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(I, null)), Y = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(m, null)), Z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(s, null)), _ = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(E, null)), ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(u, null)), ne = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(i, null)), te = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(p, null)), ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(h, null)), oe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(d, null)), le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(f, null)), ae = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(C, null)), re = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(x, null)), Ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(S, null)), me = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(v, null)), se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(b, null)), Ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(g, null)), ue = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(k, null)), ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(L, null)), pe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(w, null)), he = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(D, null)), de = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(M, null)), fe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement($, null)), Ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(y, null)), xe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(F, null)), Se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(B, null)), ve = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(H, null)), be = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(P, null)), ge = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(A, null)), ke = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(R, null)), Le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(V, null)), we = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(O, null)), De = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(T, null)), Me = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(j, null)), $e = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(z, null)), ye = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), Fe = (e) => /* @__PURE__ */ n.createElement(
   t,
   {

package/dist/Image.js

@@ -6,7 +6,7 @@ import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as a } from "./flowComponent-DZ4pwhof.js";
+import { f as a } from "./flowComponent-Dha_9C4F.js";
 const C = a("Image", (e) => {
   const { ref: r, ...o } = e;
   return /* @__PURE__ */ t.createElement(m, null, /* @__PURE__ */ t.createElement("img", { ...o, ref: r }));

package/dist/Initials.js

@@ -8,14 +8,14 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import { onlyText as C } from "react-children-utilities";
-import { f as u } from "./flowComponent-DZ4pwhof.js";
+import { f as u } from "./flowComponent-Dha_9C4F.js";
 const x = (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), d = "flow--initials", E = {
   initials: d
-}, F = u("Initials", (i) => {
-  const { children: t, className: s, ref: n } = i, o = C(t), r = x(o), a = c(E.initials, s), l = r.map((m, p) => /* @__PURE__ */ e.createElement("span", { key: p }, m));
-  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement("div", { "aria-label": o, className: a, ref: n }, l));
+}, k = u("Initials", (i) => {
+  const { children: t, className: s, refProp: r } = i, o = C(t), n = x(o), a = c(E.initials, s), l = n.map((m, p) => /* @__PURE__ */ e.createElement("span", { key: p }, m));
+  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement("div", { "aria-label": o, className: a, ref: r }, l));
 });
 export {
-  F as Initials,
-  F as default
+  k as Initials,
+  k as default
 };

package/dist/InlineAlert.js

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

package/dist/{Label-CZL5PpdM.js → Label-DWCo1l63.js}

@@ -9,7 +9,7 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import { useLocalizedStringFormatter as C } from "react-aria";
-import { f as L } from "./flowComponent-DZ4pwhof.js";
+import { f as L } from "./flowComponent-Dha_9C4F.js";
 const d = "flow--label", u = {
   label: d
 }, E = {
@@ -19,17 +19,17 @@ const d = "flow--label", u = {
   "en-EN": {
     "label.optional": "(optional)"
   }
-}, A = L("Label", (l) => {
+}, z = L("Label", (e) => {
   const {
-    children: e,
+    children: l,
     className: o,
     optional: a,
-    ref: r,
+    refProp: r,
     unstyled: s = !1,
     ...n
-  } = l, m = C(E), i = s ? o : f(u.label, o), p = " " + m.format("label.optional");
-  return /* @__PURE__ */ t.createElement(b, null, /* @__PURE__ */ t.createElement(c.Label, { ...n, className: i, ref: r }, e, a && p));
+  } = e, m = C(E), i = s ? o : f(u.label, o), p = " " + m.format("label.optional");
+  return /* @__PURE__ */ t.createElement(b, null, /* @__PURE__ */ t.createElement(c.Label, { ...n, className: i, ref: r }, l, a && p));
 });
 export {
-  A as L
+  z as L
 };

package/dist/Label.js

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

package/dist/LayoutCard.js

@@ -2,7 +2,7 @@
 /* */
 import t from "react";
 import d from "clsx";
-import { f } from "./flowComponent-DZ4pwhof.js";
+import { f } from "./flowComponent-Dha_9C4F.js";
 import "./propsContext-CauylOgH.js";
 import { P as i } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
@@ -11,7 +11,13 @@ const u = "flow--layout-card", y = "flow--layout-card--tabs", o = {
   layoutCard: u,
   tabs: y
 }, v = f("LayoutCard", (a) => {
-  const { children: r, className: s, elementType: e = "div", ref: l, ...m } = a, c = d(o.layoutCard, s), n = e, p = {
+  const {
+    children: r,
+    className: e,
+    elementType: s = "div",
+    refProp: l,
+    ...m
+  } = a, c = d(o.layoutCard, e), n = s, p = {
     Tabs: {
       className: o.tabs
     }

package/dist/{Link-Dudjl8oZ.js → Link-BK57CeBv.js}

@@ -1,14 +1,14 @@
 "use client"
 /* */
 import o, { useContext as d } from "react";
-import * as w from "react-aria-components";
-import { C as L } from "./ClearPropsContext-CeCMjUK9.js";
-import { P } from "./PropsContextProvider-DZvwqHLP.js";
+import * as P from "react-aria-components";
+import { C as w } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as L } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
 import g from "clsx";
-import { f as h } from "./flowComponent-DZ4pwhof.js";
+import { f as h } from "./flowComponent-Dha_9C4F.js";
 import { l as y } from "./context-BlNV7smK.js";
 const N = "flow--link", E = "flow--link--inline", F = "flow--link--icon", v = "flow--link--dark", z = "flow--link--light", n = {
   link: N,
@@ -25,9 +25,9 @@ const N = "flow--link", E = "flow--link--inline", F = "flow--link--icon", v = "f
     color: s = "primary",
     unstyled: m = !1,
     "aria-current": a,
-    ref: c,
+    refProp: c,
     ...p
-  } = r, { linkComponent: k } = d(y), f = l ?? k ?? w.Link, C = m ? t : g(n.link, e && n.inline, n[s], t), u = {
+  } = r, { linkComponent: k } = d(y), f = l ?? k ?? P.Link, C = m ? t : g(n.link, e && n.inline, n[s], t), u = {
     Icon: {
       className: n.icon,
       size: "s"
@@ -35,7 +35,7 @@ const N = "flow--link", E = "flow--link--inline", F = "flow--link--icon", v = "f
   }, x = {
     "aria-current": a
   };
-  return /* @__PURE__ */ o.createElement(L, null, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(w, null, /* @__PURE__ */ o.createElement(
     f,
     {
       ...p,
@@ -43,7 +43,7 @@ const N = "flow--link", E = "flow--link--inline", F = "flow--link--icon", v = "f
       className: C,
       ref: c
     },
-    /* @__PURE__ */ o.createElement(P, { props: u }, i)
+    /* @__PURE__ */ o.createElement(L, { props: u }, i)
   ));
 });
 export {

package/dist/Link.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as o } from "./Link-Dudjl8oZ.js";
+import { L as o } from "./Link-BK57CeBv.js";
 export {
   o as Link,
   o as default

package/dist/List.js

@@ -4,18 +4,18 @@ var Q = Object.defineProperty;
 var X = (r, t, e) => t in r ? Q(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
 var o = (r, t, e) => (X(r, typeof t != "symbol" ? t + "" : t, e), e);
 import s, { createContext as Z, useContext as _, createElement as tt, useEffect as C, useState as et, Suspense as at } from "react";
-import { C as O } from "./ContextMenu-BQ1H5T2h.js";
-import { M as $, d as st } from "./MenuItem-DhbpDBP7.js";
+import { C as O } from "./ContextMenu-BGfJXwpB.js";
+import { M as $, d as st } from "./MenuItem-CzSUuXS-.js";
 import * as H from "react-aria-components";
 import { MenuTrigger as nt } from "react-aria-components";
-import { T as f } from "./Text-fD3dK4JJ.js";
+import { T as f } from "./Text-DXApO_Re.js";
 import "@tabler/icons-react";
-import "./Icon-BI5DQvoY.js";
-import { I as q } from "./IconChevronDown-B47aUcVu.js";
-import { B as g } from "./Button-BCQWyOr4.js";
+import "./Icon-DhFv_0k_.js";
+import { I as q } from "./IconChevronDown-gLJKgegq.js";
+import { B as g } from "./Button-BGCNzfmU.js";
 import { useMessageFormatter as K, useLocalizedStringFormatter as E } from "react-aria";
 import j from "clsx";
-import { I as rt } from "./IconClose-BCVIZgsO.js";
+import { I as rt } from "./IconClose-BEe9M79E.js";
 import { getProperty as it } from "dot-prop";
 import { useReactTable as ot, getCoreRowModel as lt, getSortedRowModel as ct, getFilteredRowModel as ut, getPaginationRowModel as mt, getFacetedUniqueValues as dt } from "@tanstack/react-table";
 import J from "invariant";
@@ -29,12 +29,12 @@ import { P as St } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import { d as yt } from "./dynamic-ClpUSmEt.js";
 import { W as Ct } from "./Wrap-DGT1h1o3.js";
-import { L as vt } from "./Link-Dudjl8oZ.js";
-import { I as Et } from "./IconContextMenu-B6l97s-1.js";
+import { L as vt } from "./Link-BK57CeBv.js";
+import { I as Et } from "./IconContextMenu-B9OI5d_u.js";
 import { TunnelProvider as Ft, TunnelExit as N } from "@mittwald/react-tunnel";
 import { I as Tt } from "./IllustratedMessage-D1xVzeZO.js";
-import { I as wt } from "./IconSearch-BfGdDu2q.js";
-import { H as It } from "./Heading-CI96mO-u.js";
+import { I as wt } from "./IconSearch-BO1yNi13.js";
+import { H as It } from "./Heading-CYit9Nf-.js";
 import { d as b, a as V } from "./deepFindOfType-6pG0fH7S.js";
 import { I as Lt } from "./InlineCode-BV2i5uN0.js";
 import { ListLoaderAsyncResource as Bt } from "./List/ListLoaderAsyncResource.js";

package/dist/{LoadingSpinner-CKlvSFNo.js → LoadingSpinner-BV4S5RsS.js}

@@ -2,8 +2,8 @@
 /* */
 import r from "react";
 import "@tabler/icons-react";
-import "./Icon-BI5DQvoY.js";
-import { I as e } from "./IconPending-DaIqc2wH.js";
+import "./Icon-DhFv_0k_.js";
+import { I as e } from "./IconPending-BV6Loio6.js";
 import t from "clsx";
 const a = "flow--loading-spinner", p = "flow--loading-spinner--spin", l = {
   loadingSpinner: a,

package/dist/LoadingSpinner.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as o } from "./LoadingSpinner-CKlvSFNo.js";
+import { L as o } from "./LoadingSpinner-BV4S5RsS.js";
 export {
   o as LoadingSpinner,
   o as default

package/dist/{MenuItem-DhbpDBP7.js → MenuItem-CzSUuXS-.js}

@@ -8,13 +8,13 @@ import { P as a } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-BI5DQvoY.js";
-import { I as x, a as d } from "./IconCheckboxEmpty-DS-0Y9DS.js";
-import { I as E, a as C } from "./IconRadioOn-Dw-cld05.js";
-import { T as i } from "./Text-fD3dK4JJ.js";
+import "./Icon-DhFv_0k_.js";
+import { I as x, a as d } from "./IconCheckboxEmpty-DRlqWMgD.js";
+import { I as E, a as C } from "./IconRadioOn--oXSoOvP.js";
+import { T as i } from "./Text-DXApO_Re.js";
 import { d as h } from "./deepFindOfType-6pG0fH7S.js";
 import { W as M } from "./Wrap-DGT1h1o3.js";
-import { f as N } from "./flowComponent-DZ4pwhof.js";
+import { f as N } from "./flowComponent-Dha_9C4F.js";
 const w = "flow--menu-item", T = "flow--menu-item--icon", g = "flow--menu-item--text", P = "flow--menu-item--control-icon", c = {
   menuItem: w,
   icon: T,

package/dist/MenuItem.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { M as t } from "./MenuItem-DhbpDBP7.js";
+import { M as t } from "./MenuItem-CzSUuXS-.js";
 export {
   t as MenuItem,
   t as default

package/dist/Modal.js

@@ -7,7 +7,7 @@ import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as p, TunnelExit as c } from "@mittwald/react-tunnel";
-import { f as u } from "./flowComponent-DZ4pwhof.js";
+import { f as u } from "./flowComponent-Dha_9C4F.js";
 import { O as w } from "./Overlay-ofdfFqqi.js";
 import "mobx";
 import "./index-0qLHBjoi.js";

package/dist/Navigation.js

@@ -9,8 +9,8 @@ import { P as i } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as p, TunnelExit as u } from "@mittwald/react-tunnel";
-import { A as N } from "./Accordion-OIqrGajq.js";
-import { C } from "./Content-Dv4LJl-8.js";
+import { A as N } from "./Accordion-9wwB377E.js";
+import { C } from "./Content-CPAYV7wp.js";
 const b = "flow--navigation", I = "flow--navigation--item", P = "flow--navigation--icon", w = "flow--navigation--text", y = "flow--navigation--control-icon", l = {
   navigation: b,
   item: I,

package/dist/NumberField.js

@@ -9,13 +9,13 @@ import { P as b } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { F as I } from "./FieldError-DaMdHZmc.js";
-import { B as c } from "./Button-BCQWyOr4.js";
+import { F as I } from "./FieldError--Qpixa12.js";
+import { B as c } from "./Button-BGCNzfmU.js";
 import "@tabler/icons-react";
-import "./Icon-BI5DQvoY.js";
-import { I as C } from "./IconChevronDown-B47aUcVu.js";
-import { I as h, a as F, b as P } from "./IconPlus-DHGdrWaP.js";
-import { f as w } from "./flowComponent-DZ4pwhof.js";
+import "./Icon-DhFv_0k_.js";
+import { I as C } from "./IconChevronDown-gLJKgegq.js";
+import { I as h, a as P, b as F } from "./IconPlus-eFn-agxn.js";
+import { f as w } from "./flowComponent-Dha_9C4F.js";
 const B = "flow--number-field--group", g = "flow--number-field--input", v = "flow--number-field--decrement-button", x = "flow--number-field--increment-button", y = "flow--number-field--coarse-pointer-icon", D = "flow--number-field--touch-icon", o = {
   group: B,
   input: g,
@@ -24,7 +24,7 @@ const B = "flow--number-field--group", g = "flow--number-field--input", v = "flo
   coarsePointerIcon: y,
   touchIcon: D
 }, K = w("NumberField", (n) => {
-  const { children: a, className: m, ref: l, onChange: s, ...i } = n, u = E(t.formField, m), p = {
+  const { children: a, className: m, refProp: l, onChange: s, ...i } = n, u = E(t.formField, m), p = {
     Label: {
       className: t.label,
       optional: !n.isRequired
@@ -67,8 +67,8 @@ const B = "flow--number-field--group", g = "flow--number-field--input", v = "flo
         variant: "plain",
         color: "secondary"
       },
-      /* @__PURE__ */ e.createElement(F, null),
-      /* @__PURE__ */ e.createElement(P, { className: o.coarsePointerIcon })
+      /* @__PURE__ */ e.createElement(P, null),
+      /* @__PURE__ */ e.createElement(F, { className: o.coarsePointerIcon })
     )),
     /* @__PURE__ */ e.createElement(b, { props: p }, a),
     /* @__PURE__ */ e.createElement(I, { className: t.fieldError })

package/dist/OffCanvas.js

@@ -2,10 +2,10 @@
 /* */
 import o from "react";
 import c from "clsx";
-import { B as f } from "./Button-BCQWyOr4.js";
+import { B as f } from "./Button-BGCNzfmU.js";
 import "@tabler/icons-react";
-import "./Icon-BI5DQvoY.js";
-import { I as m } from "./IconClose-BCVIZgsO.js";
+import "./Icon-DhFv_0k_.js";
+import { I as m } from "./IconClose-BEe9M79E.js";
 import { A as i } from "./Action-5b_DWWiS.js";
 import { O as p } from "./Overlay-ofdfFqqi.js";
 import "mobx";

package/dist/RadioGroup.js

@@ -8,18 +8,18 @@ import { P as C, m as b } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as k } from "./dynamic-ClpUSmEt.js";
-import { F as x } from "./FieldError-DaMdHZmc.js";
+import { F as x } from "./FieldError--Qpixa12.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-BI5DQvoY.js";
-import { I as B, a as v } from "./IconRadioOn-Dw-cld05.js";
-import { f as N } from "./flowComponent-DZ4pwhof.js";
+import "./Icon-DhFv_0k_.js";
+import { I as B, a as P } from "./IconRadioOn--oXSoOvP.js";
+import { f as N } from "./flowComponent-Dha_9C4F.js";
 import "dot-prop";
-import { I as P } from "./IconCheck-BtMaGPKR.js";
+import { I as v } from "./IconCheck-D8ys0_F5.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,
@@ -31,7 +31,7 @@ const D = "flow--radio-group", T = "flow--radio-group--segmented-group", O = "fl
   content: j,
   label: q
 }, z = N("RadioButton", (n) => {
-  const { children: t, className: r, ref: o, ...s } = n, l = E(f.radioButton, r), i = {
+  const { children: t, className: r, refProp: o, ...s } = n, l = E(f.radioButton, r), i = {
     Text: {
       className: f.label
     },
@@ -65,7 +65,7 @@ const D = "flow--radio-group", T = "flow--radio-group--segmented-group", O = "fl
     Radio: {
       className: a.segment,
       unstyled: !0,
-      children: k((G) => /* @__PURE__ */ e.createElement(e.Fragment, null, G.children, /* @__PURE__ */ e.createElement(P, { className: a.checkmark })))
+      children: k((G) => /* @__PURE__ */ e.createElement(e.Fragment, null, G.children, /* @__PURE__ */ e.createElement(v, { className: a.checkmark })))
     }
   }));
   const u = !!I(t, z);
@@ -76,8 +76,14 @@ const D = "flow--radio-group", T = "flow--radio-group--segmented-group", O = "fl
   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)));
+  const {
+    children: t,
+    className: r,
+    unstyled: o = !1,
+    refProp: 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(P, { className: g.icon }), t)));
 });
 export {
   K as Radio,

package/dist/Section.js

@@ -6,7 +6,7 @@ import "./propsContext-CauylOgH.js";
 import { P as m } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as d } from "./flowComponent-DZ4pwhof.js";
+import { f as d } from "./flowComponent-Dha_9C4F.js";
 import { A as p } from "./Activity-CmfZpgOM.js";
 const f = "flow--section", u = "flow--section--header", h = "flow--section--status-badge", t = {
   section: f,

package/dist/Select.js

@@ -7,19 +7,19 @@ 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 w } from "./FieldError-DaMdHZmc.js";
+import { F as w } from "./FieldError--Qpixa12.js";
 import m from "clsx";
 import "@tabler/icons-react";
-import "./Icon-BI5DQvoY.js";
-import { I as x } from "./IconChevronDown-B47aUcVu.js";
-import { f as E } from "./flowComponent-DZ4pwhof.js";
+import "./Icon-DhFv_0k_.js";
+import { I as x } from "./IconChevronDown-gLJKgegq.js";
+import { f as E } from "./flowComponent-Dha_9C4F.js";
 import { P as h } from "./Popover-MmxZkKu3.js";
-import { TunnelProvider as v, TunnelExit as S } from "@mittwald/react-tunnel";
-const F = "flow--select", I = "flow--select--toggle", f = {
-  select: F,
-  toggle: I
-}, P = "flow--select--options--popover", O = "flow--select--options", d = {
-  popover: P,
+import { TunnelProvider as v, TunnelExit as P } from "@mittwald/react-tunnel";
+const S = "flow--select", F = "flow--select--toggle", f = {
+  select: S,
+  toggle: F
+}, I = "flow--select--options--popover", O = "flow--select--options", d = {
+  popover: I,
   options: O
 }, y = (o) => {
   const { className: t, children: n, ...s } = o, l = m(d.options, t);
@@ -32,7 +32,7 @@ const F = "flow--select", I = "flow--select--toggle", f = {
     },
     onSelectionChange: l = () => {
     },
-    ref: i,
+    refProp: i,
     ...a
   } = o, u = m(
     f.select,
@@ -63,7 +63,7 @@ const F = "flow--select", I = "flow--select--toggle", f = {
       ref: i,
       onSelectionChange: g
     },
-    /* @__PURE__ */ e.createElement(C, { props: N }, /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(c.Button, { className: f.toggle }, /* @__PURE__ */ e.createElement(c.SelectValue, null), /* @__PURE__ */ e.createElement(x, null)), t, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(S, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: r.fieldError })))
+    /* @__PURE__ */ e.createElement(C, { props: N }, /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(c.Button, { className: f.toggle }, /* @__PURE__ */ e.createElement(c.SelectValue, null), /* @__PURE__ */ e.createElement(x, null)), t, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(P, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: r.fieldError })))
   );
 }), B = "flow--select--option", D = "flow--select--option--icon", L = "flow--select--option--text", $ = "flow--select--option--control-icon", b = {
   option: B,
@@ -71,7 +71,7 @@ const F = "flow--select", I = "flow--select--toggle", f = {
   text: L,
   controlIcon: $
 }, W = E("Option", (o) => {
-  const { className: t, children: n, value: s, ref: l, ...i } = o, a = m(b.option, t);
+  const { className: t, children: n, value: s, refProp: l, ...i } = o, a = m(b.option, t);
   return /* @__PURE__ */ e.createElement(c.ListBoxItem, { className: a, ref: l, ...i, id: s }, n);
 });
 export {

package/dist/StatusBadge.js

@@ -2,14 +2,14 @@
 /* */
 import t from "react";
 import l from "clsx";
-import { S as f } from "./StatusIcon-D1TnVROF.js";
-import { T as i } from "./Text-fD3dK4JJ.js";
+import { S as f } from "./StatusIcon-CvIY_c35.js";
+import { T as i } from "./Text-DXApO_Re.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-DZ4pwhof.js";
+import { f as d } from "./flowComponent-Dha_9C4F.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,
@@ -17,11 +17,11 @@ const g = "flow--status-badge", p = "flow--status-badge--text", w = "flow--statu
   success: x,
   warning: b,
   danger: B
-}, 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(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)));
+}, z = d("StatusBadge", (a) => {
+  const { children: o, className: r, status: e = "info", refProp: n, ...c } = a, m = l(s.statusBadge, s[e], r);
+  return /* @__PURE__ */ t.createElement(u, null, /* @__PURE__ */ t.createElement("div", { className: m, ...c, ref: n }, /* @__PURE__ */ t.createElement(f, { size: "s", className: s.statusIcon, status: e }), /* @__PURE__ */ t.createElement(i, { className: s.text }, o)));
 });
 export {
-  P as StatusBadge,
-  P as default
+  z as StatusBadge,
+  z as default
 };

package/dist/{StatusIcon-D1TnVROF.js → StatusIcon-CvIY_c35.js}

@@ -2,9 +2,9 @@
 /* */
 import t from "react";
 import "@tabler/icons-react";
-import "./Icon-BI5DQvoY.js";
-import { I as m } from "./IconDanger-FoTA8c58.js";
-import { I as f, a as l, b as I } from "./IconWarning-DW8orO_0.js";
+import "./Icon-DhFv_0k_.js";
+import { I as m } from "./IconDanger-ALKH8dEk.js";
+import { I as f, a as l, b as I } from "./IconWarning-CAgZzx72.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";

package/dist/StatusIcon.js

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