@mittwald/flow-react-components 0.1.0-alpha.389 → 0.1.0-alpha.390

package/dist/js/List.js

@@ -13,8 +13,9 @@ import { B as w } from "./Button-BTc_iJae.js";
 import { IconArrowBackUp as le } from "@tabler/icons-react";
 import { I as pt } from "./Icon--OEo4TjW.js";
 import { I as ce } from "./IconContextMenu-x1p9NcUF.js";
-import { a as H, C as _ } from "./ContextMenuTrigger-CsnzKkVf.js";
-import { M as tt } from "./MenuItem-BhQ--5y5.js";
+import { a as H, C as _ } from "./ContextMenuTrigger-BAV29sr-.js";
+import { M as tt } from "./MenuItem-BUyas6dP.js";
+import "./ContextMenuSection-CmajFz_f.js";
 import { useLocalizedStringFormatter as I } from "react-aria";
 import { TunnelProvider as Ft, TunnelExit as x } from "@mittwald/react-tunnel";
 import B from "clsx";
@@ -23,21 +24,21 @@ import { R as de } from "./Render-BOMk4emj.js";
 import { T } from "./Text-Dh4iy9qD.js";
 import { c as ue, a as me, b as he, I as ge, d as pe } from "./IconView-CSIFhlza.js";
 import { observer as fe } from "mobx-react-lite";
-import { a as G, T as W } from "./Tooltip-D5QM-BbC.js";
-import { B as be } from "./Badge-CIT6Z_E_.js";
-import { makeObservable as Se, observable as ft, computed as bt, action as j } from "mobx";
+import { a as G, T as j } from "./Tooltip-D5QM-BbC.js";
+import { B as Se } from "./Badge-CIT6Z_E_.js";
+import { makeObservable as be, observable as ft, computed as St, action as W } from "mobx";
 import "./context-BaYmTa0I.js";
-import { u as ve } from "./useOnChange-C1Quwyuz.js";
-import { S as ye } from "./SearchField-BGdC1K9_.js";
+import { u as ye } from "./useOnChange-C1Quwyuz.js";
+import { S as ve } from "./SearchField-BGdC1K9_.js";
 import { H as et } from "./Heading-C61IpDy1.js";
-import { S as Ee } from "./Section-7khrqgxc.js";
+import { S as Ee } from "./Section-wjl9OuOK.js";
 import { getProperty as we } from "dot-prop";
 import { hash as Tt } from "object-code";
 import N from "zod";
 import { useReactTable as Fe, getCoreRowModel as Ie, getSortedRowModel as Te, getFilteredRowModel as Ce, getPaginationRowModel as Le, getFacetedUniqueValues as Pe } from "@tanstack/react-table";
 import Ct from "invariant";
-import { getAsyncResource as St } from "@mittwald/react-use-promise";
-import { u as vt } from "./useSelector-DpU7_HMO.js";
+import { getAsyncResource as bt } from "@mittwald/react-use-promise";
+import { u as yt } from "./useSelector-DpU7_HMO.js";
 import { u as Ae } from "./SettingsProvider-D9oDS5r9.js";
 import * as st from "react-aria-components";
 import { S as z } from "./SkeletonText-B5ZghZhO.js";
@@ -45,12 +46,12 @@ import { I as Ve } from "./IconChevronDown-wKRgAuyR.js";
 import { I as ke } from "./IconChevronUp-C2rq4v--.js";
 import { I as Be } from "./IllustratedMessage-DB1AH-Oq.js";
 import { I as Me } from "./IconSearch-9xESFc33.js";
-import { a as y, b as D, d as xe } from "./deepHas-KHS5X1F_.js";
+import { a as v, b as D, d as xe } from "./deepHas-KHS5X1F_.js";
 import { ListLoaderAsyncResource as De, TypedListLoaderAsyncResource as Ne } from "./List/ListLoaderAsyncResource.js";
 import { S as Re } from "./Skeleton-CKLaTmDR.js";
 import { a as Lt, e as Pt, d as At, b as Vt, T as kt, c as Bt } from "./Table-Cgwv_qa_.js";
 import { A as $e } from "./ActionGroup-Bd0aZvbX.js";
-const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view--content", Ke = "flow--list--items--item--view--title", Oe = "flow--list--items--item--view--avatar", He = "flow--list--items--item--view--sub-title", qe = "flow--list--items--item--view--heading", Ge = "flow--list--items--item--view--text", We = "flow--list--items--item--view--top-content", je = "flow--list--items--item--view--action", Je = "flow--list--items--item--view--bottom-content", p = {
+const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view--content", Ke = "flow--list--items--item--view--title", Oe = "flow--list--items--item--view--avatar", He = "flow--list--items--item--view--sub-title", qe = "flow--list--items--item--view--heading", Ge = "flow--list--items--item--view--text", je = "flow--list--items--item--view--top-content", We = "flow--list--items--item--view--action", Je = "flow--list--items--item--view--bottom-content", p = {
   view: Ue,
   content: ze,
   title: Ke,
