@mittwald/flow-react-components 0.1.0-alpha.132 → 0.1.0-alpha.134

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/dist/{Accordion-C0i7OVyG.js → Accordion-rCpRbkUM.js} +5 -5
  2. package/dist/Accordion.js +1 -1
  3. package/dist/Action-Dp9FyJCZ.js +282 -0
  4. package/dist/Action.js +1 -1
  5. package/dist/ActionGroup.js +25 -25
  6. package/dist/Avatar.js +4 -4
  7. package/dist/Breadcrumb.js +21 -19
  8. package/dist/{Button-DmFXEX6m.js → Button-BPAhEOTg.js} +8 -8
  9. package/dist/Button.js +1 -1
  10. package/dist/{Checkbox-D4IUwOOm.js → Checkbox-CD6v6jqo.js} +6 -6
  11. package/dist/Checkbox.js +1 -1
  12. package/dist/{CheckboxButton-Cw_cTFPz.js → CheckboxButton-I0WYBLv2.js} +5 -5
  13. package/dist/CheckboxButton.js +1 -1
  14. package/dist/CheckboxGroup.js +5 -5
  15. package/dist/{ClearPropsContext-mes1t7Bj.js → ClearPropsContext-CUvsbMn8.js} +1 -1
  16. package/dist/{Content-Cq-QSozP.js → Content-DlB-BYko.js} +3 -3
  17. package/dist/Content.js +1 -1
  18. package/dist/ContextMenu.js +3 -3
  19. package/dist/{ContextMenuTrigger-ChPmQMpO.js → ContextMenuTrigger-BwhLrGm5.js} +15 -18
  20. package/dist/CopyButton.js +7 -7
  21. package/dist/CounterBadge.js +1 -1
  22. package/dist/FieldDescription-Brg52RqE.js +20 -0
  23. package/dist/FieldDescription.js +3 -17
  24. package/dist/{FieldError-hYSngYTh.js → FieldError-D_VRyiJG.js} +5 -5
  25. package/dist/FieldError.js +1 -1
  26. package/dist/{Header-BPe0FNKy.js → Header-BetbThNR.js} +1 -1
  27. package/dist/Header.js +1 -1
  28. package/dist/HeaderNavigation.js +23 -24
  29. package/dist/{Heading-0KJIjlox.js → Heading-CfQzGjxY.js} +4 -4
  30. package/dist/Heading.js +1 -1
  31. package/dist/{Icon-DeN4Y_a0.js → Icon-D4bkU_pz.js} +3 -3
  32. package/dist/Icon.js +1 -1
  33. package/dist/{IconCheck-Dt46vtrJ.js → IconCheck-CMWmQYpS.js} +1 -1
  34. package/dist/{IconCheckboxEmpty-DdLa3K6h.js → IconCheckboxEmpty-DQLeOSmS.js} +1 -1
  35. package/dist/{IconCheckboxIndeterminate-DZubWEXp.js → IconCheckboxIndeterminate-DoNQre-9.js} +1 -1
  36. package/dist/{IconChevronDown-DxftprRQ.js → IconChevronDown-HLDPe1kj.js} +1 -1
  37. package/dist/{IconChevronRight-BmNGIbWG.js → IconChevronRight-DmCZeDFh.js} +1 -1
  38. package/dist/IconChevronUp-CUKpaGeP.js +9 -0
  39. package/dist/{IconClose-CVvBI6H7.js → IconClose-FTrJdf_N.js} +1 -1
  40. package/dist/{IconContextMenu-BZ6cD-An.js → IconContextMenu-Bmk1_j_0.js} +1 -1
  41. package/dist/{IconCopy-DCChJuYP.js → IconCopy-DH_CNzXF.js} +1 -1
  42. package/dist/{IconDanger-l4_b7cTo.js → IconDanger-PwvUWqzQ.js} +1 -1
  43. package/dist/{IconPending-VHfFhE2m.js → IconPending-BV7TXz8_.js} +1 -1
  44. package/dist/IconPlus-CAQpgAH5.js +10 -0
  45. package/dist/{IconRadioOn-BQq4Iu7w.js → IconRadioOn-BIS8wd64.js} +1 -1
  46. package/dist/{IconSearch-BxE5ZQFN.js → IconSearch-DadOOeXe.js} +1 -1
  47. package/dist/{IconSucceeded-LyvLqe_3.js → IconSucceeded-KKiDIenP.js} +1 -1
  48. package/dist/{IconWarning-CbxAYuzB.js → IconWarning-DFG_1t6M.js} +1 -1
  49. package/dist/Icons.js +39 -38
  50. package/dist/{IllustratedMessage-D07W9uSy.js → IllustratedMessage-DadLfPs9.js} +2 -2
  51. package/dist/IllustratedMessage.js +1 -1
  52. package/dist/Image.js +3 -3
  53. package/dist/Initials.js +3 -3
  54. package/dist/InlineAlert.js +5 -5
  55. package/dist/{InlineCode-Sk5wfXAE.js → InlineCode-BT-PKxVv.js} +2 -2
  56. package/dist/InlineCode.js +1 -1
  57. package/dist/{Label-Cy_UxX3Y.js → Label-CJi7iMmE.js} +3 -3
  58. package/dist/Label.js +1 -1
  59. package/dist/LabeledValue.js +3 -3
  60. package/dist/LayoutCard.js +3 -3
  61. package/dist/{Link-B1BFyDl1.js → Link-TcBL3IVI.js} +4 -4
  62. package/dist/Link.js +1 -1
  63. package/dist/List.js +42 -43
  64. package/dist/{LoadingSpinner-DSpuNOHM.js → LoadingSpinner-CoSM7GIL.js} +2 -2
  65. package/dist/LoadingSpinner.js +1 -1
  66. package/dist/{MenuItem-BKaeRvx3.js → MenuItem-Dny58Rqq.js} +7 -7
  67. package/dist/MenuItem.js +1 -1
  68. package/dist/Modal.js +4 -4
  69. package/dist/Navigation.js +36 -34
  70. package/dist/NumberField.js +21 -20
  71. package/dist/OffCanvas.js +8 -8
  72. package/dist/OverlayTrigger-DbjMkqKf.js +20 -0
  73. package/dist/ProgressBar.js +2 -2
  74. package/dist/{PropsContextProvider-B7e3QrmR.js → PropsContextProvider-C6Z4XGp6.js} +17 -17
  75. package/dist/RadioGroup.js +8 -8
  76. package/dist/Section.js +3 -3
  77. package/dist/Select.js +44 -45
  78. package/dist/Slider.js +105 -0
  79. package/dist/StatusBadge.js +5 -5
  80. package/dist/{StatusIcon-DKPrtG-X.js → StatusIcon-Dj5p-iL1.js} +5 -5
  81. package/dist/StatusIcon.js +1 -1
  82. package/dist/Switch.js +7 -7
  83. package/dist/Tabs.js +9 -9
  84. package/dist/{Text-DlffGRII.js → Text-D6e-S6em.js} +4 -4
  85. package/dist/Text.js +1 -1
  86. package/dist/TextArea.js +4 -4
  87. package/dist/TextField.js +4 -4
  88. package/dist/TextFieldBase-CsQ97WH-.js +68 -0
  89. package/dist/flowComponent-CPKCCJEg.js +120 -0
  90. package/dist/getActionGroupSlot-izllH4ID.js +59 -0
  91. package/dist/propsContext-DzAKlmhS.js +10 -0
  92. package/dist/react-hook-form.js +10 -9
  93. package/dist/slotContext-DoCFkzCA.js +8 -0
  94. package/dist/styles.css +1 -1
  95. package/dist/types/components/Action/hooks/useActionButtonState.d.ts +4 -0
  96. package/dist/types/components/Action/hooks/useConfirmationModalButtonSlot.d.ts +3 -0
  97. package/dist/types/components/ActionGroup/ActionGroup.d.ts +1 -1
  98. package/dist/types/components/Avatar/Avatar.d.ts +1 -1
  99. package/dist/types/components/Button/Button.d.ts +1 -1
  100. package/dist/types/components/Content/Content.d.ts +1 -1
  101. package/dist/types/components/ContextMenu/ContextMenu.d.ts +1 -1
  102. package/dist/types/components/CopyButton/CopyButton.d.ts +1 -1
  103. package/dist/types/components/CounterBadge/CounterBadge.d.ts +1 -1
  104. package/dist/types/components/Header/Header.d.ts +1 -1
  105. package/dist/types/components/Link/Link.d.ts +1 -1
  106. package/dist/types/components/MenuItem/MenuItem.d.ts +1 -1
  107. package/dist/types/components/Modal/Modal.d.ts +1 -1
  108. package/dist/types/components/Section/Section.d.ts +1 -1
  109. package/dist/types/components/Slider/Slider.d.ts +9 -0
  110. package/dist/types/components/Slider/index.d.ts +4 -0
  111. package/dist/types/components/Slider/stories/Default.stories.d.ts +10 -0
  112. package/dist/types/components/TextArea/stories/Default.stories.d.ts +1 -0
  113. package/dist/types/components/TextField/stories/Default.stories.d.ts +1 -0
  114. package/dist/types/components/TextFieldBase/TextFieldBase.d.ts +1 -0
  115. package/dist/types/components/propTypes/index.d.ts +3 -1
  116. package/dist/types/lib/componentFactory/flowComponent.d.ts +6 -4
  117. package/dist/types/lib/propsContext/propsContext.d.ts +4 -2
  118. package/dist/types/lib/slotContext/SlotContextProvider.d.ts +9 -0
  119. package/dist/types/lib/slotContext/slotContext.d.ts +44 -0
  120. package/dist/types/lib/slotContext/types.d.ts +5 -0
  121. package/dist/types/lib/slotContext/useContextSlot.d.ts +4 -0
  122. package/dist/types/lib/types/props.d.ts +1 -4
  123. package/package.json +9 -5
  124. package/dist/Action-COYULIMl.js +0 -307
  125. package/dist/ActionStateContext-C_nPivaA.js +0 -55
  126. package/dist/ComponentRenderContextProvider-C-1_ziLI.js +0 -29
  127. package/dist/IconPlus-jiiIPCCu.js +0 -11
  128. package/dist/OverlayTrigger-Bb8cs_IA.js +0 -21
  129. package/dist/TextFieldBase-CQ8ddfp_.js +0 -32
  130. package/dist/context-D_-mRqs8.js +0 -8
  131. package/dist/flowComponent-DahHhlnC.js +0 -125
  132. package/dist/getActionGroupSlot-B4Vu4Kix.js +0 -9
  133. package/dist/types/components/Action/components/ActionButton.d.ts +0 -4
  134. package/dist/types/components/Action/components/ActionComponentsRenderContext.d.ts +0 -3
  135. package/dist/types/components/Action/components/ActionLink.d.ts +0 -4
  136. package/dist/types/components/Action/components/ActionModal.d.ts +0 -4
  137. package/dist/types/components/Action/components/ModalActionButton.d.ts +0 -4
  138. package/dist/types/lib/propsContext/render/ComponentRenderContextProvider.d.ts +0 -18
  139. package/dist/types/lib/propsContext/render/useComponentRenderFn.d.ts +0 -8
