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

package/dist/{LoadingSpinner-D8TQ918m.js → LoadingSpinner-BwRfUBmo.js}

@@ -2,8 +2,8 @@
 /* */
 import r from "react";
 import "@tabler/icons-react";
-import "./Icon-BCN5qdXA.js";
-import { I as e } from "./IconPending-7zAFcMDq.js";
+import "./Icon-CUhvR1IT.js";
+import { I as e } from "./IconPending-MprHiXiv.js";
 import t from "clsx";
 const a = "flow--loading-spinner", p = "flow--loading-spinner--spin", l = {
   loadingSpinner: a,

package/dist/LoadingSpinner.js

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

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

@@ -8,13 +8,13 @@ import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 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-Cf6YXkaU.js";
+import "./Icon-CUhvR1IT.js";
+import { I as x, a as d } from "./IconCheckboxEmpty-CsDSdQbR.js";
+import { I as E, a as C } from "./IconRadioOn-CVwFv8s0.js";
+import { T as p } from "./Text-DQmfbsPC.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";
+import { f as N } from "./flowComponent-COVzhVCB.js";
 const w = "flow--menu-item", P = "flow--menu-item--icon", T = "flow--menu-item--text", g = "flow--menu-item--control-icon", c = {
   menuItem: w,
   icon: P,

package/dist/MenuItem.js

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

package/dist/Modal.js

@@ -7,17 +7,17 @@ import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as y, TunnelExit as p } from "@mittwald/react-tunnel";
-import { f as g } from "./flowComponent-CwV0a4FM.js";
+import { f as g } from "./flowComponent-COVzhVCB.js";
 import * as n from "react-aria-components";
 import "mobx";
 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-DlP30MUz.js";
+import { H as w } from "./Header-UWuteUuZ.js";
+import { A as O } from "./Action-B9iiMUXq.js";
+import { B as h } from "./Button-Bewd_wSa.js";
 import "@tabler/icons-react";
-import "./Icon-BCN5qdXA.js";
-import { I as M } from "./IconClose-9DrWhSP2.js";
+import "./Icon-CUhvR1IT.js";
+import { I as M } from "./IconClose-BHf4btna.js";
 import { O as N } from "./OverlayTrigger-Bdb65OEJ.js";
 const x = "flow--modal", z = "flow--modal--off-canvas", P = "flow--modal--content", T = "flow--modal--action-group", B = "flow--modal--header", I = "flow--modal--close-button", t = {
   modal: x,

package/dist/Navigation.js

@@ -9,8 +9,8 @@ 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-CQNHfz3Y.js";
-import { C as N } from "./Content-DbQrGIyx.js";
+import { A as x } from "./Accordion-44t1KJbp.js";
+import { C as N } from "./Content-DTwZweqp.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,
   item: I,

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-B3uPCHqB.js";
-import { L as h } from "./Link-IBPoxx55.js";
-import { B as k } from "./Button-DlP30MUz.js";
+import { S as g } from "./StatusIcon-DYQ_4f2y.js";
+import { L as h } from "./Link-BvK-OJhM.js";
+import { B as k } from "./Button-Bewd_wSa.js";
 import "@tabler/icons-react";
-import "./Icon-BCN5qdXA.js";
-import { I as x } from "./IconClose-9DrWhSP2.js";
+import "./Icon-CUhvR1IT.js";
+import { I as x } from "./IconClose-BHf4btna.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

@@ -1,44 +1,44 @@
 "use client"
 /* */
 import e from "react";
-import * as t from "react-aria-components";
-import { f as r } from "./FormField.module-CqWpTQKP.js";
+import * as r from "react-aria-components";
+import { s as t } from "./FormField.module-DHK6nIcD.js";
 import u from "clsx";
 import { C as f } from "./ClearPropsContext-CUvsbMn8.js";
 import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as E } from "./FieldError-BZeDqyag.js";
-import { B as m } from "./Button-DlP30MUz.js";
+import { F as E } from "./FieldError-Bevl1ofs.js";
+import { B as s } from "./Button-Bewd_wSa.js";
 import "@tabler/icons-react";
-import "./Icon-BCN5qdXA.js";
-import { I as N } from "./IconChevronDown-d3q78pVs.js";
-import { I } from "./IconChevronUp-D62-9iee.js";
-import { I as b, a as F } from "./IconPlus-BVE-NWUJ.js";
-import { f as P } from "./flowComponent-CwV0a4FM.js";
-const C = "flow--number-field--group", w = "flow--number-field--input", B = "flow--number-field--decrement-button", h = "flow--number-field--increment-button", v = "flow--number-field--coarse-pointer-icon", x = "flow--number-field--touch-icon", o = {
-  group: C,
+import "./Icon-CUhvR1IT.js";
+import { I as N } from "./IconChevronDown-0Qm5hGlw.js";
+import { I } from "./IconChevronUp-BMWrCjp3.js";
+import { I as b, a as P } from "./IconPlus-BWI6sp0-.js";
+import { f as C } from "./flowComponent-COVzhVCB.js";
+const F = "flow--number-field--group", w = "flow--number-field--input", B = "flow--number-field--decrement-button", h = "flow--number-field--increment-button", v = "flow--number-field--coarse-pointer-icon", x = "flow--number-field--touch-icon", o = {
+  group: F,
   input: w,
   decrementButton: B,
   incrementButton: h,
   coarsePointerIcon: v,
   touchIcon: x
-}, K = P("NumberField", (n) => {
-  const { children: s, className: c, refProp: l, ...a } = n, i = u(r.formField, c), p = {
+}, K = C("NumberField", (n) => {
+  const { children: m, className: c, refProp: a, ...l } = n, i = u(t.formField, c), p = {
     Label: {
-      className: r.label,
+      className: t.label,
       optional: !n.isRequired
     },
     FieldDescription: {
-      className: r.fieldDescription
+      className: t.fieldDescription
     },
     FieldError: {
-      className: r.customFieldError
+      className: t.customFieldError
     }
   };
-  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(t.NumberField, { ...a, className: i }, /* @__PURE__ */ e.createElement(t.Group, { className: o.group }, /* @__PURE__ */ e.createElement(
-    m,
+  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(r.NumberField, { ...l, className: i }, /* @__PURE__ */ e.createElement(r.Group, { className: o.group }, /* @__PURE__ */ e.createElement(
+    s,
     {
       slot: "decrement",
       className: o.decrementButton,
@@ -48,8 +48,8 @@ const C = "flow--number-field--group", w = "flow--number-field--input", B = "flo
     },
     /* @__PURE__ */ e.createElement(N, null),
     /* @__PURE__ */ e.createElement(b, { className: o.coarsePointerIcon })
-  ), /* @__PURE__ */ e.createElement(t.Input, { className: o.input, ref: l }), /* @__PURE__ */ e.createElement(
-    m,
+  ), /* @__PURE__ */ e.createElement(r.Input, { className: o.input, ref: a }), /* @__PURE__ */ e.createElement(
+    s,
     {
       slot: "increment",
       className: o.incrementButton,
@@ -58,8 +58,8 @@ const C = "flow--number-field--group", w = "flow--number-field--input", B = "flo
       color: "secondary"
     },
     /* @__PURE__ */ e.createElement(I, null),
-    /* @__PURE__ */ e.createElement(F, { className: o.coarsePointerIcon })
-  )), /* @__PURE__ */ e.createElement(d, { props: p }, s), /* @__PURE__ */ e.createElement(E, { className: r.fieldError })));
+    /* @__PURE__ */ e.createElement(P, { className: o.coarsePointerIcon })
+  )), /* @__PURE__ */ e.createElement(d, { props: p }, m), /* @__PURE__ */ e.createElement(E, { className: t.fieldError })));
 });
 export {
   K as NumberField,

package/dist/{Popover-D-W1fcm7.js → Popover-DiU0zzqO.js}

@@ -5,7 +5,7 @@ import * as t from "react-aria-components";
 import n from "clsx";
 import "mobx";
 import { u } from "./useOverlayController-D8N4X2rc.js";
-import { f as g } from "./flowComponent-CwV0a4FM.js";
+import { f as g } from "./flowComponent-COVzhVCB.js";
 import { O as x } from "./OverlayContextProvider-DJzKzUwy.js";
 const E = "flow--popover", N = "flow--popover--content", y = "flow--popover--tip", r = {
   popover: E,

package/dist/Popover.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { P as m } from "./Popover-D-W1fcm7.js";
+import { P as m } from "./Popover-DiU0zzqO.js";
 import * as t from "react-aria-components";
 import a from "react";
 import { O as i } from "./OverlayTrigger-Bdb65OEJ.js";

package/dist/RadioGroup.js

@@ -8,24 +8,24 @@ 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-BZeDqyag.js";
-import { C as F } from "./ColumnLayout-FMONjI17.js";
-import { TunnelProvider as I, TunnelExit as m } from "@mittwald/react-tunnel";
-import { f as c } from "./FormField.module-CqWpTQKP.js";
-import { d as P } from "./deepFindOfType-6pG0fH7S.js";
+import { F as B } from "./FieldError-Bevl1ofs.js";
+import { C as I } from "./ColumnLayout-FMONjI17.js";
+import { TunnelProvider as P, TunnelExit as m } from "@mittwald/react-tunnel";
+import { s as c } 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-BCN5qdXA.js";
-import { I as y, a as v } from "./IconRadioOn-hKPuJBpt.js";
-import { f as N } from "./flowComponent-CwV0a4FM.js";
+import "./Icon-CUhvR1IT.js";
+import { I as F, a as v } from "./IconRadioOn-CVwFv8s0.js";
+import { f as N } from "./flowComponent-COVzhVCB.js";
 import "dot-prop";
-import { I as D } from "./IconCheck-BYubSDLL.js";
+import { I as D } from "./IconCheck-Baz3lkPw.js";
 import { g as T } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
-const O = "flow--radio-group", S = "flow--radio-group--segmented-group", L = "flow--radio-group--segments", $ = "flow--radio-group--segment", A = "flow--radio-group--checkmark", j = "flow--radio-group--radio-group-container", r = {
+const O = "flow--radio-group", $ = "flow--radio-group--segmented-group", L = "flow--radio-group--segments", S = "flow--radio-group--segment", A = "flow--radio-group--checkmark", j = "flow--radio-group--radio-group-container", r = {
   radioGroup: O,
-  segmentedGroup: S,
+  segmentedGroup: $,
   segments: L,
-  segment: $,
+  segment: S,
   checkmark: A,
   radioGroupContainer: j,
   "container-breakpoint-size-xs": "flow--radio-group--container-breakpoint-size-xs",
@@ -90,10 +90,10 @@ const O = "flow--radio-group", S = "flow--radio-group--segmented-group", L = "fl
       children: h((G) => /* @__PURE__ */ e.createElement(e.Fragment, null, G.children, /* @__PURE__ */ e.createElement(D, { className: r.checkmark })))
     }
   }));
-  const u = !!P(t, K);
+  const u = !!y(t, K);
   return o === "segmented" && u && console.warn(
     "<RadioButton/> is not supported in 'segmented' variant of <RadioGroup />"
-  ), /* @__PURE__ */ e.createElement(k.RadioGroup, { ...R, className: x, ref: w }, /* @__PURE__ */ e.createElement(I, null, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(k.RadioGroup, { ...R, className: x, ref: w }, /* @__PURE__ */ e.createElement(P, null, /* @__PURE__ */ e.createElement(
     C,
     {
       props: p,
@@ -102,7 +102,7 @@ const O = "flow--radio-group", S = "flow--radio-group--segmented-group", L = "fl
     },
     t,
     o === "segmented" && /* @__PURE__ */ e.createElement("div", { className: r.segmentedGroup }, /* @__PURE__ */ e.createElement("div", { className: r.segments }, /* @__PURE__ */ e.createElement(m, { id: "radios" }))),
-    o === "default" && u && /* @__PURE__ */ e.createElement(F, { s: i, m: s, l, className: r.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })),
+    o === "default" && u && /* @__PURE__ */ e.createElement(I, { s: i, m: s, l, className: r.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })),
     o === "default" && !u && /* @__PURE__ */ e.createElement("div", { className: r.radioGroup }, /* @__PURE__ */ e.createElement(m, { id: "radios" })),
     /* @__PURE__ */ e.createElement(m, { id: "fieldDescription" }),
     /* @__PURE__ */ e.createElement(m, { id: "fieldError" })
@@ -118,7 +118,7 @@ const O = "flow--radio-group", S = "flow--radio-group--segmented-group", L = "fl
     refProp: i,
     ...s
   } = n, l = o ? a : E(g.radio, a);
-  return /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(k.Radio, { ...s, className: l, ref: i }, ({ isSelected: d }) => /* @__PURE__ */ e.createElement(e.Fragment, null, d ? !o && /* @__PURE__ */ e.createElement(y, { className: g.icon }) : !o && /* @__PURE__ */ e.createElement(v, { className: g.icon }), t)));
+  return /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(k.Radio, { ...s, className: l, ref: i }, ({ isSelected: d }) => /* @__PURE__ */ e.createElement(e.Fragment, null, d ? !o && /* @__PURE__ */ e.createElement(F, { className: g.icon }) : !o && /* @__PURE__ */ e.createElement(v, { className: g.icon }), t)));
 });
 export {
   U as Radio,

package/dist/SearchField-BxKrfsvy.js

@@ -0,0 +1,76 @@
+"use client"
+/* */
+import e from "react";
+import * as s from "react-aria-components";
+import { s as r } from "./FormField.module-DHK6nIcD.js";
+import f from "clsx";
+import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { F as u } from "./FieldError-Bevl1ofs.js";
+import { f as F } from "./flowComponent-COVzhVCB.js";
+import { B as E } from "./Button-Bewd_wSa.js";
+import "@tabler/icons-react";
+import "./Icon-CUhvR1IT.js";
+import { I as N } from "./IconClose-BHf4btna.js";
+import { I as C } from "./IconSearch-D6QHaNuF.js";
+import { useLocalizedStringFormatter as I } from "react-aria";
+const S = "flow--search-field", w = "flow--search-field--clear-button", x = "flow--search-field--search-icon", B = "flow--search-field--input-container", P = "flow--search-field--input", t = {
+  searchField: S,
+  clearButton: w,
+  searchIcon: x,
+  inputContainer: B,
+  input: P
+}, b = { "de-DE": {
+  "searchField.search": "Suche"
+}, "en-EN": {
+  "searchField.search": "Search"
+} }, M = F("SearchField", (o) => {
+  const { children: c, className: l, refProp: i, ...n } = o, m = f(
+    r.formField,
+    t.searchField,
+    l
+  ), a = I(b).format("searchField.search"), p = {
+    Label: {
+      className: r.label,
+      optional: !o.isRequired
+    },
+    FieldDescription: {
+      className: r.fieldDescription
+    },
+    FieldError: {
+      className: r.customFieldError
+    }
+  };
+  return /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(
+    s.SearchField,
+    {
+      "aria-label": a,
+      ...n,
+      className: m
+    },
+    /* @__PURE__ */ e.createElement(h, { props: p }, c),
+    /* @__PURE__ */ e.createElement("div", { className: t.inputContainer }, /* @__PURE__ */ e.createElement(C, { className: t.searchIcon }), /* @__PURE__ */ e.createElement(
+      s.Input,
+      {
+        placeholder: a,
+        className: t.input,
+        ref: i
+      }
+    ), /* @__PURE__ */ e.createElement(
+      E,
+      {
+        className: t.clearButton,
+        variant: "plain",
+        color: "secondary"
+      },
+      /* @__PURE__ */ e.createElement(N, null)
+    )),
+    /* @__PURE__ */ e.createElement(u, { className: r.fieldError })
+  ));
+});
+export {
+  M as S
+};

