@mittwald/flow-react-components 0.1.0-alpha.136 → 0.1.0-alpha.137

package/dist/{Action-Dp9FyJCZ.js → Action-BGsLXvb9.js}

@@ -2,19 +2,19 @@
 /* */
 var S = Object.defineProperty;
 var B = (o, t, e) => t in o ? S(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var c = (o, t, e) => (B(o, typeof t != "symbol" ? t + "" : t, e), e);
-import y, { createContext as F, useRef as k, useContext as A } from "react";
-import { makeObservable as O, observable as I, action as M, computed as E } from "mobx";
+var a = (o, t, e) => (B(o, typeof t != "symbol" ? t + "" : t, e), e);
+import A, { createContext as F, useRef as k, useContext as y } from "react";
+import { makeObservable as O, observable as M, action as I, computed as E } from "mobx";
 import { u as w } from "./useOverlayController-CGKumeGL.js";
 import D from "invariant";
 import { u as b } from "./useSelector-DpU7_HMO.js";
-import { a as T, g as N, u as R } from "./getActionGroupSlot-izllH4ID.js";
+import { a as T, g as N, u as R } from "./getActionGroupSlot-Do-bk4GU.js";
 import "./propsContext-DzAKlmhS.js";
-import { P as $ } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as V } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as u } from "./dynamic-ClpUSmEt.js";
-import { u as V } from "./slotContext-DoCFkzCA.js";
+import { u as $ } from "./slotContext-DoCFkzCA.js";
 const m = F(void 0), G = m.Provider, g = (o) => new Promise((t) => setTimeout(t, o)), f = {
   pending: 1e3,
   succeeded: 1500,
@@ -22,14 +22,14 @@ const m = F(void 0), G = m.Provider, g = (o) => new Promise((t) => setTimeout(t,
 };
 class C {
   constructor() {
-    c(this, "showFeedback");
-    c(this, "state", "isIdle");
-    c(this, "setPendingTimeout");
-    c(this, "error");
-    c(this, "isAsync", !1);
+    a(this, "showFeedback");
+    a(this, "state", "isIdle");
+    a(this, "setPendingTimeout");
+    a(this, "error");
+    a(this, "isAsync", !1);
     O(this, {
-      state: I,
-      updateState: M,
+      state: M,
+      updateState: I,
       isBusy: E
     });
   }
@@ -46,7 +46,7 @@ class C {
     return b(() => this.isBusy, [this]);
   }
   get isBusy() {
-    return this.state === "isExecuting" || this.state === "isPending";
+    return this.state !== "isIdle";
   }
   onAsyncStart() {
     this.isAsync = !0, this.updateState("isExecuting"), this.setPendingTimeout = window.setTimeout(
@@ -79,26 +79,26 @@ class C {
     this.updateState("isPending");
   }
 }
-const x = (o) => (...t) => {
-  const e = [...o], s = e.shift();
-  if (s) {
-    const i = s(...t), n = () => e.length === 0 ? i : x(e)(...t);
-    return i instanceof Promise ? i.then(n) : n();
+const P = (o) => (...t) => {
+  const e = [...o], n = e.shift();
+  if (n) {
+    const s = n(...t), i = () => e.length === 0 ? s : P(e)(...t);
+    return s instanceof Promise ? s.then(i) : i();
   }
 }, d = () => {
 }, L = (o, t = {}) => {
   const {
     onSync: e = d,
-    onAsync: s = d,
-    then: i = d,
-    catch: n = d,
-    finally: r = d
+    onAsync: n = d,
+    then: s = d,
+    catch: i = d,
+    finally: c = d
   } = t;
   try {
-    const a = o();
-    return a instanceof Promise ? (s(), a.then(i).catch(n).finally(r)) : (e(), i(a), r(), a);
-  } catch (a) {
-    e(), n(a), r();
+    const r = o();
+    return r instanceof Promise ? (n(), r.then(s).catch(i).finally(c)) : (e(), s(r), c(), r);
+  } catch (r) {
+    e(), i(r), c();
   }
 }, U = () => {
 };
@@ -107,16 +107,16 @@ function j(o) {
     return o.confirmationModalController.open;
   const t = o.getOverlayController(), {
     action: e,
-    toggleOverlay: s,
-    closeOverlay: i,
-    openOverlay: n
+    toggleOverlay: n,
+    closeOverlay: s,
+    openOverlay: i
   } = o.actionProps;
-  return e || (n && t ? t.open : i && t || s && t ? t.close : U);
+  return e || (i && t ? t.open : s && t || n && t ? t.close : U);
 }
 class v {
   constructor(t) {
-    c(this, "actions", []);
-    c(this, "baseAction");
+    a(this, "actions", []);
+    a(this, "baseAction");
     this.baseAction = t;
   }
   addAction(t) {
@@ -125,94 +125,94 @@ class v {
   async executeBatch(t) {
     if (this.actions.length === 0)
       return;
-    const e = this.actions[this.actions.length - 1].actionProps.showFeedback, s = this.baseAction.state.withFeedback(
+    const e = this.actions[this.actions.length - 1].actionProps.showFeedback, n = this.baseAction.state.withFeedback(
       this.baseAction.needsConfirmation ? !1 : e
-    ), i = this.actions.map((a) => j(a)), n = x(i);
-    let r;
-    if (await L(() => n(...t), {
-      onAsync: () => s.onAsyncStart(),
-      then: () => s.onSucceeded(),
-      catch: (a) => {
-        s.onFailed(a), r = a;
+    ), s = this.actions.map((r) => j(r)), i = P(s);
+    let c;
+    if (await L(() => i(...t), {
+      onAsync: () => n.onAsyncStart(),
+      then: () => n.onSucceeded(),
+      catch: (r) => {
+        n.onFailed(r), c = r;
       }
-    }), r)
-      throw r;
+    }), c)
+      throw c;
   }
 }
 class q {
   constructor(t) {
-    c(this, "action");
-    c(this, "execute", (...t) => {
+    a(this, "action");
+    a(this, "execute", (...t) => {
       const e = this.getBatchedActions();
       (async () => {
-        for (const i of e)
-          await i.executeBatch(t);
-      })().catch((i) => console.error(i));
+        for (const s of e)
+          await s.executeBatch(t);
+      })().catch((s) => console.error(s));
     });
-    c(this, "getBatchedActions", () => {
+    a(this, "getBatchedActions", () => {
       let t = this.action;
       const e = [];
-      let s = new v(
+      let n = new v(
         this.action
-      ), i = 0;
+      ), s = 0;
       for (; t; ) {
-        const { action: n, break: r, skip: a } = t.actionProps;
+        const { action: i, break: c, skip: r } = t.actionProps;
         if (t.needsConfirmation) {
-          s.addAction(t);
+          n.addAction(t);
           break;
         }
-        if (a) {
-          i = a === !0 ? 1 : a, t = t.parentAction;
+        if (r) {
+          s = r === !0 ? 1 : r, t = t.parentAction;
           continue;
         }
-        if (i > 0) {
-          t = t.parentAction, i--;
+        if (s > 0) {
+          t = t.parentAction, s--;
           continue;
         }
-        if (r)
+        if (c)
           break;
-        n || (e.push(s), s = new v(this.action)), s.addAction(t), t = t.parentAction;
+        i || (e.push(n), n = new v(this.action)), n.addAction(t), t = t.parentAction;
       }
-      return e.push(s), e;
+      return e.push(n), e;
     });
     this.action = t;
   }
 }
 class l {
   constructor(t) {
-    c(this, "state");
-    c(this, "needsConfirmation");
-    c(this, "actionProps");
-    c(this, "parentAction");
-    c(this, "confirmationModalController");
-    c(this, "overlayController");
-    c(this, "execute", (...t) => {
+    a(this, "state");
+    a(this, "needsConfirmation");
+    a(this, "actionProps");
+    a(this, "parentAction");
+    a(this, "confirmationModalController");
+    a(this, "overlayController");
+    a(this, "execute", (...t) => {
       new q(this).execute(...t);
     });
     const {
       actionProps: e,
-      needsConfirmation: s,
-      parentAction: i,
-      overlayController: n,
-      confirmationModalController: r,
-      state: a
+      needsConfirmation: n,
+      parentAction: s,
+      overlayController: i,
+      confirmationModalController: c,
+      state: r
     } = t;
-    this.actionProps = e, this.parentAction = i, this.confirmationModalController = r, this.needsConfirmation = s, this.overlayController = n, this.state = a;
+    this.actionProps = e, this.parentAction = s, this.confirmationModalController = c, this.needsConfirmation = n, this.overlayController = i, this.state = r;
   }
   static useNew(t, e = {}) {
-    const s = A(m), i = w(), n = w(), r = C.useNew();
+    const n = y(m), s = w(), i = w(), c = C.useNew();
     return new l({
-      parentAction: s,
-      overlayController: i,
-      confirmationModalController: n,
+      parentAction: n,
+      overlayController: s,
+      confirmationModalController: i,
       needsConfirmation: !1,
       actionProps: t,
-      state: r,
+      state: c,
       ...e
     });
   }
   static use() {
-    const t = A(m);
+    const t = y(m);
     return D(!!t, "Action context is not defined"), T.useRegisterState(t.state), t;
   }
   static useConfirmationAction() {
@@ -238,45 +238,49 @@ class l {
     return t(this.actionProps.openOverlay) ?? t(this.actionProps.closeOverlay) ?? t(this.actionProps.toggleOverlay);
   }
 }
-const z = (o) => V()[o], p = (o) => z("Modal") === "actionConfirm" ? N(o) : void 0, h = (o) => {
-  const t = l.use(), e = t.state.useValue(), s = p(o) === "primary", i = t.confirmationModalController.useIsOpen();
-  return t.needsConfirmation && i && !s ? "isIdle" : e;
-}, it = (o) => {
-  const { children: t, ...e } = o, s = l.useNew(e), i = {
-    Button: {
-      onPress: u((n) => {
-        const r = l.use(), a = l.useConfirmationAction(), P = p(n) === "primary";
-        return p(n) === "abort" ? r.confirmationModalController.close : P ? a.execute : r.execute;
-      }),
-      isPending: u(
-        (n) => h(n) === "isPending"
-      ),
-      isSucceeded: u(
-        (n) => h(n) === "isSucceeded"
-      ),
-      isFailed: u((n) => h(n) === "isFailed"),
-      "aria-disabled": u(() => {
-        const n = h(o), r = R().useIsBusy();
-        return n === "isExecuting" || r;
-      })
-    },
+const z = (o) => $()[o], p = (o) => z("Modal") === "actionConfirm" ? N(o) : void 0, h = (o) => {
+  const t = l.use(), e = t.state.useValue(), n = p(o) === "primary", s = t.confirmationModalController.useIsOpen();
+  return t.needsConfirmation && s && !n ? "isIdle" : e;
+}, x = {
+  onPress: u((o) => {
+    const t = l.use(), e = l.useConfirmationAction(), n = p(o) === "primary";
+    return p(o) === "abort" ? t.confirmationModalController.close : n ? e.execute : t.execute;
+  }),
+  isPending: u((o) => h(o) === "isPending"),
+  isSucceeded: u(
+    (o) => h(o) === "isSucceeded"
+  ),
+  isFailed: u((o) => h(o) === "isFailed"),
+  "aria-disabled": u((o) => {
+    const t = h(o), e = R().useIsBusy();
+    return t === "isExecuting" || e;
+  })
+}, st = (o) => {
+  const { children: t, ...e } = o, n = l.useNew(e), s = {
+    Button: x,
     Link: {
       onPress: u(() => l.use().execute)
     },
     Modal: {
-      slot: u((n) => {
-        const { slot: r } = n, a = l.use();
-        return a.needsConfirmation = r === "actionConfirm", r;
+      slot: u((i) => {
+        const { slot: c } = i, r = l.use();
+        return r.needsConfirmation = c === "actionConfirm", c;
+      }),
+      isDismissable: u((i) => {
+        const r = l.use().state.useValue();
+        return r === "isExecuting" || r === "isPending" ? !1 : i.isDismissable;
       }),
-      isDismissable: u((n) => l.use().state.useIsBusy() ? !1 : n.isDismissable),
       controller: u(() => {
-        const n = l.use();
-        return n.needsConfirmation ? n.confirmationModalController : n.getOverlayController();
-      })
+        const i = l.use();
+        return i.needsConfirmation ? i.confirmationModalController : i.getOverlayController();
+      }),
+      ActionGroup: {
+        Button: x
+      }
     }
   };
-  return /* @__PURE__ */ y.createElement(G, { value: s }, /* @__PURE__ */ y.createElement($, { props: i, mergeInParentContext: !0 }, t));
+  return /* @__PURE__ */ A.createElement(G, { value: n }, /* @__PURE__ */ A.createElement(V, { props: s, mergeInParentContext: !0 }, t));
 };
 export {
-  it as A
+  st as A
 };

package/dist/Action.js

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

package/dist/ActionGroup.js

@@ -9,7 +9,7 @@ import { d as e } from "./dynamic-ClpUSmEt.js";
 import i from "clsx";
 import { f as g } from "./flowComponent-CPKCCJEg.js";
 import { TunnelProvider as E, TunnelExit as n } from "@mittwald/react-tunnel";
-import { A as C, g as a } from "./getActionGroupSlot-izllH4ID.js";
+import { A as C, g as a } from "./getActionGroupSlot-Do-bk4GU.js";
 const G = "flow--action-group--action-group-container", v = "flow--action-group", x = "flow--action-group--primary", N = "flow--action-group--secondary", P = "flow--action-group--abort", r = {
   actionGroupContainer: G,
   actionGroup: v,

package/dist/CopyButton.js

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

package/dist/Modal.js

@@ -11,7 +11,7 @@ import { f as u } from "./flowComponent-CPKCCJEg.js";
 import { M as g } from "./ModalOverlay-BSu4UEnW.js";
 import * as v from "react-aria-components";
 import { O as w } from "./OverlayTrigger-DbjMkqKf.js";
-const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--content", x = "flow--modal--off-canvas", e = {
+const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--content", T = "flow--modal--off-canvas", e = {
   modal: z,
   "modal-zoom": "flow--modal--modal-zoom",
   actionGroup: C,
@@ -19,20 +19,20 @@ const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--cont
   "size-s": "flow--modal--size-s",
   "size-m": "flow--modal--size-m",
   "size-l": "flow--modal--size-l",
-  offCanvas: x,
+  offCanvas: T,
   "modal-slide-in": "flow--modal--modal-slide-in",
   "modal-slide-up": "flow--modal--modal-slide-up"
-}, R = u("Modal", (t) => {
+}, D = u("Modal", (l) => {
   const {
-    size: l = "s",
+    size: t = "s",
     offCanvas: a,
     controller: n,
     children: r,
-    refProp: P,
+    refProp: x,
     ...m
-  } = t, s = d(
+  } = l, s = d(
     e.modal,
-    e[`size-${l}`],
+    e[`size-${t}`],
     a && e.offCanvas
   ), i = {
     Content: {
@@ -47,10 +47,10 @@ const z = "flow--modal", C = "flow--modal--action-group", E = "flow--modal--cont
       tunnelId: "buttons"
     }
   };
-  return /* @__PURE__ */ o.createElement(g, { className: s, controller: n, ...m }, /* @__PURE__ */ o.createElement(c, { props: i, mergeInParentContext: !0 }, /* @__PURE__ */ o.createElement(f, null, /* @__PURE__ */ o.createElement("div", { className: e.content }, r), /* @__PURE__ */ o.createElement(p, { id: "buttons" }))));
-}), D = (t) => /* @__PURE__ */ o.createElement(w, null, /* @__PURE__ */ o.createElement(v.DialogTrigger, null, t.children));
+  return /* @__PURE__ */ o.createElement(g, { className: s, controller: n, ...m }, /* @__PURE__ */ o.createElement(c, { props: i }, /* @__PURE__ */ o.createElement(f, null, /* @__PURE__ */ o.createElement("div", { className: e.content }, r), /* @__PURE__ */ o.createElement(p, { id: "buttons" }))));
+}), F = (l) => /* @__PURE__ */ o.createElement(w, null, /* @__PURE__ */ o.createElement(v.DialogTrigger, null, l.children));
 export {
-  R as Modal,
-  D as ModalTrigger,
-  R as default
+  D as Modal,
+  F as ModalTrigger,
+  D as default
 };

package/dist/NotificationProvider.js

@@ -1,8 +1,8 @@
 "use client"
 /* */
 var w = Object.defineProperty;
-var A = (i, t, e) => t in i ? w(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var o = (i, t, e) => (A(i, typeof t != "symbol" ? t + "" : t, e), e);
+var A = (o, t, e) => t in o ? w(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var i = (o, t, e) => (A(o, typeof t != "symbol" ? t + "" : t, e), e);
 import s, { useRef as v, cloneElement as D, createContext as C, useContext as N } from "react";
 import { u as E } from "./useSelector-DpU7_HMO.js";
 import { makeObservable as g, observable as x, action as c } from "mobx";
@@ -13,11 +13,11 @@ import { LazyMotion as I, domAnimation as M, AnimatePresence as P, m as k } from
 import { useIsSSR as L } from "react-aria";
 class R {
   constructor() {
-    o(this, "duration", u.fromDurationLike(0));
-    o(this, "onDone");
-    o(this, "startedAt");
-    o(this, "pausedAt");
-    o(this, "runningTimeoutId");
+    i(this, "duration", u.fromDurationLike(0));
+    i(this, "onDone");
+    i(this, "startedAt");
+    i(this, "pausedAt");
+    i(this, "runningTimeoutId");
   }
   start(t, e) {
     if (this.startedAt)
@@ -58,8 +58,8 @@ class R {
 }
 class a {
   constructor() {
-    o(this, "notificationsData", /* @__PURE__ */ new Map());
-    o(this, "id", 0);
+    i(this, "notificationsData", /* @__PURE__ */ new Map());
+    i(this, "id", 0);
     g(this, {
       notificationsData: x.shallow,
       add: c.bound,
@@ -92,8 +92,8 @@ class a {
 const S = "flow--notification-provider--notification-container", O = "flow--notification-provider--notification", d = {
   notificationContainer: S,
   notification: O
-}, z = (i) => {
-  const { notification: t, controller: e } = i;
+}, z = (o) => {
+  const { notification: t, controller: e } = o;
   return D(t.element, {
     onMouseEnter: () => {
       t.meta.autoCloseTimer.pause();
@@ -105,8 +105,8 @@ const S = "flow--notification-provider--notification-container", O = "flow--noti
       e.remove(t.meta.id);
     }
   });
-}, B = (i) => {
-  const { className: t, controller: e, ...n } = i, f = b(d.notificationContainer, t), h = e.useNotifications(), p = L(), T = /* @__PURE__ */ s.createElement(I, { features: M }, /* @__PURE__ */ s.createElement("div", { className: f, ...n }, /* @__PURE__ */ s.createElement(P, null, h.map((r) => /* @__PURE__ */ s.createElement(
+}, B = (o) => {
+  const { className: t, ...e } = o, n = j(), f = n.useNotifications(), h = L(), p = b(d.notificationContainer, t), T = /* @__PURE__ */ s.createElement(I, { features: M }, /* @__PURE__ */ s.createElement("div", { className: p, ...e }, /* @__PURE__ */ s.createElement(P, null, f.map((r) => /* @__PURE__ */ s.createElement(
     k.div,
     {
       className: d.notification,
@@ -122,19 +122,19 @@ const S = "flow--notification-provider--notification-container", O = "flow--noti
       z,
       {
         notification: r,
-        controller: e
+        controller: n
       }
     )
   )))));
-  return p ? null : y.createPortal(T, document.body);
+  return h ? null : y.createPortal(T, document.body);
 }, l = C(
   new a()
-), V = () => N(l), W = (i) => {
-  const { children: t, ...e } = i, n = a.useNew();
-  return /* @__PURE__ */ s.createElement(l.Provider, { value: n }, /* @__PURE__ */ s.createElement(B, { controller: n, ...e }), t);
+), j = () => N(l), W = (o) => {
+  const { children: t, ...e } = o, n = a.useNew();
+  return /* @__PURE__ */ s.createElement(l.Provider, { value: n }, /* @__PURE__ */ s.createElement(B, { ...e }), t);
 };
 export {
   W as NotificationProvider,
   W as default,
-  V as useNotificationController
+  j as useNotificationController
 };

package/dist/OffCanvas.js

@@ -6,7 +6,7 @@ import { B as f } from "./Button-BPAhEOTg.js";
 import "@tabler/icons-react";
 import "./Icon-D4bkU_pz.js";
 import { I as m } from "./IconClose-FTrJdf_N.js";
-import { A as i } from "./Action-Dp9FyJCZ.js";
+import { A as i } from "./Action-BGsLXvb9.js";
 import { M as p } from "./ModalOverlay-BSu4UEnW.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";

package/dist/{getActionGroupSlot-izllH4ID.js → getActionGroupSlot-Do-bk4GU.js}

@@ -4,8 +4,8 @@ var u = Object.defineProperty;
 var i = (s, t, e) => t in s ? u(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
 var r = (s, t, e) => (i(s, typeof t != "symbol" ? t + "" : t, e), e);
 import d, { createContext as l, useRef as m, useEffect as S, useContext as f } from "react";
-import { makeObservable as p, observable as v, action as a, computed as h } from "mobx";
-import { u as y } from "./useSelector-DpU7_HMO.js";
+import { makeObservable as p, observable as v, action as a, computed as y } from "mobx";
+import { u as b } from "./useSelector-DpU7_HMO.js";
 class o {
   constructor() {
     r(this, "states", /* @__PURE__ */ new Set());
@@ -13,14 +13,14 @@ class o {
       states: v,
       addState: a,
       removeState: a,
-      isBusy: h
+      isBusy: y
     });
   }
   static useNew() {
     return m(new o()).current;
   }
   static useRegisterState(t) {
-    const e = b();
+    const e = g();
     S(() => (e == null || e.addState(t), () => {
       e == null || e.removeState(t);
     }), [e, t]);
@@ -32,7 +32,7 @@ class o {
     this.states.delete(t);
   }
   useIsBusy() {
-    return y(() => this.isBusy, [this.states.size]);
+    return b(() => this.isBusy);
   }
   get isBusy() {
     for (const t of this.states)
@@ -44,7 +44,7 @@ class o {
 const n = l(void 0), C = (s) => {
   const { children: t } = s, e = o.useNew();
   return /* @__PURE__ */ d.createElement(n.Provider, { value: e }, t);
-}, b = () => {
+}, g = () => {
   const s = o.useNew();
   return f(n) ?? s;
 }, A = (s) => {
@@ -55,5 +55,5 @@ export {
   C as A,
   o as a,
   A as g,
-  b as u
+  g as u
 };

package/dist/types/components/NotificationProvider/NotificationContainer.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps, FC } from 'react';
+
+export type NotificationsContainerProps = ComponentProps<"div">;
+export declare const NotificationContainer: FC<NotificationsContainerProps>;
+export default NotificationContainer;

package/dist/types/components/NotificationProvider/NotificationProvider.d.ts

@@ -1,7 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
 import { default as NotificationController } from './NotificationController';
+import { NotificationsContainerProps } from './NotificationContainer';
 
-type Props = PropsWithChildren;
+type Props = PropsWithChildren<NotificationsContainerProps>;
 export declare const useNotificationController: () => NotificationController;
 export declare const NotificationProvider: FC<Props>;
 export default NotificationProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.136",
+  "version": "0.1.0-alpha.137",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -271,7 +271,7 @@
   },
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.136",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.137",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -298,7 +298,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.136",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.137",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.1.2",
     "@storybook/addon-a11y": "^8.1.5",
@@ -374,5 +374,5 @@
       "optional": true
     }
   },
-  "gitHead": "670d2ad6f55eac8e94a114df0060adb77d364c3a"
+  "gitHead": "0b61dc89158f322fffd8e9618520400e43115827"
 }

package/dist/types/components/NotificationProvider/NotificationsContainer.d.ts

@@ -1,8 +0,0 @@
-import { ComponentProps, FC } from 'react';
-import { default as NotificationController } from './NotificationController';
-
-export interface NotificationsContainerProps extends ComponentProps<"div"> {
-    controller: NotificationController;
-}
-export declare const NotificationsContainer: FC<NotificationsContainerProps>;
-export default NotificationsContainer;