@mittwald/flow-react-components 0.1.0-alpha.185 → 0.1.0-alpha.187

package/dist/{Accordion-D6IGGC6n.js → Accordion-CQNHfz3Y.js}

@@ -7,7 +7,7 @@ import { P as N } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d } from "./dynamic-ClpUSmEt.js";
-import { B as w } from "./Button-BRmT11B1.js";
+import { B as w } from "./Button-DlP30MUz.js";
 import "@tabler/icons-react";
 import "./Icon-BCN5qdXA.js";
 import { I as y } from "./IconChevronDown-d3q78pVs.js";

package/dist/Accordion.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as r } from "./Accordion-D6IGGC6n.js";
+import { A as r } from "./Accordion-CQNHfz3Y.js";
 export {
   r as Accordion,
   r as default

package/dist/{Button-BRmT11B1.js → Button-DlP30MUz.js}

@@ -12,7 +12,7 @@ import "@tabler/icons-react";
 import "./Icon-BCN5qdXA.js";
 import { I as h, a as I } from "./IconSucceeded-BXmn4l1i.js";
 import { W as f } from "./Wrap-DGT1h1o3.js";
-import { T as N } from "./Text-SLaOJhzj.js";
+import { T as N } from "./Text-Cf6YXkaU.js";
 import { f as B } from "./flowComponent-CwV0a4FM.js";
 import { L as k } from "./LoadingSpinner-D8TQ918m.js";
 import { useLocalizedStringFormatter as A } from "react-aria";

package/dist/Button.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { B as o } from "./Button-BRmT11B1.js";
+import { B as o } from "./Button-DlP30MUz.js";
 export {
   o as Button,
   o as default

package/dist/ContextMenu.js

@@ -2,7 +2,7 @@
 /* */
 import { C as t } from "./ContextMenuTrigger-DuiGa0Zj.js";
 import { a } from "./ContextMenuTrigger-DuiGa0Zj.js";
-import { M as n } from "./MenuItem-Cb7EDu-b.js";
+import { M as n } from "./MenuItem-CB1ga-U-.js";
 export {
   t as ContextMenu,
   a as ContextMenuTrigger,

package/dist/CopyButton.js

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import a from "copy-to-clipboard";
-import { B as i } from "./Button-BRmT11B1.js";
+import { B as i } from "./Button-DlP30MUz.js";
 import "@tabler/icons-react";
 import "./Icon-BCN5qdXA.js";
 import { I as c } from "./IconCopy-C3V1hvRq.js";

package/dist/{FieldDescription-BODxBmfa.js → FieldDescription-BdJwrLq6.js}

@@ -7,7 +7,7 @@ import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { T as p } from "./Text-SLaOJhzj.js";
+import { T as p } from "./Text-Cf6YXkaU.js";
 import { f as c } from "./flowComponent-CwV0a4FM.js";
 const a = "flow--field-description", f = {
   fieldDescription: a

package/dist/FieldDescription.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { F as i } from "./FieldDescription-BODxBmfa.js";
+import { F as i } from "./FieldDescription-BdJwrLq6.js";
 export {
   i as FieldDescription,
   i as default

package/dist/List.js

@@ -9,22 +9,22 @@ import { P as St } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import { unique as vt, times as yt } from "remeda";
 import { d as wt } from "./dynamic-ClpUSmEt.js";
-import { B as f } from "./Button-BRmT11B1.js";
+import { B as f } from "./Button-DlP30MUz.js";
 import "@tabler/icons-react";
 import "./Icon-BCN5qdXA.js";
 import { I as Et } from "./IconContextMenu-Cy6_2TgT.js";
 import { a as x, C as Y } from "./ContextMenuTrigger-DuiGa0Zj.js";
-import { M as Q } from "./MenuItem-Cb7EDu-b.js";
+import { M as Q } from "./MenuItem-CB1ga-U-.js";
 import { useLocalizedStringFormatter as b } from "react-aria";
 import { TunnelProvider as Ct, TunnelExit as $ } from "@mittwald/react-tunnel";
 import C from "clsx";
 import { g as Ft } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
 import { f as Lt } from "./flowComponent-CwV0a4FM.js";
 import { R as Tt } from "./Render-BdlTa7Qb.js";
-import { T as S } from "./Text-SLaOJhzj.js";
+import { T as S } from "./Text-Cf6YXkaU.js";
 import { I as X } from "./IconChevronDown-d3q78pVs.js";
 import { I as Z } from "./IconClose-9DrWhSP2.js";
-import { T as It } from "./TextField-DhdMjRzb.js";
+import { T as It } from "./TextField-BIusIY_h.js";
 import { autorun as kt, runInAction as At, makeObservable as xt, observable as U, computed as O, action as L } from "mobx";
 import "./context-BB3_MApL.js";
 import { u as Vt } from "./useOnChange-C1Quwyuz.js";

package/dist/{MenuItem-Cb7EDu-b.js → MenuItem-CB1ga-U-.js}

@@ -11,7 +11,7 @@ import "@tabler/icons-react";
 import "./Icon-BCN5qdXA.js";
 import { I as x, a as d } from "./IconCheckboxEmpty-FQyDmq2k.js";
 import { I as E, a as C } from "./IconRadioOn-hKPuJBpt.js";
-import { T as p } from "./Text-SLaOJhzj.js";
+import { T as p } from "./Text-Cf6YXkaU.js";
 import { d as h } from "./deepFindOfType-6pG0fH7S.js";
 import { W as M } from "./Wrap-DGT1h1o3.js";
 import { f as N } from "./flowComponent-CwV0a4FM.js";

package/dist/MenuItem.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { M as t } from "./MenuItem-Cb7EDu-b.js";
+import { M as t } from "./MenuItem-CB1ga-U-.js";
 export {
   t as MenuItem,
   t as default

package/dist/Modal.js

@@ -14,7 +14,7 @@ import { u as C } from "./useOverlayController-D8N4X2rc.js";
 import { O as E } from "./OverlayContextProvider-DJzKzUwy.js";
 import { H as w } from "./Header-Bq7WZg8g.js";
 import { A as O } from "./Action-DZ-dUjY_.js";
-import { B as h } from "./Button-BRmT11B1.js";
+import { B as h } from "./Button-DlP30MUz.js";
 import "@tabler/icons-react";
 import "./Icon-BCN5qdXA.js";
 import { I as M } from "./IconClose-9DrWhSP2.js";

package/dist/Navigation.js

@@ -9,7 +9,7 @@ import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as u, TunnelExit as p } from "@mittwald/react-tunnel";
-import { A as x } from "./Accordion-D6IGGC6n.js";
+import { A as x } from "./Accordion-CQNHfz3Y.js";
 import { C as N } from "./Content-DbQrGIyx.js";
 const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", P = "flow--navigation--text", w = "flow--navigation--control-icon", r = {
   navigation: C,

package/dist/Notification.js

@@ -8,7 +8,7 @@ import "@react-aria/utils";
 import "remeda";
 import { S as g } from "./StatusIcon-B3uPCHqB.js";
 import { L as h } from "./Link-IBPoxx55.js";
-import { B as k } from "./Button-BRmT11B1.js";
+import { B as k } from "./Button-DlP30MUz.js";
 import "@tabler/icons-react";
 import "./Icon-BCN5qdXA.js";
 import { I as x } from "./IconClose-9DrWhSP2.js";

package/dist/NumberField.js

@@ -10,7 +10,7 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import { F as E } from "./FieldError-BZeDqyag.js";
-import { B as m } from "./Button-BRmT11B1.js";
+import { B as m } from "./Button-DlP30MUz.js";
 import "@tabler/icons-react";
 import "./Icon-BCN5qdXA.js";
 import { I as N } from "./IconChevronDown-d3q78pVs.js";

package/dist/Slider.js

@@ -8,7 +8,7 @@ import "./propsContext-DzAKlmhS.js";
 import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { B as i } from "./Button-BRmT11B1.js";
+import { B as i } from "./Button-DlP30MUz.js";
 import "@tabler/icons-react";
 import "./Icon-BCN5qdXA.js";
 import { I as w, a as N } from "./IconPlus-BVE-NWUJ.js";

package/dist/StatusBadge.js

@@ -3,7 +3,7 @@
 import t from "react";
 import l from "clsx";
 import { S as f } from "./StatusIcon-B3uPCHqB.js";
-import { T as i } from "./Text-SLaOJhzj.js";
+import { T as i } from "./Text-Cf6YXkaU.js";
 import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";

package/dist/Tabs.js

@@ -7,12 +7,12 @@ import { TunnelExit as C, TunnelProvider as y, TunnelEntry as f } from "@mittwal
 import { f as S } from "./flowComponent-CwV0a4FM.js";
 import { useCallbackRef as O } from "use-callback-ref";
 import { a as B, C as K } from "./ContextMenuTrigger-DuiGa0Zj.js";
-import { M as A } from "./MenuItem-Cb7EDu-b.js";
-import { B as L } from "./Button-BRmT11B1.js";
+import { M as A } from "./MenuItem-CB1ga-U-.js";
+import { B as L } from "./Button-DlP30MUz.js";
 import "@tabler/icons-react";
 import "./Icon-BCN5qdXA.js";
 import { I as F } from "./IconContextMenu-Cy6_2TgT.js";
-import { T as R } from "./Text-SLaOJhzj.js";
+import { T as R } from "./Text-Cf6YXkaU.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as W } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";

package/dist/Text-Cf6YXkaU.js

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import t from "react";
+import * as E from "react-aria-components";
+import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as T } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import C from "invariant";
+import { f as h } from "./flowComponent-CwV0a4FM.js";
+import { E as P } from "./EmulatedBoldText-Dtox8Wd1.js";
+import { W as g } from "./Wrap-DGT1h1o3.js";
+import y from "clsx";
+const k = "flow--text", w = "flow--text--light", N = "flow--text--dark", l = {
+  text: k,
+  light: w,
+  dark: N
+}, F = h("Text", (o) => {
+  const {
+    children: a,
+    className: i,
+    elementType: e = "span",
+    emulateBoldWidth: p,
+    refProp: r,
+    color: n,
+    ...c
+  } = o, f = y(l.text, n && l[n], i), m = { ...c, className: f }, x = {
+    Link: {
+      inline: !0
+    }
+  }, s = /* @__PURE__ */ t.createElement(T, { props: x }, /* @__PURE__ */ t.createElement(g, { if: p }, /* @__PURE__ */ t.createElement(P, null, a)));
+  if (!o.slot) {
+    const d = e;
+    return /* @__PURE__ */ t.createElement(d, { ...m, ref: r }, s);
+  }
+  return C(
+    typeof e == "string",
+    "'elementType' in Text component must be of type string"
+  ), /* @__PURE__ */ t.createElement(u, null, /* @__PURE__ */ t.createElement(E.Text, { ...m, elementType: e, ref: r }, s));
+});
+export {
+  F as T
+};

package/dist/Text.js

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

package/dist/TextArea.js

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import * as n from "react-aria-components";
-import { T as p } from "./TextFieldBase-Duo_ZSZk.js";
+import { T as p } from "./TextFieldBase-C3GJbG-y.js";
 import { C as i } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";

package/dist/{TextField-DhdMjRzb.js → TextField-BIusIY_h.js}

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import * as s from "react-aria-components";
-import { T as n } from "./TextFieldBase-Duo_ZSZk.js";
+import { T as n } from "./TextFieldBase-C3GJbG-y.js";
 import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";

package/dist/TextField.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { T as t } from "./TextField-DhdMjRzb.js";
+import { T as t } from "./TextField-BIusIY_h.js";
 export {
   t as TextField,
   t as default

package/dist/{TextFieldBase-Duo_ZSZk.js → TextFieldBase-C3GJbG-y.js}

@@ -10,7 +10,7 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import { F as P } from "./FieldError-BZeDqyag.js";
-import { F as R } from "./FieldDescription-BODxBmfa.js";
+import { F as R } from "./FieldDescription-BdJwrLq6.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 const L = { "de-DE": {
   "textFieldBase.characters": (e, r) => `${r.select({ 0: () => `${e.count}`, other: () => `${e.count}/${e.maxCount}` }, e.maxCount)} Zeichen`

package/dist/react-hook-form.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import o, { createContext as F, useContext as v, useEffect as S, useRef as k } from "react";
+import n, { createContext as v, useContext as F, useEffect as S, useRef as k } from "react";
 import { Controller as A, useFormState as h } from "react-hook-form";
 import "./propsContext-DzAKlmhS.js";
 import { P as b } from "./PropsContextProvider-C6Z4XGp6.js";
@@ -9,11 +9,11 @@ import "remeda";
 import { d as E } from "./dynamic-ClpUSmEt.js";
 import { F as P } from "./FieldError-BZeDqyag.js";
 import { a as g, A as y } from "./Action-DZ-dUjY_.js";
-const x = F({}), V = x.Provider, f = () => v(x);
+const x = v({}), V = x.Provider, f = () => F(x);
 function I(e) {
-  var n;
-  const { children: t, control: r, ...s } = e, c = (n = f().form) == null ? void 0 : n.control;
-  return /* @__PURE__ */ o.createElement(
+  var i;
+  const { children: t, control: r, ...s } = e, c = (i = f().form) == null ? void 0 : i.control;
+  return /* @__PURE__ */ n.createElement(
     A,
     {
       ...s,
@@ -23,27 +23,30 @@ function I(e) {
         const {
           field: u,
           fieldState: { error: l, invalid: m }
-        } = a, i = {
+        } = a, o = {
           ...u,
           isRequired: !!((p = s.rules) != null && p.required),
           isInvalid: m,
           validationBehavior: "aria",
-          children: E((C) => /* @__PURE__ */ o.createElement(o.Fragment, null, C.children, /* @__PURE__ */ o.createElement(P, null, l == null ? void 0 : l.message))),
+          children: E((C) => /* @__PURE__ */ n.createElement(n.Fragment, null, C.children, /* @__PURE__ */ n.createElement(P, null, l == null ? void 0 : l.message))),
           ref: void 0,
           refProp: u.ref
         }, d = {
-          Checkbox: i,
-          CheckboxGroup: i,
-          CheckboxButton: i,
-          NumberField: i,
-          RadioGroup: i,
-          Switch: i,
-          TextArea: i,
-          TextField: i,
-          Select: i,
-          Slider: i
+          Checkbox: o,
+          CheckboxGroup: o,
+          CheckboxButton: o,
+          NumberField: o,
+          RadioGroup: o,
+          Switch: o,
+          TextArea: o,
+          TextField: o,
+          Select: {
+            ...o,
+            defaultSelectedKey: o.value
+          },
+          Slider: o
         };
-        return /* @__PURE__ */ o.createElement(
+        return /* @__PURE__ */ n.createElement(
           b,
           {
             props: d,
@@ -55,17 +58,17 @@ function I(e) {
     }
   );
 }
-const z = (e) => I, R = (e) => {
-  const { isStarted: t, hasFailedWithError: r, hasSucceeded: s, children: c } = e, n = g.useNew({});
+const _ = (e) => I, R = (e) => {
+  const { isStarted: t, hasFailedWithError: r, hasSucceeded: s, children: c } = e, i = g.useNew({});
   return S(() => {
-    s ? n.state.onSucceeded() : r ? n.state.onFailed(r) : t && n.state.onAsyncStart();
-  }, [t, r, s]), /* @__PURE__ */ o.createElement(y, { actionModel: n }, c);
+    s ? i.state.onSucceeded() : r ? i.state.onFailed(r) : t && i.state.onAsyncStart();
+  }, [t, r, s]), /* @__PURE__ */ n.createElement(y, { actionModel: i }, c);
 }, D = (e) => {
-  const { children: t, isAsyncSubmit: r } = e, s = f().form, { isSubmitted: c, isSubmitting: n, isSubmitSuccessful: a, errors: u } = h(s), l = c && u && Object.entries(u).length > 0 ? u : void 0, m = c && a;
-  return /* @__PURE__ */ o.createElement(
+  const { children: t, isAsyncSubmit: r } = e, s = f().form, { isSubmitted: c, isSubmitting: i, isSubmitSuccessful: a, errors: u } = h(s), l = c && u && Object.entries(u).length > 0 ? u : void 0, m = c && a;
+  return /* @__PURE__ */ n.createElement(
     R,
     {
-      isStarted: n && r.current,
+      isStarted: i && r.current,
       hasFailedWithError: l,
       hasSucceeded: m
     },
@@ -74,10 +77,10 @@ const z = (e) => I, R = (e) => {
 }, B = (e) => {
   const { children: t, isAsyncSubmit: r } = e, s = {
     ActionGroup: {
-      children: E((c) => /* @__PURE__ */ o.createElement(D, { isAsyncSubmit: r }, c.children))
+      children: E((c) => /* @__PURE__ */ n.createElement(D, { isAsyncSubmit: r }, c.children))
     }
   };
-  return /* @__PURE__ */ o.createElement(b, { props: s, mergeInParentContext: !0 }, t);
+  return /* @__PURE__ */ n.createElement(b, { props: s, mergeInParentContext: !0 }, t);
 }, G = () => {
   const e = f().form, { isValid: t, isSubmitted: r } = h(e);
   return S(() => {
@@ -96,22 +99,22 @@ const z = (e) => I, R = (e) => {
     });
   }, [r, t, e]), null;
 };
-function H(e) {
-  const { form: t, children: r, onSubmit: s, ...c } = e, n = k(!1), a = (u) => {
+function z(e) {
+  const { form: t, children: r, onSubmit: s, ...c } = e, i = k(!1), a = (u) => {
     const { isSubmitting: l, isValidating: m } = t.control._formState;
     if (l || m) {
       u.preventDefault();
       return;
     }
-    t.handleSubmit((i) => {
-      const d = s(i);
-      return n.current = d instanceof Promise, d;
+    t.handleSubmit((o) => {
+      const d = s(o);
+      return i.current = d instanceof Promise, d;
     })(u);
   };
-  return /* @__PURE__ */ o.createElement(V, { value: { form: t } }, /* @__PURE__ */ o.createElement(B, { isAsyncSubmit: n }, /* @__PURE__ */ o.createElement("form", { ...c, onSubmit: a }, r), /* @__PURE__ */ o.createElement(G, null)));
+  return /* @__PURE__ */ n.createElement(V, { value: { form: t } }, /* @__PURE__ */ n.createElement(B, { isAsyncSubmit: i }, /* @__PURE__ */ n.createElement("form", { ...c, onSubmit: a }, r), /* @__PURE__ */ n.createElement(G, null)));
 }
 export {
   I as Field,
-  H as Form,
-  z as typedField
+  z as Form,
+  _ as typedField
 };