@mittwald/flow-react-components 0.1.0-alpha.68 → 0.1.0-alpha.70

package/dist/NumberField.js

@@ -9,13 +9,13 @@ import { P as b } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { F as I } from "./FieldError-Bkfbr6qF.js";
-import { B as a } from "./Button-Cml_2SLb.js";
+import { F as I } from "./FieldError-De8_olcs.js";
+import { B as a } from "./Button-B2GKVrxY.js";
 import "@tabler/icons-react";
-import "./Icon-Cirt9eNW.js";
-import { I as C } from "./IconChevronDown-C5-5-czM.js";
-import { I as h, a as F, b as P } from "./IconPlus-Zlw57lYp.js";
-import { f as w } from "./flowComponent-D0FdCoE_.js";
+import "./Icon-DdQwrIup.js";
+import { I as C } from "./IconChevronDown-a_vSoTxH.js";
+import { I as h, a as F, b as P } from "./IconPlus-DrgRgDHV.js";
+import { f as w } from "./flowComponent-BuF0s2uG.js";
 const B = "flow--number-field--group", g = "flow--number-field--input", y = "flow--number-field--decrement-button", v = "flow--number-field--increment-button", x = "flow--number-field--coarse-pointer-icon", D = "flow--number-field--touch-icon", t = {
   group: B,
   input: g,

package/dist/RadioGroup.js

@@ -8,18 +8,18 @@ import { P as C, m as b } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as k } from "./dynamic-ClpUSmEt.js";
-import { F as x } from "./FieldError-Bkfbr6qF.js";
+import { F as x } from "./FieldError-De8_olcs.js";
 import { C as y } from "./ColumnLayout-FMONjI17.js";
 import { TunnelProvider as F, TunnelExit as m } from "@mittwald/react-tunnel";
 import { s as c } from "./FormField.module-DHK6nIcD.js";
 import { d as I } from "./deepFindOfType-6pG0fH7S.js";
 import { C as w } from "./ClearPropsContext-CeCMjUK9.js";
 import "@tabler/icons-react";
-import "./Icon-Cirt9eNW.js";
-import { I as B, a as v } from "./IconRadioOn-BpFVTp96.js";
-import { f as N } from "./flowComponent-D0FdCoE_.js";
+import "./Icon-DdQwrIup.js";
+import { I as B, a as v } from "./IconRadioOn-CLIrOyli.js";
+import { f as N } from "./flowComponent-BuF0s2uG.js";
 import "dot-prop";