package/dist/SearchField.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { S as e } from "./SearchField-BxKrfsvy.js";
+export {
+  e as SearchField,
+  e as default
+};

package/dist/Section.js

@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
 import { P as i } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as c } from "./flowComponent-CwV0a4FM.js";
+import { f as c } from "./flowComponent-COVzhVCB.js";
 import { A as C } from "./Activity-CmfZpgOM.js";
 import * as s from "react-aria-components";
 import { s as E } from "./ContextMenu.module-BZingr2B.js";

package/dist/Select.js

@@ -6,14 +6,14 @@ import "./propsContext-DzAKlmhS.js";
 import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { f as c } from "./FormField.module-CqWpTQKP.js";
-import { F as w } from "./FieldError-BZeDqyag.js";
+import { s as c } from "./FormField.module-DHK6nIcD.js";
+import { F as w } from "./FieldError-Bevl1ofs.js";
 import f from "clsx";
 import "@tabler/icons-react";
-import "./Icon-BCN5qdXA.js";
-import { I as F } from "./IconChevronDown-d3q78pVs.js";
-import { f as E } from "./flowComponent-CwV0a4FM.js";
-import { P } from "./Popover-D-W1fcm7.js";
+import "./Icon-CUhvR1IT.js";
+import { I as P } from "./IconChevronDown-0Qm5hGlw.js";
+import { f as E } from "./flowComponent-COVzhVCB.js";
+import { P as F } from "./Popover-DiU0zzqO.js";
 import "mobx";
 import { u as C } from "./useOverlayController-D8N4X2rc.js";
 import "dot-prop";
