@mittwald/flow-react-components 0.1.0-alpha.419 → 0.1.0-alpha.420

package/dist/js/Markdown.js

@@ -7,7 +7,7 @@ import { T as m } from "./Text-C7Akf24Y.js";
 import { I as g } from "./InlineCode-6EfCoef4.js";
 import { H as n } from "./Heading-s0GGZftx.js";
 import { S as k } from "./Separator-BCaor8Yd.js";
-import { C as N } from "./CodeBlock-CuioozIA.js";
+import { C as N } from "./CodeBlock-CO_A4KZ1.js";
 const v = "flow--markdown", r = {
   markdown: v
 }, A = (d) => {

package/dist/js/Modal.js

@@ -8,15 +8,15 @@ import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as g, TunnelExit as u } from "@mittwald/react-tunnel";
 import { f as v } from "./flowComponent-B1r5sCmz.js";
-import { O as w } from "./Overlay-BwfQD0k1.js";
+import { O as w } from "./Overlay-C9X7ovU-.js";
 import { H as h } from "./Header-DzHecOxx.js";
-import { A as C } from "./Action-C6RX6wSX.js";
+import { A as C } from "./Action-DdTtAlW3.js";
 import { B as E } from "./Button-BHFXhYtp.js";
 import "@tabler/icons-react";
 import "./Icon-mUEZToWz.js";
 import { I as z } from "./IconClose-njz0vW4D.js";
 import * as y from "react-aria-components";
