@mittwald/flow-react-components 0.1.0-alpha.266 → 0.1.0-alpha.268

package/dist/List.js

@@ -3,52 +3,52 @@
 var je = Object.defineProperty;
 var We = (a, e, t) => e in a ? je(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var r = (a, e, t) => We(a, typeof e != "symbol" ? e + "" : e, t);
-import i, { createContext as Je, useContext as Ye, createElement as Se, useState as j, useEffect as M, useRef as _e, Suspense as Qe, cloneElement as Xe } from "react";
+import i, { createContext as Je, useContext as Ye, createElement as Se, useState as j, useEffect as B, useRef as _e, Suspense as Qe, cloneElement as Xe } from "react";
 import "./propsContext-DzAKlmhS.js";
 import { P as be } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import { isShallowEqual as Ze, unique as et, difference as tt, times as st } from "remeda";
 import { d as it } from "./dynamic-ClpUSmEt.js";
-import { B as w } from "./Button-D1ALxYux.js";
+import { B as w } from "./Button-DtpO7pbw.js";
 import { IconArrowBackUp as at } from "@tabler/icons-react";
-import { I as nt } from "./Icon-cEgH3ZXQ.js";
-import { I as rt } from "./IconContextMenu-DLHXM1Ph.js";
-import { a as x, C as W } from "./ContextMenuTrigger-5-EjHDtY.js";
-import { M as J } from "./MenuItem-CFE7SA5J.js";
+import { I as nt } from "./Icon-9pbeBcg1.js";
+import { I as rt } from "./IconContextMenu-TKPRhsln.js";
+import { a as N, C as W } from "./ContextMenuTrigger-DB1rWK0_.js";
+import { M as J } from "./MenuItem-C51yH30J.js";
 import { useLocalizedStringFormatter as y } from "react-aria";
 import { TunnelProvider as ve, TunnelExit as O } from "@mittwald/react-tunnel";
 import T from "clsx";
 import { g as ot } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
-import { f as lt } from "./flowComponent-CY2oW3O9.js";
+import { f as lt } from "./flowComponent-Cnrr91a8.js";
 import { R as ct } from "./Render-BdlTa7Qb.js";
-import { T as E } from "./Text-T_kNKeFe.js";
-import { b as dt, I as ut, a as mt, c as ht } from "./IconView-B0kOF1Eh.js";
+import { T as E } from "./Text-BAuIxsGX.js";
+import { b as dt, I as ut, a as mt, c as ht } from "./IconView-0O55QejB.js";
 import { observer as gt } from "mobx-react-lite";
 import { a as ce, T as de } from "./TooltipTrigger-TslkLN5s.js";
-import { B as pt } from "./Badge-BcAQAMkd.js";
+import { B as pt } from "./Badge-D4L1rS_s.js";
 import { makeObservable as ft, observable as ue, computed as me, action as K } from "mobx";
 import "./context-Cf7tqFtF.js";
 import { u as St } from "./useOnChange-C1Quwyuz.js";
-import { S as bt } from "./SearchField-vN6YciFA.js";
-import { H as Y } from "./Heading-FRIQlW19.js";
-import { S as vt } from "./Section-DsyCp0AH.js";
+import { S as bt } from "./SearchField-Cb2-vOqm.js";
+import { H as Y } from "./Heading-C7-PIEig.js";
+import { S as vt } from "./Section-CbYVO00-.js";
 import { getProperty as wt } from "dot-prop";
 import { hash as we } from "object-code";
-import V from "zod";
+import k from "zod";
 import { useReactTable as yt, getCoreRowModel as Et, getSortedRowModel as Ft, getFilteredRowModel as Tt, getPaginationRowModel as Ct, getFacetedUniqueValues as It } from "@tanstack/react-table";
 import ye from "invariant";
 import { getAsyncResource as he } from "@mittwald/react-use-promise";
 import { u as ge } from "./useSelector-DpU7_HMO.js";
 import { u as Lt } from "./SettingsProvider-Ckj9VyMJ.js";
 import * as _ from "react-aria-components";
-import { S as B } from "./SkeletonText-B5ZghZhO.js";
+import { S as D } from "./SkeletonText-B5ZghZhO.js";
 import { I as Pt } from "./IllustratedMessage-B3MHD01M.js";
-import { I as Vt } from "./IconSearch-a4VYepNE.js";
-import { d as S, a as P } from "./deepFindOfType-6pG0fH7S.js";
+import { I as Vt } from "./IconSearch-CSaVgGtE.js";
+import { d as S, a as V } from "./deepFindOfType-6pG0fH7S.js";
 import { ListLoaderAsyncResource as kt, TypedListLoaderAsyncResource as At } from "./List/ListLoaderAsyncResource.js";
 import { S as Mt } from "./Skeleton-CKLaTmDR.js";
 import { T as Ee, d as Fe, c as Te, a as Ce, e as Ie, b as Le } from "./TableRow-BsPgWqkU.js";
-import { A as Bt } from "./ActionGroup-CX4_8oFU.js";
+import { A as Bt } from "./ActionGroup-CPMad0DR.js";
 const Dt = "flow--list--items--item--view", xt = "flow--list--items--item--view--title", Nt = "flow--list--items--item--view--top-content", Rt = "flow--list--items--item--view--content", $t = "flow--list--items--item--view--action", zt = "flow--list--items--item--view--avatar", Ut = "flow--list--items--item--view--text", Kt = "flow--list--items--item--view--heading", m = {
   view: Dt,
   title: xt,
@@ -91,7 +91,7 @@ const Dt = "flow--list--items--item--view", xt = "flow--list--items--item--view-
   "list.sorting": "Sorting"
 } }, Ot = (a) => {
   const { className: e, children: t } = a, s = y(v);
-  return /* @__PURE__ */ i.createElement(x, null, /* @__PURE__ */ i.createElement(
+  return /* @__PURE__ */ i.createElement(N, null, /* @__PURE__ */ i.createElement(
     w,
     {
       variant: "plain",
@@ -152,7 +152,7 @@ const Dt = "flow--list--items--item--view", xt = "flow--list--items--item--view-
   if (e.length === 0)
     return null;
   const t = a.visibleSorting.find((n) => n.isSorted()), s = /* @__PURE__ */ i.createElement(E, null, t ? /* @__PURE__ */ i.createElement(i.Fragment, null, t.name ?? t.property) : /* @__PURE__ */ i.createElement(H, { locales: v }, "list.sorting"));
-  return /* @__PURE__ */ i.createElement(x, null, /* @__PURE__ */ i.createElement(w, { variant: "outline", color: "secondary" }, s, /* @__PURE__ */ i.createElement(dt, null)), /* @__PURE__ */ i.createElement(
+  return /* @__PURE__ */ i.createElement(N, null, /* @__PURE__ */ i.createElement(w, { variant: "outline", color: "secondary" }, s, /* @__PURE__ */ i.createElement(dt, null)), /* @__PURE__ */ i.createElement(
     W,
     {
       selectionMode: "single",
@@ -175,7 +175,7 @@ const Dt = "flow--list--items--item--view", xt = "flow--list--items--item--view-
     },
     d.render()
   )), l = t.filter((d) => d.isActive).map((d) => d.id);
-  return /* @__PURE__ */ i.createElement(x, null, /* @__PURE__ */ i.createElement(w, { variant: "outline", color: "secondary" }, /* @__PURE__ */ i.createElement(E, null, n ?? o), /* @__PURE__ */ i.createElement(ut, null)), /* @__PURE__ */ i.createElement(
+  return /* @__PURE__ */ i.createElement(N, null, /* @__PURE__ */ i.createElement(w, { variant: "outline", color: "secondary" }, /* @__PURE__ */ i.createElement(E, null, n ?? o), /* @__PURE__ */ i.createElement(ut, null)), /* @__PURE__ */ i.createElement(
     W,
     {
       selectionMode: s === "one" ? "single" : "multiple",
@@ -247,7 +247,7 @@ const Dt = "flow--list--items--item--view", xt = "flow--list--items--item--view-
   });
 }, rs = () => {
   const a = y(v), e = g(), t = e.viewMode, s = [];
-  return e.itemView && s.push("list"), e.table && s.push("table"), s.length <= 1 ? null : /* @__PURE__ */ i.createElement(x, null, /* @__PURE__ */ i.createElement(
+  return e.itemView && s.push("list"), e.table && s.push("table"), s.length <= 1 ? null : /* @__PURE__ */ i.createElement(N, null, /* @__PURE__ */ i.createElement(
     w,
     {
       variant: "outline",
@@ -371,7 +371,7 @@ class pe {
   }
 }
 const gs = (a, e) => a === e, ps = (a) => String(a);
-class k {
+class A {
   constructor(e, t) {
     r(this, "_values");
     r(this, "_valuesFromTableState");
@@ -493,7 +493,7 @@ class k {
     this.onFilterUpdateCallbacks.add(e);
   }
 }
-r(k, "settingsStorageSchema", V.record(V.array(V.unknown())).optional());
+r(A, "settingsStorageSchema", k.record(k.array(k.unknown())).optional());
 class fs {
   constructor(e, t) {
     r(this, "list");
@@ -575,7 +575,7 @@ class Q {
       globalFilterFn: "auto",
       ...t
     });
-    return M(() => {
+    return B(() => {
       e && e(this.list);
     }, [this.list, e, o]), o;
   }
@@ -697,7 +697,7 @@ class Z {
     }), this.useObserveBatchData(t, e), this.useObserveBatchLoadingState(t, e);
   }
   useObserveBatchLoadingState(e, t) {
-    M(() => (this.loaderState.setBatchLoadingState(
+    B(() => (this.loaderState.setBatchLoadingState(
       t,
       e.state.value
     ), e.state.observe((s) => {
@@ -709,7 +709,7 @@ class Z {
       const { data: o, itemTotalCount: c } = n;
       this.loaderState.setDataBatch(t, o), c !== void 0 && this.list.batches.updateItemTotalCount(c);
     };
-    M(() => (e.value.value.isSet && s(e.value.value.value), e.value.observe((n) => {
+    B(() => (e.value.value.isSet && s(e.value.value.value), e.value.observe((n) => {
       n.isSet && s(n.value);
     })), [e, t]);
   }
@@ -788,7 +788,7 @@ class bs {
     this.onUpdateCallbacks.add(e);
   }
 }
-const D = class D {
+const x = class x {
   constructor(e, t = {}) {
     r(this, "list");
     r(this, "textValue");
@@ -799,11 +799,11 @@ const D = class D {
     this.list = e, this.textValue = n, this.renderFn = c, this.href = o, this.fallback = s;
   }
   render(e) {
-    return (this.renderFn ?? D.fallbackRenderItemFn)(e, this.list);
+    return (this.renderFn ?? x.fallbackRenderItemFn)(e, this.list);
   }
 };
-r(D, "fallbackRenderItemFn", (e) => Se("pre", void 0, JSON.stringify(e)));
-let q = D, vs = class {
+r(x, "fallbackRenderItemFn", (e) => Se("pre", void 0, JSON.stringify(e)));
+let q = x, vs = class {
   constructor(e, t = {}) {
     r(this, "tableHeader");
     r(this, "componentProps");
@@ -884,26 +884,26 @@ let Cs = (b = class {
       loader: u,
       search: h,
       onAction: C,
-      getItemId: N,
+      getItemId: R,
       defaultViewMode: L,
-      ...R
+      ...$
     } = e;
-    this.defaultSettings = Lt(), this.settingStorageKey = t, this.filterSettingsStorageKey = t ? `${t}.activeFilters` : void 0, this.viewModeStorageKey = t ? `${t}.viewMode` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new us(this), this.filters = o.map((p) => new k(this, p)), this.sorting = c.map((p) => new fs(this, p)), this.search = h ? new bs(this, h) : void 0, this.itemView = s ? new q(this, s) : void 0, this.table = n ? new Ts(this, n) : void 0, this.batches = new ms(this, l), this.componentProps = R, this.loader = Z.useNew(this, u), this.onAction = C, this.getItemId = N, this.reactTable = Q.useNew(this, d, {
+    this.defaultSettings = Lt(), this.settingStorageKey = t, this.filterSettingsStorageKey = t ? `${t}.activeFilters` : void 0, this.viewModeStorageKey = t ? `${t}.viewMode` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new us(this), this.filters = o.map((p) => new A(this, p)), this.sorting = c.map((p) => new fs(this, p)), this.search = h ? new bs(this, h) : void 0, this.itemView = s ? new q(this, s) : void 0, this.table = n ? new Ts(this, n) : void 0, this.batches = new ms(this, l), this.componentProps = $, this.loader = Z.useNew(this, u), this.onAction = C, this.getItemId = R, this.reactTable = Q.useNew(this, d, {
       manualFiltering: this.loader.manualFiltering,
       manualPagination: this.loader.manualPagination,
       manualSorting: this.loader.manualSorting
     });
-    const [$, z] = j(
+    const [z, U] = j(
       L ?? this.getStoredViewModeDefaultSetting() ?? "list"
     );
-    this.viewMode = $, this.setViewMode = (p) => {
-      z(p), this.defaultSettings && this.viewModeStorageKey && this.defaultSettings.set(
+    this.viewMode = z, this.setViewMode = (p) => {
+      U(p), this.defaultSettings && this.viewModeStorageKey && this.defaultSettings.set(
         "List",
         this.viewModeStorageKey,
         b.viewModeSettingsStorageSchema,
         p
       );
-    }, M(() => {
+    }, B(() => {
       this.filters.forEach((p) => p.deleteUnknownFilterValues());
     }, [this.filters]);
   }
@@ -927,7 +927,7 @@ let Cs = (b = class {
       this.defaultSettings.set(
         "List",
         this.filterSettingsStorageKey,
-        k.settingsStorageSchema,
+        A.settingsStorageSchema,
         e
       );
     }
@@ -937,7 +937,7 @@ let Cs = (b = class {
       return this.defaultSettings.get(
         "List",
         this.filterSettingsStorageKey,
-        k.settingsStorageSchema
+        A.settingsStorageSchema
       );
   }
   getStoredViewModeDefaultSetting() {
@@ -961,15 +961,15 @@ let Cs = (b = class {
   useIsEmpty() {
     return !this.loader.useIsLoading() && this.items.entries.length === 0;
   }
-}, r(b, "viewModeSettingsStorageSchema", V.enum(["list", "table"]).optional()), b);
+}, r(b, "viewModeSettingsStorageSchema", k.enum(["list", "table"]).optional()), b);
 const Is = "flow--list--items", Ls = "flow--list--items--is-loading", fe = {
   items: Is,
   isLoading: Ls
-}, Ps = "flow--list--items--item", Vs = "flow--list--items--item--is-selected", ks = "flow--list--items--item--has-action", A = {
+}, Ps = "flow--list--items--item", Vs = "flow--list--items--item--is-selected", ks = "flow--list--items--item--has-action", M = {
   item: Ps,
   isSelected: Vs,
   hasAction: ks
-}, Ae = () => /* @__PURE__ */ i.createElement(Pe, null, /* @__PURE__ */ i.createElement(Y, null, /* @__PURE__ */ i.createElement(B, { width: "200px" })), /* @__PURE__ */ i.createElement(E, null, /* @__PURE__ */ i.createElement(B, { width: "300px" }))), As = (a) => {
+}, Ae = () => /* @__PURE__ */ i.createElement(Pe, null, /* @__PURE__ */ i.createElement(Y, null, /* @__PURE__ */ i.createElement(D, { width: "200px" })), /* @__PURE__ */ i.createElement(E, null, /* @__PURE__ */ i.createElement(D, { width: "300px" }))), As = (a) => {
   const { id: e, data: t, children: s } = a, o = g().itemView;
   if (!o)
     return null;
@@ -979,9 +979,9 @@ const Is = "flow--list--items", Ls = "flow--list--items--is-loading", fe = {
     {
       id: e,
       className: (h) => T(
-        A.item,
-        u && A.hasAction,
-        h.isSelected && A.isSelected
+        M.item,
+        u && M.hasAction,
+        h.isSelected && M.isSelected
       ),
       onAction: () => c && c(t),
       textValue: l,
@@ -989,7 +989,7 @@ const Is = "flow--list--items", Ls = "flow--list--items--is-loading", fe = {
     },
     /* @__PURE__ */ i.createElement(Qe, { fallback: /* @__PURE__ */ i.createElement(Ae, null) }, s ?? o.render(t))
   );
-}, Ms = (a) => /* @__PURE__ */ i.createElement(_.GridListItem, { textValue: "-", className: A.item }, a.children), G = () => {
+}, Ms = (a) => /* @__PURE__ */ i.createElement(_.GridListItem, { textValue: "-", className: M.item }, a.children), G = () => {
   const a = y(v);
   return /* @__PURE__ */ i.createElement(Pt, null, /* @__PURE__ */ i.createElement(Vt, null), /* @__PURE__ */ i.createElement(Y, null, a.format("list.noResult.heading")), /* @__PURE__ */ i.createElement(E, null, a.format("list.noResult.text")));
 }, Bs = () => {
@@ -1039,7 +1039,7 @@ const Is = "flow--list--items", Ls = "flow--list--items--is-loading", fe = {
 function Re(a) {
   return null;
 }
-const Gs = () => Re, $e = (a) => null, ze = (a) => null, Ue = (a) => null, js = (a) => /* @__PURE__ */ i.createElement(Ee, { ...a }, /* @__PURE__ */ i.createElement(Fe, null, /* @__PURE__ */ i.createElement(Te, null, /* @__PURE__ */ i.createElement(B, { width: "100%" }))), /* @__PURE__ */ i.createElement(Ce, null, Array.from(Array(5)).map((e, t) => /* @__PURE__ */ i.createElement(Ie, { key: t }, /* @__PURE__ */ i.createElement(Le, null, /* @__PURE__ */ i.createElement(B, { width: "100%" })))))), Ws = "flow--list--table", Js = "flow--list--table--is-loading", Ys = "flow--list--table--row", _s = "flow--list--table--is-selected", Qs = "flow--list--table--has-action", I = {
+const Gs = () => Re, $e = (a) => null, ze = (a) => null, Ue = (a) => null, js = (a) => /* @__PURE__ */ i.createElement(Ee, { ...a }, /* @__PURE__ */ i.createElement(Fe, null, /* @__PURE__ */ i.createElement(Te, null, /* @__PURE__ */ i.createElement(D, { width: "100%" }))), /* @__PURE__ */ i.createElement(Ce, null, Array.from(Array(5)).map((e, t) => /* @__PURE__ */ i.createElement(Ie, { key: t }, /* @__PURE__ */ i.createElement(Le, null, /* @__PURE__ */ i.createElement(D, { width: "100%" })))))), Ws = "flow--list--table", Js = "flow--list--table--is-loading", Ys = "flow--list--table--row", _s = "flow--list--table--is-selected", Qs = "flow--list--table--has-action", I = {
   table: Ws,
   isLoading: Js,
   row: Ys,
@@ -1111,20 +1111,20 @@ const Gs = () => Re, $e = (a) => null, ze = (a) => null, Ue = (a) => null, js =
     } : d ? {
       staticData: d.data
     } : void 0
-  }, h = (ie = S(e, Re)) == null ? void 0 : ie.props, C = (ae = S(e, xe)) == null ? void 0 : ae.props, N = (ne = S(e, Ke)) == null ? void 0 : ne.props, L = P(e, $e).map(
+  }, h = (ie = S(e, Re)) == null ? void 0 : ie.props, C = (ae = S(e, xe)) == null ? void 0 : ae.props, R = (ne = S(e, Ke)) == null ? void 0 : ne.props, L = V(e, $e).map(
     (f) => ({
       ...f.props,
       name: f.props.children
     })
-  ), R = P(e, Ue).map(
+  ), $ = V(e, Ue).map(
     (f) => ({
       ...f.props,
       renderFn: f.props.children
     })
-  ), $ = (re = S(e, ze)) == null ? void 0 : re.props, z = (oe = S(e, Oe)) == null ? void 0 : oe.props, p = (le = S(e, He)) == null ? void 0 : le.props, U = Cs.useNew({
+  ), z = (re = S(e, ze)) == null ? void 0 : re.props, U = (oe = S(e, Oe)) == null ? void 0 : oe.props, p = (le = S(e, He)) == null ? void 0 : le.props, P = Cs.useNew({
     onChange: s,
     loader: u,
-    filters: P(e, Be).map(
+    filters: V(e, Be).map(
       (f) => ({
         ...f.props,
         renderItem: f.props.children
@@ -1135,24 +1135,24 @@ const Gs = () => Re, $e = (a) => null, ze = (a) => null, Ue = (a) => null, js =
       textFieldProps: h,
       defaultValue: h.defaultValue
     } : void 0,
-    sorting: P(e, De).map((f) => f.props),
+    sorting: V(e, De).map((f) => f.props),
     itemView: C ? {
       ...C,
       renderFn: C.children
     } : void 0,
     table: L.length > 0 ? {
       header: {
-        ...z,
+        ...U,
         columns: L
       },
       body: {
         ...p,
         row: {
-          ...$,
-          cells: R
+          ...z,
+          cells: $
         }
       },
-      ...N
+      ...R
     } : void 0,
     batchesController: {
       batchSize: t
@@ -1165,15 +1165,15 @@ const Gs = () => Re, $e = (a) => null, ze = (a) => null, Ue = (a) => null, js =
       ignoreBreakpoint: !0
     }
   }, Ge = !!S(e, Bt);
-  return /* @__PURE__ */ i.createElement(be, { props: qe }, /* @__PURE__ */ i.createElement(ve, null, /* @__PURE__ */ i.createElement(
+  return console.log(P), /* @__PURE__ */ i.createElement(be, { props: qe }, /* @__PURE__ */ i.createElement(ve, null, /* @__PURE__ */ i.createElement(
     Ve.Provider,
     {
       value: {
-        list: U
+        list: P
       }
     },
     /* @__PURE__ */ i.createElement(qt, null),
-    /* @__PURE__ */ i.createElement("div", { className: cs.list, ref: n }, e, /* @__PURE__ */ i.createElement(os, { hasActionGroup: Ge }), U.viewMode === "list" && /* @__PURE__ */ i.createElement(Ds, null), U.viewMode === "table" && /* @__PURE__ */ i.createElement(Xs, null), /* @__PURE__ */ i.createElement(qs, null))
+    /* @__PURE__ */ i.createElement("div", { className: cs.list, ref: n }, e, /* @__PURE__ */ i.createElement(os, { hasActionGroup: Ge }), P.viewMode === "list" && /* @__PURE__ */ i.createElement(Ds, null), P.viewMode === "table" && /* @__PURE__ */ i.createElement(Xs, null), /* @__PURE__ */ i.createElement(qs, null))
   )));
 }), ei = () => Zs, Zi = () => ({
   List: ei(),

package/dist/{LoadingSpinner-2FvUo7ie.js → LoadingSpinner-Blr5zvQY.js}

@@ -2,8 +2,8 @@
 /* */
 import r from "react";
 import "@tabler/icons-react";
-import "./Icon-cEgH3ZXQ.js";
-import { I as e } from "./IconPending-C1JtBTHt.js";
+import "./Icon-9pbeBcg1.js";
+import { I as e } from "./IconPending-BpP9iyyQ.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-2FvUo7ie.js";
+import { L as o } from "./LoadingSpinner-Blr5zvQY.js";
 export {
   o as LoadingSpinner,
   o as default

package/dist/{MenuItem-CFE7SA5J.js → MenuItem-C51yH30J.js}

@@ -8,13 +8,13 @@ import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-cEgH3ZXQ.js";
-import { I as x, a as d } from "./IconCheckboxEmpty-Drda5S1f.js";
-import { I as E, a as C } from "./IconRadioOn-C_HmW3DQ.js";
-import { T as p } from "./Text-T_kNKeFe.js";
+import "./Icon-9pbeBcg1.js";
+import { I as x, a as d } from "./IconCheckboxEmpty-SthBD9Y4.js";
+import { I as E, a as C } from "./IconRadioOn-C8pH7mgG.js";
+import { T as p } from "./Text-BAuIxsGX.js";
 import { d as h } from "./deepFindOfType-6pG0fH7S.js";
 import { W as M } from "./Wrap-DGT1h1o3.js";
-import { f as N } from "./flowComponent-CY2oW3O9.js";
+import { f as N } from "./flowComponent-Cnrr91a8.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-CFE7SA5J.js";
+import { M as t } from "./MenuItem-C51yH30J.js";
 export {
   t as MenuItem,
   t as default

package/dist/Modal.js

@@ -7,17 +7,17 @@ import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as g, TunnelExit as y } from "@mittwald/react-tunnel";
-import { f as C } from "./flowComponent-CY2oW3O9.js";
+import { f as C } from "./flowComponent-Cnrr91a8.js";
 import * as n from "react-aria-components";
 import "mobx";
 import { u as w } from "./useOverlayController-D8pgx8nV.js";
 import { O as E, a as h } from "./OverlayTrigger-bD8_mPel.js";
-import { H as O } from "./Header-B9w8yH1e.js";
-import { A as M } from "./Action-BBdK8ZAq.js";
-import { B as N } from "./Button-D1ALxYux.js";
+import { H as O } from "./Header-Dyx52LYx.js";
+import { A as M } from "./Action-BkFTzx0k.js";
+import { B as N } from "./Button-DtpO7pbw.js";
 import "@tabler/icons-react";
-import "./Icon-cEgH3ZXQ.js";
-import { I as x } from "./IconClose-DVYTU3Rp.js";
+import "./Icon-9pbeBcg1.js";
+import { I as x } from "./IconClose-Cv0NnMI0.js";
 const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header", B = "flow--modal--content", A = "flow--modal--action-group", G = "flow--modal--left", I = "flow--modal--close-button", e = {
   modal: z,
   offCanvas: P,

package/dist/Navigation.js

@@ -9,8 +9,8 @@ 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 x } from "./Accordion-Duzv1wFT.js";
-import { C as N } from "./Content-cYnXBHf-.js";
+import { A as x } from "./Accordion-BlErKdEx.js";
+import { C as N } from "./Content-CmH1oHCH.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,

package/dist/Notification.js

@@ -1,44 +1,44 @@
 "use client"
 /* */
 import t from "react";
-import d from "clsx";
+import w from "clsx";
 import "./propsContext-DzAKlmhS.js";
-import { P as w } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { S as g } from "./StatusIcon-DEK5-0Aw.js";
-import { L as h } from "./Link-DW8KPMYX.js";
-import { B as k } from "./Button-D1ALxYux.js";
+import { A as g } from "./AlertIcon-0o0pBBoe.js";
+import { L as h } from "./Link-aQ6CGmXP.js";
+import { B as k } from "./Button-DtpO7pbw.js";
 import "@tabler/icons-react";
-import "./Icon-cEgH3ZXQ.js";
-import { I as x } from "./IconClose-DVYTU3Rp.js";
-const N = "flow--notification", C = "flow--notification--link", E = "flow--notification--status-icon", I = "flow--notification--heading", L = "flow--notification--text", P = "flow--notification--close", v = "flow--notification--info", y = "flow--notification--has-link", B = "flow--notification--warning", S = "flow--notification--danger", z = "flow--notification--success", o = {
+import "./Icon-9pbeBcg1.js";
+import { I as x } from "./IconClose-Cv0NnMI0.js";
+const N = "flow--notification", C = "flow--notification--link", E = "flow--notification--alert-icon", I = "flow--notification--heading", L = "flow--notification--text", P = "flow--notification--close", v = "flow--notification--info", y = "flow--notification--has-link", A = "flow--notification--warning", B = "flow--notification--danger", z = "flow--notification--success", o = {
   notification: N,
   link: C,
-  statusIcon: E,
+  alertIcon: E,
   heading: I,
   text: L,
   close: P,
   info: v,
   hasLink: y,
-  warning: B,
-  danger: S,
+  warning: A,
+  danger: B,
   success: z
-}, O = (a) => {
+}, Q = (a) => {
   const {
     children: c,
     className: l,
     status: i = "info",
     role: r = "alert",
-    href: s,
-    onClick: e,
+    href: e,
+    onClick: s,
     onClose: n,
-    autoClose: A,
+    autoClose: H,
     ...f
-  } = a, m = d(
+  } = a, m = w(
     o.notification,
     o[i],
-    (e || n || s) && o.hasLink,
+    (s || n || e) && o.hasLink,
     l
   ), p = {
     Heading: {
@@ -48,7 +48,7 @@ const N = "flow--notification", C = "flow--notification--link", E = "flow--notif
     Text: {
       className: o.text
     }
-  }, u = n && /* @__PURE__ */ t.createElement(
+  }, d = n && /* @__PURE__ */ t.createElement(
     k,
     {
       size: "s",
@@ -59,9 +59,9 @@ const N = "flow--notification", C = "flow--notification--link", E = "flow--notif
     },
     /* @__PURE__ */ t.createElement(x, null)
   );
-  return /* @__PURE__ */ t.createElement("div", { ...f, className: m, role: r }, /* @__PURE__ */ t.createElement(h, { unstyled: !0, href: s, className: o.link, onPress: e }, /* @__PURE__ */ t.createElement(g, { className: o.statusIcon, status: i }), /* @__PURE__ */ t.createElement(w, { props: p }, c)), u);
+  return /* @__PURE__ */ t.createElement("div", { ...f, className: m, role: r }, /* @__PURE__ */ t.createElement(h, { unstyled: !0, href: e, className: o.link, onPress: s }, /* @__PURE__ */ t.createElement(g, { className: o.alertIcon, status: i }), /* @__PURE__ */ t.createElement(u, { props: p }, c)), d);
 };
 export {
-  O as Notification,
-  O as default
+  Q as Notification,
+  Q as default
 };

package/dist/NumberField.js

@@ -9,14 +9,14 @@ import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as E } from "./FieldError-Crorz6g5.js";
-import { B as m } from "./Button-D1ALxYux.js";
+import { F as E } from "./FieldError-DWOQdHwZ.js";
+import { B as m } from "./Button-DtpO7pbw.js";
 import "@tabler/icons-react";
-import "./Icon-cEgH3ZXQ.js";
-import { I as N } from "./IconChevronDown-CQUk3agB.js";
-import { I } from "./IconChevronUp-D3Tg6tuM.js";
-import { I as b, a as F } from "./IconPlus-5rBbsI1A.js";
-import { f as P } from "./flowComponent-CY2oW3O9.js";
+import "./Icon-9pbeBcg1.js";
+import { I as N } from "./IconChevronDown-Dyruzo5i.js";
+import { I } from "./IconChevronUp-DfMq4CAh.js";
+import { I as b, a as F } from "./IconPlus-C8iowIED.js";
+import { f as P } from "./flowComponent-Cnrr91a8.js";
 const C = "flow--number-field--group", w = "flow--number-field--input", B = "flow--number-field--decrement-button", h = "flow--number-field--increment-button", v = "flow--number-field--coarse-pointer-icon", x = "flow--number-field--touch-icon", o = {
   group: C,
   input: w,

package/dist/Popover.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { P as r } from "./PopoverTrigger-CXPiJcMt.js";
-import { a as p } from "./PopoverTrigger-CXPiJcMt.js";
+import { P as r } from "./PopoverTrigger-CodiJ3NF.js";
+import { a as p } from "./PopoverTrigger-CodiJ3NF.js";
 export {
   r as Popover,
   p as PopoverTrigger,

package/dist/{PopoverTrigger-CXPiJcMt.js → PopoverTrigger-CodiJ3NF.js}

@@ -5,7 +5,7 @@ import * as o from "react-aria-components";
 import l from "clsx";
 import "mobx";
 import { u as h } from "./useOverlayController-D8pgx8nV.js";
-import { f as a } from "./flowComponent-CY2oW3O9.js";
+import { f as a } from "./flowComponent-Cnrr91a8.js";
 import { O as y, a as E } from "./OverlayTrigger-bD8_mPel.js";
 const x = "flow--popover", N = "flow--popover--content", T = "flow--popover--tip", s = {
   popover: x,

package/dist/RadioGroup.js

@@ -8,18 +8,18 @@ import { P as C, m as z } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as h } from "./dynamic-ClpUSmEt.js";
-import { F as B } from "./FieldError-Crorz6g5.js";
+import { F as B } from "./FieldError-DWOQdHwZ.js";
 import { C as F } from "./ColumnLayout-Bvw578tz.js";
 import { TunnelProvider as I, TunnelExit as m } from "@mittwald/react-tunnel";
 import { f as c } from "./FormField.module-CqWpTQKP.js";
 import { d as P } from "./deepFindOfType-6pG0fH7S.js";
 import { C as b } from "./ClearPropsContext-CUvsbMn8.js";
 import "@tabler/icons-react";
-import "./Icon-cEgH3ZXQ.js";
-import { I as y, a as v } from "./IconRadioOn-C_HmW3DQ.js";
-import { f as N } from "./flowComponent-CY2oW3O9.js";
+import "./Icon-9pbeBcg1.js";
+import { I as y, a as v } from "./IconRadioOn-C8pH7mgG.js";
+import { f as N } from "./flowComponent-Cnrr91a8.js";
 import "dot-prop";
-import { I as D } from "./IconCheck-C7DgNpRc.js";
+import { I as D } from "./IconCheck-R8N10v_6.js";
 import { g as T } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
 const O = "flow--radio-group", S = "flow--radio-group--segmented-group", L = "flow--radio-group--segments", $ = "flow--radio-group--segment", A = "flow--radio-group--checkmark", j = "flow--radio-group--radio-group-container", r = {
   radioGroup: O,

package/dist/{SearchField-vN6YciFA.js → SearchField-Cb2-vOqm.js}

@@ -9,13 +9,13 @@ import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as u } from "./FieldError-Crorz6g5.js";
-import { f as F } from "./flowComponent-CY2oW3O9.js";
-import { B as E } from "./Button-D1ALxYux.js";
+import { F as u } from "./FieldError-DWOQdHwZ.js";
+import { f as F } from "./flowComponent-Cnrr91a8.js";
+import { B as E } from "./Button-DtpO7pbw.js";
 import "@tabler/icons-react";
-import "./Icon-cEgH3ZXQ.js";
-import { I as N } from "./IconClose-DVYTU3Rp.js";
-import { I as C } from "./IconSearch-a4VYepNE.js";
+import "./Icon-9pbeBcg1.js";
+import { I as N } from "./IconClose-Cv0NnMI0.js";
+import { I as C } from "./IconSearch-CSaVgGtE.js";
 import { useLocalizedStringFormatter as S } from "react-aria";
 const I = "flow--search-field", w = "flow--search-field--clear-button", x = "flow--search-field--search-icon", B = "flow--search-field--input-container", P = "flow--search-field--input", t = {
   searchField: I,

package/dist/SearchField.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as e } from "./SearchField-vN6YciFA.js";
+import { S as e } from "./SearchField-Cb2-vOqm.js";
 export {
   e as SearchField,
   e as default

package/dist/{Section-DsyCp0AH.js → Section-CbYVO00-.js}

@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
 import { P as c } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as i } from "./flowComponent-CY2oW3O9.js";
+import { f as i } from "./flowComponent-Cnrr91a8.js";
 import * as s from "react-aria-components";
 import { s as x } from "./ContextMenu.module-BZingr2B.js";
 const C = "flow--section", S = {