@@ -23,12 +23,12 @@ import { O as B } from "./OverlayContextProvider-DJzKzUwy.js";
 const D = "flow--select", L = "flow--select--toggle", u = {
   select: D,
   toggle: L
-}, b = "flow--select--options--popover", R = "flow--select--options", d = {
-  popover: b,
-  options: R
-}, T = (o) => {
+}, $ = "flow--select--options--popover", b = "flow--select--options", d = {
+  popover: $,
+  options: b
+}, R = (o) => {
   const { className: t, children: r, ...n } = o, l = f(d.options, t), s = C("Select");
-  return /* @__PURE__ */ e.createElement(P, { className: d.popover, controller: s }, /* @__PURE__ */ e.createElement(i.ListBox, { className: l, ...n }, r));
+  return /* @__PURE__ */ e.createElement(F, { className: d.popover, controller: s }, /* @__PURE__ */ e.createElement(i.ListBox, { className: l, ...n }, r));
 }, le = E("Select", (o) => {
   const {
     children: t,
@@ -73,10 +73,10 @@ const D = "flow--select", L = "flow--select--toggle", u = {
       onOpenChange: (a) => p.setOpen(a),
       isOpen: S
     },
-    /* @__PURE__ */ e.createElement(B, { type: "Select", controller: p }, /* @__PURE__ */ e.createElement(h, { props: x }, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(i.Button, { className: u.toggle }, /* @__PURE__ */ e.createElement(i.SelectValue, null), /* @__PURE__ */ e.createElement(F, null)), t, /* @__PURE__ */ e.createElement(T, null, /* @__PURE__ */ e.createElement(I, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: c.fieldError }))))
+    /* @__PURE__ */ e.createElement(B, { type: "Select", controller: p }, /* @__PURE__ */ e.createElement(h, { props: x }, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(i.Button, { className: u.toggle }, /* @__PURE__ */ e.createElement(i.SelectValue, null), /* @__PURE__ */ e.createElement(P, null)), t, /* @__PURE__ */ e.createElement(R, null, /* @__PURE__ */ e.createElement(I, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: c.fieldError }))))
   );
