@mittwald/flow-react-components 0.1.0-alpha.202 → 0.1.0-alpha.204

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

@@ -2,8 +2,8 @@
 /* */
 import r from "react";
 import "@tabler/icons-react";
-import "./Icon-CUhvR1IT.js";
-import { I as e } from "./IconPending-MprHiXiv.js";
+import "./Icon-DPoIVASu.js";
+import { I as e } from "./IconPending-DkOzavfh.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-BwRfUBmo.js";
+import { L as o } from "./LoadingSpinner-BLy_eWhM.js";
 export {
   o as LoadingSpinner,
   o as default

package/dist/{MenuItem-DaY0bRCQ.js → MenuItem-DcfYvfPJ.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-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 "./Icon-DPoIVASu.js";
+import { I as x, a as d } from "./IconCheckboxEmpty-C5_FpyLH.js";
+import { I as E, a as C } from "./IconRadioOn-DPCSoNmA.js";
+import { T as p } from "./Text-Sd5q3Yme.js";
 import { d as h } from "./deepFindOfType-6pG0fH7S.js";
 import { W as M } from "./Wrap-DGT1h1o3.js";
-import { f as N } from "./flowComponent-COVzhVCB.js";
+import { f as N } from "./flowComponent-DHPUcYyM.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-DaY0bRCQ.js";
+import { M as t } from "./MenuItem-DcfYvfPJ.js";
 export {
   t as MenuItem,
   t as default

package/dist/Modal.js

@@ -7,17 +7,17 @@ import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { TunnelProvider as v, TunnelExit as y } from "@mittwald/react-tunnel";
-import { f as C } from "./flowComponent-COVzhVCB.js";
+import { f as C } from "./flowComponent-DHPUcYyM.js";
 import * as n from "react-aria-components";
 import "mobx";
 import { u as g } from "./useOverlayController-D8N4X2rc.js";
 import { O as w } from "./OverlayContextProvider-DJzKzUwy.js";
-import { H as E } from "./Header-UWuteUuZ.js";
-import { A as O } from "./Action-B9iiMUXq.js";
-import { B as h } from "./Button-CVDWL-od.js";
+import { H as E } from "./Header-DUWPZjAq.js";
+import { A as O } from "./Action-DrXR84F6.js";
+import { B as h } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";
-import "./Icon-CUhvR1IT.js";
-import { I as M } from "./IconClose-BHf4btna.js";
+import "./Icon-DPoIVASu.js";
+import { I as M } from "./IconClose-BFwPT_IX.js";
 import { O as N } from "./OverlayTrigger-Bdb65OEJ.js";
 const x = "flow--modal", z = "flow--modal--off-canvas", P = "flow--modal--header", T = "flow--modal--content", B = "flow--modal--action-group", A = "flow--modal--close-button", e = {
   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-DX40QvjC.js";
-import { C as N } from "./Content-DTwZweqp.js";
+import { A as x } from "./Accordion-BwP09Mph.js";
+import { C as N } from "./Content-YN32VD1q.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-DYQ_4f2y.js";
-import { L as h } from "./Link-BvK-OJhM.js";
-import { B as k } from "./Button-CVDWL-od.js";
+import { S as g } from "./StatusIcon-CVl-Qd4U.js";
+import { L as h } from "./Link-hmeJbIYC.js";
+import { B as k } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";
-import "./Icon-CUhvR1IT.js";
-import { I as x } from "./IconClose-BHf4btna.js";
+import "./Icon-DPoIVASu.js";
+import { I as x } from "./IconClose-BFwPT_IX.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,14 +9,14 @@ import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as E } from "./FieldError-Bevl1ofs.js";
-import { B as m } from "./Button-CVDWL-od.js";
+import { F as E } from "./FieldError-CHN9uCb_.js";
+import { B as m } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";
-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";
+import "./Icon-DPoIVASu.js";
+import { I as N } from "./IconChevronDown--OxZLX8L.js";
+import { I } from "./IconChevronUp-CGNLwWiz.js";
+import { I as b, a as P } from "./IconPlus-DXEOuv0x.js";
+import { f as C } from "./flowComponent-DHPUcYyM.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,

package/dist/{Popover-DiU0zzqO.js → Popover-D_KuyuoO.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-COVzhVCB.js";
+import { f as g } from "./flowComponent-DHPUcYyM.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-DiU0zzqO.js";
+import { P as m } from "./Popover-D_KuyuoO.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,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-Bevl1ofs.js";
+import { F as B } from "./FieldError-CHN9uCb_.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-CUhvR1IT.js";
-import { I as F, a as v } from "./IconRadioOn-CVwFv8s0.js";
-import { f as N } from "./flowComponent-COVzhVCB.js";
+import "./Icon-DPoIVASu.js";
+import { I as F, a as v } from "./IconRadioOn-DPCSoNmA.js";
+import { f as N } from "./flowComponent-DHPUcYyM.js";
 import "dot-prop";
-import { I as D } from "./IconCheck-Baz3lkPw.js";
+import { I as D } from "./IconCheck-BGtj4cDU.js";
 import { g as T } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
 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,

package/dist/{SearchField-Dbr_5Zy4.js → SearchField-DstUFmq4.js}

@@ -9,13 +9,13 @@ 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-CVDWL-od.js";
+import { F as u } from "./FieldError-CHN9uCb_.js";
+import { f as F } from "./flowComponent-DHPUcYyM.js";
+import { B as E } from "./Button-DQtavSbo.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 "./Icon-DPoIVASu.js";
+import { I as N } from "./IconClose-BFwPT_IX.js";
+import { I as C } from "./IconSearch-C7VQTAqK.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,

package/dist/SearchField.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as e } from "./SearchField-Dbr_5Zy4.js";
+import { S as e } from "./SearchField-DstUFmq4.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-COVzhVCB.js";
+import { f as c } from "./flowComponent-DHPUcYyM.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

@@ -7,13 +7,13 @@ 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-Bevl1ofs.js";
+import { F as w } from "./FieldError-CHN9uCb_.js";
 import f from "clsx";
 import "@tabler/icons-react";
-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 "./Icon-DPoIVASu.js";
+import { I as P } from "./IconChevronDown--OxZLX8L.js";
+import { f as E } from "./flowComponent-DHPUcYyM.js";
+import { P as F } from "./Popover-D_KuyuoO.js";
 import "mobx";
 import { u as C } from "./useOverlayController-D8N4X2rc.js";
 import "dot-prop";

package/dist/Slider.js

@@ -1,17 +1,17 @@
 "use client"
 /* */
 import e from "react";
-import { f as E } from "./flowComponent-COVzhVCB.js";
+import { f as E } from "./flowComponent-DHPUcYyM.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-CVDWL-od.js";
+import { B as i } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";
-import "./Icon-CUhvR1IT.js";
-import { I as w, a as N } from "./IconPlus-BWI6sp0-.js";
+import "./Icon-DPoIVASu.js";
+import { I as w, a as N } from "./IconPlus-DXEOuv0x.js";
 import { useLocalizedStringFormatter as k } from "react-aria";
 const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", T = "flow--slider--track", g = "flow--slider--fill", y = "flow--slider--initial-marker", F = "flow--slider--thumb", I = "flow--slider--increment", M = "flow--slider--decrement", C = "flow--slider--disabled", r = {
   slider: x,

package/dist/StatusBadge.js

@@ -2,14 +2,14 @@
 /* */
 import t from "react";
 import l from "clsx";
-import { S as f } from "./StatusIcon-DYQ_4f2y.js";
-import { T as i } from "./Text-DQmfbsPC.js";
+import { S as f } from "./StatusIcon-CVl-Qd4U.js";
+import { T as i } from "./Text-Sd5q3Yme.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-COVzhVCB.js";
+import { f as d } from "./flowComponent-DHPUcYyM.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-DYQ_4f2y.js → StatusIcon-CVl-Qd4U.js}

@@ -2,10 +2,10 @@
 /* */
 import t from "react";
 import "@tabler/icons-react";
-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 "./Icon-DPoIVASu.js";
+import { I as m } from "./IconDanger-DSrmGtfE.js";
+import { I as f } from "./IconInfo-p6ir3vIp.js";
+import { I, a as l } from "./IconWarning-wNdAHlh2.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-DYQ_4f2y.js";
+import { S as a } from "./StatusIcon-CVl-Qd4U.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-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 "./Icon-DPoIVASu.js";
+import { I as p } from "./IconCheck-BGtj4cDU.js";
+import { I as h } from "./IconClose-BFwPT_IX.js";
+import { L as w } from "./Label-CguPeZH5.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-COVzhVCB.js";
+import { f as b } from "./flowComponent-DHPUcYyM.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-COVzhVCB.js";
+import { f as S } from "./flowComponent-DHPUcYyM.js";
 import { useCallbackRef as O } from "use-callback-ref";
-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-CVDWL-od.js";
+import { a as B, C as K } from "./ContextMenuTrigger-BdJf5T8A.js";
+import { M as A } from "./MenuItem-DcfYvfPJ.js";
+import { B as L } from "./Button-DQtavSbo.js";
 import "@tabler/icons-react";
-import "./Icon-CUhvR1IT.js";
-import { I as F } from "./IconContextMenu-C9_95BDt.js";
-import { T as R } from "./Text-DQmfbsPC.js";
+import "./Icon-DPoIVASu.js";
+import { I as F } from "./IconContextMenu-jwoVcLvd.js";
+import { T as R } from "./Text-Sd5q3Yme.js";
 import "./propsContext-DzAKlmhS.js";
 import { P as W } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";

package/dist/{Text-DQmfbsPC.js → Text-Sd5q3Yme.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-COVzhVCB.js";
+import { f as h } from "./flowComponent-DHPUcYyM.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-DQmfbsPC.js";
+import { T as a } from "./Text-Sd5q3Yme.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-BcABoqwx.js";
+import { T as p } from "./TextFieldBase-DA_aMt2G.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-COVzhVCB.js";
+import { f as c } from "./flowComponent-DHPUcYyM.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-BcABoqwx.js";
+import { T as a } from "./TextFieldBase-DA_aMt2G.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";
+import { f as p } from "./flowComponent-DHPUcYyM.js";
 const c = "flow--text-field", f = {
   textField: c
 }, w = p("TextField", (t) => {

package/dist/{TextFieldBase-BcABoqwx.js → TextFieldBase-DA_aMt2G.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-Bevl1ofs.js";
-import { F as R } from "./FieldDescription-b0dVuLR9.js";
+import { F as P } from "./FieldError-CHN9uCb_.js";
+import { F as R } from "./FieldDescription-D5ScpnNK.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/{flowComponent-COVzhVCB.js → flowComponent-DHPUcYyM.js}

@@ -1,12 +1,12 @@
 "use client"
 /* */
 import s, { isValidElement as x, createContext as f, useContext as P, forwardRef as y, cloneElement as h } from "react";
-import { u as v } from "./propsContext-DzAKlmhS.js";
-import { mergeProps as E } from "@react-aria/utils";
-import { pickBy as S, omitBy as b } from "remeda";
+import { u as g } from "./propsContext-DzAKlmhS.js";
+import { mergeProps as v } from "@react-aria/utils";
+import { pickBy as E, omitBy as S } from "remeda";
 import "dot-prop";
-import { P as g } from "./PropsContextProvider-C6Z4XGp6.js";
-import { TunnelEntry as T } from "@mittwald/react-tunnel";
+import { P as T } from "./PropsContextProvider-C6Z4XGp6.js";
+import { TunnelEntry as b } from "@mittwald/react-tunnel";
 const k = {
   Action: !0,
   ActionGroup: !0,
@@ -36,10 +36,12 @@ const k = {
   List: !0,
   MenuItem: !0,
   Modal: !0,
+  ModalTrigger: !0,
   NumberField: !0,
   Radio: !0,
   Option: !0,
   Popover: !0,
+  PopoverTrigger: !0,
   RadioButton: !0,
   RadioGroup: !0,
   SearchField: !0,
@@ -77,7 +79,7 @@ const B = (t, o) => {
 function A(t) {
   return !!t && typeof t == "object" && "children" in t && !!t.children;
 }
-const F = (t) => S(t, (o, r) => d(r)), I = (t, o) => {
+const F = (t) => E(t, (o, r) => d(r)), I = (t, o) => {
   if (!A(o))
     return {};
   const r = o.children;
@@ -85,16 +87,16 @@ const F = (t) => S(t, (o, r) => d(r)), I = (t, o) => {
     return {};
   const e = F(t);
   return Object.keys(e).length === 0 ? {} : {
-    children: /* @__PURE__ */ s.createElement(g, { props: e, mergeInParentContext: !0 }, r)
+    children: /* @__PURE__ */ s.createElement(T, { props: e, mergeInParentContext: !0 }, r)
   };
 }, M = (t, o) => {
-  const e = v()[t], n = e ? B(e, o) : void 0, i = e ? I(e, o) : void 0;
-  return E(
-    e && b(
+  const e = g()[t], n = e ? B(e, o) : void 0, i = e ? I(e, o) : void 0;
+  return v(
+    e && S(
       e,
-      (c, p) => l.includes(
-        p
-      ) || a(c)
+      (p, c) => l.includes(
+        c
+      ) || a(p)
     ),
     o,
     n,
@@ -109,15 +111,15 @@ const F = (t) => S(t, (o, r) => d(r)), I = (t, o) => {
 };
 function O(t, o) {
   return y((r, e) => {
-    const { tunnelId: n, wrapWith: i, ...c } = M(
+    const { tunnelId: n, wrapWith: i, ...p } = M(
       t,
       r
     ), C = {
       refProp: e,
-      ...c
+      ...p
     };
     let u = /* @__PURE__ */ s.createElement(o, { ...C });
-    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(N, { slot: r.slot, component: t }, u)), i && (u = h(i, void 0, u)), n && (u = /* @__PURE__ */ s.createElement(T, { id: n }, u)), u;
+    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(N, { slot: r.slot, component: t }, u)), i && (u = h(i, void 0, u)), n && (u = /* @__PURE__ */ s.createElement(b, { id: n }, u)), u;
   });
 }
 export {

package/dist/react-hook-form.js

@@ -7,8 +7,8 @@ import { P as b } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as E } from "./dynamic-ClpUSmEt.js";
-import { F as P } from "./FieldError-Bevl1ofs.js";
-import { a as g, A as y } from "./Action-B9iiMUXq.js";
+import { F as P } from "./FieldError-CHN9uCb_.js";
+import { a as g, A as y } from "./Action-DrXR84F6.js";
 const x = v({}), V = x.Provider, f = () => F(x);
 function I(e) {
   var i;

package/dist/types/components/List/List.d.ts

@@ -1,9 +1,11 @@
 import { PropsWithChildren, default as React } from 'react';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { ItemListProps } from './components/Items/Items';
+import { OnListChanged } from './model/types';
 
-export interface ListProps extends PropsWithChildren, ItemListProps, FlowComponentProps {
+export interface ListProps<T> extends PropsWithChildren, ItemListProps, FlowComponentProps {
     batchSize?: number;
+    onChange?: OnListChanged<T>;
 }
-export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<never>>;
+export declare const List: React.ForwardRefExoticComponent<ListProps<never> & React.RefAttributes<never>>;
 export default List;

package/dist/types/components/List/model/List.d.ts

@@ -17,7 +17,7 @@ export declare class List<T> {
     readonly reactTable: ReactTable<T>;
     readonly batches: BatchesController<T>;
     readonly loader: IncrementalLoader<T>;
-    readonly hasAction: boolean;
+    readonly hasAction?: boolean;
     private constructor();
     static useNew<T>(shape: ListShape<T>): List<T>;
     get isFiltered(): boolean;

package/dist/types/components/List/model/ReactTable.d.ts

@@ -1,6 +1,6 @@
 import { Column, ColumnSort, Table, TableOptions } from '@tanstack/react-table';
 import { default as List } from './List';
-import { PropertyName } from './types';
+import { OnListChanged, PropertyName } from './types';
 import { SearchValue } from './search/types';
 import { Dispatch, SetStateAction } from 'react';
 
@@ -10,7 +10,7 @@ export declare class ReactTable<T> {
     readonly sortingState: ColumnSort[];
     readonly updateSortingState: Dispatch<SetStateAction<ColumnSort[]>>;
     private constructor();
-    static useNew<T>(list: List<T>, tableOptions?: Partial<TableOptions<T>>): ReactTable<T>;
+    static useNew<T>(list: List<T>, onChange?: OnListChanged<T>, tableOptions?: Partial<TableOptions<T>>): ReactTable<T>;
     private useReactTable;
     private handleSortingStateUpdate;
     get searchString(): SearchValue;

package/dist/types/components/List/model/search/Search.d.ts

@@ -9,6 +9,7 @@ export declare class Search<T> {
     constructor(list: List<T>, searchShape: SearchShape<T>);
     get value(): SearchValue;
     get isSet(): boolean;
+    private callOnUpdateCallbacks;
     setValue(value: SearchValue): void;
     clear(): void;
     onUpdated(cb: () => unknown): void;

package/dist/types/components/List/model/types.d.ts

@@ -7,12 +7,14 @@ import { SearchShape } from './search/types';
 import { ItemViewShape } from './item/ItemView';
 import { ReactNode } from 'react';
 import { ItemType } from '../../../lib/types/array';
+import { default as List } from './List';
 
 export declare const customPropertyPrefix: "$";
 export type CustomPropertyName = `${typeof customPropertyPrefix}${string}`;
 export type PropertyName<T> = DeepKeys<T> | CustomPropertyName;
 export type PropertyValue<T, TProp> = TProp extends CustomPropertyName ? T : DeepValue<T, TProp>;
 export type PropertyValueRenderMethod<TMatcherValue> = (prop: NonNullable<ItemType<TMatcherValue>>) => ReactNode;
+export type OnListChanged<T> = (list: List<T>) => void;
 export interface ListShape<T> {
     loader?: IncrementalLoaderShape<T>;
     filters?: FilterShape<T, never, never>[];
@@ -20,6 +22,7 @@ export interface ListShape<T> {
     search?: SearchShape<T>;
     sorting?: SortingShape<T>[];
     batchesController?: BatchesControllerShape;
-    hasAction: boolean;
+    hasAction?: boolean;
+    onChange?: OnListChanged<T>;
 }
 export type PropertyRecord<T, TValue> = Partial<Record<PropertyName<T>, TValue>>;