@mittwald/flow-react-components 0.1.0-alpha.89 → 0.1.0-alpha.90

package/dist/Action-CPBrLRz3.js

@@ -0,0 +1,192 @@
+"use client"
+/* */
+var S = Object.defineProperty;
+var y = (t, e, n) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var f = (t, e, n) => (y(t, typeof e != "symbol" ? e + "" : e, n), n);
+import a, { useRef as C, useState as E, useEffect as D } from "react";
+import "./propsContext-CauylOgH.js";
+import { P as g } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+import { u as P, O as w } from "./index-0qLHBjoi.js";
+import { u as x, A as O } from "./context-DJetA3qV.js";
+import { TunnelProvider as M, TunnelExit as R } from "@mittwald/react-tunnel";
+import { makeObservable as B, observable as I, action as T } from "mobx";
+import { u as N } from "./useSelector-DpU7_HMO.js";
+const k = (t) => (...e) => {
+  const n = [...t], s = n.shift();
+  if (s) {
+    const o = s(...e), r = () => n.length === 0 ? o : k(n)(...e);
+    return o instanceof Promise ? o.then(r) : r();
+  }
+}, b = "flowBreakActionMarker";
+function $(t) {
+  return !!t && t instanceof Error && t.message === b;
+}
+const G = () => {
+  throw new Error(b);
+}, p = {
+  pending: 1e3,
+  succeeded: 1500,
+  failed: 2e3
+};
+class H {
+  constructor(e, n, s = {}) {
+    f(this, "options");
+    f(this, "state");
+    f(this, "args");
+    f(this, "isDone", !1);
+    f(this, "error");
+    const {
+      resetAfterDone: o = !0,
+      onFeedbackDone: r = () => {
+      },
+      showFeedback: l = !1
+    } = s;
+    this.state = e, this.args = n, this.options = { resetAfterDone: o, onFeedbackDone: r, showFeedback: l };
+  }
+  onAsyncStart() {
+    this.options.showFeedback = !0, this.state.updateState("isExecuting"), setTimeout(() => this.startPending(), p.pending);
+  }
+  onSucceeded() {
+    this.onDone();
+  }
+  onFailed(e) {
+    this.error = e ?? new Error("Unknown error"), console.error(e), this.onDone();
+  }
+  startFailedFeedback() {
+    $(this.error) ? this.resetAfterDone() : (this.state.updateState("isFailed"), setTimeout(() => this.resetAfterDone(), p.failed));
+  }
+  startSucceededFeedback() {
+    this.state.updateState("isSucceeded"), setTimeout(() => this.resetAfterDone(), p.succeeded);
+  }
+  resetAfterDone() {
+    this.options.resetAfterDone && this.state.updateState("isIdle"), this.error || this.options.onFeedbackDone(...this.args);
+  }
+  onDone() {
+    this.isDone = !0, this.options.showFeedback ? this.error ? this.startFailedFeedback() : this.startSucceededFeedback() : this.resetAfterDone();
+  }
+  startPending() {
+    this.isDone || this.state.updateState("isPending");
+  }
+}
+class v {
+  constructor() {
+    f(this, "state", "isIdle");
+    B(this, {
+      state: I,
+      updateState: T
+    });
+  }
+  static useNew() {
+    return C(new v()).current;
+  }
+  updateState(e) {
+    this.state = e;
+  }
+  useState() {
+    return N(() => this.state, [this]);
+  }
+}
+const L = () => {
+}, U = (t) => {
+  const {
+    action: e,
+    toggleOverlay: n,
+    openOverlay: s,
+    closeOverlay: o,
+    break: r
+  } = t, l = P(), i = (h) => typeof h == "boolean" ? l : h;
+  return e || (n ? i(n).toggle : s ? i(s).open : o ? i(o).close : r ? G : L);
+}, j = (t, e = {}) => {
+  const {
+    onSync: n = () => {
+    },
+    onAsync: s = () => {
+    },
+    then: o = () => {
+    },
+    catch: r = () => {
+    },
+    finally: l = () => {
+    }
+  } = e;
+  try {
+    const i = t();
+    return i instanceof Promise ? (s(), i.then(o).catch(r).finally(l)) : (n(), o(i), l(), i);
+  } catch (i) {
+    n(), r(i), l();
+  }
+}, q = (t) => {
+  const { isConfirmationAction: e, showFeedback: n } = t, s = U(t), o = x(), r = v.useNew(), l = !e, i = e ? void 0 : o, h = e ? o : void 0, u = k([s, i]);
+  return {
+    callAction: (...c) => {
+      const A = new H(r, c, {
+        onFeedbackDone: h,
+        resetAfterDone: l,
+        showFeedback: n
+      });
+      return j(u, {
+        onAsync: () => A.onAsyncStart(),
+        then: () => A.onSucceeded(),
+        catch: (F) => A.onFailed(F)
+      });
+    },
+    state: r
+  };
+}, m = (t) => {
+  const [e, n] = E(!1), s = w.useNew(), o = q(t), r = e ? s.open : o.callAction, h = {
+    Link: {
+      onPress: r
+    },
+    Button: {
+      onPress: r,
+      render: (u, d) => {
+        const c = o.state.useState();
+        return /* @__PURE__ */ a.createElement(
+          u,
+          {
+            ...d,
+            isPending: c === "isPending" ? !0 : void 0,
+            "aria-disabled": c !== "isIdle" ? !0 : void 0,
+            isSucceeded: c === "isSucceeded" ? !0 : void 0,
+            isFailed: c === "isFailed" ? !0 : void 0
+          }
+        );
+      }
+    },
+    Modal: {
+      tunnelId: "outsideActionProvider",
+      render: (u, d) => {
+        const c = d.slot === "actionConfirm";
+        return D(() => {
+          if (c)
+            return n(!0), () => {
+              n(!1);
+            };
+        }, [c]), c ? /* @__PURE__ */ a.createElement(u, { controller: s, ...d }) : /* @__PURE__ */ a.createElement(u, { ...d });
+      },
+      ButtonGroup: {
+        Button: {
+          render: (u, d) => {
+            const { variant: c } = d;
+            return c === "secondary" ? /* @__PURE__ */ a.createElement(m, { break: !0 }, /* @__PURE__ */ a.createElement(m, { closeOverlay: !0 }, /* @__PURE__ */ a.createElement(u, { ...d }))) : /* @__PURE__ */ a.createElement(m, { closeOverlay: !0 }, /* @__PURE__ */ a.createElement(m, { ...t, isConfirmationAction: !0 }, /* @__PURE__ */ a.createElement(u, { ...d })));
+          }
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ a.createElement(M, null, /* @__PURE__ */ a.createElement(
+    g,
+    {
+      props: h,
+      dependencies: [e],
+      mergeInParentContext: !0
+    },
+    /* @__PURE__ */ a.createElement(O, { value: r }, t.children),
+    /* @__PURE__ */ a.createElement(R, { id: "outsideActionProvider" })
+  ));
+};
+export {
+  m as A
+};

package/dist/Action.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as t } from "./Action-CC0yBUVp.js";
+import { A as t } from "./Action-CPBrLRz3.js";
 export {
   t as Action,
   t as default

package/dist/CopyButton.js

@@ -15,7 +15,7 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import { f as C } from "./flowComponent-C4FfRbD8.js";
-import { A as E } from "./Action-CC0yBUVp.js";
+import { A as E } from "./Action-CPBrLRz3.js";
 const B = {
   "de-DE": {
     "copyButton.copy": "Kopieren"

package/dist/Icons.js

@@ -1,23 +1,23 @@
 "use client"
 /* */
 import n from "react";
-import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconCode as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as p, IconMail as h, IconExternalLink as d, IconFilter as f, IconEyeCancel as C, IconHome as x, IconInbox as S, IconList as v, IconPower as b, IconUsersGroup as g, IconBell as k, IconArchive as L, IconDice3 as w, IconDeviceFloppy as D, IconSearch as $, IconListSearch as y, IconServer as F, IconSettings as M, IconShare3 as B, IconEye as H, IconAdjustmentsHorizontal as P, IconShield as A, IconShieldCheckFilled as R, IconDoor as V, IconSubtask as O, IconHeadset as T, IconFileX as j, IconLayoutGrid as z } from "@tabler/icons-react";
+import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconCode as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as p, IconMail as h, IconExternalLink as d, IconFilter as f, IconEyeCancel as C, IconHome as x, IconInbox as S, IconList as v, IconPower as b, IconUsersGroup as g, IconMenu2 as k, IconBell as L, IconArchive as w, IconDice3 as D, IconDeviceFloppy as $, IconSearch as M, IconListSearch as y, IconServer as F, IconSettings as B, IconShare3 as H, IconEye as P, IconAdjustmentsHorizontal as A, IconShield as R, IconShieldCheckFilled as V, IconDoor as O, IconSubtask as T, IconHeadset as j, IconFileX as z, IconLayoutGrid as W } from "@tabler/icons-react";
 import { I as t } from "./Icon-DpcNiaNb.js";
-import { I as Pe } from "./IconCheck-DDbrMURX.js";
-import { I as Re, a as Ve } from "./IconCheckboxEmpty-0Lz4T3u4.js";
-import { I as Te } from "./IconCheckboxIndeterminate-p6GmeDnv.js";
-import { I as ze } from "./IconChevronDown-CbK0gKMB.js";
-import { I as Ge } from "./IconChevronRight-CJv9kuRZ.js";
-import { a as Ne, I as Xe, b as qe } from "./IconPlus-DS099is1.js";
-import { I as Ke } from "./IconClose-CwV3QUi2.js";
-import { I as Ye } from "./IconContextMenu-DD5RGOEW.js";
-import { I as _e } from "./IconCopy-BOSbNCO3.js";
-import { I as nn } from "./IconDanger-BCQl3s0h.js";
-import { a as cn, I as on } from "./IconSucceeded-Cje6NH8R.js";
-import { I as an, a as rn, b as In } from "./IconWarning-3thkYnBz.js";
-import { I as sn } from "./IconPending-i0n-9-8z.js";
-import { a as un, I as pn } from "./IconRadioOn-D5xbBFYA.js";
-const N = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(o, null)), X = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(l, null)), q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), J = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(a, null)), K = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(r, null)), Q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(I, null)), Y = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(m, null)), Z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(s, null)), _ = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(E, null)), ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(u, null)), ne = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(i, null)), te = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(p, null)), ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(h, null)), oe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(d, null)), le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(f, null)), ae = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(C, null)), re = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(x, null)), Ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(S, null)), me = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(v, null)), se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(b, null)), Ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(g, null)), ue = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(k, null)), ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(L, null)), pe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(w, null)), he = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(D, null)), de = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement($, null)), fe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(y, null)), Ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(F, null)), xe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(M, null)), Se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(B, null)), ve = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(H, null)), be = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(P, null)), ge = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(A, null)), ke = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(R, null)), Le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(V, null)), we = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(O, null)), De = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(T, null)), $e = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(j, null)), ye = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(z, null)), Fe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), Me = (e) => /* @__PURE__ */ n.createElement(
+import { I as Re } from "./IconCheck-DDbrMURX.js";
+import { I as Oe, a as Te } from "./IconCheckboxEmpty-0Lz4T3u4.js";
+import { I as ze } from "./IconCheckboxIndeterminate-p6GmeDnv.js";
+import { I as Ge } from "./IconChevronDown-CbK0gKMB.js";
+import { I as Ne } from "./IconChevronRight-CJv9kuRZ.js";
+import { a as qe, I as Je, b as Ke } from "./IconPlus-DS099is1.js";
+import { I as Ye } from "./IconClose-CwV3QUi2.js";
+import { I as _e } from "./IconContextMenu-DD5RGOEW.js";
+import { I as nn } from "./IconCopy-BOSbNCO3.js";
+import { I as cn } from "./IconDanger-BCQl3s0h.js";
+import { a as ln, I as an } from "./IconSucceeded-Cje6NH8R.js";
+import { I as In, a as mn, b as sn } from "./IconWarning-3thkYnBz.js";
+import { I as un } from "./IconPending-i0n-9-8z.js";
+import { a as hn, I as dn } from "./IconRadioOn-D5xbBFYA.js";
+const X = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(o, null)), q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(l, null)), J = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), K = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(a, null)), Q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(r, null)), Y = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(I, null)), Z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(m, null)), _ = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(s, null)), ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(E, null)), ne = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(u, null)), te = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(i, null)), ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(p, null)), oe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(h, null)), le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(d, null)), ae = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(f, null)), re = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(C, null)), Ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(x, null)), me = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(S, null)), se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(v, null)), Ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(b, null)), ue = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(g, null)), ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(k, null)), pe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(L, null)), he = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(w, null)), de = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(D, null)), fe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement($, null)), Ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(M, null)), xe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(y, null)), Se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(F, null)), ve = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(B, null)), be = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(H, null)), ge = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(P, null)), ke = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(A, null)), Le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(R, null)), we = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(V, null)), De = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(O, null)), $e = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(T, null)), Me = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(j, null)), ye = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(z, null)), Fe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(W, null)), Be = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), He = (e) => /* @__PURE__ */ n.createElement(
   t,
   {
     ...e
@@ -29,66 +29,67 @@ const N = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.
 `
 );
 export {
-  N as IconApp,
-  X as IconBackLink,
-  q as IconBackup,
-  Pe as IconCheck,
-  Re as IconCheckboxChecked,
-  Ve as IconCheckboxEmpty,
-  Te as IconCheckboxIndeterminate,
-  ze as IconChevronDown,
-  J as IconChevronLeft,
-  Ge as IconChevronRight,
-  Ne as IconChevronUp,
-  Ke as IconClose,
-  K as IconCode,
-  Ye as IconContextMenu,
-  _e as IconCopy,
-  Q as IconCronjob,
-  Y as IconCustomer,
-  nn as IconDanger,
-  Z as IconDashboard,
-  _ as IconDatabase,
-  ee as IconDate,
-  ne as IconDelete,
-  te as IconDomain,
-  ce as IconEmail,
-  oe as IconExternalLink,
-  cn as IconFailed,
-  le as IconFilter,
-  ae as IconHide,
-  re as IconHome,
-  Ie as IconInbox,
-  an as IconInfo,
-  me as IconListView,
-  se as IconLogout,
-  Ee as IconMember,
-  Xe as IconMinus,
-  Me as IconMittwald,
-  ue as IconNotification,
-  sn as IconPending,
-  qe as IconPlus,
-  ie as IconProject,
-  un as IconRadioOff,
-  pn as IconRadioOn,
-  pe as IconRandom,
-  he as IconSave,
-  de as IconSearch,
-  fe as IconSearchEngine,
-  Ce as IconServer,
-  xe as IconSettings,
-  Se as IconShare,
-  ve as IconShow,
-  be as IconSorting,
-  ge as IconSpamProtectionOff,
-  ke as IconSpamProtectionOn,
-  Le as IconSshSftp,
-  we as IconSubdomain,
-  on as IconSucceeded,
-  rn as IconSuccess,
-  De as IconSupport,
-  $e as IconTerminate,
-  ye as IconTileView,
-  Fe as IconTime,
-  In as IconWarning
+  X as IconApp,
+  q as IconBackLink,
+  J as IconBackup,
+  Re as IconCheck,
+  Oe as IconCheckboxChecked,
+  Te as IconCheckboxEmpty,
+  ze as IconCheckboxIndeterminate,
+  Ge as IconChevronDown,
+  K as IconChevronLeft,
+  Ne as IconChevronRight,
+  qe as IconChevronUp,
+  Ye as IconClose,
+  Q as IconCode,
+  _e as IconContextMenu,
+  nn as IconCopy,
+  Y as IconCronjob,
+  Z as IconCustomer,
+  cn as IconDanger,
+  _ as IconDashboard,
+  ee as IconDatabase,
+  ne as IconDate,
+  te as IconDelete,
+  ce as IconDomain,
+  oe as IconEmail,
+  le as IconExternalLink,
+  ln as IconFailed,
+  ae as IconFilter,
+  re as IconHide,
+  Ie as IconHome,
+  me as IconInbox,
+  In as IconInfo,
+  se as IconListView,
+  Ee as IconLogout,
+  ue as IconMember,
+  ie as IconMenu,
+  Je as IconMinus,
+  He as IconMittwald,
+  pe as IconNotification,
+  un as IconPending,
+  Ke as IconPlus,
+  he as IconProject,
+  hn as IconRadioOff,
+  dn as IconRadioOn,
+  de as IconRandom,
+  fe as IconSave,
+  Ce as IconSearch,
+  xe as IconSearchEngine,
+  Se as IconServer,
+  ve as IconSettings,
+  be as IconShare,
+  ge as IconShow,
+  ke as IconSorting,
+  Le as IconSpamProtectionOff,
+  we as IconSpamProtectionOn,
+  De as IconSshSftp,
+  $e as IconSubdomain,
+  an as IconSucceeded,
+  mn as IconSuccess,
+  Me as IconSupport,
+  ye as IconTerminate,
+  Fe as IconTileView,
+  Be as IconTime,
+  sn as IconWarning
 };

package/dist/{Link-0b3GsopL.js → Link-CRT1IZf5.js}

@@ -35,9 +35,9 @@ const E = "flow--link", F = "flow--link--inline", g = "flow--link--icon", o = {
   return /* @__PURE__ */ n.createElement(P, null, /* @__PURE__ */ n.createElement(
     k,
     {
-      className: C,
       ...c,
       ...u,
+      className: C,
       ref: a
     },
     /* @__PURE__ */ n.createElement(d, { props: f }, r)

package/dist/Link.js

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

package/dist/List.js

@@ -28,7 +28,7 @@ import "./propsContext-CauylOgH.js";
 import { P as bt } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import { W as St } from "./Wrap-DGT1h1o3.js";
-import { L as yt } from "./Link-0b3GsopL.js";
+import { L as yt } from "./Link-CRT1IZf5.js";
 import { I as Ct } from "./IconContextMenu-DD5RGOEW.js";
 import { d as f, a as M } from "./deepFindOfType-6pG0fH7S.js";
 import { I as vt } from "./InlineCode-BV2i5uN0.js";

package/dist/Modal.js

@@ -1,47 +1,34 @@
 "use client"
 /* */
-import * as n from "react-aria-components";
 import o from "react";
-import g from "clsx";
+import d from "clsx";
 import "./propsContext-CauylOgH.js";
-import { P as E } from "./PropsContextProvider-DZvwqHLP.js";
+import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
-import { TunnelProvider as y, TunnelExit as z } from "@mittwald/react-tunnel";
-import { u as r, a as s } from "./index-D8fboLvc.js";
-import { f as x } from "./flowComponent-C4FfRbD8.js";
-import { A as O } from "./Action-CC0yBUVp.js";
+import { TunnelProvider as p, TunnelExit as c } from "@mittwald/react-tunnel";
+import { f as u } from "./flowComponent-C4FfRbD8.js";
+import { O as w } from "./Overlay-ofdfFqqi.js";
 import "mobx";
-const b = "flow--modal--overlay", M = "flow--modal", N = "flow--modal--dialog", P = "flow--modal--button-group", F = "flow--modal--content", G = "flow--modal--off-canvas", e = {
-  overlay: b,
-  "modal-fade": "flow--modal--modal-fade",
-  modal: M,
+import "./index-0qLHBjoi.js";
+import "./context-DJetA3qV.js";
+const v = "flow--modal", z = "flow--modal--button-group", C = "flow--modal--content", b = "flow--modal--off-canvas", t = {
+  modal: v,
   "modal-zoom": "flow--modal--modal-zoom",
-  dialog: N,
-  buttonGroup: P,
-  content: F,
+  buttonGroup: z,
+  content: C,
   "size-s": "flow--modal--size-s",
   "size-m": "flow--modal--size-m",
   "size-l": "flow--modal--size-l",
-  offCanvas: G,
+  offCanvas: b,
   "modal-slide-in": "flow--modal--modal-slide-in",
   "modal-slide-up": "flow--modal--modal-slide-up"
-}, q = x("Modal", (t) => {
-  const {
-    size: l = "s",
-    offCanvas: m,
-    controller: d,
-    defaultOpen: i,
-    children: c,
-    ...f
-  } = t, p = r({
-    reuseControllerFromContext: !0,
-    defaultOpen: i
-  }), a = d ?? p, u = a.useIsOpen(), v = g(
-    e.modal,
-    e[`size-${l}`],
-    m && e.offCanvas
-  ), C = {
+}, F = u("Modal", (e) => {
+  const { size: l = "s", offCanvas: n, controller: a, children: m, ...s } = e, r = d(
+    t.modal,
+    t[`size-${l}`],
+    n && t.offCanvas
+  ), i = {
     Content: {
       elementType: o.Fragment
     },
@@ -50,27 +37,13 @@ const b = "flow--modal--overlay", M = "flow--modal", N = "flow--modal--dialog",
       slot: "title"
     },
     ButtonGroup: {
-      className: e.buttonGroup,
+      className: t.buttonGroup,
       tunnelId: "buttons"
     }
   };
-  return /* @__PURE__ */ o.createElement(
-    n.ModalOverlay,
-    {
-      className: e.overlay,
-      ...f,
-      isDismissable: !0,
-      isOpen: u,
-      onOpenChange: (w) => a.setOpen(w)
-    },
-    /* @__PURE__ */ o.createElement(n.Modal, { className: v }, /* @__PURE__ */ o.createElement(n.Dialog, { className: e.dialog }, /* @__PURE__ */ o.createElement(s, { value: a }, /* @__PURE__ */ o.createElement(E, { props: C }, /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement("div", { className: e.content }, c), /* @__PURE__ */ o.createElement(z, { id: "buttons" }))))))
-  );
-}), J = (t) => {
-  const l = r();
-  return /* @__PURE__ */ o.createElement(s, { value: l }, /* @__PURE__ */ o.createElement(O, { openModal: l }, t.children));
-};
+  return /* @__PURE__ */ o.createElement(w, { className: r, controller: a, ...s }, /* @__PURE__ */ o.createElement(f, { props: i }, /* @__PURE__ */ o.createElement(p, null, /* @__PURE__ */ o.createElement("div", { className: t.content }, m), /* @__PURE__ */ o.createElement(c, { id: "buttons" }))));
+});
 export {
-  q as Modal,
-  J as ModalTrigger,
-  q as default
+  F as Modal,
+  F as default
 };

package/dist/OffCanvas.js

@@ -0,0 +1,42 @@
+"use client"
+/* */
+import o from "react";
+import f from "clsx";
+import { B as c } from "./Button-DJcL25jy.js";
+import "@tabler/icons-react";
+import "./Icon-DpcNiaNb.js";
+import { I as m } from "./IconClose-CwV3QUi2.js";
+import { A as i } from "./Action-CPBrLRz3.js";
+import { O as p } from "./Overlay-ofdfFqqi.js";
+import "mobx";
+import "./index-0qLHBjoi.js";
+import "./propsContext-CauylOgH.js";
+import { P as v } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+const u = "flow--off-canvas", d = "flow--off-canvas--close-button", t = {
+  offCanvas: u,
+  "off-canvas-slide-in": "flow--off-canvas--off-canvas-slide-in",
+  "off-canvas-slide-out": "flow--off-canvas--off-canvas-slide-out",
+  closeButton: d
+}, z = (s) => {
+  const { controller: a, children: e, className: n } = s, r = f(t.offCanvas, n), l = {
+    Heading: {
+      slot: "title"
+    }
+  };
+  return /* @__PURE__ */ o.createElement(p, { controller: a, className: r }, /* @__PURE__ */ o.createElement(i, { closeOverlay: !0 }, /* @__PURE__ */ o.createElement(
+    c,
+    {
+      style: "plain",
+      size: "s",
+      variant: "secondary",
+      className: t.closeButton
+    },
+    /* @__PURE__ */ o.createElement(m, null)
+  )), /* @__PURE__ */ o.createElement(v, { props: l }, e));
+};
+export {
+  z as OffCanvas,
+  z as default
+};

package/dist/Overlay-ofdfFqqi.js

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import * as r from "react-aria-components";
+import e from "react";
+import v from "clsx";
+import { u as y, a as p } from "./index-0qLHBjoi.js";
+import "mobx";
+const u = "flow--overlay", O = {
+  overlay: u,
+  "overlay-fade": "flow--overlay--overlay-fade"
+}, E = (l) => {
+  const { controller: t, children: a, className: s } = l, n = y({
+    reuseControllerFromContext: !0
+  }), o = t ?? n, c = o.useIsOpen(), m = v(O.overlay, s);
+  return /* @__PURE__ */ e.createElement(
+    r.ModalOverlay,
+    {
+      className: m,
+      isDismissable: !0,
+      isOpen: c,
+      onOpenChange: (i) => o.setOpen(i)
+    },
+    /* @__PURE__ */ e.createElement(r.Modal, null, /* @__PURE__ */ e.createElement(r.Dialog, null, /* @__PURE__ */ e.createElement(p, { value: o }, a)))
+  );
+};
+export {
+  E as O
+};

package/dist/OverlayTrigger.js

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import r from "react";
+import "mobx";
+import { u as l, a as m } from "./index-0qLHBjoi.js";
+import { A as p } from "./Action-CPBrLRz3.js";
+import "./propsContext-CauylOgH.js";
+import { P as i } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+const x = (t) => {
+  const e = l(), o = {
+    Button: {
+      render: (a, n) => /* @__PURE__ */ r.createElement(p, { openOverlay: e }, /* @__PURE__ */ r.createElement(a, { ...n }))
+    }
+  };
+  return /* @__PURE__ */ r.createElement(m, { value: e }, /* @__PURE__ */ r.createElement(i, { props: o }, t.children));
+};
+export {
+  x as OverlayTrigger,
+  x as default
+};