-}), $ = "flow--select--option", q = "flow--select--option--icon", A = "flow--select--option--text", V = "flow--select--option--control-icon", j = {
-  option: $,
+}), T = "flow--select--option", q = "flow--select--option--icon", A = "flow--select--option--text", V = "flow--select--option--control-icon", j = {
+  option: T,
   icon: q,
   text: A,
   controlIcon: V

package/dist/Slider.js

@@ -1,17 +1,17 @@
 "use client"
 /* */
 import e from "react";
-import { f as E } from "./flowComponent-CwV0a4FM.js";
+import { f as E } from "./flowComponent-COVzhVCB.js";
 import * as n from "react-aria-components";
 import h from "clsx";
 import "./propsContext-DzAKlmhS.js";
 import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { B as i } from "./Button-DlP30MUz.js";
+import { B as i } from "./Button-Bewd_wSa.js";
 import "@tabler/icons-react";
-import "./Icon-BCN5qdXA.js";
-import { I as w, a as N } from "./IconPlus-BVE-NWUJ.js";
+import "./Icon-CUhvR1IT.js";
+import { I as w, a as N } from "./IconPlus-BWI6sp0-.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,14 +2,14 @@
 /* */
 import t from "react";
 import l from "clsx";
-import { S as f } from "./StatusIcon-B3uPCHqB.js";
-import { T as i } from "./Text-Cf6YXkaU.js";
+import { S as f } from "./StatusIcon-DYQ_4f2y.js";
+import { T as i } from "./Text-DQmfbsPC.js";
 import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as d } from "./flowComponent-CwV0a4FM.js";
