@mittwald/flow-react-components 0.1.0-alpha.131 → 0.1.0-alpha.133

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

@@ -2,12 +2,12 @@
 /* */
 import t from "react";
 import "@tabler/icons-react";
-import "./Icon-DdmDlHdu.js";
-import { I as m } from "./IconDanger-DJImCjO3.js";
-import { I as f, a as l, b as I } from "./IconWarning-Cl_jqXKr.js";
+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 { useLocalizedStringFormatter as g } from "react-aria";
-import { C as p } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";

package/dist/StatusIcon.js

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

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-DdmDlHdu.js";
-import { I as p } from "./IconCheck-B1Dn4nJ7.js";
-import { I as h } from "./IconClose-BuwjCtDl.js";
-import { L as w } from "./Label-BK1BkCCd.js";
-import { C as d } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "./Icon-D4bkU_pz.js";
+import { I as p } from "./IconCheck-CMWmQYpS.js";
+import { I as h } from "./IconClose-FTrJdf_N.js";
+import { L as w } from "./Label-CJi7iMmE.js";
+import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as b } from "./flowComponent-CpHt0lsO.js";
+import { f as b } from "./flowComponent-CPKCCJEg.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

@@ -4,17 +4,17 @@ import e, { useRef as h, useState as v, useEffect as M, useId as g, createContex
 import * as E from "react-aria-components";
 import u from "clsx";
 import { TunnelExit as C, TunnelProvider as y, TunnelEntry as f } from "@mittwald/react-tunnel";
-import { f as S } from "./flowComponent-CpHt0lsO.js";
+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-AyIRlUZ8.js";
-import { M as A } from "./MenuItem-DL25To7v.js";
-import { B as L } from "./Button-DAoWF37n.js";
+import { a as B, C as K } from "./ContextMenuTrigger-BwhLrGm5.js";
+import { M as A } from "./MenuItem-Dny58Rqq.js";
+import { B as L } from "./Button-BPAhEOTg.js";
 import "@tabler/icons-react";
-import "./Icon-DdmDlHdu.js";
-import { I as F } from "./IconContextMenu-Cbh6mtE6.js";
-import { T as R } from "./Text-CZrXXfX3.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
-import { P as W } from "./PropsContextProvider-B7e3QrmR.js";
+import "./Icon-D4bkU_pz.js";
+import { I as F } from "./IconContextMenu-Bmk1_j_0.js";
+import { T as R } from "./Text-D6e-S6em.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as W } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 const $ = "flow--tabs", k = "flow--tabs--list", j = {

package/dist/{Text-CZrXXfX3.js → Text-D6e-S6em.js}

@@ -2,13 +2,13 @@
 /* */
 import e from "react";
 import * as f from "react-aria-components";
-import { C as x } from "./ClearPropsContext-mes1t7Bj.js";
-import { P as E } from "./PropsContextProvider-B7e3QrmR.js";
+import { C as x } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as E } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import u from "invariant";
-import { f as T } from "./flowComponent-CpHt0lsO.js";
+import { f as T } from "./flowComponent-CPKCCJEg.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-CZrXXfX3.js";
+import { T as a } from "./Text-D6e-S6em.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-BItZ1rm6.js";
-import { C as i } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { T as p } from "./TextFieldBase-D6wA8562.js";
+import { C as i } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as c } from "./flowComponent-CpHt0lsO.js";
+import { f as c } from "./flowComponent-CPKCCJEg.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-BItZ1rm6.js";
-import { C as n } from "./ClearPropsContext-mes1t7Bj.js";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import { T as a } from "./TextFieldBase-D6wA8562.js";
+import { C as n } from "./ClearPropsContext-CUvsbMn8.js";
+import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as p } from "./flowComponent-CpHt0lsO.js";
+import { f as p } from "./flowComponent-CPKCCJEg.js";
 const c = "flow--text-field", f = {
   textField: c
 }, w = p("TextField", (t) => {

package/dist/{TextFieldBase-BItZ1rm6.js → TextFieldBase-D6wA8562.js}

@@ -4,12 +4,12 @@ import r, { forwardRef as c } from "react";
 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-mes1t7Bj.js";
-import { P as f } from "./PropsContextProvider-B7e3QrmR.js";
+import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
+import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as E } from "./FieldError-BKoqRvQY.js";
+import { F as E } from "./FieldError-D_VRyiJG.js";
 const g = c(
   (o, F) => {
     const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {

package/dist/flowComponent-CPKCCJEg.js

@@ -0,0 +1,120 @@
+"use client"
+/* */
+import s, { isValidElement as C, forwardRef as f, cloneElement as x } from "react";
+import { u as P } from "./propsContext-DzAKlmhS.js";
+import { mergeProps as y } from "@react-aria/utils";
+import { pickBy as h, omitBy as v } from "remeda";
+import "dot-prop";
+import { P as E } from "./PropsContextProvider-C6Z4XGp6.js";
+import { TunnelEntry as b } from "@mittwald/react-tunnel";
+import { u as S, s as g } from "./slotContext-DoCFkzCA.js";
+const k = {
+  Action: !0,
+  ActionGroup: !0,
+  Avatar: !0,
+  Button: !0,
+  Checkbox: !0,
+  CheckboxButton: !0,
+  CheckboxGroup: !0,
+  Content: !0,
+  ContextMenu: !0,
+  CopyButton: !0,
+  CounterBadge: !0,
+  FieldDescription: !0,
+  FieldError: !0,
+  Header: !0,
+  Heading: !0,
+  Icon: !0,
+  Image: !0,
+  Initials: !0,
+  InlineAlert: !0,
+  Label: !0,
+  LayoutCard: !0,
+  Link: !0,
+  MenuItem: !0,
+  Modal: !0,
+  NumberField: !0,
+  Radio: !0,
+  Option: !0,
+  RadioButton: !0,
+  RadioGroup: !0,
+  Section: !0,
+  Select: !0,
+  Slider: !0,
+  StatusBadge: !0,
+  Switch: !0,
+  Tabs: !0,
+  TestComponent: !0,
+  Text: !0,
+  TextArea: !0,
+  TextField: !0
+}, l = Object.keys(
+  k
+);
+function a(t) {
+  return !!t && typeof t == "object" && "__dynamicProp" in t;
+}
+function m(t) {
+  return typeof t == "string" && l.includes(t);
+}
+function w(t) {
+  return !m(t);
+}
+const B = (t, o) => {
+  const r = {};
+  for (const e in t)
+    if (w(e)) {
+      const n = t[e];
+      a(n) && (r[e] = n.__dynamicProp(o));
+    }
+  return r;
+};
+function T(t) {
+  return !!t && typeof t == "object" && "children" in t && !!t.children;
+}
+const A = (t) => h(t, (o, r) => m(r)), I = (t, o) => {
+  if (!T(o))
+    return {};
+  const r = o.children;
+  if (!Array.isArray(r) && !C(r))
+    return {};
+  const e = A(t);
+  return Object.keys(e).length === 0 ? {} : {
+    children: /* @__PURE__ */ s.createElement(E, { props: e, mergeInParentContext: !0 }, r)
+  };
+}, F = (t, o) => {
+  const e = P()[t], n = e ? B(e, o) : void 0, u = e ? I(e, o) : void 0;
+  return y(
+    e && v(
+      e,
+      (p, c) => l.includes(
+        c
+      ) || a(p)
+    ),
+    o,
+    n,
+    u
+  );
+}, R = (t) => {
+  const { slot: o, component: r, children: e } = t, u = {
+    ...S(),
+    [r]: o
+  };
+  return /* @__PURE__ */ s.createElement(g.Provider, { value: u }, e);
+};
+function O(t, o) {
+  return f((r, e) => {
+    const { tunnelId: n, wrapWith: u, ...p } = F(
+      t,
+      r
+    ), d = {
+      refProp: e,
+      ...p
+    };
+    let i = /* @__PURE__ */ s.createElement(o, { ...d });
+    return "slot" in r && r.slot && (i = /* @__PURE__ */ s.createElement(R, { slot: r.slot, component: t }, i)), u && (i = x(u, void 0, i)), n && (i = /* @__PURE__ */ s.createElement(b, { id: n }, i)), i;
+  });
+}
+export {
+  O as f
+};

package/dist/getActionGroupSlot-izllH4ID.js

@@ -0,0 +1,59 @@
+"use client"
+/* */
+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";
+class o {
+  constructor() {
+    r(this, "states", /* @__PURE__ */ new Set());
+    p(this, {
+      states: v,
+      addState: a,
+      removeState: a,
+      isBusy: h
+    });
+  }
+  static useNew() {
+    return m(new o()).current;
+  }
+  static useRegisterState(t) {
+    const e = b();
+    S(() => (e == null || e.addState(t), () => {
+      e == null || e.removeState(t);
+    }), [e, t]);
+  }
+  addState(t) {
+    this.states.add(t);
+  }
+  removeState(t) {
+    this.states.delete(t);
+  }
+  useIsBusy() {
+    return y(() => this.isBusy, [this.states.size]);
+  }
+  get isBusy() {
+    for (const t of this.states)
+      if (t.isBusy)
+        return !0;
+    return !1;
+  }
+}
+const n = l(void 0), C = (s) => {
+  const { children: t } = s, e = o.useNew();
+  return /* @__PURE__ */ d.createElement(n.Provider, { value: e }, t);
+}, b = () => {
+  const s = o.useNew();
+  return f(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;
+};
+export {
+  C as A,
+  o as a,
+  A as g,
+  b as u
+};

package/dist/propsContext-DzAKlmhS.js

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import { createContext as o, useContext as e } from "react";
+const t = o({});
+t.Provider;
+const s = () => e(t);
+export {
+  t as p,
+  s as u
+};

package/dist/react-hook-form.js

@@ -2,16 +2,16 @@
 /* */
 import r, { createContext as x, useContext as F } from "react";
 import { Controller as h } from "react-hook-form";
-import "./ComponentRenderContextProvider-C-1_ziLI.js";
-import { P as v } from "./PropsContextProvider-B7e3QrmR.js";
+import "./propsContext-DzAKlmhS.js";
+import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as E } from "./dynamic-ClpUSmEt.js";
-import { F as P } from "./FieldError-BKoqRvQY.js";
-const d = x({}), b = d.Provider, g = () => F(d);
-function k(o) {
+import { F as P } from "./FieldError-D_VRyiJG.js";
+const d = x({}), b = d.Provider, S = () => F(d);
+function g(o) {
   var l;
-  const { children: n, control: i, ...t } = o, p = (l = g().form) == null ? void 0 : l.control;
+  const { children: n, control: i, ...t } = o, p = (l = S().form) == null ? void 0 : l.control;
   return /* @__PURE__ */ r.createElement(
     h,
     {
@@ -37,7 +37,8 @@ function k(o) {
           Switch: e,
           TextArea: e,
           TextField: e,
-          Select: e
+          Select: e,
+          Slider: e
         };
         return /* @__PURE__ */ r.createElement(
           v,
@@ -51,13 +52,13 @@ function k(o) {
     }
   );
 }
-const A = (o) => k;
+const A = (o) => g;
 function I(o) {
   const { form: n, children: i, ...t } = o;
   return /* @__PURE__ */ r.createElement(b, { value: { form: n } }, /* @__PURE__ */ r.createElement("form", { ...t }, i));
 }
 export {
-  k as Controller,
+  g as Controller,
   I as Form,
   A as typedController
 };

package/dist/slotContext-DoCFkzCA.js

@@ -0,0 +1,8 @@
+"use client"
+/* */
+import { createContext as t, useContext as o } from "react";
+const e = t({}), n = () => o(e);
+export {
+  e as s,
+  n as u
+};