@mittwald/flow-react-components 0.1.0-alpha.347 → 0.1.0-alpha.349

package/dist/js/{IconPlus-CdffT7DS.js → IconPlus-DMyfmQgS.js}

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

package/dist/js/{IconRadioOn-CR0g7TLz.js → IconRadioOn-DOHEIKAn.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconCircle as c, IconCircleDotFilled as n } from "@tabler/icons-react";
-import { I as t } from "./Icon-DGqvukLZ.js";
+import { I as t } from "./Icon-CxrvfV3P.js";
 const m = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null)), i = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(n, null));
 export {
   i as I,

package/dist/js/{IconSearch-BIWWMdCF.js → IconSearch-BjhLGLcD.js}

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

package/dist/js/{IconSucceeded-qktd9Hxt.js → IconSucceeded-CC2Rf7wS.js}

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

package/dist/js/{IconView-Brx4jO4W.js → IconView-C8UvQJJk.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import { IconTrash as c, IconFilter as o, IconDeviceFloppy as l, IconArrowsUpDown as r, IconList as a } from "@tabler/icons-react";
-import { I as n } from "./Icon-DGqvukLZ.js";
+import { I as n } from "./Icon-CxrvfV3P.js";
 const i = (t) => /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(c, null)), E = (t) => /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(o, null)), p = (t) => /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(l, null)), u = (t) => /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(r, null)), F = (t) => /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(a, null));
 export {
   i as I,

package/dist/js/{IconWarning-BKXkiE95.js → IconWarning-DUTMa0Yi.js}

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

package/dist/js/Icons.js

@@ -2,28 +2,28 @@
 /* */
 import n from "react";
 import { IconAppWindow as o, IconArrowLeft as l, IconHistory as a, IconCamera as r, IconClipboardList as I, IconClock as m, IconCode as s, IconFileDescription as E, IconFileInfo as i, IconCalendarCheck as u, IconBuilding as p, IconBorderAll as d, IconDatabase as f, IconInbox as t, IconWorld as h, IconEdit as C, IconMail as x, IconPuzzle as S, IconEyeOff as k, IconHome as g, IconFileEuro as b, IconLock as $, IconLockOpen as v, IconPower as w, IconMaximize as L, IconUsersGroup as M, IconMenu2 as D, IconMinimize as F, IconBell as y, IconHash as z, IconShoppingCart as P, IconCreditCard as O, IconChartHistogram as B, IconArchive as H, IconArrowForwardUp as R, IconRefresh as U, IconListSearch as A, IconShieldLock as T, IconServer as V, IconSettings as W, IconShare3 as j, IconEye as K, IconShield as N, IconShieldCheckFilled as G, IconKey as X, IconDoor as q, IconStar as J, IconStarFilled as Q, IconSubtask as Y, IconHeadset as Z, IconFileX as _, IconTicket as ee, IconArrowBackUp as ne, IconUser as ce } from "@tabler/icons-react";
-import { I as c } from "./Icon-DGqvukLZ.js";
-import { I as sn } from "./IconCheck-CaDmfTvA.js";
-import { I as un, a as pn } from "./IconCheckboxEmpty-Nnjs5-Pv.js";
-import { I as fn } from "./IconCheckboxIndeterminate-DZPPM9nl.js";
-import { I as Cn } from "./IconChevronDown-BtCeHe7W.js";
-import { a as Sn, I as kn } from "./IconCalendar-BjcM88rZ.js";
-import { I as bn } from "./IconChevronRight-CrBdlFnx.js";
-import { I as vn } from "./IconChevronUp-5KAeHjf3.js";
-import { I as Ln } from "./IconClose-B9jMC5hC.js";
-import { I as Dn } from "./IconContextMenu-CZgbKH5A.js";
-import { I as yn } from "./IconCopy-D1FOjBP7.js";
-import { I as Pn } from "./IconDanger-nKwA_7lj.js";
-import { I as Bn, a as Hn, b as Rn, c as Un, d as An } from "./IconView-Brx4jO4W.js";
-import { I as Vn, a as Wn } from "./IconExternalLink-BA_IMuBh.js";
-import { a as Kn, I as Nn } from "./IconSucceeded-qktd9Hxt.js";
-import { a as Xn, I as qn } from "./IconImage-CX5G6_nB.js";
-import { I as Qn } from "./IconInfo-CDr485eL.js";
-import { I as Zn, a as _n } from "./IconPlus-CdffT7DS.js";
-import { I as nc } from "./IconPending-DsQR898t.js";
-import { a as tc, I as oc } from "./IconRadioOn-CR0g7TLz.js";
-import { I as ac } from "./IconSearch-BIWWMdCF.js";
-import { I as Ic, a as mc } from "./IconWarning-BKXkiE95.js";
+import { I as c } from "./Icon-CxrvfV3P.js";
+import { I as sn } from "./IconCheck-DslU6Fx3.js";
+import { I as un, a as pn } from "./IconCheckboxEmpty-D_Cz2Ajc.js";
+import { I as fn } from "./IconCheckboxIndeterminate-BgDDPk_C.js";
+import { I as Cn } from "./IconChevronDown-BoVLOFKR.js";
+import { a as Sn, I as kn } from "./IconCalendar-Cz0GrsHX.js";
+import { I as bn } from "./IconChevronRight-C9fBd_0r.js";
+import { I as vn } from "./IconChevronUp-DjsyL96N.js";
+import { I as Ln } from "./IconClose-RfQv2X6g.js";
+import { I as Dn } from "./IconContextMenu-DTUG7bob.js";
+import { I as yn } from "./IconCopy-BmaW1NSU.js";
+import { I as Pn } from "./IconDanger-BP_Nw92t.js";
+import { I as Bn, a as Hn, b as Rn, c as Un, d as An } from "./IconView-C8UvQJJk.js";
+import { I as Vn, a as Wn } from "./IconExternalLink-D_SfMk_v.js";
+import { a as Kn, I as Nn } from "./IconSucceeded-CC2Rf7wS.js";
+import { a as Xn, I as qn } from "./IconImage-DcY6rvpM.js";
+import { I as Qn } from "./IconInfo-CxABiK58.js";
+import { I as Zn, a as _n } from "./IconPlus-DMyfmQgS.js";
+import { I as nc } from "./IconPending-Cqy__ykw.js";
+import { a as tc, I as oc } from "./IconRadioOn-DOHEIKAn.js";
+import { I as ac } from "./IconSearch-BjhLGLcD.js";
+import { I as Ic, a as mc } from "./IconWarning-DUTMa0Yi.js";
 const ae = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(o, null)), re = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(l, null)), Ie = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(a, null)), me = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(r, null)), se = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(I, null)), Ee = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(m, null)), ie = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(s, null)), ue = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(E, null)), pe = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(i, null)), de = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(u, null)), fe = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(p, null)), he = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(d, null)), Ce = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(f, null)), xe = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(t, null)), Se = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(h, null)), ke = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(C, null)), ge = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(x, null)), be = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(S, null)), $e = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(k, null)), ve = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(g, null)), we = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(t, null)), Le = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(b, null)), Me = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement($, null)), De = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(v, null)), Fe = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(w, null)), ye = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(L, null)), ze = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(M, null)), Pe = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(D, null)), Oe = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(F, null)), Be = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(y, null)), He = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(z, null)), Re = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(P, null)), Ue = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(O, null)), Ae = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(B, null)), Te = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(H, null)), Ve = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(R, null)), We = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(U, null)), je = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(A, null)), Ke = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(T, null)), Ne = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(V, null)), Ge = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(W, null)), Xe = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(j, null)), qe = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(K, null)), Je = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(N, null)), Qe = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(G, null)), Ye = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(X, null)), Ze = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(q, null)), _e = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(J, null)), en = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(Q, null)), nn = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(Y, null)), cn = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(Z, null)), tn = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(_, null)), on = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(ee, null)), ln = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(ne, null)), an = (e) => /* @__PURE__ */ n.createElement(c, { ...e }, /* @__PURE__ */ n.createElement(ce, null)), rn = (e) => /* @__PURE__ */ n.createElement(
   c,
   {

package/dist/js/{Image-DqI7HCiG.js → Image-DnhKeFv4.js}

@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as p } from "./flowComponent-1wOIvUIq.js";
+import { f as p } from "./flowComponent-D-FBrwbQ.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/js/Image.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { I as e } from "./Image-DqI7HCiG.js";
+import { I as e } from "./Image-DnhKeFv4.js";
 export {
   e as Image,
   e as default

package/dist/js/Initials.js

@@ -8,7 +8,7 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import { onlyText as C } from "react-children-utilities";
-import { f as u } from "./flowComponent-1wOIvUIq.js";
+import { f as u } from "./flowComponent-D-FBrwbQ.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/js/{Label-dr-fwDKa.js → Label-RXacSlx3.js}

@@ -9,7 +9,7 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import { useLocalizedStringFormatter as L } from "react-aria";
-import { f as u } from "./flowComponent-1wOIvUIq.js";
+import { f as u } from "./flowComponent-D-FBrwbQ.js";
 const E = "flow--label", N = "flow--label--disabled", e = {
   label: E,
   disabled: N

package/dist/js/Label.js

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

package/dist/js/LayoutCard.js

@@ -2,7 +2,7 @@
 /* */
 import t from "react";
 import d from "clsx";
-import { f } from "./flowComponent-1wOIvUIq.js";
+import { f } from "./flowComponent-D-FBrwbQ.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as i } from "./PropsContextProvider.js";
 import "@react-aria/utils";

package/dist/js/LightBox.js

@@ -0,0 +1,71 @@
+"use client"
+/* */
+import { f as m } from "./flowComponent-D-FBrwbQ.js";
+import t from "react";
+import { O as p } from "./Overlay-BwfQD0k1.js";
+import f from "clsx";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as g } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { B as u } from "./Button-DCUWhBV1.js";
+import "@tabler/icons-react";
+import "./Icon-CxrvfV3P.js";
+import { I as x } from "./IconClose-RfQv2X6g.js";
+import { A as h } from "./Action-Bcw69Ub4.js";
+import { TunnelProvider as B, TunnelExit as v } from "@mittwald/react-tunnel";
+import * as E from "react-aria-components";
+import { a as d } from "./OverlayTrigger-j2zD8W4S.js";
+const y = "flow--light-box", T = "flow--light-box--content", w = "flow--light-box--fit-screen", G = "flow--light-box--actions", L = "flow--light-box--action-group", o = {
+  lightBox: y,
+  content: T,
+  fitScreen: w,
+  actions: G,
+  actionGroup: L
+}, J = m("LightBox", (e) => {
+  const {
+    controller: r,
+    children: n,
+    refProp: N,
+    className: i,
+    fitScreen: c = !0,
+    ...l
+  } = e, a = f(
+    o.lightBox,
+    c && o.fitScreen,
+    i
+  ), s = {
+    ActionGroup: {
+      className: o.actionGroup,
+      Button: { variant: "soft", color: "light" },
+      tunnelId: "actionGroup",
+      ignoreBreakpoint: !0
+    }
+  };
+  return /* @__PURE__ */ t.createElement(
+    p,
+    {
+      overlayType: "LightBox",
+      className: a,
+      controller: r,
+      ...l
+    },
+    /* @__PURE__ */ t.createElement(g, { props: s }, /* @__PURE__ */ t.createElement(B, null, /* @__PURE__ */ t.createElement("div", { className: o.content }, n), /* @__PURE__ */ t.createElement("div", { className: o.actions }, /* @__PURE__ */ t.createElement(h, { closeOverlay: "LightBox" }, /* @__PURE__ */ t.createElement(u, { color: "light", variant: "soft" }, /* @__PURE__ */ t.createElement(x, null))), /* @__PURE__ */ t.createElement(v, { id: "actionGroup" }))))
+  );
+}), K = (e) => {
+  const { children: r, ...n } = e;
+  return /* @__PURE__ */ t.createElement(
+    d,
+    {
+      overlayType: "LightBox",
+      ...n,
+      component: E.DialogTrigger
+    },
+    r
+  );
+};
+export {
+  J as LightBox,
+  K as LightBoxTrigger,
+  J as default
+};

package/dist/js/{Link-yVWMMpC8.js → Link-BZQoxs8X.js}

@@ -8,11 +8,11 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import g from "clsx";
-import { f as P } from "./flowComponent-1wOIvUIq.js";
+import { f as P } from "./flowComponent-D-FBrwbQ.js";
 import { l as h } from "./context-BlNV7smK.js";
 import "@tabler/icons-react";
-import "./Icon-DGqvukLZ.js";
-import { I as y, a as I } from "./IconExternalLink-BA_IMuBh.js";
+import "./Icon-CxrvfV3P.js";
+import { I as y, a as I } from "./IconExternalLink-D_SfMk_v.js";
 import { useLocalizedStringFormatter as N } from "react-aria";
 const D = "flow--link", F = "flow--link--inline", b = "flow--link--icon", z = "flow--link--dark", v = "flow--link--light", e = {
   link: D,

package/dist/js/Link.js

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

package/dist/js/List.js

@@ -9,29 +9,29 @@ import { PropsContextProvider as ve } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import { isShallowEqual as tt, unique as st, difference as it, times as at } from "remeda";
 import { d as nt } from "./dynamic-ClpUSmEt.js";
-import { B as y } from "./Button-tKo9ydZL.js";
+import { B as y } from "./Button-DCUWhBV1.js";
 import { IconArrowBackUp as rt } from "@tabler/icons-react";
-import { I as ue } from "./Icon-DGqvukLZ.js";
-import { I as ot } from "./IconContextMenu-CZgbKH5A.js";
-import { a as $, C as Y } from "./ContextMenuTrigger-C_0tJ4zR.js";
-import { M as _ } from "./MenuItem-GX6Zh70q.js";
+import { I as ue } from "./Icon-CxrvfV3P.js";
+import { I as ot } from "./IconContextMenu-DTUG7bob.js";
+import { a as $, C as Y } from "./ContextMenuTrigger-Dc-Np62m.js";
+import { M as _ } from "./MenuItem-CmXY1SHp.js";
 import { useLocalizedStringFormatter as w } from "react-aria";
-import { TunnelProvider as ye, TunnelExit as x } from "@mittwald/react-tunnel";
+import { TunnelProvider as ye, TunnelExit as N } from "@mittwald/react-tunnel";
 import T from "clsx";
 import { g as lt } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
-import { f as we } from "./flowComponent-1wOIvUIq.js";
+import { f as we } from "./flowComponent-D-FBrwbQ.js";
 import { R as ct } from "./Render-BdlTa7Qb.js";
-import { T as E } from "./Text-_cq3RnbD.js";
-import { c as dt, a as ut, b as mt, I as ht, d as gt } from "./IconView-Brx4jO4W.js";
+import { T as E } from "./Text-COZNRQB2.js";
+import { c as dt, a as ut, b as mt, I as ht, d as gt } from "./IconView-C8UvQJJk.js";
 import { observer as pt } from "mobx-react-lite";
 import { a as H, T as q } from "./Tooltip-DmYZavnZ.js";
-import { B as ft } from "./Badge-C3CBqh8m.js";
+import { B as ft } from "./Badge-BsnYqSaV.js";
 import { makeObservable as St, observable as me, computed as he, action as G } from "mobx";
 import "./context-BaYmTa0I.js";
 import { u as bt } from "./useOnChange-C1Quwyuz.js";
-import { S as vt } from "./SearchField-62cVb6e-.js";
-import { H as Q } from "./Heading-Be_nT-nd.js";
-import { S as yt } from "./Section-Cjyya2BH.js";
+import { S as vt } from "./SearchField-2mbujNNR.js";
+import { H as Q } from "./Heading-BOBsgBu4.js";
+import { S as yt } from "./Section-YWA6Tm3P.js";
 import { getProperty as wt } from "dot-prop";
 import { hash as Ee } from "object-code";
 import k from "zod";
@@ -41,16 +41,16 @@ import { getAsyncResource as ge } from "@mittwald/react-use-promise";
 import { u as pe } from "./useSelector-DpU7_HMO.js";
 import { u as Pt } from "./SettingsProvider-D9oDS5r9.js";
 import * as X from "react-aria-components";
-import { S as N } from "./SkeletonText-B5ZghZhO.js";
+import { S as x } from "./SkeletonText-B5ZghZhO.js";
 import { I as Vt } from "./IllustratedMessage-DB1AH-Oq.js";
-import { I as kt } from "./IconSearch-BIWWMdCF.js";
+import { I as kt } from "./IconSearch-BjhLGLcD.js";
 import { a as b, b as V, d as At } from "./deepHas-KHS5X1F_.js";
 import { ListLoaderAsyncResource as Mt, TypedListLoaderAsyncResource as Bt } from "./List/ListLoaderAsyncResource.js";
 import { S as Dt } from "./Skeleton-CKLaTmDR.js";
 import { a as Te, e as Ce, d as Ie, b as Le, T as Pe, c as Ve } from "./Table-BdpXhsOd.js";
-import { A as xt } from "./ActionGroup-D7pgHibo.js";
-const Nt = "flow--list--items--item--view", Rt = "flow--list--items--item--view--title", $t = "flow--list--items--item--view--top-content", zt = "flow--list--items--item--view--content", Ut = "flow--list--items--item--view--action", Kt = "flow--list--items--item--view--avatar", Ot = "flow--list--items--item--view--text", Ht = "flow--list--items--item--view--heading", m = {
-  view: Nt,
+import { A as Nt } from "./ActionGroup-ySr3kkH9.js";
+const xt = "flow--list--items--item--view", Rt = "flow--list--items--item--view--title", $t = "flow--list--items--item--view--top-content", zt = "flow--list--items--item--view--content", Ut = "flow--list--items--item--view--action", Kt = "flow--list--items--item--view--avatar", Ot = "flow--list--items--item--view--text", Ht = "flow--list--items--item--view--heading", m = {
+  view: xt,
   title: Rt,
   topContent: $t,
   content: zt,
@@ -141,7 +141,7 @@ const Nt = "flow--list--items--item--view", Rt = "flow--list--items--item--view-
     t,
     m[lt(s)]
   );
-  return /* @__PURE__ */ i.createElement("div", { className: o }, /* @__PURE__ */ i.createElement(ve, { props: n }, /* @__PURE__ */ i.createElement(ye, null, e, /* @__PURE__ */ i.createElement("div", { className: m.title }, /* @__PURE__ */ i.createElement(x, { id: "title" })), /* @__PURE__ */ i.createElement(x, { id: "topContent" }))));
+  return /* @__PURE__ */ i.createElement("div", { className: o }, /* @__PURE__ */ i.createElement(ve, { props: n }, /* @__PURE__ */ i.createElement(ye, null, e, /* @__PURE__ */ i.createElement("div", { className: m.title }, /* @__PURE__ */ i.createElement(N, { id: "title" })), /* @__PURE__ */ i.createElement(N, { id: "topContent" }))));
 }, jt = "flow--list--list-summary", Wt = {
   listSummary: jt
 }, Qi = we("ListSummary", (a) => {
@@ -289,7 +289,7 @@ const Nt = "flow--list--items--item--view", Rt = "flow--list--items--item--view-
   if (s.filters.length === 0 && s.visibleSorting.length === 0 && !s.search && !s.table && !t)
     return null;
   const n = s.filters.map((o) => /* @__PURE__ */ i.createElement(Qt, { key: o.property, filter: o }));
-  return /* @__PURE__ */ i.createElement("div", { className: T(e, F.header) }, /* @__PURE__ */ i.createElement("div", { className: F.pickerListAndSearch }, /* @__PURE__ */ i.createElement("div", { className: F.pickerList }, /* @__PURE__ */ i.createElement(ds, null), /* @__PURE__ */ i.createElement(_t, null), n), /* @__PURE__ */ i.createElement("div", { className: F.searchAndActions }, s.search && /* @__PURE__ */ i.createElement(cs, { className: F.searchField, search: s.search }), /* @__PURE__ */ i.createElement(x, { id: "actions" }))), /* @__PURE__ */ i.createElement(os, null));
+  return /* @__PURE__ */ i.createElement("div", { className: T(e, F.header) }, /* @__PURE__ */ i.createElement("div", { className: F.pickerListAndSearch }, /* @__PURE__ */ i.createElement("div", { className: F.pickerList }, /* @__PURE__ */ i.createElement(ds, null), /* @__PURE__ */ i.createElement(_t, null), n), /* @__PURE__ */ i.createElement("div", { className: F.searchAndActions }, s.search && /* @__PURE__ */ i.createElement(cs, { className: F.searchField, search: s.search }), /* @__PURE__ */ i.createElement(N, { id: "actions" }))), /* @__PURE__ */ i.createElement(os, null));
 }, ms = "flow--list", hs = {
   list: ms
 };
@@ -674,6 +674,9 @@ class ee {
   useIsLoading() {
     return pe(() => this.isLoading);
   }
+  isBatchLoaded(e) {
+    return e in this.dataBatches;
+  }
 }
 const ws = [];
 class te {
@@ -717,12 +720,13 @@ class te {
     }), this.useObserveBatchData(t, e), this.useObserveBatchLoadingState(t, e);
   }
   useObserveBatchLoadingState(e, t) {
-    D(() => (this.loaderState.setBatchLoadingState(
-      t,
-      e.state.value
-    ), e.state.observe((s) => {
-      this.loaderState.setBatchLoadingState(t, s);
-    })), [e, t]);
+    const s = (n) => {
+      this.loaderState.setBatchLoadingState(
+        t,
+        this.loaderState.isBatchLoaded(t) ? "loaded" : n
+      );
+    };
+    D(() => (s(e.state.value), e.state.observe(s)), [e, t]);
   }
   useObserveBatchData(e, t) {
     const s = (n) => {
@@ -992,7 +996,7 @@ const ks = "flow--list--items", As = "flow--list--items--is-loading", Se = {
   item: Ms,
   isSelected: Bs,
   hasAction: Ds
-}, Be = () => /* @__PURE__ */ i.createElement(ke, null, /* @__PURE__ */ i.createElement(Q, null, /* @__PURE__ */ i.createElement(N, { width: "200px" })), /* @__PURE__ */ i.createElement(E, null, /* @__PURE__ */ i.createElement(N, { width: "300px" }))), xs = (a) => {
+}, Be = () => /* @__PURE__ */ i.createElement(ke, null, /* @__PURE__ */ i.createElement(Q, null, /* @__PURE__ */ i.createElement(x, { width: "200px" })), /* @__PURE__ */ i.createElement(E, null, /* @__PURE__ */ i.createElement(x, { width: "300px" }))), Ns = (a) => {
   const { id: e, data: t, children: s } = a, o = g().itemView;
   if (!o)
     return null;
@@ -1012,18 +1016,18 @@ const ks = "flow--list--items", As = "flow--list--items--is-loading", Se = {
     },
     /* @__PURE__ */ i.createElement(Ze, { fallback: /* @__PURE__ */ i.createElement(Be, null) }, s ?? o.render(t))
   );
-}, Ns = (a) => /* @__PURE__ */ i.createElement(X.GridListItem, { textValue: "-", className: B.item }, a.children), W = () => {
+}, xs = (a) => /* @__PURE__ */ i.createElement(X.GridListItem, { textValue: "-", className: B.item }, a.children), W = () => {
   const a = w(S);
   return /* @__PURE__ */ i.createElement(Vt, null, /* @__PURE__ */ i.createElement(kt, null), /* @__PURE__ */ i.createElement(Q, null, a.format("list.noResult.heading")), /* @__PURE__ */ i.createElement(E, null, a.format("list.noResult.text")));
 }, Rs = () => {
   var t;
   const e = ((t = g().itemView) == null ? void 0 : t.fallback) ?? /* @__PURE__ */ i.createElement(Be, null);
-  return Array.from(Array(5)).map((s, n) => /* @__PURE__ */ i.createElement(Ns, { key: n }, et(e)));
+  return Array.from(Array(5)).map((s, n) => /* @__PURE__ */ i.createElement(xs, { key: n }, et(e)));
 }, $s = () => {
   const a = g(), e = a.loader.useIsLoading(), t = a.loader.useIsInitiallyLoading();
   if (!a.itemView)
     return null;
-  const s = a.items.entries.map((o) => /* @__PURE__ */ i.createElement(xs, { key: o.id, data: o.data, id: o.id })), n = T(Se.items, e && Se.isLoading);
+  const s = a.items.entries.map((o) => /* @__PURE__ */ i.createElement(Ns, { key: o.id, data: o.data, id: o.id })), n = T(Se.items, e && Se.isLoading);
   return /* @__PURE__ */ i.createElement("div", { "aria-hidden": t, "aria-busy": e }, /* @__PURE__ */ i.createElement(
     X.GridList,
     {
@@ -1033,7 +1037,7 @@ const ks = "flow--list--items", As = "flow--list--items--is-loading", Se = {
     },
     t ? /* @__PURE__ */ i.createElement(Rs, null) : s
   ));
-}, De = (a) => null, zs = () => De, xe = (a) => null, Us = () => xe, Ne = (a) => null, Ks = () => Ne, Re = (a) => null, Os = () => Re, $e = (a) => null, Hs = () => $e, qs = "flow--list--footer", Gs = {
+}, De = (a) => null, zs = () => De, Ne = (a) => null, Us = () => Ne, xe = (a) => null, Ks = () => xe, Re = (a) => null, Os = () => Re, $e = (a) => null, Hs = () => $e, qs = "flow--list--footer", Gs = {
   footer: qs
 }, js = (a) => {
   const e = w(S), t = g(), s = t.batches, n = t.loader.useIsInitiallyLoading(), o = t.useIsEmpty(), l = s.getTotalItemsCount(), d = s.getVisibleItemsCount();
@@ -1062,7 +1066,7 @@ const ks = "flow--list--items", As = "flow--list--items--is-loading", Se = {
 function ze(a) {
   return null;
 }
-const Ys = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, _s = (a) => /* @__PURE__ */ i.createElement(Te, { ...a }, /* @__PURE__ */ i.createElement(Ce, null, /* @__PURE__ */ i.createElement(Ie, null, /* @__PURE__ */ i.createElement(N, { width: "100%" }))), /* @__PURE__ */ i.createElement(Le, null, Array.from(Array(5)).map((e, t) => /* @__PURE__ */ i.createElement(Pe, { key: t }, /* @__PURE__ */ i.createElement(Ve, null, /* @__PURE__ */ i.createElement(N, { width: "100%" })))))), Qs = "flow--list--table", Xs = "flow--list--table--is-loading", Zs = "flow--list--table--row", ei = "flow--list--table--is-selected", ti = "flow--list--table--has-action", I = {
+const Ys = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, _s = (a) => /* @__PURE__ */ i.createElement(Te, { ...a }, /* @__PURE__ */ i.createElement(Ce, null, /* @__PURE__ */ i.createElement(Ie, null, /* @__PURE__ */ i.createElement(x, { width: "100%" }))), /* @__PURE__ */ i.createElement(Le, null, Array.from(Array(5)).map((e, t) => /* @__PURE__ */ i.createElement(Pe, { key: t }, /* @__PURE__ */ i.createElement(Ve, null, /* @__PURE__ */ i.createElement(x, { width: "100%" })))))), Qs = "flow--list--table", Xs = "flow--list--table--is-loading", Zs = "flow--list--table--row", ei = "flow--list--table--is-selected", ti = "flow--list--table--has-action", I = {
   table: Qs,
   isLoading: Xs,
   row: Zs,
@@ -1147,7 +1151,7 @@ const Ys = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, _s =
   ), K = (le = b(e, Ke)) == null ? void 0 : le.props, O = (ce = b(e, qe)) == null ? void 0 : ce.props, p = (de = b(e, Ge)) == null ? void 0 : de.props, P = Vs.useNew({
     onChange: s,
     loader: u,
-    filters: V(e, xe).map(
+    filters: V(e, Ne).map(
       (f) => ({
         ...f.props,
         renderItem: f.props.children
@@ -1158,7 +1162,7 @@ const Ys = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, _s =
       textFieldProps: h,
       defaultValue: h.defaultValue
     } : void 0,
-    sorting: V(e, Ne).map((f) => f.props),
+    sorting: V(e, xe).map((f) => f.props),
     itemView: C ? {
       ...C,
       renderFn: C.children
@@ -1190,7 +1194,7 @@ const Ys = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, _s =
     ListSummary: {
       tunnelId: "listSummary"
     }
-  }, We = At(e, xt);
+  }, We = At(e, Nt);
   return /* @__PURE__ */ i.createElement(ve, { props: je }, /* @__PURE__ */ i.createElement(ye, null, /* @__PURE__ */ i.createElement(
     Ae.Provider,
     {
@@ -1199,7 +1203,7 @@ const Ys = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, _s =
       }
     },
     /* @__PURE__ */ i.createElement(Jt, null),
-    /* @__PURE__ */ i.createElement("div", { className: hs.list, ref: n }, e, /* @__PURE__ */ i.createElement(us, { hasActionGroup: We }), /* @__PURE__ */ i.createElement("div", null, P.items.entries.length > 0 && /* @__PURE__ */ i.createElement(x, { id: "listSummary" }), P.viewMode === "list" && /* @__PURE__ */ i.createElement($s, null), P.viewMode === "table" && /* @__PURE__ */ i.createElement(si, null)), /* @__PURE__ */ i.createElement(Js, null))
+    /* @__PURE__ */ i.createElement("div", { className: hs.list, ref: n }, e, /* @__PURE__ */ i.createElement(us, { hasActionGroup: We }), /* @__PURE__ */ i.createElement("div", null, P.items.entries.length > 0 && /* @__PURE__ */ i.createElement(N, { id: "listSummary" }), P.viewMode === "list" && /* @__PURE__ */ i.createElement($s, null), P.viewMode === "table" && /* @__PURE__ */ i.createElement(si, null)), /* @__PURE__ */ i.createElement(Js, null))
   )));
 }), ai = () => ii, aa = () => ({
   List: ai(),
@@ -1220,11 +1224,11 @@ const Ys = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, _s =
 });
 export {
   ii as List,
-  xe as ListFilter,
+  Ne as ListFilter,
   Re as ListItem,
   ke as ListItemView,
   De as ListLoaderAsync,
-  Ne as ListSorting,
+  xe as ListSorting,
   $e as ListStaticData,
   Qi as ListSummary,
   ai as TypedList,

package/dist/js/{LoadingSpinner-BypSuKm_.js → LoadingSpinner-B71ZUPtC.js}

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

package/dist/js/LoadingSpinner.js

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

package/dist/js/{MenuItem-GX6Zh70q.js → MenuItem-CmXY1SHp.js}

@@ -8,14 +8,14 @@ import { PropsContextProvider as i } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-DGqvukLZ.js";
-import { I as d, a as v } from "./IconCheckboxEmpty-Nnjs5-Pv.js";
-import { I as C, a as h } from "./IconRadioOn-CR0g7TLz.js";
-import { T as p } from "./Text-_cq3RnbD.js";
+import "./Icon-CxrvfV3P.js";
+import { I as d, a as v } from "./IconCheckboxEmpty-D_Cz2Ajc.js";
+import { I as C, a as h } from "./IconRadioOn-DOHEIKAn.js";
+import { T as p } from "./Text-COZNRQB2.js";
 import { d as f } from "./deepHas-KHS5X1F_.js";
 import { W as N } from "./Wrap-DGT1h1o3.js";
-import { A as w } from "./Avatar-DV-ptc3M.js";
-import { f as M } from "./flowComponent-1wOIvUIq.js";
+import { A as w } from "./Avatar-DqpeX2Xr.js";
+import { f as M } from "./flowComponent-D-FBrwbQ.js";
 const A = "flow--menu-item", g = "flow--menu-item--icon", P = "flow--menu-item--text", T = "flow--menu-item--control-icon", k = "flow--menu-item--avatar", o = {
   menuItem: A,
   icon: g,

package/dist/js/MenuItem.js

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