@mittwald/flow-react-components 0.1.0-alpha.122 → 0.1.0-alpha.124

package/dist/Switch.js

@@ -4,16 +4,16 @@ import e from "react";
 import * as n from "react-aria-components";
 import f from "clsx";
 import "@tabler/icons-react";
-import "./Icon-DhFv_0k_.js";
-import { I as p } from "./IconCheck-D8ys0_F5.js";
-import { I as h } from "./IconClose-BEe9M79E.js";
-import { L as w } from "./Label-DWCo1l63.js";
+import "./Icon-DXq5lwp4.js";
+import { I as p } from "./IconCheck-BLXj9z4I.js";
+import { I as h } from "./IconClose-BuJDcvk1.js";
+import { L as w } from "./Label-CfPzBQtx.js";
 import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as b } from "./flowComponent-Dha_9C4F.js";
+import { f as b } from "./flowComponent-Cv_SURLH.js";
 const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
   switch: "flow--switch",
   "label-leading": "flow--switch--label-leading",

package/dist/Tabs.js

@@ -1,27 +1,27 @@
 "use client"
 /* */
 import e, { useRef as h, useState as x, useEffect as M, useId as g, createContext as I, useContext as P } from "react";
-import * as C from "react-aria-components";
+import * as E from "react-aria-components";
 import { MenuTrigger as y } from "react-aria-components";
-import d from "clsx";
-import { TunnelExit as p, TunnelProvider as S, TunnelEntry as b } from "@mittwald/react-tunnel";
-import { f as O } from "./flowComponent-Dha_9C4F.js";
+import u from "clsx";
+import { TunnelExit as C, TunnelProvider as S, TunnelEntry as f } from "@mittwald/react-tunnel";
+import { f as O } from "./flowComponent-Cv_SURLH.js";
 import { useCallbackRef as B } from "use-callback-ref";
-import { C as K } from "./ContextMenu-BGfJXwpB.js";
-import { M as A } from "./MenuItem-CzSUuXS-.js";
-import { B as L } from "./Button-BGCNzfmU.js";
+import { C as K } from "./ContextMenu-ChxMleeO.js";
+import { M as A } from "./MenuItem-CgrBX4na.js";
+import { B as L } from "./Button-tEtjVHFC.js";
 import "@tabler/icons-react";
-import "./Icon-DhFv_0k_.js";
-import { I as F } from "./IconContextMenu-B9OI5d_u.js";
-import { T as R } from "./Text-DXApO_Re.js";
+import "./Icon-DXq5lwp4.js";
+import { I as F } from "./IconContextMenu-BtDEfs_U.js";
+import { T as R } from "./Text-DOQUStg_.js";
 import "./propsContext-CauylOgH.js";
