@mittwald/flow-react-components 0.1.0-alpha.132 → 0.1.0-alpha.134

package/dist/{IllustratedMessage-D07W9uSy.js → IllustratedMessage-DadLfPs9.js}

@@ -2,8 +2,8 @@
 /* */
 import t from "react";
 import s from "clsx";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
-import { P as m } from "./PropsContextProvider-B7e3QrmR.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as m } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 const d = "flow--illustrated-message--illustrated-message-container", g = "flow--illustrated-message", u = "flow--illustrated-message--icon", p = "flow--illustrated-message--heading", f = "flow--illustrated-message--text", x = "flow--illustrated-message--button", N = "flow--illustrated-message--negative", e = {

package/dist/IllustratedMessage.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { I as e } from "./IllustratedMessage-D07W9uSy.js";
+import { I as e } from "./IllustratedMessage-DadLfPs9.js";
 export {
   e as IllustratedMessage,
   e as default

package/dist/Image.js

@@ -1,12 +1,12 @@
 "use client"
 /* */
 import r from "react";
-import { C as m } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { C as m } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as p } from "./flowComponent-DahHhlnC.js";
+import { f as p } from "./flowComponent-CPKCCJEg.js";
 const C = p("Image", (t) => {
   const { refProp: e, ...o } = t;
   return /* @__PURE__ */ r.createElement(m, null, /* @__PURE__ */ r.createElement("img", { ...o, ref: e }));

package/dist/Initials.js

@@ -2,13 +2,13 @@
 /* */
 import e from "react";
 import c from "clsx";
-import { C as f } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import { onlyText as C } from "react-children-utilities";
-import { f as u } from "./flowComponent-DahHhlnC.js";
+import { f as u } from "./flowComponent-CPKCCJEg.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
 }, k = u("Initials", (i) => {

package/dist/InlineAlert.js

@@ -1,14 +1,14 @@
 "use client"
 /* */
 import e from "react";
-import { C as m } from "./ClearPropsContext-mes1t7Bj.js";
-import { P as f } from "./PropsContextProvider-B7e3QrmR.js";
+import { C as m } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import p from "clsx";
-import { S as u } from "./StatusIcon-DKPrtG-X.js";
-import { f as d } from "./flowComponent-DahHhlnC.js";
+import { S as u } from "./StatusIcon-Dj5p-iL1.js";
+import { f as d } from "./flowComponent-CPKCCJEg.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/{InlineCode-Sk5wfXAE.js → InlineCode-BT-PKxVv.js}

@@ -2,8 +2,8 @@
 /* */
 import e from "react";
 import i from "clsx";
-import { C as l } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { C as l } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";

package/dist/InlineCode.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { I as o } from "./InlineCode-Sk5wfXAE.js";
+import { I as o } from "./InlineCode-BT-PKxVv.js";
 export {
   o as InlineCode,
   o as default

package/dist/{Label-Cy_UxX3Y.js → Label-CJi7iMmE.js}

@@ -3,13 +3,13 @@
 import t from "react";
 import * as c from "react-aria-components";
 import f from "clsx";
-import { C as b } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { C as b } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import { useLocalizedStringFormatter as C } from "react-aria";
-import { f as L } from "./flowComponent-DahHhlnC.js";
+import { f as L } from "./flowComponent-CPKCCJEg.js";
 const d = "flow--label", u = {
   label: d
 }, E = {

package/dist/Label.js

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

package/dist/LabeledValue.js

@@ -2,10 +2,10 @@
 /* */
 import l from "react";
 import r from "clsx";
-import { C as m } from "./ClearPropsContext-mes1t7Bj.js";
-import { P as c } from "./PropsContextProvider-B7e3QrmR.js";
+import { C as m } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as c } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "./propsContext-DzAKlmhS.js";
 import "remeda";
 const b = "flow--labeled-value", p = "flow--labeled-value--button", u = "flow--labeled-value--label", e = {
   labeledValue: b,

package/dist/LayoutCard.js

@@ -2,9 +2,9 @@
 /* */
 import t from "react";
 import d from "clsx";
-import { f } from "./flowComponent-DahHhlnC.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
-import { P as i } from "./PropsContextProvider-B7e3QrmR.js";
+import { f } from "./flowComponent-CPKCCJEg.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 const u = "flow--layout-card", y = "flow--layout-card--tabs", o = {

package/dist/{Link-B1BFyDl1.js → Link-TcBL3IVI.js}

@@ -2,13 +2,13 @@
 /* */
 import o, { useContext as d } from "react";
 import * as P from "react-aria-components";
-import { C as w } from "./ClearPropsContext-mes1t7Bj.js";
-import { P as L } from "./PropsContextProvider-B7e3QrmR.js";
+import { C as w } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as L } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import g from "clsx";
-import { f as h } from "./flowComponent-DahHhlnC.js";
+import { f as h } from "./flowComponent-CPKCCJEg.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,

package/dist/Link.js

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

package/dist/List.js

@@ -5,42 +5,40 @@ var et = (i, t, e) => t in i ? tt(i, t, { enumerable: !0, configurable: !0, writ
 var o = (i, t, e) => (et(i, typeof t != "symbol" ? t + "" : t, e), e);
 import s, { createContext as at, useContext as st, createElement as nt, useEffect as I, useRef as it, Suspense as rt } from "react";
 import { R as ot } from "./Render-BdlTa7Qb.js";
-import { C as q, a as lt } from "./ContextMenuTrigger-ChPmQMpO.js";
-import { M as K } from "./MenuItem-BKaeRvx3.js";
+import { C as q, a as lt } from "./ContextMenuTrigger-BwhLrGm5.js";
+import { M as K } from "./MenuItem-Dny58Rqq.js";
 import * as j from "react-aria-components";
 import { autorun as ct, runInAction as ut, makeObservable as mt, observable as N, computed as R, action as C } from "mobx";
 import "./useOverlayController-CGKumeGL.js";
-import J from "invariant";
-import "./context-D_-mRqs8.js";
-import "./ActionStateContext-C_nPivaA.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import { times as dt } from "remeda";
 import { getProperty as ht } from "dot-prop";
-import { T as y } from "./Text-DlffGRII.js";
+import { T as y } from "./Text-D6e-S6em.js";
 import "@tabler/icons-react";
-import "./Icon-DeN4Y_a0.js";
-import { I as Y } from "./IconChevronDown-DxftprRQ.js";
-import { B as g } from "./Button-DmFXEX6m.js";
-import { useMessageFormatter as G, useLocalizedStringFormatter as L } from "react-aria";
-import Q from "clsx";
-import { I as gt } from "./IconClose-CVvBI6H7.js";
+import "./Icon-D4bkU_pz.js";
+import { I as J } from "./IconChevronDown-HLDPe1kj.js";
+import { B as g } from "./Button-BPAhEOTg.js";
+import { useMessageFormatter as W, useLocalizedStringFormatter as L } from "react-aria";
+import Y from "clsx";
+import { I as gt } from "./IconClose-FTrJdf_N.js";
 import { useReactTable as pt, getCoreRowModel as ft, getSortedRowModel as bt, getFilteredRowModel as St, getPaginationRowModel as yt, getFacetedUniqueValues as vt } from "@tanstack/react-table";
+import G from "invariant";
 import { useLocalObservable as Et } from "mobx-react-lite";
 import { getAsyncResource as V } from "@mittwald/react-use-promise";
 import { u as x } from "./useSelector-DpU7_HMO.js";
-import { I as Ct } from "./IllustratedMessage-D07W9uSy.js";
-import { I as It } from "./IconSearch-BxE5ZQFN.js";
-import { H as Ft } from "./Heading-0KJIjlox.js";
-import { S as W } from "./Skeleton-CKLaTmDR.js";
-import { P as Tt } from "./PropsContextProvider-B7e3QrmR.js";
+import { I as Ct } from "./IllustratedMessage-DadLfPs9.js";
+import { I as It } from "./IconSearch-DadOOeXe.js";
+import { H as Ft } from "./Heading-CfQzGjxY.js";
+import { S as Q } from "./Skeleton-CKLaTmDR.js";
+import { P as Tt } from "./PropsContextProvider-C6Z4XGp6.js";
 import { d as Lt } from "./dynamic-ClpUSmEt.js";
-import { I as wt } from "./IconContextMenu-BZ6cD-An.js";
+import { I as wt } from "./IconContextMenu-Bmk1_j_0.js";
 import { TunnelProvider as Bt, TunnelExit as z } from "@mittwald/react-tunnel";
-import { L as At } from "./Link-B1BFyDl1.js";
+import { L as At } from "./Link-TcBL3IVI.js";
 import { d as E, a as O } from "./deepFindOfType-6pG0fH7S.js";
 import { ListLoaderAsyncResource as kt } from "./List/ListLoaderAsyncResource.js";
-import { I as Dt } from "./InlineCode-Sk5wfXAE.js";
+import { I as Dt } from "./InlineCode-BT-PKxVv.js";
 import "react-children-utilities";
 const X = at({}), h = () => st(X).list, Mt = () => h().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ s.createElement(ot, { key: e }, () => {
   t();
@@ -72,7 +70,7 @@ const X = at({}), h = () => st(X).list, Mt = () => h().loader.getLoaderInvocatio
   }
 }, F = (i) => {
   const { children: t, locales: e, variables: a } = i;
-  return G(e)(t, a);
+  return W(e)(t, a);
 }, Nt = () => {
   const i = h(), t = i.sorting.map((n) => /* @__PURE__ */ s.createElement(Pt, { sorting: n, key: n.getTableColumn().id }));
   if (i.sorting.length === 0)
@@ -87,7 +85,7 @@ const X = at({}), h = () => st(X).list, Mt = () => h().loader.getLoaderInvocatio
     },
     "list.setSorting"
   ) : /* @__PURE__ */ s.createElement(F, { locales: d }, "list.sorting"));
-  return /* @__PURE__ */ s.createElement(j.MenuTrigger, null, /* @__PURE__ */ s.createElement(g, { variant: "soft", size: "s", color: "secondary" }, a, /* @__PURE__ */ s.createElement(Y, null)), /* @__PURE__ */ s.createElement(
+  return /* @__PURE__ */ s.createElement(j.MenuTrigger, null, /* @__PURE__ */ s.createElement(g, { variant: "soft", size: "s", color: "secondary" }, a, /* @__PURE__ */ s.createElement(J, null)), /* @__PURE__ */ s.createElement(
     q,
     {
       selectionMode: "single",
@@ -102,7 +100,7 @@ const X = at({}), h = () => st(X).list, Mt = () => h().loader.getLoaderInvocatio
   const { filter: t } = i, e = t.values.map((r) => /* @__PURE__ */ s.createElement(K, { key: t.getValueId(r), id: String(r) }, String(r))), a = t.values.filter((r) => t.isValueActive(r)).map((r) => String(r)), n = (r) => {
     t.toggleValue(r);
   };
-  return /* @__PURE__ */ s.createElement(j.MenuTrigger, null, /* @__PURE__ */ s.createElement(g, { variant: "soft", size: "s", color: "secondary" }, /* @__PURE__ */ s.createElement(y, null, t.name ?? t.property), /* @__PURE__ */ s.createElement(Y, null)), /* @__PURE__ */ s.createElement(
+  return /* @__PURE__ */ s.createElement(j.MenuTrigger, null, /* @__PURE__ */ s.createElement(g, { variant: "soft", size: "s", color: "secondary" }, /* @__PURE__ */ s.createElement(y, null, t.name ?? t.property), /* @__PURE__ */ s.createElement(J, null)), /* @__PURE__ */ s.createElement(
     q,
     {
       onAction: n,
@@ -143,7 +141,7 @@ const X = at({}), h = () => st(X).list, Mt = () => h().loader.getLoaderInvocatio
   ));
 }, $t = (i) => {
   const { className: t } = i, a = h().filters.map((n) => /* @__PURE__ */ s.createElement(Rt, { key: n.property, filter: n }));
-  return /* @__PURE__ */ s.createElement("div", { className: Q(t, U.header) }, /* @__PURE__ */ s.createElement("div", { className: U.pickerList }, /* @__PURE__ */ s.createElement(Nt, null), a), /* @__PURE__ */ s.createElement(Ut, null));
+  return /* @__PURE__ */ s.createElement("div", { className: Y(t, U.header) }, /* @__PURE__ */ s.createElement("div", { className: U.pickerList }, /* @__PURE__ */ s.createElement(Nt, null), a), /* @__PURE__ */ s.createElement(Ut, null));
 }, Ht = "flow--list", qt = {
   list: Ht
 }, S = class S {
@@ -306,7 +304,7 @@ class Jt {
     this.onFilterUpdateCallbacks.add(t);
   }
 }
-class Yt {
+class Wt {
   constructor(t, e) {
     o(this, "list");
     o(this, "property");
@@ -331,7 +329,7 @@ class Yt {
     this.list.reactTable.getTableColumn(this.property).clearSorting();
   }
 }
-const Gt = (i) => I(ct(i));
+const Yt = (i) => I(ct(i));
 class B {
   constructor(t, e = {}) {
     o(this, "list");
@@ -375,7 +373,7 @@ class B {
     return this.useUpdateTableState(n), n;
   }
   useUpdateTableState(t) {
-    Gt(() => {
+    Yt(() => {
       const e = this.tableState.value;
       e ? t.setOptions((a) => ({
         ...a,
@@ -388,7 +386,7 @@ class B {
   }
   getTableColumn(t) {
     const e = this.table.getColumn(t);
-    return J(!!e, `Column #${t} is not defined`), e;
+    return G(!!e, `Column #${t} is not defined`), e;
   }
   getTableColumnDefs() {
     const t = /* @__PURE__ */ new Map(), e = (a) => {
@@ -450,7 +448,7 @@ class A {
     return x(() => this.isLoading);
   }
 }
-const Qt = [];
+const Gt = [];
 class k {
   constructor(t, e = {}) {
     o(this, "list");
@@ -460,7 +458,7 @@ class k {
     o(this, "manualPagination");
     o(this, "loaderState");
     const { source: a } = e;
-    this.dataSource = a ?? { staticData: Qt };
+    this.dataSource = a ?? { staticData: Gt };
     const n = "manualPagination" in this.dataSource ? this.dataSource.manualPagination : void 0, r = "manualFiltering" in this.dataSource ? this.dataSource.manualFiltering : void 0, l = "manualSorting" in this.dataSource ? this.dataSource.manualSorting : void 0;
     this.list = t, this.loaderState = A.useNew(), this.manualPagination = n ?? !1, this.manualFiltering = r ?? this.manualPagination, this.manualSorting = l ?? this.manualPagination, this.list.filters.forEach((u) => u.onFilterUpdated(() => this.reset()));
   }
@@ -547,7 +545,7 @@ class k {
     throw new Error("Unknown data source");
   }
 }
-let Wt = class Z {
+let Qt = class Z {
   constructor(t) {
     o(this, "filters");
     o(this, "sorting");
@@ -557,7 +555,7 @@ let Wt = class Z {
     o(this, "batches");
     o(this, "loader");
     const { render: e, filters: a = [], sorting: n = [], batchesController: r } = t;
-    this.render = e, this.items = w.useNew(this), this.filters = a.map((l) => new Jt(this, l)), this.sorting = n.map((l) => new Yt(this, l)), this.batches = new Kt(this, r), this.loader = k.useNew(this, t.loader), this.reactTable = B.useNew(this, {
+    this.render = e, this.items = w.useNew(this), this.filters = a.map((l) => new Jt(this, l)), this.sorting = n.map((l) => new Wt(this, l)), this.batches = new Kt(this, r), this.loader = k.useNew(this, t.loader), this.reactTable = B.useNew(this, {
       manualFiltering: this.loader.manualFiltering,
       manualPagination: this.loader.manualPagination,
       manualSorting: this.loader.manualSorting
@@ -571,7 +569,7 @@ let Wt = class Z {
   }
   getSorting(t) {
     const e = this.sorting.find((a) => a.property === t);
-    return J(!!e, `Could not get Sorting (property: ${t})`), e;
+    return G(!!e, `Could not get Sorting (property: ${t})`), e;
   }
   clearSorting() {
     return this.sorting.forEach((t) => t.clear());
@@ -610,7 +608,8 @@ const Xt = "flow--list--items--item-list", Zt = "flow--list--items--is-loading",
 }, ce = (i) => i === "top" ? c.topContent : i === "bottom" ? c.content : c.topContent, _ = (i) => {
   const { children: t, href: e, ...a } = i, n = {
     ContextMenu: {
-      render: (l, u) => /* @__PURE__ */ s.createElement(le, { className: c.action }, /* @__PURE__ */ s.createElement(l, { ...u, placement: "bottom end" }))
+      wrapWith: /* @__PURE__ */ s.createElement(le, { className: c.action }),
+      placement: "bottom end"
     },
     Button: {
       className: c.action
@@ -641,8 +640,8 @@ const Xt = "flow--list--items--item-list", Zt = "flow--list--items--is-loading",
     }
   }, r = (l) => e ? /* @__PURE__ */ s.createElement(At, { unstyled: !0, ...a, className: c.item, href: e }, l.children) : /* @__PURE__ */ s.createElement("div", { className: c.item }, l.children);
   return /* @__PURE__ */ s.createElement(r, null, /* @__PURE__ */ s.createElement(Tt, { props: n }, /* @__PURE__ */ s.createElement(Bt, null, t, /* @__PURE__ */ s.createElement("div", { className: c.title }, /* @__PURE__ */ s.createElement(z, { id: "title" })), /* @__PURE__ */ s.createElement(z, { id: "topContent" }))));
-}, b = () => /* @__PURE__ */ s.createElement(_, null, /* @__PURE__ */ s.createElement(W, { height: "3rem" })), ue = (i) => {
-  const { className: t } = i, e = h(), a = e.loader.useIsLoading(), n = e.loader.useIsInitiallyLoading(), r = e.useIsEmpty(), l = L(d), u = e.items.entries.map((m) => /* @__PURE__ */ s.createElement(rt, { key: m.id }, m.render())), p = Q(
+}, b = () => /* @__PURE__ */ s.createElement(_, null, /* @__PURE__ */ s.createElement(Q, { height: "3rem" })), ue = (i) => {
+  const { className: t } = i, e = h(), a = e.loader.useIsLoading(), n = e.loader.useIsInitiallyLoading(), r = e.useIsEmpty(), l = L(d), u = e.items.entries.map((m) => /* @__PURE__ */ s.createElement(rt, { key: m.id }, m.render())), p = Y(
     H.itemList,
     t,
     a && H.isLoading
@@ -667,10 +666,10 @@ function fe(i) {
 const be = "flow--list--footer", Se = {
   footer: be
 }, ye = (i) => {
-  const t = G(d), e = h(), a = e.batches, n = e.isFiltered() && !e.loader.manualFiltering, r = e.loader.useIsInitiallyLoading(), l = e.useIsEmpty(), u = a.getTotalItemsCount(), p = a.getFilteredItemsCount(), m = a.getVisibleItemsCount();
+  const t = W(d), e = h(), a = e.batches, n = e.isFiltered() && !e.loader.manualFiltering, r = e.loader.useIsInitiallyLoading(), l = e.useIsEmpty(), u = a.getTotalItemsCount(), p = a.getFilteredItemsCount(), m = a.getVisibleItemsCount();
   if (l)
     return null;
-  const v = r ? /* @__PURE__ */ s.createElement(W, { width: "200px" }) : n ? t("list.paginationInfoFiltered", {
+  const v = r ? /* @__PURE__ */ s.createElement(Q, { width: "200px" }) : n ? t("list.paginationInfoFiltered", {
     visibleItemsCount: m,
     filteredItemsCount: p,
     totalItemsCount: u
@@ -694,7 +693,7 @@ const be = "flow--list--footer", Se = {
     t.format("list.showMore")
   );
 }, Ee = () => /* @__PURE__ */ s.createElement("div", { className: Se.footer }, /* @__PURE__ */ s.createElement(ye, null), /* @__PURE__ */ s.createElement(ve, null)), Ce = (i) => /* @__PURE__ */ s.createElement(_, null, /* @__PURE__ */ s.createElement(Dt, null, JSON.stringify(i.data)));
-function la(i) {
+function ra(i) {
   var v, D, M, P;
   const { children: t, batchSize: e, ...a } = i, n = (v = E(t, de)) == null ? void 0 : v.props, r = (D = E(
     t,
@@ -709,7 +708,7 @@ function la(i) {
     } : l ? {
       staticData: l.data
     } : void 0
-  }, p = (f) => /* @__PURE__ */ s.createElement(Ce, { data: f }), m = Wt.useNew({
+  }, p = (f) => /* @__PURE__ */ s.createElement(Ce, { data: f }), m = Qt.useNew({
     loader: u,
     filters: O(t, he).map((f) => f.props),
     sorting: O(t, ge).map((f) => f.props),
@@ -731,12 +730,12 @@ function la(i) {
   );
 }
 export {
-  la as List,
+  ra as List,
   he as ListFilter,
   _ as ListItem,
   pe as ListItemView,
   de as ListLoaderAsync,
   ge as ListSorting,
   fe as ListStaticData,
-  la as default
+  ra as default
 };

package/dist/{LoadingSpinner-DSpuNOHM.js → LoadingSpinner-CoSM7GIL.js}

@@ -2,8 +2,8 @@
 /* */
 import r from "react";
 import "@tabler/icons-react";
-import "./Icon-DeN4Y_a0.js";
-import { I as e } from "./IconPending-VHfFhE2m.js";
+import "./Icon-D4bkU_pz.js";
+import { I as e } from "./IconPending-BV7TXz8_.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-DSpuNOHM.js";
+import { L as o } from "./LoadingSpinner-CoSM7GIL.js";
 export {
   o as LoadingSpinner,
   o as default

package/dist/{MenuItem-BKaeRvx3.js → MenuItem-Dny58Rqq.js}

@@ -3,18 +3,18 @@
 import e from "react";
 import * as I from "react-aria-components";
 import f from "clsx";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
-import { P as i } from "./PropsContextProvider-B7e3QrmR.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-DeN4Y_a0.js";
-import { I as x, a as d } from "./IconCheckboxEmpty-DdLa3K6h.js";
-import { I as E, a as C } from "./IconRadioOn-BQq4Iu7w.js";
-import { T as p } from "./Text-DlffGRII.js";
+import "./Icon-D4bkU_pz.js";
+import { I as x, a as d } from "./IconCheckboxEmpty-DQLeOSmS.js";
+import { I as E, a as C } from "./IconRadioOn-BIS8wd64.js";
+import { T as p } from "./Text-D6e-S6em.js";
 import { d as h } from "./deepFindOfType-6pG0fH7S.js";
 import { W as M } from "./Wrap-DGT1h1o3.js";
-import { f as N } from "./flowComponent-DahHhlnC.js";
+import { f as N } from "./flowComponent-CPKCCJEg.js";
 const w = "flow--menu-item", P = "flow--menu-item--icon", T = "flow--menu-item--text", g = "flow--menu-item--control-icon", c = {
   menuItem: w,
   icon: P,

package/dist/MenuItem.js

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

package/dist/Modal.js

@@ -2,15 +2,15 @@
 /* */
 import o from "react";
 import d from "clsx";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
-import { P as c } from "./PropsContextProvider-B7e3QrmR.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as c } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as f, TunnelExit as p } from "@mittwald/react-tunnel";
-import { f as u } from "./flowComponent-DahHhlnC.js";
+import { f as u } from "./flowComponent-CPKCCJEg.js";
 import { M as g } from "./ModalOverlay-BSu4UEnW.js";
 import * as v from "react-aria-components";
-import { O as w } from "./OverlayTrigger-Bb8cs_IA.js";
+import { O as w } from "./OverlayTrigger-DbjMkqKf.js";
 const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--content", x = "flow--modal--off-canvas", e = {
   modal: z,
   "modal-zoom": "flow--modal--modal-zoom",

package/dist/Navigation.js

@@ -1,61 +1,63 @@
 "use client"
 /* */
-import e, { useId as v } from "react";
-import g from "clsx";
-import { d as E } from "./deepFindOfType-6pG0fH7S.js";
-import { W as x } from "./Wrap-DGT1h1o3.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
-import { P as i } from "./PropsContextProvider-B7e3QrmR.js";
+import e, { useId as f } from "react";
+import d from "clsx";
+import { d as v } from "./deepFindOfType-6pG0fH7S.js";
+import { W as E } from "./Wrap-DGT1h1o3.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as u, TunnelExit as p } from "@mittwald/react-tunnel";
-import { A as N } from "./Accordion-C0i7OVyG.js";
-import { C } from "./Content-Cq-QSozP.js";
-const b = "flow--navigation", I = "flow--navigation--item", P = "flow--navigation--icon", w = "flow--navigation--text", k = "flow--navigation--control-icon", l = {
-  navigation: b,
+import { A as x } from "./Accordion-rCpRbkUM.js";
+import { C as N } from "./Content-DlB-BYko.js";
+const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", P = "flow--navigation--text", w = "flow--navigation--control-icon", r = {
+  navigation: C,
   item: I,
-  icon: P,
-  text: w,
-  controlIcon: k
-}, B = (s) => {
-  const { className: n, children: o, ...c } = s, m = g(l.navigation, n), a = !!E(o, h), r = {
+  icon: b,
+  text: P,
+  controlIcon: w
+}, z = (i) => {
+  const { className: t, children: n, ...s } = i, c = d(r.navigation, t), o = !!v(n, y), a = {
     Link: {
-      render: (t, f) => /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(t, { ...f, className: l.item, unstyled: !0 })),
+      wrapWith: /* @__PURE__ */ e.createElement("li", null),
+      className: r.item,
+      unstyled: !0,
       Text: {
-        className: l.text
+        className: r.text
       },
       Icon: {
-        className: l.icon
+        className: r.icon
       }
     }
   };
-  return /* @__PURE__ */ e.createElement("nav", { className: m, role: "navigation", ...c }, /* @__PURE__ */ e.createElement(i, { props: r }, /* @__PURE__ */ e.createElement(x, { if: !a }, /* @__PURE__ */ e.createElement("ul", null, o))));
-}, y = "flow--navigation--navigation-group", G = "flow--navigation--navigation-group--label", d = {
-  navigationGroup: y,
-  label: G
-}, h = (s) => {
-  const { children: n, className: o, collapsable: c, ...m } = s, a = g(d.navigationGroup, o), r = v(), t = {
+  return /* @__PURE__ */ e.createElement("nav", { className: c, role: "navigation", ...s }, /* @__PURE__ */ e.createElement(l, { props: a, mergeInParentContext: !0 }, /* @__PURE__ */ e.createElement(E, { if: !o }, /* @__PURE__ */ e.createElement("ul", null, n))));
+}, h = "flow--navigation--navigation-group", k = "flow--navigation--navigation-group--label", g = {
+  navigationGroup: h,
+  label: k
+}, y = (i) => {
+  const { children: t, className: n, collapsable: s, ...c } = i, o = d(g.navigationGroup, n), a = f(), m = {
     Label: {
-      id: r,
-      className: d.label,
+      id: a,
+      className: g.label,
       "aria-hidden": !0
     },
     Link: {
       tunnelId: "links"
     }
   };
-  return c ? /* @__PURE__ */ e.createElement(i, { mergeInParentContext: !0, props: t }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(N, { defaultExpanded: !0, className: a }, n, /* @__PURE__ */ e.createElement(C, { clearPropsContext: !1 }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(p, { id: "links" })))))) : /* @__PURE__ */ e.createElement(i, { mergeInParentContext: !0, props: t }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(
+  return s ? /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(x, { defaultExpanded: !0, className: o }, t, /* @__PURE__ */ e.createElement(N, { clearPropsContext: !1 }, /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(p, { id: "links" })))))) : /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(
     "section",
     {
-      "aria-labelledby": r,
-      className: a,
-      ...m
+      "aria-labelledby": a,
+      className: o,
+      ...c
     },
-    /* @__PURE__ */ e.createElement(i, { mergeInParentContext: !0, props: t }, n, /* @__PURE__ */ e.createElement(p, { id: "Label" }), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(p, { id: "links" })))
+    /* @__PURE__ */ e.createElement(l, { mergeInParentContext: !0, props: m }, t, /* @__PURE__ */ e.createElement(p, { id: "Label" }), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement(p, { id: "links" })))
   )));
 };
 export {
-  B as Navigation,
-  h as NavigationGroup,
-  B as default
+  z as Navigation,
+  y as NavigationGroup,
+  z as default
 };