@@ -58,10 +59,10 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
   subTitle: He,
   heading: qe,
   text: Ge,
-  topContent: We,
-  action: je,
+  topContent: je,
+  action: We,
   bottomContent: Je
-}, S = { "de-DE": {
+}, b = { "de-DE": {
   "list.filters.clear": "Filter entfernen",
   "list.filters.reset": "Filter zurücksetzen",
   "list.filters.store": "Filter speichern",
@@ -94,7 +95,7 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
   "list.toggleExpandButton.collapse": "Show less",
   "list.toggleExpandButton.expand": "Show more"
 } }, Ye = (n) => {
-  const { className: t, children: e } = n, s = I(S);
+  const { className: t, children: e } = n, s = I(b);
   return /* @__PURE__ */ a.createElement(H, null, /* @__PURE__ */ a.createElement(
     w,
     {
@@ -148,10 +149,10 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
   return /* @__PURE__ */ a.createElement("div", { className: i }, /* @__PURE__ */ a.createElement(Z, { props: s, mergeInParentContext: !0 }, /* @__PURE__ */ a.createElement(Ft, null, /* @__PURE__ */ a.createElement("div", { className: p.content }, t, /* @__PURE__ */ a.createElement("div", { className: p.title }, /* @__PURE__ */ a.createElement(x, { id: "title" }), /* @__PURE__ */ a.createElement("div", { className: p.subTitle }, /* @__PURE__ */ a.createElement(x, { id: "text" })))), /* @__PURE__ */ a.createElement(x, { id: "button" }))));
 }, Xe = "flow--list--list-summary", Ze = {
   listSummary: Xe
-}, ni = It("ListSummary", (n) => {
+}, ri = It("ListSummary", (n) => {
   const { children: t } = n;
   return /* @__PURE__ */ a.createElement("header", { className: Ze.listSummary, ...n }, t);
-}), xt = _t({}), b = () => te(xt).list, _e = () => b().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ a.createElement(de, { key: e }, () => {
+}), xt = _t({}), S = () => te(xt).list, _e = () => S().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ a.createElement(de, { key: e }, () => {
   t();
 })), ts = (n) => {
   const { sorting: t } = n;
@@ -160,10 +161,10 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
   const { children: t, locales: e, variables: s } = n;
   return I(e).format(t, s);
 }, es = () => {
-  const n = b(), t = n.visibleSorting.map((i) => /* @__PURE__ */ a.createElement(ts, { sorting: i, key: i.id }));
+  const n = S(), t = n.visibleSorting.map((i) => /* @__PURE__ */ a.createElement(ts, { sorting: i, key: i.id }));
   if (t.length === 0)
     return null;
-  const e = n.visibleSorting.find((i) => i.isSorted()), s = /* @__PURE__ */ a.createElement(T, null, e ? /* @__PURE__ */ a.createElement(a.Fragment, null, e.name ?? e.property) : /* @__PURE__ */ a.createElement(R, { locales: S }, "list.sorting"));
+  const e = n.visibleSorting.find((i) => i.isSorted()), s = /* @__PURE__ */ a.createElement(T, null, e ? /* @__PURE__ */ a.createElement(a.Fragment, null, e.name ?? e.property) : /* @__PURE__ */ a.createElement(R, { locales: b }, "list.sorting"));
   return /* @__PURE__ */ a.createElement(H, null, /* @__PURE__ */ a.createElement(w, { variant: "outline", color: "secondary" }, s, /* @__PURE__ */ a.createElement(ue, null)), /* @__PURE__ */ a.createElement(
     _,
     {
@@ -205,7 +206,7 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
   activeFilters: ls,
   clearButton: cs
 }, us = fe(() => {
-  const n = b(), t = I(S), s = n.filters.flatMap((l) => l.values).filter((l) => l.isActive).map((l) => /* @__PURE__ */ a.createElement(be, { key: l.id, onClose: () => l.deactivate() }, /* @__PURE__ */ a.createElement(T, null, l.render()))), i = n.filters.filter((l) => l.hasChanged()).length > 0, o = n.supportsSettingsStorage && i && /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(W, null, /* @__PURE__ */ a.createElement(R, { locales: S }, "list.filters.store")), /* @__PURE__ */ a.createElement(
+  const n = S(), t = I(b), s = n.filters.flatMap((l) => l.values).filter((l) => l.isActive).map((l) => /* @__PURE__ */ a.createElement(Se, { key: l.id, onClose: () => l.deactivate() }, /* @__PURE__ */ a.createElement(T, null, l.render()))), i = n.filters.filter((l) => l.hasChanged()).length > 0, o = n.supportsSettingsStorage && i && /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(j, null, /* @__PURE__ */ a.createElement(R, { locales: b }, "list.filters.store")), /* @__PURE__ */ a.createElement(
     w,
     {
       size: "s",
@@ -215,7 +216,7 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
       "aria-label": t.format("list.filters.store")
     },
     /* @__PURE__ */ a.createElement(he, null)
-  )), c = i ? /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(W, null, /* @__PURE__ */ a.createElement(R, { locales: S }, "list.filters.reset")), /* @__PURE__ */ a.createElement(
+  )), c = i ? /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(j, null, /* @__PURE__ */ a.createElement(R, { locales: b }, "list.filters.reset")), /* @__PURE__ */ a.createElement(
     w,
     {
       size: "s",
@@ -225,7 +226,7 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
       "aria-label": t.format("list.filters.reset")
     },
     /* @__PURE__ */ a.createElement(pt, null, /* @__PURE__ */ a.createElement(le, null))
-  )) : void 0, d = s.length > 0 ? /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(W, null, /* @__PURE__ */ a.createElement(R, { locales: S }, "list.filters.clear")), /* @__PURE__ */ a.createElement(
+  )) : void 0, d = s.length > 0 ? /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(j, null, /* @__PURE__ */ a.createElement(R, { locales: b }, "list.filters.clear")), /* @__PURE__ */ a.createElement(
     w,
     {
       size: "s",
@@ -245,7 +246,7 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
       const h = setTimeout(() => l(), ms);
       return () => clearTimeout(h);
     }
-  }, [c, i]), ve(s, () => {
+  }, [c, i]), ye(s, () => {
     d(s ?? "");
   }, [c]);
   const u = () => {
@@ -254,7 +255,7 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
     h.key === "Enter" ? l() : h.key === "Escape" && u();
   };
   return /* @__PURE__ */ a.createElement(
-    ye,
+    ve,
     {
       className: t,
       value: c,
@@ -273,7 +274,7 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
     ...e.textFieldProps
   });
 }, ps = () => {
-  const n = I(S), t = b(), e = t.viewMode, s = [];
+  const n = I(b), t = S(), e = t.viewMode, s = [];
   return t.itemView && s.push("list"), t.table && s.push("table"), s.length <= 1 ? null : /* @__PURE__ */ a.createElement(H, null, /* @__PURE__ */ a.createElement(
     w,
     {
@@ -295,15 +296,15 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
     n.format(`list.settings.viewMode.${i}`)
   )))));
 }, fs = (n) => {
-  const { className: t, hasActionGroup: e } = n, s = b();
+  const { className: t, hasActionGroup: e } = n, s = S();
   if (s.filters.length === 0 && s.visibleSorting.length === 0 && !s.search && !s.table && !e)
     return null;
   const i = s.filters.map((o) => /* @__PURE__ */ a.createElement(ss, { key: o.property, filter: o }));
   return /* @__PURE__ */ a.createElement("div", { className: B(t, V.header) }, /* @__PURE__ */ a.createElement("div", { className: V.pickerListAndSearch }, /* @__PURE__ */ a.createElement("div", { className: V.pickerList }, /* @__PURE__ */ a.createElement(ps, null), /* @__PURE__ */ a.createElement(es, null), i), /* @__PURE__ */ a.createElement("div", { className: V.searchAndActions }, s.search && /* @__PURE__ */ a.createElement(gs, { className: V.searchField, search: s.search }), /* @__PURE__ */ a.createElement(x, { id: "actions" }))), /* @__PURE__ */ a.createElement(us, null));
-}, bs = "flow--list", Ss = {
-  list: bs
+}, Ss = "flow--list", bs = {
+  list: Ss
 };
-let vs = class Dt {
+let ys = class Dt {
   constructor(t, e, s) {
     r(this, "id");
     r(this, "data");
@@ -314,13 +315,13 @@ let vs = class Dt {
     return new Dt(t, e.id, e.original);
   }
 };
-class ys {
+class vs {
   constructor(t) {
     r(this, "list");
     this.list = t;
   }
   get entries() {
-    return this.list.reactTable.table.getRowModel().rows.map((t) => vs.fromRow(this, t));
+    return this.list.reactTable.table.getRowModel().rows.map((t) => ys.fromRow(this, t));
   }
 }
 class Es {
@@ -641,7 +642,9 @@ class at {
       (s) => s.updateTableColumnDef(e(s.property))
     ), this.list.sorting.forEach(
       (s) => s.updateTableColumnDef(e(s.property))
-    ), Array.from(t.values());
+    ), this.list.loader.staticDataProperties.forEach((s) => {
+      e(s);
+    }), Array.from(t.values());
   }
 }
 class it {
@@ -649,17 +652,17 @@ class it {
     r(this, "dataBatches", []);
     r(this, "prevDataBatches", []);
     r(this, "batchLoadingStates", ["void"]);
-    Se(this, {
+    be(this, {
       prevDataBatches: !1,
       useMergedData: !1,
       useIsLoading: !1,
       dataBatches: ft.shallow,
       batchLoadingStates: ft.shallow,
-      mergedData: bt,
-      isLoading: bt,
-      reset: j.bound,
-      setDataBatch: j.bound,
-      setBatchLoadingState: j.bound
+      mergedData: St,
+      isLoading: St,
+      reset: W.bound,
+      setDataBatch: W.bound,
+      setBatchLoadingState: W.bound
     });
   }
   static useNew() {
@@ -678,13 +681,13 @@ class it {
     return (this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches).flatMap((e) => e);
   }
   useMergedData() {
-    return vt(() => this.mergedData);
+    return yt(() => this.mergedData);
   }
   get isLoading() {
     return this.batchLoadingStates.some((t) => t === "loading" || t === "void");
   }
   useIsLoading() {
-    return vt(() => this.isLoading);
+    return yt(() => this.isLoading);
   }
   isBatchLoaded(t) {
     return t in this.dataBatches;
@@ -699,15 +702,24 @@ class nt {
     r(this, "manualFiltering");
     r(this, "manualPagination");
     r(this, "loaderState");
+    r(this, "staticDataProperties", []);
     var d;
     const { source: s } = e;
     this.dataSource = s ?? { staticData: Cs };
     const i = "manualPagination" in this.dataSource ? this.dataSource.manualPagination : void 0, o = "manualFiltering" in this.dataSource ? this.dataSource.manualFiltering : void 0, c = "manualSorting" in this.dataSource ? this.dataSource.manualSorting : void 0;
-    this.list = t, this.loaderState = it.useNew(), this.manualPagination = i ?? !1, this.manualFiltering = o ?? this.manualPagination, this.manualSorting = c ?? this.manualPagination, this.list.filters.forEach((l) => l.onFilterUpdated(() => this.reset())), (d = this.list.search) == null || d.onUpdated(() => this.reset());
+    this.list = t, this.loaderState = it.useNew(), this.manualPagination = i ?? !1, this.manualFiltering = o ?? this.manualPagination, this.manualSorting = c ?? this.manualPagination, this.list.filters.forEach((l) => l.onFilterUpdated(() => this.reset())), (d = this.list.search) == null || d.onUpdated(() => this.reset()), this.initStaticDataProperties();
   }
   static useNew(t, e = {}) {
     return new nt(t, e);
   }
+  initStaticDataProperties() {
+    const t = (e) => {
+      typeof e != "object" || e === null || Object.keys(e).filter((s) => !this.staticDataProperties.includes(s)).forEach((s) => {
+        this.staticDataProperties.push(s);
+      });
+    };
+    "staticData" in this.dataSource && this.dataSource.staticData.slice(0, 100).forEach(t);
+  }
   reset() {
     this.loaderState.reset();
   }
@@ -773,7 +785,7 @@ class nt {
   getBatchDataAsyncResource(t) {
     const e = this.dataSource, s = this.getDataLoaderOptions(t);
     if ("staticData" in e)
-      return St(
+      return bt(
         async (i) => ({
           data: i,
           itemTotalCount: i.length
@@ -782,7 +794,7 @@ class nt {
       );
     if ("asyncLoader" in e) {
       const i = e.asyncLoader, o = e.dependencies, c = o ? Tt(o).toString() : void 0;
-      return St(i, [s], {
+      return bt(i, [s], {
         loaderId: c
       });
     }
@@ -927,7 +939,7 @@ let xs = (E = class {
       accordion: P = !1,
       ...f
     } = t;
-    this.settingsStore = Ae(), this.settingStorageKey = e, this.filterSettingsStorageKey = e ? `${e}.activeFilters` : void 0, this.viewModeStorageKey = e ? `${e}.viewMode` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new ys(this), this.filters = o.map((g) => new $(this, g)), this.sorting = c.map((g) => new Ts(this, g)), this.search = m ? new Ls(this, m) : void 0, this.itemView = s ? new Q(this, s) : void 0, this.accordion = P, this.table = i ? new Ms(this, i) : void 0, this.batches = new Es(this, d), this.componentProps = f, this.loader = nt.useNew(this, u), this.onAction = h, this.getItemId = C, this.reactTable = at.useNew(this, l, {
+    this.settingsStore = Ae(), this.settingStorageKey = e, this.filterSettingsStorageKey = e ? `${e}.activeFilters` : void 0, this.viewModeStorageKey = e ? `${e}.viewMode` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new vs(this), this.filters = o.map((g) => new $(this, g)), this.sorting = c.map((g) => new Ts(this, g)), this.search = m ? new Ls(this, m) : void 0, this.itemView = s ? new Q(this, s) : void 0, this.accordion = P, this.table = i ? new Ms(this, i) : void 0, this.batches = new Es(this, d), this.componentProps = f, this.loader = nt.useNew(this, u), this.onAction = h, this.getItemId = C, this.reactTable = at.useNew(this, l, {
       manualFiltering: this.loader.manualFiltering,
       manualPagination: this.loader.manualPagination,
       manualSorting: this.loader.manualSorting
@@ -1004,7 +1016,7 @@ let xs = (E = class {
     return !this.loader.useIsLoading() && this.items.entries.length === 0;
   }
 }, r(E, "viewModeSettingsStorageSchema", N.enum(["list", "table"]).optional()), E);
-const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
+const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", vt = {
   items: Ds,
   isLoading: Ns
 }, Rs = "flow--list--items--item", $s = "flow--list--items--item--is-selected", Us = "flow--list--items--item--has-action", U = {
@@ -1012,7 +1024,7 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
   isSelected: $s,
   hasAction: Us
 }, Nt = () => /* @__PURE__ */ a.createElement(Mt, null, /* @__PURE__ */ a.createElement(et, null, /* @__PURE__ */ a.createElement(z, { width: "200px" })), /* @__PURE__ */ a.createElement(T, null, /* @__PURE__ */ a.createElement(z, { width: "300px" }))), zs = (n) => {
-  const { isExpanded: t, toggle: e, children: s, contentElementId: i } = n, o = I(S);
+  const { isExpanded: t, toggle: e, children: s, contentElementId: i } = n, o = I(b);
   return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
     w,
     {
@@ -1029,7 +1041,7 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
   ), t && s);
 }, Ks = (n) => {
   var P;
-  const { data: t, children: e } = n, s = b(), i = s.itemView, o = s.onAction, [c, d] = O(
+  const { data: t, children: e } = n, s = S(), i = s.itemView, o = s.onAction, [c, d] = O(
     ((P = i == null ? void 0 : i.defaultExpanded) == null ? void 0 : P.call(i, t)) ?? !1
   ), l = ee(), u = wt(null), m = s.accordion, h = e ?? (i == null ? void 0 : i.render(t));
   if (k(() => {
@@ -1076,7 +1088,7 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
     )
   };
 }, Os = (n) => {
-  const { id: t, data: e } = n, i = b().itemView, { gridItemProps: o, children: c } = Ks(n);
+  const { id: t, data: e } = n, i = S().itemView, { gridItemProps: o, children: c } = Ks(n);
   if (!i)
     return null;
   const d = i.textValue ? i.textValue(e) : void 0, l = i.href ? i.href(e) : void 0, u = !!o.onAction || !!l;
@@ -1096,17 +1108,17 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
     /* @__PURE__ */ a.createElement(se, { fallback: /* @__PURE__ */ a.createElement(Nt, null) }, c)
   );
 }, Hs = (n) => /* @__PURE__ */ a.createElement(st.GridListItem, { textValue: "-", className: U.item }, n.children), X = () => {
-  const n = I(S);
+  const n = I(b);
   return /* @__PURE__ */ a.createElement(Be, null, /* @__PURE__ */ a.createElement(Me, null), /* @__PURE__ */ a.createElement(et, null, n.format("list.noResult.heading")), /* @__PURE__ */ a.createElement(T, null, n.format("list.noResult.text")));
 }, qs = () => {
   var e;
-  const t = ((e = b().itemView) == null ? void 0 : e.fallback) ?? /* @__PURE__ */ a.createElement(Nt, null);
+  const t = ((e = S().itemView) == null ? void 0 : e.fallback) ?? /* @__PURE__ */ a.createElement(Nt, null);
   return Array.from(Array(5)).map((s, i) => /* @__PURE__ */ a.createElement(Hs, { key: i }, ae(t)));
 }, Gs = () => {
-  const n = b(), t = n.loader.useIsLoading(), e = n.loader.useIsInitiallyLoading();
+  const n = S(), t = n.loader.useIsLoading(), e = n.loader.useIsInitiallyLoading();
   if (!n.itemView)
     return null;
-  const s = n.items.entries.map((o) => /* @__PURE__ */ a.createElement(Os, { key: o.id, data: o.data, id: o.id })), i = B(yt.items, t && yt.isLoading);
+  const s = n.items.entries.map((o) => /* @__PURE__ */ a.createElement(Os, { key: o.id, data: o.data, id: o.id })), i = B(vt.items, t && vt.isLoading);
   return /* @__PURE__ */ a.createElement("div", { "aria-hidden": e, "aria-busy": t }, /* @__PURE__ */ a.createElement(
     st.GridList,
     {
@@ -1116,10 +1128,10 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
     },
     e ? /* @__PURE__ */ a.createElement(qs, null) : s
   ));
-}, Rt = (n) => null, Ws = () => Rt, $t = (n) => null, js = () => $t, Ut = (n) => null, Js = () => Ut, zt = (n) => null, Ys = () => zt, Kt = (n) => null, Qs = () => Kt, Xs = "flow--list--footer", Zs = {
+}, Rt = (n) => null, js = () => Rt, $t = (n) => null, Ws = () => $t, Ut = (n) => null, Js = () => Ut, zt = (n) => null, Ys = () => zt, Kt = (n) => null, Qs = () => Kt, Xs = "flow--list--footer", Zs = {
   footer: Xs
 }, _s = (n) => {
-  const t = I(S), e = b(), s = e.batches, i = e.loader.useIsInitiallyLoading(), o = e.useIsEmpty(), c = s.getTotalItemsCount(), d = s.getVisibleItemsCount();
+  const t = I(b), e = S(), s = e.batches, i = e.loader.useIsInitiallyLoading(), o = e.useIsEmpty(), c = s.getTotalItemsCount(), d = s.getVisibleItemsCount();
   if (o)
     return null;
   const l = i ? /* @__PURE__ */ a.createElement(Re, { width: "200px" }) : t.format("list.paginationInfo", {
@@ -1128,7 +1140,7 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
   });
   return /* @__PURE__ */ a.createElement(T, { ...n }, l);
 }, ta = (n) => {
-  const t = I(S), e = b(), s = e.loader.useIsLoading(), i = e.loader.useIsInitiallyLoading();
+  const t = I(b), e = S(), s = e.loader.useIsLoading(), i = e.loader.useIsInitiallyLoading();
   return !e.batches.hasNextBatch() && !s ? null : /* @__PURE__ */ a.createElement(
     w,
     {
@@ -1152,7 +1164,7 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
   isSelected: oa,
   hasAction: la
 }, ca = () => {
-  const n = b(), t = n.table, e = n.useIsEmpty(), s = n.loader.useIsLoading(), i = n.loader.useIsInitiallyLoading();
+  const n = S(), t = n.table, e = n.useIsEmpty(), s = n.loader.useIsLoading(), i = n.loader.useIsInitiallyLoading();
   if (!t)
     return null;
   if (i)
@@ -1199,15 +1211,15 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
       })
     )
   );
-}, Wt = (n) => null, jt = (n) => null, Jt = (n) => null, da = It("List", (n) => {
+}, jt = (n) => null, Wt = (n) => null, Jt = (n) => null, da = It("List", (n) => {
   var rt, ot, lt, ct, dt, ut, mt, ht, gt;
-  const { children: t, batchSize: e, onChange: s, refProp: i, ...o } = n, c = (rt = y(
+  const { children: t, batchSize: e, onChange: s, refProp: i, ...o } = n, c = (rt = v(
     t,
     Rt
-  )) == null ? void 0 : rt.props, d = (ot = y(
+  )) == null ? void 0 : rt.props, d = (ot = v(
     t,
     De
-  )) == null ? void 0 : ot.props, l = (lt = y(t, Kt)) == null ? void 0 : lt.props, u = {
+  )) == null ? void 0 : ot.props, l = (lt = v(t, Kt)) == null ? void 0 : lt.props, u = {
     source: c ? {
       ...c,
       asyncLoader: c.children
@@ -1217,23 +1229,23 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
     } : l ? {
       staticData: l.data
     } : void 0
-  }, m = (ct = y(t, Ot)) == null ? void 0 : ct.props, h = (dt = y(t, zt)) == null ? void 0 : dt.props, C = (ut = y(t, Wt)) == null ? void 0 : ut.props, L = D(t, Ht).map(
-    (v) => ({
-      ...v.props,
-      name: v.props.children
+  }, m = (ct = v(t, Ot)) == null ? void 0 : ct.props, h = (dt = v(t, zt)) == null ? void 0 : dt.props, C = (ut = v(t, jt)) == null ? void 0 : ut.props, L = D(t, Ht).map(
+    (y) => ({
+      ...y.props,
+      name: y.props.children
     })
   ), P = D(t, Gt).map(
-    (v) => ({
-      ...v.props,
-      renderFn: v.props.children
+    (y) => ({
+      ...y.props,
+      renderFn: y.props.children
     })
-  ), f = (mt = y(t, qt)) == null ? void 0 : mt.props, A = (ht = y(t, jt)) == null ? void 0 : ht.props, q = (gt = y(t, Jt)) == null ? void 0 : gt.props, g = xs.useNew({
+  ), f = (mt = v(t, qt)) == null ? void 0 : mt.props, A = (ht = v(t, Wt)) == null ? void 0 : ht.props, q = (gt = v(t, Jt)) == null ? void 0 : gt.props, g = xs.useNew({
     onChange: s,
     loader: u,
     filters: D(t, $t).map(
-      (v) => ({
-        ...v.props,
-        renderItem: v.props.children
+      (y) => ({
+        ...y.props,
+        renderItem: y.props.children
       })
     ),
     search: m ? {
@@ -1241,7 +1253,7 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
       textFieldProps: m,
       defaultValue: m.defaultValue
     } : void 0,
-    sorting: D(t, Ut).map((v) => v.props),
+    sorting: D(t, Ut).map((y) => y.props),
     itemView: h ? {
       ...h,
       renderFn: h.children
@@ -1282,23 +1294,23 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
       }
     },
     /* @__PURE__ */ a.createElement(_e, null),
-    /* @__PURE__ */ a.createElement("div", { className: Ss.list, ref: i }, t, /* @__PURE__ */ a.createElement(fs, { hasActionGroup: Qt }), /* @__PURE__ */ a.createElement("div", null, g.items.entries.length > 0 && /* @__PURE__ */ a.createElement(x, { id: "listSummary" }), g.viewMode === "list" && /* @__PURE__ */ a.createElement(Gs, null), g.viewMode === "table" && /* @__PURE__ */ a.createElement(ca, null)), /* @__PURE__ */ a.createElement(ea, null))
+    /* @__PURE__ */ a.createElement("div", { className: bs.list, ref: i }, t, /* @__PURE__ */ a.createElement(fs, { hasActionGroup: Qt }), /* @__PURE__ */ a.createElement("div", null, g.items.entries.length > 0 && /* @__PURE__ */ a.createElement(x, { id: "listSummary" }), g.viewMode === "list" && /* @__PURE__ */ a.createElement(Gs, null), g.viewMode === "table" && /* @__PURE__ */ a.createElement(ca, null)), /* @__PURE__ */ a.createElement(ea, null))
   )));
-}), ua = () => da, mi = () => ({
+}), ua = () => da, hi = () => ({
   List: ua(),
-  Filter: js(),
+  Filter: Ws(),
   Search: sa(),
   Sorting: Js(),
   Item: Ys(),
   ItemView: Mt,
-  TableHeader: jt,
+  TableHeader: Wt,
   TableColumn: Ht,
   TableBody: Jt,
   TableRow: qt,
   TableCell: Gt,
-  Table: Wt,
+  Table: jt,
   StaticData: Qs(),
-  LoaderAsync: Ws(),
+  LoaderAsync: js(),
   LoaderAsyncResource: Ne()
 });
 export {
@@ -1309,13 +1321,13 @@ export {
   Rt as ListLoaderAsync,
   Ut as ListSorting,
   Kt as ListStaticData,
-  ni as ListSummary,
+  ri as ListSummary,
   ua as TypedList,
-  js as TypedListFilter,
+  Ws as TypedListFilter,
   Ys as TypedListItem,
-  Ws as TypedListLoaderAsync,
+  js as TypedListLoaderAsync,
   Js as TypedListSorting,
   Qs as TypedListStaticData,
-  mi as typedList,
-  b as useList
+  hi as typedList,
+  S as useList
 };

package/dist/js/MenuItem-BUyas6dP.js

@@ -0,0 +1,64 @@
+"use client"
+/* */
+import e from "react";
+import * as x from "react-aria-components";
+import i from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as p } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import "@tabler/icons-react";
+import "./Icon--OEo4TjW.js";
+import { I as E, a as d } from "./IconCheckboxEmpty-CZrD3f3O.js";
+import { I as v, a as C } from "./IconRadioOn-D7w6KLWm.js";
+import { T as u } from "./Text-Dh4iy9qD.js";
+import { d as f } from "./deepHas-KHS5X1F_.js";
+import { W as N } from "./Wrap-DGT1h1o3.js";
+import { A as M } from "./Avatar-BtigJjWX.js";
+import { S as I } from "./Switch-BhDMHWjv.js";
+import { f as A } from "./flowComponent-BQs9wMX_.js";
+const R = "flow--menu-item", S = "flow--menu-item--icon", g = "flow--menu-item--text", y = "flow--menu-item--control-icon", O = "flow--menu-item--avatar", t = {
+  menuItem: R,
+  switch: "flow--menu-item--switch",
+  icon: S,
+  text: g,
+  controlIcon: y,
+  avatar: O
+}, P = (a) => {
+  const {
+    selectionMode: n,
+    isSelected: o,
+    selectionVariant: r = "control",
+    children: c
+  } = a, m = {
+    Icon: {
+      className: t.icon
+    },
+    Text: {
+      className: t.text
+    },
+    Avatar: {
+      className: t.avatar
+    }
+  }, s = {
+    Icon: {
+      className: i(t.controlIcon, t.icon)
+    },
+    Switch: {
+      className: i(t.controlIcon, t.switch)
+    }
+  }, l = n === "none" || r === "navigation" ? null : r === "switch" && o ? /* @__PURE__ */ e.createElement(I, { isReadOnly: !0, isSelected: !0 }) : r === "switch" && !o ? /* @__PURE__ */ e.createElement(I, { isReadOnly: !0 }) : n === "single" && o ? /* @__PURE__ */ e.createElement(v, null) : n === "single" && !o ? /* @__PURE__ */ e.createElement(C, null) : n === "multiple" && o ? /* @__PURE__ */ e.createElement(E, null) : /* @__PURE__ */ e.createElement(d, null), h = f(c, u), w = f(c, M);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(p, { props: s }, l), /* @__PURE__ */ e.createElement(p, { props: m }, /* @__PURE__ */ e.createElement(N, { if: !h && !w }, /* @__PURE__ */ e.createElement(u, null, c))));
+}, Q = A("MenuItem", (a) => {
+  const {
+    children: n,
+    className: o,
+    selectionVariant: r,
+    refProp: c,
+    ...m
+  } = a, s = i(t.menuItem, o);
+  return /* @__PURE__ */ e.createElement(x.MenuItem, { ...m, className: s, ref: c }, (l) => /* @__PURE__ */ e.createElement(P, { ...l, selectionVariant: r }, n));
+});
+export {
+  Q as M
+};

package/dist/js/MenuItem.js

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

package/dist/js/Navigation.js

@@ -11,10 +11,11 @@ import { d as E } from "./deepHas-KHS5X1F_.js";
 import { TunnelProvider as g, TunnelExit as p } from "@mittwald/react-tunnel";
 import { A as x } from "./Accordion-Btnh1ek-.js";
 import { C as b } from "./Content-BHs6Idqq.js";
-const N = "flow--navigation", C = "flow--navigation--item", w = "flow--navigation--icon", I = "flow--navigation--text", P = "flow--navigation--control-icon", h = "flow--navigation--avatar", r = {
-  navigation: N,
-  item: C,
-  icon: w,
+const w = "flow--navigation", N = "flow--navigation--item", C = "flow--navigation--icon", I = "flow--navigation--text", P = "flow--navigation--control-icon", h = "flow--navigation--avatar", r = {
+  navigation: w,
+  item: N,
+  switch: "flow--navigation--switch",
+  icon: C,
   text: I,
   controlIcon: P,
   avatar: h

package/dist/js/Section-wjl9OuOK.js

@@ -0,0 +1,49 @@
+"use client"
+/* */
+import t, { useId as p } from "react";
+import f from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as h } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as u } from "./flowComponent-BQs9wMX_.js";
+import { C as S } from "./ContextMenuSection-CmajFz_f.js";
+const C = "flow--section", g = "flow--section--hide-separator", x = "flow--section--heading", o = {
+  section: C,
+  hideSeparator: g,
+  heading: x
+}, y = u("Section", (n) => {
+  const {
+    children: e,
+    className: i,
+    refProp: a,
+    renderContextMenuSection: s,
+    hideSeparator: c,
+    ...l
+  } = n;
+  if (!e)
+    return null;
+  if (s)
+    return /* @__PURE__ */ t.createElement(S, null, e);
+  const m = f(
+    o.section,
+    i,
+    c && o.hideSeparator
+  ), r = p(), d = {
+    Heading: {
+      level: 2,
+      id: r,
+      className: o.heading
+    },
+    Header: {
+      renderSectionHeader: !0
+    },
+    List: {
+      "aria-labelledby": r
+    }
+  };
+  return /* @__PURE__ */ t.createElement("section", { ...l, className: m, ref: a }, /* @__PURE__ */ t.createElement(h, { props: d, mergeInParentContext: !0 }, e));
+});
+export {
+  y as S
+};

package/dist/js/Section.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as t } from "./Section-7khrqgxc.js";
+import { S as t } from "./Section-wjl9OuOK.js";
 export {
   t as Section,
   t as default