+import { f as d } from "./flowComponent-COVzhVCB.js";
 const g = "flow--status-badge", p = "flow--status-badge--text", w = "flow--status-badge--info", x = "flow--status-badge--success", b = "flow--status-badge--warning", B = "flow--status-badge--danger", s = {
   statusBadge: g,
   text: p,

package/dist/{StatusIcon-B3uPCHqB.js → StatusIcon-DYQ_4f2y.js}

@@ -2,10 +2,10 @@
 /* */
 import t from "react";
 import "@tabler/icons-react";
-import "./Icon-BCN5qdXA.js";
-import { I as m } from "./IconDanger-B4gH_wD5.js";
-import { I as f } from "./IconInfo-CtOUGSwO.js";
-import { I, a as l } from "./IconWarning-C_OvWQWl.js";
+import "./Icon-CUhvR1IT.js";
+import { I as m } from "./IconDanger-DFMRrq2m.js";
+import { I as f } from "./IconInfo-BqmpjObo.js";
+import { I, a as l } from "./IconWarning-DY_gujxC.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-B3uPCHqB.js";
+import { S as a } from "./StatusIcon-DYQ_4f2y.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-BCN5qdXA.js";
-import { I as p } from "./IconCheck-BYubSDLL.js";
-import { I as h } from "./IconClose-9DrWhSP2.js";
-import { L as w } from "./Label-RMBiypQZ.js";
+import "./Icon-CUhvR1IT.js";
+import { I as p } from "./IconCheck-Baz3lkPw.js";
+import { I as h } from "./IconClose-BHf4btna.js";
+import { L as w } from "./Label-BD3Jzaap.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-CwV0a4FM.js";
+import { f as b } from "./flowComponent-COVzhVCB.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,15 +4,15 @@ 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-CwV0a4FM.js";
+import { f as S } from "./flowComponent-COVzhVCB.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-CB1ga-U-.js";
-import { B as L } from "./Button-DlP30MUz.js";
+import { a as B, C as K } from "./ContextMenuTrigger-CvljOFns.js";
+import { M as A } from "./MenuItem-DaY0bRCQ.js";
+import { B as L } from "./Button-Bewd_wSa.js";
 import "@tabler/icons-react";
-import "./Icon-BCN5qdXA.js";
-import { I as F } from "./IconContextMenu-Cy6_2TgT.js";
-import { T as R } from "./Text-Cf6YXkaU.js";
+import "./Icon-CUhvR1IT.js";
+import { I as F } from "./IconContextMenu-C9_95BDt.js";
+import { T as R } from "./Text-DQmfbsPC.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as W } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";

package/dist/{Text-Cf6YXkaU.js → Text-DQmfbsPC.js}

@@ -8,7 +8,7 @@ import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
 import C from "invariant";
-import { f as h } from "./flowComponent-CwV0a4FM.js";
+import { f as h } from "./flowComponent-COVzhVCB.js";
 import { E as P } from "./EmulatedBoldText-Dtox8Wd1.js";
 import { W as g } from "./Wrap-DGT1h1o3.js";
 import y from "clsx";

package/dist/Text.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { T as a } from "./Text-Cf6YXkaU.js";
+import { T as a } from "./Text-DQmfbsPC.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-C3GJbG-y.js";
+import { T as p } from "./TextFieldBase-BcABoqwx.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-CwV0a4FM.js";
+import { f as c } from "./flowComponent-COVzhVCB.js";
 const f = "flow--text-area", x = {
   textArea: f
 }, P = c("TextArea", (t) => {

package/dist/TextField.js

@@ -1,7 +1,28 @@
 "use client"
 /* */
-import { T as t } from "./TextField-BIusIY_h.js";
+import e from "react";
+import * as s from "react-aria-components";
+import { T as a } from "./TextFieldBase-BcABoqwx.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-COVzhVCB.js";
+const c = "flow--text-field", f = {
+  textField: c
+}, w = p("TextField", (t) => {
+  const { children: r, placeholder: o, refProp: l, ...i } = t, m = /* @__PURE__ */ e.createElement(
+    s.Input,
+    {
+      placeholder: o,
+      className: f.textField,
+      ref: l
+    }
+  );
+  return /* @__PURE__ */ e.createElement(n, null, /* @__PURE__ */ e.createElement(a, { ...i, input: m }, r));
+});
 export {
-  t as TextField,
-  t as default
+  w as TextField,
+  w as default
 };