-import { I as P } from "./IconCheck-BeVmPHTC.js";
+import { I as P } from "./IconCheck-bNZIdvHV.js";
 const D = "flow--radio-group", T = "flow--radio-group--segmented-group", O = "flow--radio-group--segments", $ = "flow--radio-group--segment", L = "flow--radio-group--checkmark", a = {
   radioGroup: D,
   segmentedGroup: T,

package/dist/Select.js

@@ -7,37 +7,37 @@ import { P as C } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import { s as r } from "./FormField.module-DHK6nIcD.js";
-import { F as x } from "./FieldError-Bkfbr6qF.js";
+import { F as w } from "./FieldError-De8_olcs.js";
 import m from "clsx";
 import "@tabler/icons-react";
-import "./Icon-Cirt9eNW.js";
-import { I as h } from "./IconChevronDown-C5-5-czM.js";
-import { f as E } from "./flowComponent-D0FdCoE_.js";
-import { P as v } from "./Popover-MmxZkKu3.js";
-import { TunnelProvider as w, TunnelExit as S } from "@mittwald/react-tunnel";
-const F = "flow--select", P = "flow--select--toggle", f = {
+import "./Icon-DdQwrIup.js";
+import { I as x } from "./IconChevronDown-a_vSoTxH.js";
+import { f as E } from "./flowComponent-BuF0s2uG.js";
+import { P as h } from "./Popover-MmxZkKu3.js";
+import { TunnelProvider as v, TunnelExit as S } from "@mittwald/react-tunnel";
+const F = "flow--select", I = "flow--select--toggle", f = {
   select: F,
-  toggle: P
-}, O = "flow--select--options--popover", y = "flow--select--options", d = {
-  popover: O,
-  options: y
-}, I = (o) => {
-  const { className: t, children: s, ...n } = o, l = m(d.options, t);
-  return /* @__PURE__ */ e.createElement(v, { className: d.popover }, /* @__PURE__ */ e.createElement(c.ListBox, { className: l, ...n }, s));
-}, Q = E("Select", (o) => {
+  toggle: I
+}, P = "flow--select--options--popover", O = "flow--select--options", d = {
+  popover: P,
+  options: O
+}, y = (o) => {
+  const { className: t, children: n, ...s } = o, l = m(d.options, t);
+  return /* @__PURE__ */ e.createElement(h, { className: d.popover }, /* @__PURE__ */ e.createElement(c.ListBox, { className: l, ...s }, n));
+}, U = E("Select", (o) => {
   const {
     children: t,
-    className: s,
-    onChange: n = () => {
+    className: n,
+    onChange: s = () => {
     },
     onSelectionChange: l = () => {
     },
-    ref: a,
-    ...i
+    ref: i,
+    ...a
   } = o, u = m(
     f.select,
     r.formField,
-    s
+    n
   ), N = {
     Label: {
       className: r.label,
@@ -53,28 +53,29 @@ const F = "flow--select", P = "flow--select--toggle", f = {
       tunnelId: "options"
     }
   }, g = (p) => {
-    n(String(p)), l(p);
+    s(String(p)), l(p);
   };
   return /* @__PURE__ */ e.createElement(
     c.Select,
     {
-      ...i,
+      ...a,
       className: u,
-      ref: a,
+      ref: i,
       onSelectionChange: g
     },
-    /* @__PURE__ */ e.createElement(C, { props: N }, /* @__PURE__ */ e.createElement(w, null, /* @__PURE__ */ e.createElement(c.Button, { className: f.toggle }, /* @__PURE__ */ e.createElement(c.SelectValue, null), /* @__PURE__ */ e.createElement(h, null)), t, /* @__PURE__ */ e.createElement(I, null, /* @__PURE__ */ e.createElement(S, { id: "options" })), /* @__PURE__ */ e.createElement(x, { className: r.fieldError })))
+    /* @__PURE__ */ e.createElement(C, { props: N }, /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(c.Button, { className: f.toggle }, /* @__PURE__ */ e.createElement(c.SelectValue, null), /* @__PURE__ */ e.createElement(x, null)), t, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(S, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: r.fieldError })))
   );
-}), B = "flow--select--option", D = "flow--select--option--icon", L = "flow--select--option--text", $ = {
+}), B = "flow--select--option", D = "flow--select--option--icon", L = "flow--select--option--text", $ = "flow--select--option--control-icon", b = {
   option: B,
   icon: D,
-  text: L
-}, U = E("Option", (o) => {
-  const { className: t, children: s, value: n, ref: l, ...a } = o, i = m($.option, t);
-  return /* @__PURE__ */ e.createElement(c.ListBoxItem, { className: i, ref: l, ...a, id: n }, s);
+  text: L,
+  controlIcon: $
+}, W = E("Option", (o) => {
+  const { className: t, children: n, value: s, ref: l, ...i } = o, a = m(b.option, t);
+  return /* @__PURE__ */ e.createElement(c.ListBoxItem, { className: a, ref: l, ...i, id: s }, n);
 });
 export {
-  U as Option,
-  Q as Select,
-  Q as default
+  W as Option,
+  U as Select,
+  U as default
 };

package/dist/StatusBadge.js

@@ -2,14 +2,14 @@
 /* */
 import t from "react";
 import l from "clsx";
-import { S as f } from "./StatusIcon-BFo293NO.js";
-import { T as i } from "./Text-DOsCjavW.js";
+import { S as f } from "./StatusIcon-BTL-kqaV.js";
+import { T as i } from "./Text-CBzyk1oM.js";
 import { C as u } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { f as d } from "./flowComponent-D0FdCoE_.js";
+import { f as d } from "./flowComponent-BuF0s2uG.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-BFo293NO.js → StatusIcon-BTL-kqaV.js}

@@ -2,9 +2,9 @@
 /* */
 import o from "react";
 import "@tabler/icons-react";
-import "./Icon-Cirt9eNW.js";
-import { I as c } from "./IconDanger-CtJdGYWb.js";
-import { I as e, a as i, b as m } from "./IconWarning-BD3bYgr3.js";
+import "./Icon-DdQwrIup.js";
+import { I as c } from "./IconDanger-DjolwDVI.js";
+import { I as e, a as i, b as m } from "./IconWarning-DJWRlfNT.js";
 import { useLocalizedStringFormatter as u } from "react-aria";
 import { C as I } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";

package/dist/StatusIcon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as a } from "./StatusIcon-BFo293NO.js";
+import { S as a } from "./StatusIcon-BTL-kqaV.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-Cirt9eNW.js";
-import { I as p } from "./IconCheck-BeVmPHTC.js";
-import { I as h } from "./IconClose-C_Q9gfje.js";
-import { L as w } from "./Label-Dn79UkZF.js";
+import "./Icon-DdQwrIup.js";
+import { I as p } from "./IconCheck-bNZIdvHV.js";
+import { I as h } from "./IconClose-BcM-VKmn.js";
+import { L as w } from "./Label-ulq3OJrK.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-D0FdCoE_.js";
+import { f as b } from "./flowComponent-BuF0s2uG.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,8 +4,8 @@ import t, { createContext as f, useContext as p, useId as x } from "react";
 import * as l from "react-aria-components";
 import c from "clsx";
 import { TunnelProvider as N, TunnelExit as m, TunnelEntry as T } from "@mittwald/react-tunnel";
-import { f as P } from "./flowComponent-D0FdCoE_.js";
-import { T as C } from "./Text-DOsCjavW.js";
+import { f as P } from "./flowComponent-BuF0s2uG.js";
+import { T as C } from "./Text-CBzyk1oM.js";
 const h = "flow--tabs", w = "flow--tabs--tab-list", b = {
   tabs: h,
   tabList: w

package/dist/{Text-DOsCjavW.js → Text-CBzyk1oM.js}

@@ -8,7 +8,7 @@ import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
 import u from "invariant";
-import { f as T } from "./flowComponent-D0FdCoE_.js";
+import { f as T } from "./flowComponent-BuF0s2uG.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-DOsCjavW.js";
+import { T as a } from "./Text-CBzyk1oM.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-BMsXy6I_.js";
+import { T as p } from "./TextFieldBase-DUrVCfnx.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-D0FdCoE_.js";
+import { f as c } from "./flowComponent-BuF0s2uG.js";
 const f = "flow--text-area", x = {
   textArea: f
 }, y = c("TextArea", (t) => {

package/dist/TextField.js

@@ -2,13 +2,13 @@
 /* */
 import t from "react";
 import * as s from "react-aria-components";
-import { T as a } from "./TextFieldBase-BMsXy6I_.js";
+import { T as a } from "./TextFieldBase-DUrVCfnx.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-D0FdCoE_.js";
+import { f as p } from "./flowComponent-BuF0s2uG.js";
 const c = "flow--text-field", f = {
   textField: c
 }, w = p("TextField", (e) => {

package/dist/{TextFieldBase-BMsXy6I_.js → TextFieldBase-DUrVCfnx.js}

@@ -9,7 +9,7 @@ import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { F as E } from "./FieldError-Bkfbr6qF.js";
+import { F as E } from "./FieldError-De8_olcs.js";
 const g = c(
   (o, F) => {
     const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {

package/dist/flowComponent-BuF0s2uG.js

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import n, { forwardRef as s } from "react";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { u as a } from "./useProps-Dx3m8kCJ.js";
+import { TunnelEntry as c } from "@mittwald/react-tunnel";
+function T(m, i) {
+  return s((e, p) => {
+    const { tunnelId: r, hoc: o, ...f } = a(
+      m,
+      e
+    ), l = f;
+    let t = /* @__PURE__ */ n.createElement(i, { ...l, ref: p });
+    return o && (t = o(t, e)), r && (t = /* @__PURE__ */ n.createElement(c, { id: r }, t)), t;
+  });
+}
+export {
+  T as f
+};

package/dist/react-hook-form.js

@@ -7,7 +7,7 @@ import { P as v } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as E } from "./dynamic-ClpUSmEt.js";
-import { F as P } from "./FieldError-Bkfbr6qF.js";
+import { F as P } from "./FieldError-De8_olcs.js";
 const d = x({}), b = d.Provider, g = () => F(d);
 function k(o) {
   var l;