@mittwald/flow-react-components 0.1.0-alpha.160 → 0.1.0-alpha.162

package/dist/LoadingSpinner.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { L as o } from "./LoadingSpinner-CmcuqQza.js";
+import { L as o } from "./LoadingSpinner-DYYmNgEd.js";
 export {
   o as LoadingSpinner,
   o as default

package/dist/{MenuItem-C-wnf-qA.js → MenuItem-u7V4XOL3.js}

@@ -8,10 +8,10 @@ import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import "@tabler/icons-react";
-import "./Icon-DZtYAxOE.js";
-import { I as x, a as d } from "./IconCheckboxEmpty-ccUrf06Z.js";
-import { I as E, a as C } from "./IconRadioOn-DAWP-hCl.js";
-import { T as p } from "./Text-C_luMjbn.js";
+import "./Icon-BTTw8v9z.js";
+import { I as x, a as d } from "./IconCheckboxEmpty-C_IETucN.js";
+import { I as E, a as C } from "./IconRadioOn-CF8jhsxN.js";
+import { T as p } from "./Text-Bl9Rk0W3.js";
 import { d as h } from "./deepFindOfType-6pG0fH7S.js";
 import { W as M } from "./Wrap-DGT1h1o3.js";
 import { f as N } from "./flowComponent-TgbbWDzO.js";

package/dist/MenuItem.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { M as t } from "./MenuItem-C-wnf-qA.js";
+import { M as t } from "./MenuItem-u7V4XOL3.js";
 export {
   t as MenuItem,
   t as default

package/dist/Modal.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import e from "react";
+import o from "react";
 import u from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
@@ -14,62 +14,62 @@ import { u as C } from "./useOverlayController-D8N4X2rc.js";
 import { O as E } from "./OverlayContextProvider-DJzKzUwy.js";
 import { H as w } from "./Header-aoK_P4c0.js";
 import { A as O } from "./Action-DYTtbQCP.js";
-import { B as h } from "./Button-Cwmw6ZOq.js";
+import { B as h } from "./Button-Dz22EEEz.js";
 import "@tabler/icons-react";
-import "./Icon-DZtYAxOE.js";
-import { I as z } from "./IconClose-DT3oFw36.js";
+import "./Icon-BTTw8v9z.js";
+import { I as z } from "./IconClose-D3xiRQc_.js";
 import { O as M } from "./OverlayTrigger-Bdb65OEJ.js";
-const N = "flow--modal", x = "flow--modal--action-group", P = "flow--modal--content", T = "flow--modal--off-canvas", I = "flow--modal--header", l = {
+const N = "flow--modal", x = "flow--modal--off-canvas", P = "flow--modal--content", T = "flow--modal--action-group", B = "flow--modal--header", I = "flow--modal--close-button", l = {
   modal: N,
-  "modal-zoom": "flow--modal--modal-zoom",
-  actionGroup: x,
+  offCanvas: x,
   content: P,
+  actionGroup: T,
   "size-s": "flow--modal--size-s",
   "size-m": "flow--modal--size-m",
   "size-l": "flow--modal--size-l",
-  offCanvas: T,
+  "modal-zoom": "flow--modal--modal-zoom",
+  header: B,
   "modal-slide-in": "flow--modal--modal-slide-in",
-  header: I,
-  "modal-slide-up": "flow--modal--modal-slide-up"
-}, A = "flow--modal-overlay--overlay", F = {
-  overlay: A,
+  "modal-slide-up": "flow--modal--modal-slide-up",
+  closeButton: I
+}, b = "flow--modal-overlay--overlay", A = {
+  overlay: b,
   "overlay-fade": "flow--modal-overlay--overlay-fade"
-}, G = (t) => {
+}, F = (t) => {
   const {
-    controller: r,
-    children: o,
+    controller: a,
+    children: e,
     isDismissable: s = !0,
     className: m
   } = t, f = C("Modal", {
     reuseControllerFromContext: !0
-  }), a = r ?? f, c = a.useIsOpen(), i = u(F.overlay, m);
-  return /* @__PURE__ */ e.createElement(
+  }), r = a ?? f, c = r.useIsOpen(), i = u(A.overlay, m);
+  return /* @__PURE__ */ o.createElement(
     n.ModalOverlay,
     {
       className: i,
       isDismissable: s,
       isOpen: c,
-      onOpenChange: (d) => a.setOpen(d)
+      onOpenChange: (d) => r.setOpen(d)
     },
-    /* @__PURE__ */ e.createElement(n.Modal, null, /* @__PURE__ */ e.createElement(n.Dialog, null, /* @__PURE__ */ e.createElement(E, { type: "Modal", controller: a }, o)))
+    /* @__PURE__ */ o.createElement(n.Modal, null, /* @__PURE__ */ o.createElement(n.Dialog, null, /* @__PURE__ */ o.createElement(E, { type: "Modal", controller: r }, e)))
   );
-}, Y = g("Modal", (t) => {
+}, Z = g("Modal", (t) => {
   const {
-    size: r = "s",
-    offCanvas: o,
+    size: a = "s",
+    offCanvas: e,
     controller: s,
     children: m,
     refProp: f,
-    className: a,
+    className: r,
     ...c
   } = t, i = u(
-    l.modal,
-    l[`size-${r}`],
-    o && l.offCanvas,
-    a
+    e ? l.offCanvas : l.modal,
+    l[`size-${a}`],
+    r
   ), d = {
     Content: {
-      elementType: e.Fragment
+      elementType: o.Fragment
     },
     Heading: {
       level: 2,
@@ -82,29 +82,29 @@ const N = "flow--modal", x = "flow--modal--action-group", P = "flow--modal--cont
       tunnelId: "buttons"
     }
   };
-  return /* @__PURE__ */ e.createElement(G, { className: i, controller: s, ...c }, /* @__PURE__ */ e.createElement(v, { props: d }, /* @__PURE__ */ e.createElement(y, null, o && /* @__PURE__ */ e.createElement(w, { className: l.header }, /* @__PURE__ */ e.createElement(p, { id: "heading" }), /* @__PURE__ */ e.createElement(O, { closeOverlay: "Modal" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ o.createElement(F, { className: i, controller: s, ...c }, /* @__PURE__ */ o.createElement(v, { props: d }, /* @__PURE__ */ o.createElement(y, null, e && /* @__PURE__ */ o.createElement(w, { className: l.header }, /* @__PURE__ */ o.createElement(p, { id: "heading" }), /* @__PURE__ */ o.createElement(O, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
     h,
     {
       variant: "plain",
       color: "secondary",
       className: l.closeButton
     },
-    /* @__PURE__ */ e.createElement(z, null)
-  ))), /* @__PURE__ */ e.createElement("div", { className: l.content }, !o && /* @__PURE__ */ e.createElement(p, { id: "heading" }), m), /* @__PURE__ */ e.createElement(p, { id: "buttons" }))));
-}), Z = (t) => {
-  const { children: r, ...o } = t;
-  return /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ o.createElement(z, null)
+  ))), /* @__PURE__ */ o.createElement("div", { className: l.content }, !e && /* @__PURE__ */ o.createElement(p, { id: "heading" }), m), /* @__PURE__ */ o.createElement(p, { id: "buttons" }))));
+}), _ = (t) => {
+  const { children: a, ...e } = t;
+  return /* @__PURE__ */ o.createElement(
     M,
     {
       overlayType: "Modal",
-      ...o,
+      ...e,
       component: n.DialogTrigger
     },
-    r
+    a
   );
 };
 export {
-  Y as Modal,
-  Z as ModalTrigger,
-  Y as default
+  Z as Modal,
+  _ as ModalTrigger,
+  Z as default
 };

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-CYhhaTPz.js";
+import { A as x } from "./Accordion-CPVq0faI.js";
 import { C as N } from "./Content-DzPlkCt6.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

@@ -6,12 +6,12 @@ import "./propsContext-DzAKlmhS.js";
 import { P as w } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { S as g } from "./StatusIcon-Dh4v-yid.js";
+import { S as g } from "./StatusIcon-BnyGZH4s.js";
 import { L as h } from "./Link-DrSmRSXL.js";
-import { B as k } from "./Button-Cwmw6ZOq.js";
+import { B as k } from "./Button-Dz22EEEz.js";
 import "@tabler/icons-react";
-import "./Icon-DZtYAxOE.js";
-import { I as x } from "./IconClose-DT3oFw36.js";
+import "./Icon-BTTw8v9z.js";
+import { I as x } from "./IconClose-D3xiRQc_.js";
 const N = "flow--notification", C = "flow--notification--link", E = "flow--notification--status-icon", I = "flow--notification--heading", L = "flow--notification--text", P = "flow--notification--close", v = "flow--notification--info", y = "flow--notification--has-link", B = "flow--notification--warning", S = "flow--notification--danger", z = "flow--notification--success", o = {
   notification: N,
   link: C,

package/dist/NumberField.js

@@ -9,13 +9,13 @@ import { P as I } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as b } from "./FieldError-BqzJ-th_.js";
-import { B as m } from "./Button-Cwmw6ZOq.js";
+import { F as b } from "./FieldError-C3KKqMzM.js";
+import { B as m } from "./Button-Dz22EEEz.js";
 import "@tabler/icons-react";
-import "./Icon-DZtYAxOE.js";
-import { I as C } from "./IconChevronDown-CGnrjHX3.js";
-import { I as h } from "./IconChevronUp-BnxkbKEB.js";
-import { I as P, a as F } from "./IconPlus-D_m-diZi.js";
+import "./Icon-BTTw8v9z.js";
+import { I as C } from "./IconChevronDown-CPh2XLia.js";
+import { I as h } from "./IconChevronUp-ClAQYdXn.js";
+import { I as P, a as F } from "./IconPlus-DHuWcs1-.js";
 import { f as w } from "./flowComponent-TgbbWDzO.js";
 const B = "flow--number-field--group", g = "flow--number-field--input", v = "flow--number-field--decrement-button", x = "flow--number-field--increment-button", y = "flow--number-field--coarse-pointer-icon", D = "flow--number-field--touch-icon", o = {
   group: B,

package/dist/RadioGroup.js

@@ -8,18 +8,18 @@ import { P as C, m as z } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as h } from "./dynamic-ClpUSmEt.js";
-import { F as B } from "./FieldError-BqzJ-th_.js";
+import { F as B } from "./FieldError-C3KKqMzM.js";
 import { C as I } from "./ColumnLayout-FMONjI17.js";
 import { TunnelProvider as P, TunnelExit as c } from "@mittwald/react-tunnel";
 import { s as m } from "./FormField.module-DHK6nIcD.js";
 import { d as y } from "./deepFindOfType-6pG0fH7S.js";
 import { C as b } from "./ClearPropsContext-CUvsbMn8.js";
 import "@tabler/icons-react";
-import "./Icon-DZtYAxOE.js";
-import { I as F, a as v } from "./IconRadioOn-DAWP-hCl.js";
+import "./Icon-BTTw8v9z.js";
+import { I as F, a as v } from "./IconRadioOn-CF8jhsxN.js";
 import { f as N } from "./flowComponent-TgbbWDzO.js";
 import "dot-prop";
-import { I as D } from "./IconCheck-Cm1gvSQ8.js";
+import { I as D } from "./IconCheck-ZTVWbFCo.js";
 const T = "flow--radio-group", $ = "flow--radio-group--segmented-group", O = "flow--radio-group--segments", L = "flow--radio-group--segment", S = "flow--radio-group--checkmark", A = "flow--radio-group--radio-group-container", r = {
   radioGroup: T,
   segmentedGroup: $,

package/dist/Select.js

@@ -7,11 +7,11 @@ import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { s as c } from "./FormField.module-DHK6nIcD.js";
-import { F as w } from "./FieldError-BqzJ-th_.js";
+import { F as w } from "./FieldError-C3KKqMzM.js";
 import f from "clsx";
 import "@tabler/icons-react";
-import "./Icon-DZtYAxOE.js";
-import { I as P } from "./IconChevronDown-CGnrjHX3.js";
+import "./Icon-BTTw8v9z.js";
+import { I as P } from "./IconChevronDown-CPh2XLia.js";
 import { f as E } from "./flowComponent-TgbbWDzO.js";
 import { P as F } from "./Popover-B1m8lc6F.js";
 import "mobx";

package/dist/Slider.js

@@ -8,10 +8,10 @@ import "./propsContext-DzAKlmhS.js";
 import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { B as i } from "./Button-Cwmw6ZOq.js";
+import { B as i } from "./Button-Dz22EEEz.js";
 import "@tabler/icons-react";
-import "./Icon-DZtYAxOE.js";
-import { I as w, a as N } from "./IconPlus-D_m-diZi.js";
+import "./Icon-BTTw8v9z.js";
+import { I as w, a as N } from "./IconPlus-DHuWcs1-.js";
 import { useLocalizedStringFormatter as k } from "react-aria";
 const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", g = "flow--slider--track", y = "flow--slider--fill", I = "flow--slider--initial-marker", M = "flow--slider--thumb", T = "flow--slider--increment", C = "flow--slider--decrement", z = "flow--slider--disabled", t = {
   slider: x,

package/dist/StatusBadge.js

@@ -2,8 +2,8 @@
 /* */
 import t from "react";
 import l from "clsx";
-import { S as f } from "./StatusIcon-Dh4v-yid.js";
-import { T as i } from "./Text-C_luMjbn.js";
+import { S as f } from "./StatusIcon-BnyGZH4s.js";
+import { T as i } from "./Text-Bl9Rk0W3.js";
 import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";

package/dist/{StatusIcon-Dh4v-yid.js → StatusIcon-BnyGZH4s.js}

@@ -2,10 +2,10 @@
 /* */
 import t from "react";
 import "@tabler/icons-react";
-import "./Icon-DZtYAxOE.js";
-import { I as m } from "./IconDanger-B21HKj1x.js";
-import { I as f } from "./IconInfo-Dent1rgM.js";
-import { I, a as l } from "./IconWarning-CEw4kwPi.js";
+import "./Icon-BTTw8v9z.js";
+import { I as m } from "./IconDanger-CLKa18Ox.js";
+import { I as f } from "./IconInfo-B5-94yWE.js";
+import { I, a as l } from "./IconWarning-B7kuINe1.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";

package/dist/StatusIcon.js

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

package/dist/Switch.js

@@ -4,9 +4,9 @@ import e from "react";
 import * as n from "react-aria-components";
 import f from "clsx";
 import "@tabler/icons-react";
-import "./Icon-DZtYAxOE.js";
-import { I as p } from "./IconCheck-Cm1gvSQ8.js";
-import { I as h } from "./IconClose-DT3oFw36.js";
+import "./Icon-BTTw8v9z.js";
+import { I as p } from "./IconCheck-ZTVWbFCo.js";
+import { I as h } from "./IconClose-D3xiRQc_.js";
 import { L as w } from "./Label-BlTqklNB.js";
 import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";

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-TgbbWDzO.js";
 import { useCallbackRef as O } from "use-callback-ref";
 import { a as B, C as K } from "./ContextMenuTrigger-BQd2xsku.js";
-import { M as A } from "./MenuItem-C-wnf-qA.js";
-import { B as L } from "./Button-Cwmw6ZOq.js";
+import { M as A } from "./MenuItem-u7V4XOL3.js";
+import { B as L } from "./Button-Dz22EEEz.js";
 import "@tabler/icons-react";
-import "./Icon-DZtYAxOE.js";
-import { I as F } from "./IconContextMenu-DdPbJs2w.js";
-import { T as R } from "./Text-C_luMjbn.js";
+import "./Icon-BTTw8v9z.js";
+import { I as F } from "./IconContextMenu-BeUYeVED.js";
+import { T as R } from "./Text-Bl9Rk0W3.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as W } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";

package/dist/Text-Bl9Rk0W3.js

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

package/dist/Text.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { T as a } from "./Text-C_luMjbn.js";
+import { T as a } from "./Text-Bl9Rk0W3.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-BKF0nW47.js";
+import { T as p } from "./TextFieldBase-C5ev2SC1.js";
 import { C as i } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";

package/dist/TextField.js

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

package/dist/{TextFieldBase-BKF0nW47.js → TextFieldBase-C5ev2SC1.js}

@@ -9,8 +9,8 @@ import { P as B } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as P } from "./FieldError-BqzJ-th_.js";
-import { F as R } from "./FieldDescription-OElYhleN.js";
+import { F as P } from "./FieldError-C3KKqMzM.js";
+import { F as R } from "./FieldDescription-Ca5OTPGv.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

@@ -7,7 +7,7 @@ import { P as A } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as V } from "./dynamic-ClpUSmEt.js";
-import { F as y } from "./FieldError-BqzJ-th_.js";
+import { F as y } from "./FieldError-C3KKqMzM.js";
 import { a as I, A as D } from "./Action-DYTtbQCP.js";
 const F = C({}), R = F.Provider, w = () => k(F);
 function T(c) {