@@ -2,15 +2,15 @@
2
2
  /* */
3
3
  import e, { useState as E, useId as a } from "react";
4
4
  import I from "clsx";
5
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
6
- import { P as N } from "./PropsContextProvider-B7e3QrmR.js";
5
+ import "./propsContext-DzAKlmhS.js";
6
+ import { P as N } from "./PropsContextProvider-C6Z4XGp6.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import { d } from "./dynamic-ClpUSmEt.js";
10
- import { B as w } from "./Button-DmFXEX6m.js";
10
+ import { B as w } from "./Button-BPAhEOTg.js";
11
11
  import "@tabler/icons-react";
12
- import "./Icon-DeN4Y_a0.js";
13
- import { I as y } from "./IconChevronDown-DxftprRQ.js";
12
+ import "./Icon-D4bkU_pz.js";
13
+ import { I as y } from "./IconChevronDown-HLDPe1kj.js";
14
14
  import { TunnelProvider as B, TunnelExit as C } from "@mittwald/react-tunnel";
15
15
  import { A as P } from "./Activity-CmfZpgOM.js";
16
16
  const A = "flow--accordion", b = "flow--accordion--header", g = "flow--accordion--header-button", D = "flow--accordion--content", T = "flow--accordion--content-inner", H = "flow--accordion--chevron", L = "flow--accordion--expanded", n = {
package/dist/Accordion.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { A as r } from "./Accordion-C0i7OVyG.js";
3
+ import { A as r } from "./Accordion-rCpRbkUM.js";
4
4
  export {
5
5
  r as Accordion,
6
6
  r as default
@@ -0,0 +1,282 @@
1
+ "use client"
2
+ /* */
3
+ var S = Object.defineProperty;
4
+ var B = (o, t, e) => t in o ? S(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
5
+ var c = (o, t, e) => (B(o, typeof t != "symbol" ? t + "" : t, e), e);
6
+ import y, { createContext as F, useRef as k, useContext as A } from "react";
7
+ import { makeObservable as O, observable as I, action as M, computed as E } from "mobx";
8
+ import { u as w } from "./useOverlayController-CGKumeGL.js";
9
+ import D from "invariant";
10
+ import { u as b } from "./useSelector-DpU7_HMO.js";
11
+ import { a as T, g as N, u as R } from "./getActionGroupSlot-izllH4ID.js";
12
+ import "./propsContext-DzAKlmhS.js";
13
+ import { P as $ } from "./PropsContextProvider-C6Z4XGp6.js";
14
+ import "@react-aria/utils";
15
+ import "remeda";
16
+ import { d as u } from "./dynamic-ClpUSmEt.js";
17
+ import { u as V } from "./slotContext-DoCFkzCA.js";
18
+ const m = F(void 0), G = m.Provider, g = (o) => new Promise((t) => setTimeout(t, o)), f = {
19
+ pending: 1e3,
20
+ succeeded: 1500,
21
+ failed: 2e3
22
+ };
23
+ class C {
24
+ constructor() {
25
+ c(this, "showFeedback");
26
+ c(this, "state", "isIdle");
27
+ c(this, "setPendingTimeout");
28
+ c(this, "error");
29
+ c(this, "isAsync", !1);
30
+ O(this, {
31
+ state: I,
32
+ updateState: M,
33
+ isBusy: E
34
+ });
35
+ }
36
+ static useNew() {
37
+ return k(new C()).current;
38
+ }
39
+ updateState(t) {
40
+ this.state = t;
41
+ }
42
+ useValue() {
43
+ return b(() => this.state, [this]);
44
+ }
45
+ useIsBusy() {
46
+ return b(() => this.isBusy, [this]);
47
+ }
48
+ get isBusy() {
49
+ return this.state === "isExecuting" || this.state === "isPending";
50
+ }
51
+ onAsyncStart() {
52
+ this.isAsync = !0, this.updateState("isExecuting"), this.setPendingTimeout = window.setTimeout(
53
+ () => this.startPending(),
54
+ f.pending
55
+ );
56
+ }
57
+ async onSucceeded() {
58
+ await this.onDone();
59
+ }
60
+ async onFailed(t) {
61
+ this.error = t ?? new Error("Unknown error"), await this.onDone();
62
+ }
63
+ withFeedback(t) {
64
+ return this.showFeedback = t, this;
65
+ }
66
+ async startFailedFeedback() {
67
+ this.updateState("isFailed"), await g(f.failed), this.resetAfterDone();
68
+ }
69
+ async startSucceededFeedback() {
70
+ this.updateState("isSucceeded"), await g(f.succeeded), this.resetAfterDone();
71
+ }
72
+ resetAfterDone() {
73
+ this.updateState("isIdle"), this.isAsync = !1, this.error = void 0;
74
+ }
75
+ async onDone() {
76
+ this.setPendingTimeout && window.clearTimeout(this.setPendingTimeout), this.error ? await this.startFailedFeedback() : this.showFeedback !== !1 && (this.showFeedback || this.isAsync) ? await this.startSucceededFeedback() : this.resetAfterDone();
77
+ }
78
+ startPending() {
79
+ this.updateState("isPending");
80
+ }
81
+ }
82
+ const x = (o) => (...t) => {
83
+ const e = [...o], s = e.shift();
84
+ if (s) {
85
+ const i = s(...t), n = () => e.length === 0 ? i : x(e)(...t);
86
+ return i instanceof Promise ? i.then(n) : n();
87
+ }
88
+ }, d = () => {
89
+ }, L = (o, t = {}) => {
90
+ const {
91
+ onSync: e = d,
92
+ onAsync: s = d,
93
+ then: i = d,
94
+ catch: n = d,
95
+ finally: r = d
96
+ } = t;
97
+ try {
98
+ const a = o();
99
+ return a instanceof Promise ? (s(), a.then(i).catch(n).finally(r)) : (e(), i(a), r(), a);
100
+ } catch (a) {
101
+ e(), n(a), r();
102
+ }
103
+ }, U = () => {
104
+ };
105
+ function j(o) {
106
+ if (o.needsConfirmation)
107
+ return o.confirmationModalController.open;
108
+ const t = o.getOverlayController(), {
109
+ action: e,
110
+ toggleOverlay: s,
111
+ closeOverlay: i,
112
+ openOverlay: n
113
+ } = o.actionProps;
114
+ return e || (n && t ? t.open : i && t || s && t ? t.close : U);
115
+ }
116
+ class v {
117
+ constructor(t) {
118
+ c(this, "actions", []);
119
+ c(this, "baseAction");
120
+ this.baseAction = t;
121
+ }
122
+ addAction(t) {
123
+ this.actions.push(t);
124
+ }
125
+ async executeBatch(t) {
126
+ if (this.actions.length === 0)
127
+ return;
128
+ const e = this.actions[this.actions.length - 1].actionProps.showFeedback, s = this.baseAction.state.withFeedback(
129
+ this.baseAction.needsConfirmation ? !1 : e
130
+ ), i = this.actions.map((a) => j(a)), n = x(i);
131
+ let r;
132
+ if (await L(() => n(...t), {
133
+ onAsync: () => s.onAsyncStart(),
134
+ then: () => s.onSucceeded(),
135
+ catch: (a) => {
136
+ s.onFailed(a), r = a;
137
+ }
138
+ }), r)
139
+ throw r;
140
+ }
141
+ }
142
+ class q {
143
+ constructor(t) {
144
+ c(this, "action");
145
+ c(this, "execute", (...t) => {
146
+ const e = this.getBatchedActions();
147
+ (async () => {
148
+ for (const i of e)
149
+ await i.executeBatch(t);
150
+ })().catch((i) => console.error(i));
151
+ });
152
+ c(this, "getBatchedActions", () => {
153
+ let t = this.action;
154
+ const e = [];
155
+ let s = new v(
156
+ this.action
157
+ ), i = 0;
158
+ for (; t; ) {
159
+ const { action: n, break: r, skip: a } = t.actionProps;
160
+ if (t.needsConfirmation) {
161
+ s.addAction(t);
162
+ break;
163
+ }
164
+ if (a) {
165
+ i = a === !0 ? 1 : a, t = t.parentAction;
166
+ continue;
167
+ }
168
+ if (i > 0) {
169
+ t = t.parentAction, i--;
170
+ continue;
171
+ }
172
+ if (r)
173
+ break;
174
+ n || (e.push(s), s = new v(this.action)), s.addAction(t), t = t.parentAction;
175
+ }
176
+ return e.push(s), e;
177
+ });
178
+ this.action = t;
179
+ }
180
+ }
181
+ class l {
182
+ constructor(t) {
183
+ c(this, "state");
184
+ c(this, "needsConfirmation");
185
+ c(this, "actionProps");
186
+ c(this, "parentAction");
187
+ c(this, "confirmationModalController");
188
+ c(this, "overlayController");
189
+ c(this, "execute", (...t) => {
190
+ new q(this).execute(...t);
191
+ });
192
+ const {
193
+ actionProps: e,
194
+ needsConfirmation: s,
195
+ parentAction: i,
196
+ overlayController: n,
197
+ confirmationModalController: r,
198
+ state: a
199
+ } = t;
200
+ this.actionProps = e, this.parentAction = i, this.confirmationModalController = r, this.needsConfirmation = s, this.overlayController = n, this.state = a;
201
+ }
202
+ static useNew(t, e = {}) {
203
+ const s = A(m), i = w(), n = w(), r = C.useNew();
204
+ return new l({
205
+ parentAction: s,
206
+ overlayController: i,
207
+ confirmationModalController: n,
208
+ needsConfirmation: !1,
209
+ actionProps: t,
210
+ state: r,
211
+ ...e
212
+ });
213
+ }
214
+ static use() {
215
+ const t = A(m);
216
+ return D(!!t, "Action context is not defined"), T.useRegisterState(t.state), t;
217
+ }
218
+ static useConfirmationAction() {
219
+ const t = l.use();
220
+ return new l({
221
+ actionProps: t.actionProps,
222
+ confirmationModalController: t.confirmationModalController,
223
+ overlayController: t.overlayController,
224
+ state: t.state,
225
+ needsConfirmation: !1,
226
+ parentAction: l.useNew(
227
+ {
228
+ closeOverlay: !0
229
+ },
230
+ {
231
+ parentAction: t.parentAction
232
+ }
233
+ )
234
+ });
235
+ }
236
+ getOverlayController() {
237
+ const t = (e) => e === void 0 ? void 0 : e === !0 ? this.overlayController : e === !1 ? void 0 : e;
238
+ return t(this.actionProps.openOverlay) ?? t(this.actionProps.closeOverlay) ?? t(this.actionProps.toggleOverlay);
239
+ }
240
+ }
241
+ const z = (o) => V()[o], p = (o) => z("Modal") === "actionConfirm" ? N(o) : void 0, h = (o) => {
242
+ const t = l.use(), e = t.state.useValue(), s = p(o) === "primary", i = t.confirmationModalController.useIsOpen();
243
+ return t.needsConfirmation && i && !s ? "isIdle" : e;
244
+ }, it = (o) => {
245
+ const { children: t, ...e } = o, s = l.useNew(e), i = {
246
+ Button: {
247
+ onPress: u((n) => {
248
+ const r = l.use(), a = l.useConfirmationAction(), P = p(n) === "primary";
249
+ return p(n) === "abort" ? r.confirmationModalController.close : P ? a.execute : r.execute;
250
+ }),
251
+ isPending: u(
252
+ (n) => h(n) === "isPending"
253
+ ),
254
+ isSucceeded: u(
255
+ (n) => h(n) === "isSucceeded"
256
+ ),
257
+ isFailed: u((n) => h(n) === "isFailed"),
258
+ "aria-disabled": u(() => {
259
+ const n = h(o), r = R().useIsBusy();
260
+ return n === "isExecuting" || r;
261
+ })
262
+ },
263
+ Link: {
264
+ onPress: u(() => l.use().execute)
265
+ },
266
+ Modal: {
267
+ slot: u((n) => {
268
+ const { slot: r } = n, a = l.use();
269
+ return a.needsConfirmation = r === "actionConfirm", r;
270
+ }),
271
+ isDismissable: u((n) => l.use().state.useIsBusy() ? !1 : n.isDismissable),
272
+ controller: u(() => {
273
+ const n = l.use();
274
+ return n.needsConfirmation ? n.confirmationModalController : n.getOverlayController();
275
+ })
276
+ }
277
+ };
278
+ return /* @__PURE__ */ y.createElement(G, { value: s }, /* @__PURE__ */ y.createElement($, { props: i, mergeInParentContext: !0 }, t));
279
+ };
280
+ export {
281
+ it as A
282
+ };
package/dist/Action.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { A as t } from "./Action-COYULIMl.js";
3
+ import { A as t } from "./Action-Dp9FyJCZ.js";
4
4
  export {
5
5
  t as Action,
6
6
  t as default
@@ -1,38 +1,38 @@
1
1
  "use client"
2
2
  /* */
3
3
  import o from "react";
4
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
5
- import { P as E } from "./PropsContextProvider-B7e3QrmR.js";
4
+ import "./propsContext-DzAKlmhS.js";
5
+ import { P as y } from "./PropsContextProvider-C6Z4XGp6.js";
6
6
  import "@react-aria/utils";
7
7
  import "remeda";
8
- import { d as g } from "./dynamic-ClpUSmEt.js";
9
- import c from "clsx";
10
- import { f as C } from "./flowComponent-DahHhlnC.js";
11
- import { TunnelProvider as G, TunnelExit as n } from "@mittwald/react-tunnel";
12
- import { A as N } from "./ActionStateContext-C_nPivaA.js";
13
- import { g as i } from "./getActionGroupSlot-B4Vu4Kix.js";
14
- const v = "flow--action-group--action-group-container", x = "flow--action-group", w = "flow--action-group--primary", A = "flow--action-group--secondary", P = "flow--action-group--abort", t = {
15
- actionGroupContainer: v,
16
- actionGroup: x,
17
- primary: w,
18
- secondary: A,
8
+ import { d as e } from "./dynamic-ClpUSmEt.js";
9
+ import i from "clsx";
10
+ import { f as g } from "./flowComponent-CPKCCJEg.js";
11
+ import { TunnelProvider as E, TunnelExit as n } from "@mittwald/react-tunnel";
12
+ import { A as C, g as a } from "./getActionGroupSlot-izllH4ID.js";
13
+ const G = "flow--action-group--action-group-container", v = "flow--action-group", x = "flow--action-group--primary", N = "flow--action-group--secondary", P = "flow--action-group--abort", r = {
14
+ actionGroupContainer: G,
15
+ actionGroup: v,
16
+ primary: x,
17
+ secondary: N,
19
18
  abort: P
20
- }, D = C("ActionGroup", (s) => {
21
- const { children: m, className: l, refProp: p, ...u } = s, d = c(t.actionGroupContainer, l), f = {
19
+ }, k = g("ActionGroup", (s) => {
20
+ const { children: m, className: l, refProp: p, ...u } = s, d = i(r.actionGroupContainer, l), f = {
22
21
  Button: {
23
- render: (r, e) => {
24
- const a = i(e), y = c(
25
- e.className,
26
- a !== "secondary" ? t[a] : void 0
22
+ tunnelId: e((t) => a(t)),
23
+ slot: e((t) => a(t)),
24
+ className: e((t) => {
25
+ const c = a(t);
26
+ return i(
27
+ t.className,
28
+ c !== "secondary" ? r[c] : void 0
27
29
  );
28
- return /* @__PURE__ */ o.createElement(r, { ...e, className: y });
29
- },
30
- tunnelId: g((r) => i(r))
30
+ })
31
31
  }
32
32
  };
33
- return /* @__PURE__ */ o.createElement(N, null, /* @__PURE__ */ o.createElement(E, { props: f, mergeInParentContext: !0 }, /* @__PURE__ */ o.createElement(G, null, /* @__PURE__ */ o.createElement("div", { ...u, className: d, ref: p }, /* @__PURE__ */ o.createElement("div", { className: t.actionGroup, role: "group" }, m, /* @__PURE__ */ o.createElement(n, { id: "primary" }), /* @__PURE__ */ o.createElement("div", { className: t.secondary }, /* @__PURE__ */ o.createElement(n, { id: "secondary" })), /* @__PURE__ */ o.createElement(n, { id: "abort" }))))));
33
+ return /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(y, { props: f, mergeInParentContext: !0 }, /* @__PURE__ */ o.createElement(E, null, /* @__PURE__ */ o.createElement("div", { ...u, className: d, ref: p }, /* @__PURE__ */ o.createElement("div", { className: r.actionGroup, role: "group" }, m, /* @__PURE__ */ o.createElement(n, { id: "primary" }), /* @__PURE__ */ o.createElement("div", { className: r.secondary }, /* @__PURE__ */ o.createElement(n, { id: "secondary" })), /* @__PURE__ */ o.createElement(n, { id: "abort" }))))));
34
34
  });
35
35
  export {
36
- D as ActionGroup,
37
- D as default
36
+ k as ActionGroup,
37
+ k as default
38
38
  };
package/dist/Avatar.js CHANGED
@@ -2,14 +2,14 @@
2
2
  /* */
3
3
  import i, { isValidElement as p } from "react";
4
4
  import v from "clsx";
5
- import { C as c } from "./ClearPropsContext-mes1t7Bj.js";
6
- import { P as f } from "./PropsContextProvider-B7e3QrmR.js";
5
+ import { C as c } from "./ClearPropsContext-CUvsbMn8.js";
6
+ import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
7
7
  import "@react-aria/utils";
8
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
8
+ import "./propsContext-DzAKlmhS.js";
9
9
  import "remeda";
10
10
  import { hash as w } from "object-code";
11
11
  import { deepForEach as z } from "react-children-utilities";
12
- import { f as d } from "./flowComponent-DahHhlnC.js";
12
+ import { f as d } from "./flowComponent-CPKCCJEg.js";
13
13
  const C = "flow--avatar", h = "flow--avatar--icon", x = "flow--avatar--initials", r = {
14
14
  avatar: C,
15
15
  icon: h,
@@ -4,31 +4,33 @@ import r from "react";
4
4
  import * as m from "react-aria-components";
5
5
  import a from "clsx";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-DeN4Y_a0.js";
8
- import { I as u } from "./IconChevronRight-BmNGIbWG.js";
9
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
10
- import { P as p } from "./PropsContextProvider-B7e3QrmR.js";
7
+ import "./Icon-D4bkU_pz.js";
8
+ import { I as b } from "./IconChevronRight-DmCZeDFh.js";
9
+ import "./propsContext-DzAKlmhS.js";
10
+ import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
11
11
  import "@react-aria/utils";
12
12
  import "remeda";
13
- const f = "flow--breadcrumb", k = "flow--breadcrumb--link", h = "flow--breadcrumb--breadcrumb-item", N = "flow--breadcrumb--icon", w = "flow--breadcrumb--dark", E = "flow--breadcrumb--light", e = {
14
- breadcrumb: f,
15
- link: k,
16
- breadcrumbItem: h,
17
- icon: N,
18
- dark: w,
19
- light: E
20
- }, I = (t) => {
13
+ const u = "flow--breadcrumb", p = "flow--breadcrumb--link", f = "flow--breadcrumb--breadcrumb-item", h = "flow--breadcrumb--icon", k = "flow--breadcrumb--dark", w = "flow--breadcrumb--light", e = {
14
+ breadcrumb: u,
15
+ link: p,
16
+ breadcrumbItem: f,
17
+ icon: h,
18
+ dark: k,
19
+ light: w
20
+ }, N = (t) => {
21
21
  const { children: o } = t, c = a(e.breadcrumbItem);
22
- return /* @__PURE__ */ r.createElement(m.Breadcrumb, { className: c }, o, /* @__PURE__ */ r.createElement(u, { size: "s", className: e.icon }));
23
- }, A = (t) => {
24
- const { children: o, className: c, color: s = "primary", ...n } = t, l = a(e.breadcrumb, e[s], c), b = {
22
+ return /* @__PURE__ */ r.createElement(m.Breadcrumb, { className: c }, o, /* @__PURE__ */ r.createElement(b, { size: "s", className: e.icon }));
23
+ }, R = (t) => {
24
+ const { children: o, className: c, color: s = "primary", ...n } = t, l = a(e.breadcrumb, e[s], c), i = {
25
25
  Link: {
26
- render: (i, d) => /* @__PURE__ */ r.createElement(I, null, /* @__PURE__ */ r.createElement(i, { ...d, unstyled: !0, className: e.link }))
26
+ unstyled: !0,
27
+ className: e.link,
28
+ wrapWith: /* @__PURE__ */ r.createElement(N, null)
27
29
  }
28
30
  };
29
- return /* @__PURE__ */ r.createElement(m.Breadcrumbs, { ...n, className: l }, /* @__PURE__ */ r.createElement(p, { props: b }, o));
31
+ return /* @__PURE__ */ r.createElement(m.Breadcrumbs, { ...n, className: l }, /* @__PURE__ */ r.createElement(d, { props: i }, o));
30
32
  };
31
33
  export {
32
- A as Breadcrumb,
33
- A as default
34
+ R as Breadcrumb,
35
+ R as default
34
36
  };
@@ -3,18 +3,18 @@
3
3
  import o, { useEffect as x } from "react";
4
4
  import * as F from "react-aria-components";
5
5
  import E from "clsx";
6
- import { C as y } from "./ClearPropsContext-mes1t7Bj.js";
7
- import { P as C } from "./PropsContextProvider-B7e3QrmR.js";
6
+ import { C as y } from "./ClearPropsContext-CUvsbMn8.js";
7
+ import { P as C } from "./PropsContextProvider-C6Z4XGp6.js";
8
8
  import "@react-aria/utils";
9
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
9
+ import "./propsContext-DzAKlmhS.js";
10
10
  import "remeda";
11
11
  import "@tabler/icons-react";
12
- import "./Icon-DeN4Y_a0.js";
13
- import { I as h, a as I } from "./IconSucceeded-LyvLqe_3.js";
12
+ import "./Icon-D4bkU_pz.js";
13
+ import { I as h, a as I } from "./IconSucceeded-KKiDIenP.js";
14
14
  import { W as f } from "./Wrap-DGT1h1o3.js";
15
- import { T as N } from "./Text-DlffGRII.js";
16
- import { f as B } from "./flowComponent-DahHhlnC.js";
17
- import { L as k } from "./LoadingSpinner-DSpuNOHM.js";
15
+ import { T as N } from "./Text-D6e-S6em.js";
16
+ import { f as B } from "./flowComponent-CPKCCJEg.js";
17
+ import { L as k } from "./LoadingSpinner-CoSM7GIL.js";
18
18
  import { useLocalizedStringFormatter as A } from "react-aria";
19
19
  import { useLiveRegion as D } from "@chakra-ui/live-region";
20
20
  const T = "flow--button", z = "flow--button--content", L = "flow--button--state-icon", R = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--counter-badge", $ = "flow--button--is-succeeded", j = "flow--button--is-failed", q = "flow--button--is-pending", G = "flow--button--plain", H = "flow--button--primary", J = "flow--button--solid", M = "flow--button--aria-disabled", O = "flow--button--accent", Q = "flow--button--danger", V = "flow--button--secondary", X = "flow--button--dark", Y = "flow--button--light", Z = "flow--button--soft", t = {
package/dist/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { B as o } from "./Button-DmFXEX6m.js";
3
+ import { B as o } from "./Button-BPAhEOTg.js";
4
4
  export {
5
5
  o as Button,
6
6
  o as default
@@ -4,15 +4,15 @@ import e from "react";
4
4
  import * as i from "react-aria-components";
5
5
  import p from "clsx";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-DeN4Y_a0.js";
8
- import { I as x, a as f } from "./IconCheckboxEmpty-DdLa3K6h.js";
9
- import { I as h } from "./IconCheckboxIndeterminate-DZubWEXp.js";
10
- import { C } from "./ClearPropsContext-mes1t7Bj.js";
11
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
7
+ import "./Icon-D4bkU_pz.js";
8
+ import { I as x, a as f } from "./IconCheckboxEmpty-DQLeOSmS.js";
9
+ import { I as h } from "./IconCheckboxIndeterminate-DoNQre-9.js";
10
+ import { C } from "./ClearPropsContext-CUvsbMn8.js";
11
+ import "./propsContext-DzAKlmhS.js";
12
12
  import "@react-aria/utils";
13
13
  import "remeda";
14
14
  import "dot-prop";
15
- import { f as k } from "./flowComponent-DahHhlnC.js";
15
+ import { f as k } from "./flowComponent-CPKCCJEg.js";
16
16
  const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
17
17
  checkbox: b,
18
18
  icon: E
package/dist/Checkbox.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as a } from "./Checkbox-D4IUwOOm.js";
3
+ import { C as a } from "./Checkbox-CD6v6jqo.js";
4
4
  export {
5
5
  a as Checkbox,
6
6
  a as default
@@ -2,13 +2,13 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import m from "clsx";
5
- import { C as p } from "./ClearPropsContext-mes1t7Bj.js";
6
- import { P as b } from "./PropsContextProvider-B7e3QrmR.js";
5
+ import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
6
+ import { P as b } from "./PropsContextProvider-C6Z4XGp6.js";
7
7
  import "@react-aria/utils";
8
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
8
+ import "./propsContext-DzAKlmhS.js";
9
9
  import "remeda";
10
- import { C as x } from "./Checkbox-D4IUwOOm.js";
11
- import { f } from "./flowComponent-DahHhlnC.js";
10
+ import { C as x } from "./Checkbox-CD6v6jqo.js";
11
+ import { f } from "./flowComponent-CPKCCJEg.js";
12
12
  const C = "flow--checkbox-button", i = "flow--checkbox-button--label", h = "flow--checkbox-button--content", t = {
13
13
  checkboxButton: C,
14
14
  label: i,
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as t } from "./CheckboxButton-Cw_cTFPz.js";
3
+ import { C as t } from "./CheckboxButton-I0WYBLv2.js";
4
4
  export {
5
5
  t as CheckboxButton,
6
6
  t as default
@@ -3,17 +3,17 @@
3
3
  import e from "react";
4
4
  import * as x from "react-aria-components";
5
5
  import b from "clsx";
6
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
7
- import { P as h } from "./PropsContextProvider-B7e3QrmR.js";
6
+ import "./propsContext-DzAKlmhS.js";
7
+ import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
- import { F as E } from "./FieldError-hYSngYTh.js";
11
- import { C as k } from "./CheckboxButton-Cw_cTFPz.js";
10
+ import { F as E } from "./FieldError-D_VRyiJG.js";
11
+ import { C as k } from "./CheckboxButton-I0WYBLv2.js";
12
12
  import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
13
13
  import { s as o } from "./FormField.module-DHK6nIcD.js";
14
14
  import { C as N } from "./ColumnLayout-FMONjI17.js";
15
15
  import { d as F } from "./deepFindOfType-6pG0fH7S.js";
16
- import { f as G } from "./flowComponent-DahHhlnC.js";
16
+ import { f as G } from "./flowComponent-CPKCCJEg.js";
17
17
  const P = "flow--checkbox-group", s = {
18
18
  checkboxGroup: P
19
19
  }, j = G("CheckboxGroup", (l) => {
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  /* */
3
3
  import t from "react";
4
- import { p as o } from "./ComponentRenderContextProvider-C-1_ziLI.js";
4
+ import { p as o } from "./propsContext-DzAKlmhS.js";
5
5
  const a = (r) => {
6
6
  const { children: e } = r;
7
7
  return /* @__PURE__ */ t.createElement(o.Provider, { value: {} }, e);
@@ -1,12 +1,12 @@
1
1
  "use client"
2
2
  /* */
3
3
  import t from "react";
4
- import { C as c } from "./ClearPropsContext-mes1t7Bj.js";
5
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
4
+ import { C as c } from "./ClearPropsContext-CUvsbMn8.js";
5
+ import "./propsContext-DzAKlmhS.js";
6
6
  import "@react-aria/utils";
7
7
  import "remeda";
8
8
  import "dot-prop";
9
- import { f as l } from "./flowComponent-DahHhlnC.js";
9
+ import { f as l } from "./flowComponent-CPKCCJEg.js";
10
10
  import { W as s } from "./Wrap-DGT1h1o3.js";
11
11
  import { A as f } from "./Activity-CmfZpgOM.js";
12
12
  const W = l("Content", (e) => {
package/dist/Content.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as o } from "./Content-Cq-QSozP.js";
3
+ import { C as o } from "./Content-DlB-BYko.js";
4
4
  export {
5
5
  o as Content,
6
6
  o as default
@@ -1,8 +1,8 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as t } from "./ContextMenuTrigger-ChPmQMpO.js";
4
- import { a } from "./ContextMenuTrigger-ChPmQMpO.js";
5
- import { M as n } from "./MenuItem-BKaeRvx3.js";
3
+ import { C as t } from "./ContextMenuTrigger-BwhLrGm5.js";
4
+ import { a } from "./ContextMenuTrigger-BwhLrGm5.js";
5
+ import { M as n } from "./MenuItem-Dny58Rqq.js";
6
6
  export {
7
7
  t as ContextMenu,
8
8
  a as ContextMenuTrigger,