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

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/Notification.js

@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
 import { P as w } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { S as g } from "./StatusIcon-Dj5p-iL1.js";
+import { S as g } from "./StatusIcon-l795M3JX.js";
 import { L as h } from "./Link-CcYCy_KC.js";
 import { B as k } from "./Button-BPAhEOTg.js";
 import "@tabler/icons-react";

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/StatusBadge.js

@@ -2,7 +2,7 @@
 /* */
 import t from "react";
 import l from "clsx";
-import { S as f } from "./StatusIcon-Dj5p-iL1.js";
+import { S as f } from "./StatusIcon-l795M3JX.js";
 import { T as i } from "./Text-D6e-S6em.js";
 import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";

package/dist/{StatusIcon-Dj5p-iL1.js → StatusIcon-l795M3JX.js}

@@ -4,7 +4,8 @@ import t from "react";
 import "@tabler/icons-react";
 import "./Icon-D4bkU_pz.js";
 import { I as m } from "./IconDanger-PwvUWqzQ.js";
-import { I as f, a as l, b as I } from "./IconWarning-DFG_1t6M.js";
+import { I as f } from "./IconInfo-Dzy8qZId.js";
+import { I, a as l } from "./IconWarning-DHYHv9V-.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
@@ -34,9 +35,9 @@ const S = {
 }, F = {
   danger: m,
   info: f,
-  success: l,
-  warning: I
-}, q = (n) => {
+  success: I,
+  warning: l
+}, v = (n) => {
   const { status: s = "info", className: a, ...c } = n, r = w(o.statusIcon, o[s], a), e = g(S), i = F[s], u = {
     className: r,
     "aria-label": e.format(`statusIcon.${s}`),
@@ -45,5 +46,5 @@ const S = {
   return /* @__PURE__ */ t.createElement(p, null, /* @__PURE__ */ t.createElement(i, { ...u }));
 };
 export {
-  q as S
+  v as S
 };

package/dist/StatusIcon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as a } from "./StatusIcon-Dj5p-iL1.js";
+import { S as a } from "./StatusIcon-l795M3JX.js";
 export {
   a as StatusIcon,
   a as default

package/dist/Tabs.js

@@ -6,7 +6,7 @@ import u from "clsx";
 import { TunnelExit as C, TunnelProvider as y, TunnelEntry as f } from "@mittwald/react-tunnel";
 import { f as S } from "./flowComponent-CPKCCJEg.js";
 import { useCallbackRef as O } from "use-callback-ref";
-import { a as B, C as K } from "./ContextMenuTrigger-BwhLrGm5.js";
+import { a as B, C as K } from "./ContextMenuTrigger-DjZx2IST.js";
 import { M as A } from "./MenuItem-Dny58Rqq.js";
 import { B as L } from "./Button-BPAhEOTg.js";
 import "@tabler/icons-react";

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
 };