-import { P as W } from "./PropsContextProvider-DZvwqHLP.js";
+import { P as W } from "./PropsContextProvider-ChpH8eF2.js";
 import "@react-aria/utils";
 import "remeda";
 const $ = "flow--tabs", k = "flow--tabs--list", j = {
   tabs: $,
   list: k
-}, q = "flow--tabs--tab-list", z = "flow--tabs--tab-list--context-menu-button", D = "flow--tabs--tab-list--titles", G = "flow--tabs--tab-list--collapsed", u = {
+}, q = "flow--tabs--tab-list", z = "flow--tabs--tab-list--context-menu-button", D = "flow--tabs--tab-list--titles", G = "flow--tabs--tab-list--collapsed", b = {
   tabList: q,
   contextMenuButton: z,
   titles: D,
@@ -50,22 +50,22 @@ const $ = "flow--tabs", k = "flow--tabs--list", j = {
     ref: o,
     isOverflowing: n
   };
-}, J = "flow--tabs--tab-title", Q = "flow--tabs--tab-title--text", U = "flow--tabs--tab-title--menu-item", f = {
+}, J = "flow--tabs--tab-title", Q = "flow--tabs--tab-title--text", U = "flow--tabs--tab-title--menu-item", p = {
   tabTitle: J,
   text: Q,
   menuItem: U
 }, V = (s) => {
-  const { className: n, ...r } = s, o = d(n, f.tabTitle);
-  return /* @__PURE__ */ e.createElement("div", { ...r, className: o, "data-selected": !0 }, /* @__PURE__ */ e.createElement(p, { id: "ActiveTitle" }));
+  const { className: n, ...r } = s, o = u(n, p.tabTitle);
+  return /* @__PURE__ */ e.createElement("div", { ...r, className: o, "data-selected": !0 }, /* @__PURE__ */ e.createElement(C, { id: "ActiveTitle" }));
 }, X = (s) => {
-  const { selection: n, disabledKeys: r, onContextMenuSelectionChange: o } = s, a = g(), c = H(), l = c.isOverflowing, t = d(u.tabList, l && u.collapsed), i = (N) => {
+  const { selection: n, disabledKeys: r, onContextMenuSelectionChange: o } = s, a = g(), c = H(), l = c.isOverflowing, t = u(b.tabList, l && b.collapsed), i = (N) => {
     const [v] = N;
     v && o(v);
-  }, E = /* @__PURE__ */ e.createElement(C.TabList, { className: u.titles, ref: c.ref }, /* @__PURE__ */ e.createElement(p, { id: "Titles" })), m = l && /* @__PURE__ */ e.createElement(V, { id: a }), T = l && /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(
+  }, m = /* @__PURE__ */ e.createElement(E.TabList, { className: b.titles, ref: c.ref }, /* @__PURE__ */ e.createElement(C, { id: "Titles" })), d = l && /* @__PURE__ */ e.createElement(V, { id: a }), T = l && /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(
     L,
     {
       variant: "soft",
-      className: u.contextMenuButton,
+      className: b.contextMenuButton,
       color: "secondary",
       "aria-labelledby": a
     },
@@ -78,61 +78,69 @@ const $ = "flow--tabs", k = "flow--tabs--list", j = {
       selectionMode: "navigation",
       onSelectionChange: i
     },
-    /* @__PURE__ */ e.createElement(p, { id: "ContextMenuItems" })
+    /* @__PURE__ */ e.createElement(C, { id: "ContextMenuItems" })
   ));
-  return /* @__PURE__ */ e.createElement("div", { className: t }, E, m, T);
+  return /* @__PURE__ */ e.createElement("div", { className: t }, m, d, T);
 }, Te = O("Tabs", (s) => {
-  const { children: n, className: r, defaultSelectedKey: o, disabledKeys: a, ...c } = s, l = d(j.tabs, r), [t, i] = x(
+  const {
+    children: n,
+    className: r,
+    defaultSelectedKey: o,
+    disabledKeys: a,
+    refProp: c,
+    ...l
+  } = s, t = u(j.tabs, r), [i, m] = x(
     o
   );
   return /* @__PURE__ */ e.createElement(S, null, n, /* @__PURE__ */ e.createElement(
-    C.Tabs,
+    E.Tabs,
     {
       slot: null,
-      className: l,
-      ...c,
-      selectedKey: t,
-      onSelectionChange: i,
-      disabledKeys: a
+      className: t,
+      ...l,
+      selectedKey: i,
+      onSelectionChange: m,
+      disabledKeys: a,
+      ref: c
     },
     /* @__PURE__ */ e.createElement(
       X,
       {
-        selection: t,
-        onContextMenuSelectionChange: i,
+        selection: i,
+        onContextMenuSelectionChange: m,
         disabledKeys: a
       }
     ),
-    /* @__PURE__ */ e.createElement(p, { id: "Panels" })
+    /* @__PURE__ */ e.createElement(C, { id: "Panels" })
   ));
 }), w = I({
   id: "undefined"
 }), Y = () => P(w), Z = w.Provider, ve = (s) => {
-  const { children: n, className: r, ...o } = s, { id: a } = Y(), c = d(f.tabTitle, r);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(b, { id: "Titles" }, /* @__PURE__ */ e.createElement(C.Tab, { ...o, id: a, className: c }, (l) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(R, { emulateBoldWidth: !0 }, /* @__PURE__ */ e.createElement("span", { className: f.text }, n)), /* @__PURE__ */ e.createElement(b, { id: "ActiveTitle" }, l.isSelected && n)))), /* @__PURE__ */ e.createElement(b, { id: "ContextMenuItems" }, /* @__PURE__ */ e.createElement(A, { className: f.menuItem, id: a }, n)));
+  const { children: n, className: r, ...o } = s, { id: a } = Y(), c = u(p.tabTitle, r);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(f, { id: "Titles" }, /* @__PURE__ */ e.createElement(E.Tab, { ...o, id: a, className: c }, (l) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(R, { emulateBoldWidth: !0 }, /* @__PURE__ */ e.createElement("span", { className: p.text }, n)), /* @__PURE__ */ e.createElement(f, { id: "ActiveTitle" }, l.isSelected && n)))), /* @__PURE__ */ e.createElement(f, { id: "ContextMenuItems" }, /* @__PURE__ */ e.createElement(A, { className: p.menuItem, id: a }, n)));
 }, _ = "flow--tabs--tab--tab-panel", ee = {
   tabPanel: _
 }, xe = (s) => {
-  const { children: n, className: r, id: o, ...a } = s, c = d(ee.tabPanel, r), l = g(), t = o ?? l, i = (E) => {
-    const m = E.state.selectedKey === t, T = {
+  const { children: n, className: r, id: o, ...a } = s, c = u(ee.tabPanel, r), l = g(), t = o ?? l, i = (m) => {
+    const d = m.state.selectedKey === t, T = {
       Content: {
-        isActive: m
+        isActive: d
       },
       Section: {
-        isActive: m
+        isActive: d
       }
     };
     return /* @__PURE__ */ e.createElement(
       W,
       {
         props: T,
-        dependencies: [m, n]
+        dependencies: [d, n]
       },
       n
     );
   };
-  return /* @__PURE__ */ e.createElement(b, { id: "Panels" }, /* @__PURE__ */ e.createElement(Z, { value: { id: t } }, /* @__PURE__ */ e.createElement(
-    C.TabPanel,
+  return /* @__PURE__ */ e.createElement(f, { id: "Panels" }, /* @__PURE__ */ e.createElement(Z, { value: { id: t } }, /* @__PURE__ */ e.createElement(
+    E.TabPanel,
     {
       className: c,
       shouldForceMount: !0,

package/dist/{Text-DXApO_Re.js → Text-DOQUStg_.js}

@@ -3,12 +3,12 @@
 import e from "react";
 import * as f from "react-aria-components";
 import { C as x } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as E } from "./PropsContextProvider-DZvwqHLP.js";
+import { P as E } from "./PropsContextProvider-ChpH8eF2.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
 import u from "invariant";
-import { f as T } from "./flowComponent-Dha_9C4F.js";
+import { f as T } from "./flowComponent-Cv_SURLH.js";
 import { E as d } from "./EmulatedBoldText-Dtox8Wd1.js";
 import { W as C } from "./Wrap-DGT1h1o3.js";
 const A = T("Text", (r) => {

package/dist/Text.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { T as a } from "./Text-DXApO_Re.js";
+import { T as a } from "./Text-DOQUStg_.js";
 export {
   a as Text,
   a as default

package/dist/TextArea.js

@@ -2,13 +2,13 @@
 /* */
 import e from "react";
 import * as n from "react-aria-components";
-import { T as p } from "./TextFieldBase-C7g5i_rC.js";
+import { T as p } from "./TextFieldBase-B6lQlCmE.js";
 import { C as i } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as c } from "./flowComponent-Dha_9C4F.js";
+import { f as c } from "./flowComponent-Cv_SURLH.js";
 const f = "flow--text-area", x = {
   textArea: f
 }, P = c("TextArea", (t) => {

package/dist/TextField.js

@@ -2,13 +2,13 @@
 /* */
 import e from "react";
 import * as s from "react-aria-components";
-import { T as a } from "./TextFieldBase-C7g5i_rC.js";
+import { T as a } from "./TextFieldBase-B6lQlCmE.js";
 import { C as n } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as p } from "./flowComponent-Dha_9C4F.js";
+import { f as p } from "./flowComponent-Cv_SURLH.js";
 const c = "flow--text-field", f = {
   textField: c
 }, w = p("TextField", (t) => {

package/dist/{TextFieldBase-C7g5i_rC.js → TextFieldBase-B6lQlCmE.js}

@@ -5,11 +5,11 @@ import * as n from "react-aria-components";
 import { s as e } from "./FormField.module-DHK6nIcD.js";
 import p from "clsx";
 import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
+import { P as f } from "./PropsContextProvider-ChpH8eF2.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { F as E } from "./FieldError--Qpixa12.js";
+import { F as E } from "./FieldError-Bl_SXH5M.js";
 const g = c(
   (o, F) => {
     const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {

package/dist/context-CEG7VfKL.js

@@ -0,0 +1,58 @@
+"use client"
+/* */
+var u = Object.defineProperty;
+var m = (e, t, o) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var a = (e, t, o) => (m(e, typeof t != "symbol" ? t + "" : t, o), o);
+import { useRef as C, createContext as f, useMemo as d, useContext as p } from "react";
+import { O as i, u as l } from "./index-BlZLqtIV.js";
+import { makeObservable as v, observable as x, action as w } from "mobx";
+import { u as b } from "./useSelector-DpU7_HMO.js";
+class r {
+  constructor() {
+    a(this, "state", "isIdle");
+    v(this, {
+      state: x,
+      updateState: w
+    });
+  }
+  static useNew() {
+    return C(new r()).current;
+  }
+  updateState(t) {
+    this.state = t;
+  }
+  useState() {
+    return b(() => this.state, [this]);
+  }
+}
+const c = f({
+  actionProps: {},
+  state: new r(),
+  overlayController: new i(),
+  confirmationModalController: new i(),
+  needsConfirmation: !1
+}), M = c.Provider, h = () => p(c), N = (e) => {
+  const t = h(), o = l(), n = r.useNew(), s = l();
+  return d(
+    () => ({
+      actionProps: e,
+      parentContext: t,
+      overlayController: o,
+      state: n,
+      confirmationModalController: s,
+      needsConfirmation: !1
+    }),
+    [
+      e,
+      t,
+      o,
+      n,
+      s
+    ]
+  );
+};
+export {
+  M as A,
+  N as a,
+  h as u
+};

package/dist/controller.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { O as l, u as o } from "./index-0qLHBjoi.js";
+import { O as l, u as o } from "./index-BlZLqtIV.js";
 export {
   l as OverlayController,
   o as useOverlayController

package/dist/{flowComponent-Dha_9C4F.js → flowComponent-Cv_SURLH.js}

@@ -1,14 +1,14 @@
 "use client"
 /* */
-import u, { isValidElement as l, forwardRef as C } from "react";
+import u, { isValidElement as d, forwardRef as C } from "react";
 import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
 import { u as x } from "./propsContext-CauylOgH.js";
 import { mergeProps as P } from "@react-aria/utils";
 import { pickBy as y, omit as h } from "remeda";
 import "dot-prop";
-import { P as b } from "./PropsContextProvider-DZvwqHLP.js";
-import { TunnelEntry as E } from "@mittwald/react-tunnel";
-const k = {
+import { P as E } from "./PropsContextProvider-ChpH8eF2.js";
+import { TunnelEntry as b } from "@mittwald/react-tunnel";
+const F = {
   Action: !0,
   Avatar: !0,
   Button: !0,
@@ -47,71 +47,72 @@ const k = {
   TextArea: !0,
   TextField: !0
 }, c = Object.keys(
-  k
+  F
 );
-function w(t) {
+function k(t) {
   return !!t && typeof t == "object" && "__dynamicProp" in t;
 }
 function m(t) {
   return typeof t == "string" && c.includes(t);
 }
-function F(t) {
+function w(t) {
   return !m(t);
 }
-const v = (t, r) => {
+const R = (t, r) => {
   const e = {};
-  for (const o in t)
-    if (F(o)) {
-      const n = t[o];
-      w(n) && (e[o] = n.__dynamicProp(r));
+  for (const n in t)
+    if (w(n)) {
+      const o = t[n];
+      k(o) && (e[n] = o.__dynamicProp(r));
     }
   return e;
 };
-function B(t) {
+function g(t) {
   return !!t && typeof t == "object" && "children" in t && !!t.children;
 }
-const T = (t) => y(t, (r, e) => m(e)), g = (t, r) => {
-  if (!B(r))
+const v = (t) => y(t, (r, e) => m(e)), B = (t, r) => {
+  if (!g(r))
     return {};
   const e = r.children;
-  if (!Array.isArray(e) && !l(e))
+  if (!Array.isArray(e) && !d(e))
     return {};
-  const o = T(t);
-  return Object.keys(o).length === 0 ? {} : {
-    children: /* @__PURE__ */ u.createElement(b, { props: o, mergeInParentContext: !0 }, r.children)
+  const n = v(t);
+  return Object.keys(n).length === 0 ? {} : {
+    children: /* @__PURE__ */ u.createElement(E, { props: n, mergeInParentContext: !0 }, r.children)
   };
-}, A = (t, r) => {
-  const e = x()[t], o = e ? v(e, r) : void 0, n = e ? g(e, r) : void 0;
+}, T = (t, r) => {
+  const e = x()[t], n = e ? R(e, r) : void 0, o = e ? B(e, r) : void 0;
   return P(
     e && h(e, c),
     r,
-    o,
-    n
+    n,
+    o
   );
-};
+}, A = (t) => /* @__PURE__ */ u.createElement(u.Fragment, null, t.children());
 function I(t, r) {
-  return C((e, o) => {
-    const { render: n, tunnelId: s, ...d } = A(
+  return C((e, n) => {
+    const { render: o, tunnelId: s, ...a } = T(
       t,
       e
     ), p = {
-      refProp: o,
-      ...d
+      refProp: n,
+      ...a
     };
     let i = /* @__PURE__ */ u.createElement(r, { ...p });
-    if (n) {
-      const a = I(
+    if (o) {
+      const l = I(
         t,
         r
       );
-      i = /* @__PURE__ */ u.createElement(f, null, n(
-        a,
+      i = /* @__PURE__ */ u.createElement(f, null, /* @__PURE__ */ u.createElement(A, null, () => o(
+        l,
         p
-      ));
+      )));
     }
-    return s && (i = /* @__PURE__ */ u.createElement(E, { id: s }, i)), i;
+    return s && (i = /* @__PURE__ */ u.createElement(b, { id: s }, i)), i;
   });
 }
 export {
+  A as R,
   I as f
 };

package/dist/hooks.js

@@ -2,7 +2,7 @@
 /* */
 import "mobx";
 import "react";
-import { u as l } from "./index-0qLHBjoi.js";
+import { u as l } from "./index-BlZLqtIV.js";
 export {
   l as useOverlayController
 };

package/dist/{index-0qLHBjoi.js → index-BlZLqtIV.js}

@@ -1,16 +1,16 @@
 "use client"
 /* */
-var a = Object.defineProperty;
-var p = (t, e, o) => e in t ? a(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var i = (t, e, o) => (p(t, typeof e != "symbol" ? e + "" : e, o), o);
-import { makeObservable as O, observable as c, action as s } from "mobx";
-import { useState as m, createContext as C, useContext as b } from "react";
+var p = Object.defineProperty;
+var a = (t, e, o) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var i = (t, e, o) => (a(t, typeof e != "symbol" ? e + "" : e, o), o);
+import { makeObservable as c, observable as O, action as s } from "mobx";
+import { useRef as m, createContext as C, useContext as b } from "react";
 import { u as d } from "./useSelector-DpU7_HMO.js";
 class n {
   constructor(e = !1) {
     i(this, "isOpen");
-    O(this, {
-      isOpen: c,
+    c(this, {
+      isOpen: O,
       open: s.bound,
       close: s.bound,
       toggle: s.bound,
@@ -18,7 +18,7 @@ class n {
     }), this.isOpen = e;
   }
   static useNew(e) {
-    return m(new n(e))[0];
+    return m(new n(e)).current;
   }
   open() {
     this.isOpen = !0;

package/dist/react-hook-form.js

@@ -3,11 +3,11 @@
 import r, { createContext as x, useContext as F } from "react";
 import { Controller as h } from "react-hook-form";
 import "./propsContext-CauylOgH.js";
-import { P as v } from "./PropsContextProvider-DZvwqHLP.js";
+import { P as v } from "./PropsContextProvider-ChpH8eF2.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as E } from "./dynamic-ClpUSmEt.js";
-import { F as P } from "./FieldError--Qpixa12.js";
+import { F as P } from "./FieldError-Bl_SXH5M.js";
 const d = x({}), b = d.Provider, g = () => F(d);
 function k(o) {
   var l;