-import { a as N } from "./OverlayTrigger-j2zD8W4S.js";
+import { a as N } from "./OverlayTrigger-AlmeaOft.js";
 const P = "flow--modal", T = "flow--modal--off-canvas", x = "flow--modal--header", M = "flow--modal--content", O = "flow--modal--action-group", A = "flow--modal--left", e = {
   modal: P,
   offCanvas: T,

package/dist/js/NotificationProvider.js

@@ -3,13 +3,13 @@
 var C = Object.defineProperty;
 var w = (o, t, e) => t in o ? C(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
 var n = (o, t, e) => w(o, typeof t != "symbol" ? t + "" : t, e);
-import s, { useRef as A, cloneElement as v, Suspense as D, createContext as E, useContext as N } from "react";
-import { u as g } from "./useSelector-DpU7_HMO.js";
+import s, { cloneElement as A, Suspense as v, createContext as D, useContext as E } from "react";
+import { u as N, a as g } from "./useStatic-FXPyFF3K.js";
 import { makeObservable as x, observable as y, action as u } from "mobx";
 import { Duration as m, DateTime as l } from "luxon";
 import b from "react-dom";
 import I from "clsx";
-import { LazyMotion as M, domAnimation as P, AnimatePresence as S, m as k } from "framer-motion";
+import { LazyMotion as M, domAnimation as S, AnimatePresence as P, m as k } from "framer-motion";
 import { useIsSSR as L } from "react-aria";
 class R {
   constructor() {
@@ -66,7 +66,7 @@ class r {
     });
   }
   static useNew() {
-    return A(new r()).current;
+    return N(() => new r());
   }
   useNotifications() {
     return g(() => Array.from(this.notificationsData.values()));
@@ -93,7 +93,7 @@ const B = "flow--notification-provider--notification-container", O = "flow--noti
   notification: O
 }, z = (o) => {
   const { notification: t, controller: e } = o;
-  return v(t.element, {
+  return A(t.element, {
     onMouseEnter: () => {
       t.element.props.autoClose && t.meta.autoCloseTimer.pause();
     },
@@ -112,7 +112,7 @@ const B = "flow--notification-provider--notification-container", O = "flow--noti
     }
   });
 }, F = (o) => {
-  const { className: t, ...e } = o, i = j(), a = i.useNotifications(), p = L(), h = I(d.notificationContainer, t), T = /* @__PURE__ */ s.createElement(M, { features: P }, /* @__PURE__ */ s.createElement("div", { className: h, ...e }, /* @__PURE__ */ s.createElement(S, null, a.map((c) => /* @__PURE__ */ s.createElement(
+  const { className: t, ...e } = o, i = j(), a = i.useNotifications(), p = L(), h = I(d.notificationContainer, t), T = /* @__PURE__ */ s.createElement(M, { features: S }, /* @__PURE__ */ s.createElement("div", { className: h, ...e }, /* @__PURE__ */ s.createElement(P, null, a.map((c) => /* @__PURE__ */ s.createElement(
     k.div,
     {
       className: d.notification,
@@ -124,7 +124,7 @@ const B = "flow--notification-provider--notification-container", O = "flow--noti
         bounce: 0
       }
     },
-    /* @__PURE__ */ s.createElement(D, null, /* @__PURE__ */ s.createElement(
+    /* @__PURE__ */ s.createElement(v, null, /* @__PURE__ */ s.createElement(
       z,
       {
         notification: c,
@@ -133,9 +133,9 @@ const B = "flow--notification-provider--notification-container", O = "flow--noti
     ))
   )))));
   return p ? null : b.createPortal(T, document.body);
-}, f = E(
+}, f = D(
   new r()
-), j = () => N(f), X = (o) => {
+), j = () => E(f), X = (o) => {
   const { children: t, ...e } = o, i = r.useNew();
   return /* @__PURE__ */ s.createElement(f.Provider, { value: i }, /* @__PURE__ */ s.createElement(F, { ...e }), t);
 };

package/dist/js/{Option-gR-s-VhK.js → Option-Cj18P7AI.js}

@@ -2,7 +2,7 @@
 /* */
 import c from "react";
 import * as i from "react-aria-components";
-import { P as m } from "./Popover-BXgT1HK0.js";
+import { P as m } from "./Popover-CUcQMlfm.js";
 import p from "clsx";
 import { f } from "./flowComponent-B1r5sCmz.js";
 const w = "flow--options--popover", v = "flow--options", a = {

package/dist/js/{Overlay-BwfQD0k1.js → Overlay-C9X7ovU-.js}

@@ -4,8 +4,8 @@ import * as r from "react-aria-components";
 import e from "react";
 import v from "clsx";
 import "mobx";
-import { u as O } from "./useOverlayController-BwSJj4Ly.js";
-import { O as f } from "./OverlayTrigger-j2zD8W4S.js";
+import { u as O } from "./useOverlayController-ZXQCcFC-.js";
+import { O as f } from "./OverlayTrigger-AlmeaOft.js";
 const u = "flow--overlay", d = {
   overlay: u,
   "overlay-fade": "flow--overlay--overlay-fade"

package/dist/js/{OverlayTrigger-j2zD8W4S.js → OverlayTrigger-AlmeaOft.js}

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import e from "react";
-import { u as m, o as v, O as y } from "./context-BaYmTa0I.js";
+import { u as m, o as v, O as y } from "./context-JScptH87.js";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as O } from "./PropsContextProvider.js";
 import "@react-aria/utils";

package/dist/js/{Popover-BXgT1HK0.js → Popover-CUcQMlfm.js}

@@ -2,11 +2,11 @@
 /* */
 import * as r from "react-aria-components";
 import e from "react";
-import { a as y, O as E } from "./OverlayTrigger-j2zD8W4S.js";
+import { a as y, O as E } from "./OverlayTrigger-AlmeaOft.js";
 import { f as i } from "./flowComponent-B1r5sCmz.js";
 import a from "clsx";
 import "mobx";
-import { u as x } from "./useOverlayController-BwSJj4Ly.js";
+import { u as x } from "./useOverlayController-ZXQCcFC-.js";
 const R = i("PopoverTrigger", (t) => {
   const { children: n, ...p } = t;
   return /* @__PURE__ */ e.createElement(

package/dist/js/Popover.js

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

package/dist/js/{Section-BOVKcyG5.js → Section-D_VzVuOz.js}

@@ -7,7 +7,7 @@ import { PropsContextProvider as h } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { f as u } from "./flowComponent-B1r5sCmz.js";
-import { C as S } from "./ContextMenuSection-CMK-apnP.js";
+import { C as S } from "./ContextMenuSection-D1i0qzNl.js";
 const C = "flow--section", g = "flow--section--hide-separator", x = "flow--section--heading", o = {
   section: C,
   hideSeparator: g,

package/dist/js/Section.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as t } from "./Section-BOVKcyG5.js";
+import { S as t } from "./Section-D_VzVuOz.js";
 export {
   t as Section,
   t as default

package/dist/js/Select.js

@@ -13,10 +13,10 @@ import "@tabler/icons-react";
 import "./Icon-mUEZToWz.js";
 import { I as K } from "./IconChevronDown-DeqeNFTL.js";
 import { f as S } from "./flowComponent-B1r5sCmz.js";
-import { O as P, a as b } from "./Option-gR-s-VhK.js";
+import { O as P, a as b } from "./Option-Cj18P7AI.js";
 import { TunnelProvider as L, TunnelExit as F } from "@mittwald/react-tunnel";
 import "mobx";
-import { u as R } from "./useOverlayController-BwSJj4Ly.js";
+import { u as R } from "./useOverlayController-ZXQCcFC-.js";
 import { useLocalizedStringFormatter as k } from "react-aria";
 const y = "flow--select", D = "flow--select--toggle", l = {
   select: y,

package/dist/js/Tabs.js

@@ -6,9 +6,9 @@ import u from "clsx";
 import { TunnelExit as E, TunnelProvider as P, TunnelEntry as f } from "@mittwald/react-tunnel";
 import { f as O } from "./flowComponent-B1r5sCmz.js";
 import { useCallbackRef as S } from "use-callback-ref";
-import { a as A, C as B } from "./ContextMenuTrigger-D-IVwEDc.js";
+import { a as A, C as B } from "./ContextMenuTrigger-Bc1ziP-n.js";
 import { M as K } from "./MenuItem-C6RgW6U3.js";
-import "./ContextMenuSection-CMK-apnP.js";
+import "./ContextMenuSection-D1i0qzNl.js";
 import { B as L } from "./Button-BHFXhYtp.js";
 import "@tabler/icons-react";
 import "./Icon-mUEZToWz.js";

package/dist/js/{context-BaYmTa0I.js → context-JScptH87.js}

@@ -1,18 +1,18 @@
 "use client"
 /* */
-var r = Object.defineProperty;
-var a = (s, e, n) => e in s ? r(s, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[e] = n;
-var t = (s, e, n) => a(s, typeof e != "symbol" ? e + "" : e, n);
-import { makeObservable as u, observable as i, action as O } from "mobx";
-import { u as d } from "./useSelector-DpU7_HMO.js";
-import { useRef as o, createContext as h, useContext as c } from "react";
+var a = Object.defineProperty;
+var r = (s, e, n) => e in s ? a(s, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[e] = n;
+var t = (s, e, n) => r(s, typeof e != "symbol" ? e + "" : e, n);
+import { makeObservable as i, observable as u, action as O } from "mobx";
+import { u as d, a as o } from "./useStatic-FXPyFF3K.js";
+import { createContext as h, useContext as c } from "react";
 class l {
   constructor(e) {
     t(this, "isOpen");
     t(this, "onOpenHandlers", /* @__PURE__ */ new Set());
     t(this, "onCloseHandlers", /* @__PURE__ */ new Set());
-    u(this, {
-      isOpen: i,
+    i(this, {
+      isOpen: u,
       open: O.bound,
       close: O.bound,
       toggle: O.bound,
@@ -20,7 +20,7 @@ class l {
     }), this.isOpen = (e == null ? void 0 : e.isDefaultOpen) ?? !1, e != null && e.onOpen && this.onOpenHandlers.add(e.onOpen), e != null && e.onClose && this.onCloseHandlers.add(e.onClose);
   }
   static useNew(e) {
-    return o(new l(e)).current;
+    return d(() => new l(e));
   }
   addOnOpen(e) {
     return this.onOpenHandlers.add(e), () => {
@@ -51,7 +51,7 @@ class l {
     this.isOpen = e, e ? this.executeOnOpen() : this.executeOnClose();
   }
   useIsOpen() {
-    return d(() => this.isOpen);
+    return o(() => this.isOpen);
   }
 }
 const p = h({}), b = () => c(p);

package/dist/js/controller.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { O as e } from "./context-BaYmTa0I.js";
-import { u as a } from "./useOverlayController-BwSJj4Ly.js";
+import { O as e } from "./context-JScptH87.js";
+import { u as a } from "./useOverlayController-ZXQCcFC-.js";
 export {
   e as OverlayController,
   a as useOverlayController

package/dist/js/{getActionGroupSlot-BHzMGEA7.js → getActionGroupSlot-ByIakli9.js}

@@ -3,9 +3,9 @@
 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);
-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 y } from "mobx";
-import { u as b } from "./useSelector-DpU7_HMO.js";
+import d, { createContext as l, useEffect as m, useContext as S } from "react";
+import { makeObservable as p, observable as v, action as a, computed as f } from "mobx";
+import { u as y, a as b } from "./useStatic-FXPyFF3K.js";
 class o {
   constructor() {
     r(this, "states", /* @__PURE__ */ new Set());
@@ -13,15 +13,15 @@ class o {
       states: v,
       addState: a,
       removeState: a,
-      isBusy: y
+      isBusy: f
     });
   }
   static useNew() {
-    return m(new o()).current;
+    return y(() => new o());
   }
   static useRegisterState(t) {
     const e = g();
-    S(() => (e == null || e.addState(t), () => {
+    m(() => (e == null || e.addState(t), () => {
       e == null || e.removeState(t);
     }), [e, t]);
   }
@@ -46,7 +46,7 @@ const n = l(void 0), C = (s) => {
   return /* @__PURE__ */ d.createElement(n.Provider, { value: e }, t);
 }, g = () => {
   const s = o.useNew();
-  return f(n) ?? s;
+  return S(n) ?? s;
 }, A = (s) => {
   const { slot: t, ...e } = s, c = e.color === void 0 || e.color === "primary" || e.color === "danger" || e.color === "accent" ? "primary" : "abort";
   return t ?? c;

package/dist/js/hooks.js

@@ -2,7 +2,7 @@
 /* */
 import "mobx";
 import { useState as o, useEffect as r } from "react";
-import { u as m } from "./useOverlayController-BwSJj4Ly.js";
+import { u as m } from "./useOverlayController-ZXQCcFC-.js";
 import { u as l } from "./useOnChange-C1Quwyuz.js";
 const n = () => {
   const [e, t] = o(!1);

package/dist/js/react-hook-form.js

@@ -8,7 +8,7 @@ import "@react-aria/utils";
 import "remeda";
 import { d as F } from "./dynamic-ClpUSmEt.js";
 import { F as A } from "./FieldError-C-_2QNam.js";
-import { a as P, A as y } from "./Action-C6RX6wSX.js";
+import { a as P, A as y } from "./Action-DdTtAlW3.js";
 const C = x({}), V = C.Provider, f = () => v(C);
 function D(t) {
   var i;

package/dist/js/types/components/List/model/loading/IncrementalLoaderState.d.ts

@@ -1,5 +1,5 @@
-import { AsyncResource } from '@mittwald/react-use-promise';
 import { ListData } from './types';
+import { AsyncResource } from '@mittwald/react-use-promise';
 type AsyncResourceLoadingState = AsyncResource["state"]["value"];
 type DataBatches<T> = ListData<T>[];
 type BatchesLoadingState = AsyncResourceLoadingState[];

package/dist/js/types/lib/hooks/useStatic.d.ts

@@ -0,0 +1 @@
+export declare const useStatic: <T>(factory: () => T) => T;

package/dist/js/{useOverlayController-BwSJj4Ly.js → useOverlayController-ZXQCcFC-.js}

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { O as C, u as O } from "./context-BaYmTa0I.js";
+import { O as C, u as O } from "./context-JScptH87.js";
 import { useEffect as f } from "react";
 const d = (s, l = {}) => {
   const {

package/dist/js/useStatic-FXPyFF3K.js

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { autorun as u } from "mobx";
+import { useState as e, useEffect as c } from "react";
+const f = (t, r = []) => {
+  const [o, s] = e(t());
+  return c(() => u(() => {
+    s(t());
+  }), r), o;
+}, m = (t) => e(() => t())[0];
+export {
+  f as a,
+  m as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.419",
+  "version": "0.1.0-alpha.420",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -440,7 +440,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.6.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.419",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.420",
     "@mittwald/react-use-promise": "^2.6.0",
     "@react-aria/form": "^3.0.11",
     "@react-aria/utils": "^3.26.0",
@@ -471,7 +471,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.419",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.420",
     "@mittwald/react-use-promise": "^2.6.0",
     "@nx/storybook": "^20.1.3",
     "@storybook/addon-a11y": "^8.4.5",
@@ -566,5 +566,5 @@
       }
     }
   },
-  "gitHead": "713e6c7986991cdbc7a36f2ce001cee08463243f"
+  "gitHead": "194f7486f370f7dd0d0051ecbe50ab126fec46cd"
 }

package/dist/js/useSelector-DpU7_HMO.js

@@ -1,13 +0,0 @@
-"use client"
-/* */
-import { autorun as u } from "mobx";
-import { useState as s, useEffect as c } from "react";
-const m = (e, t = []) => {
-  const [r, o] = s(e());
-  return c(() => u(() => {
-    o(e());
-  }), t), r;
-};
-export {
-  m as u
-};