@mittwald/flow-react-components 0.1.0-alpha.122 → 0.1.0-alpha.124

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 (130) hide show
  1. package/dist/{Accordion-9wwB377E.js → Accordion-Bszrsi-4.js} +4 -4
  2. package/dist/Accordion.js +1 -1
  3. package/dist/Action-7EQNT1az.js +217 -0
  4. package/dist/Action.js +1 -1
  5. package/dist/Avatar.js +22 -22
  6. package/dist/Breadcrumb.js +3 -3
  7. package/dist/{Button-BGCNzfmU.js → Button-tEtjVHFC.js} +6 -6
  8. package/dist/Button.js +1 -1
  9. package/dist/ButtonGroup.js +16 -16
  10. package/dist/{Checkbox-HtVxajw_.js → Checkbox-CHueH9FZ.js} +4 -4
  11. package/dist/Checkbox.js +1 -1
  12. package/dist/CheckboxButton-Ch3zxviG.js +29 -0
  13. package/dist/CheckboxButton.js +1 -1
  14. package/dist/CheckboxGroup.js +15 -15
  15. package/dist/{Content-CPAYV7wp.js → Content-xPY804ey.js} +1 -1
  16. package/dist/Content.js +1 -1
  17. package/dist/{ContextMenu-BGfJXwpB.js → ContextMenu-ChxMleeO.js} +3 -3
  18. package/dist/ContextMenu.js +2 -2
  19. package/dist/CopyButton.js +5 -5
  20. package/dist/FieldDescription.js +2 -2
  21. package/dist/{FieldError--Qpixa12.js → FieldError-Bl_SXH5M.js} +3 -3
  22. package/dist/FieldError.js +1 -1
  23. package/dist/Header.js +1 -1
  24. package/dist/HeaderNavigation.js +1 -1
  25. package/dist/{Heading-CYit9Nf-.js → Heading-CSfMC_V6.js} +2 -2
  26. package/dist/Heading.js +1 -1
  27. package/dist/{Icon-DhFv_0k_.js → Icon-DXq5lwp4.js} +7 -6
  28. package/dist/Icon.js +1 -1
  29. package/dist/{IconCheck-D8ys0_F5.js → IconCheck-BLXj9z4I.js} +1 -1
  30. package/dist/{IconCheckboxEmpty-DRlqWMgD.js → IconCheckboxEmpty-CseDZ77J.js} +1 -1
  31. package/dist/{IconCheckboxIndeterminate-CfK_tk87.js → IconCheckboxIndeterminate-BdEkNKEg.js} +1 -1
  32. package/dist/{IconChevronDown-gLJKgegq.js → IconChevronDown-DGMWVrr9.js} +1 -1
  33. package/dist/{IconChevronRight-CqgfPevo.js → IconChevronRight-Sd5qEgz9.js} +1 -1
  34. package/dist/{IconClose-BEe9M79E.js → IconClose-BuJDcvk1.js} +1 -1
  35. package/dist/{IconContextMenu-B9OI5d_u.js → IconContextMenu-BtDEfs_U.js} +1 -1
  36. package/dist/{IconCopy-A7uxuck-.js → IconCopy-Y4GR1Z03.js} +1 -1
  37. package/dist/{IconDanger-ALKH8dEk.js → IconDanger-D3n1sEDX.js} +1 -1
  38. package/dist/{IconPending-BV6Loio6.js → IconPending-C0IPPa0F.js} +1 -1
  39. package/dist/{IconPlus-eFn-agxn.js → IconPlus-BL-Zqbnv.js} +1 -1
  40. package/dist/{IconRadioOn--oXSoOvP.js → IconRadioOn-D0pCkmJ4.js} +1 -1
  41. package/dist/{IconSearch-BO1yNi13.js → IconSearch-B9UA2NmT.js} +1 -1
  42. package/dist/{IconSucceeded-d8xQyLF2.js → IconSucceeded-B4DEKa6J.js} +1 -1
  43. package/dist/{IconWarning-CAgZzx72.js → IconWarning-CmSsxAnH.js} +1 -1
  44. package/dist/Icons.js +16 -16
  45. package/dist/{IllustratedMessage-D1xVzeZO.js → IllustratedMessage-BUg2-svi.js} +1 -1
  46. package/dist/IllustratedMessage.js +1 -1
  47. package/dist/Image.js +5 -5
  48. package/dist/Initials.js +1 -1
  49. package/dist/InlineAlert.js +4 -4
  50. package/dist/{Label-DWCo1l63.js → Label-CfPzBQtx.js} +1 -1
  51. package/dist/Label.js +1 -1
  52. package/dist/LabeledValue.js +1 -1
  53. package/dist/LayoutCard.js +2 -2
  54. package/dist/{Link-BK57CeBv.js → Link-BNozTXoN.js} +2 -2
  55. package/dist/Link.js +1 -1
  56. package/dist/List.js +199 -204
  57. package/dist/{LoadingSpinner-BV4S5RsS.js → LoadingSpinner-smFm5pXR.js} +2 -2
  58. package/dist/LoadingSpinner.js +1 -1
  59. package/dist/MenuItem-CgrBX4na.js +54 -0
  60. package/dist/MenuItem.js +1 -1
  61. package/dist/Modal.js +13 -6
  62. package/dist/Navigation.js +3 -3
  63. package/dist/NumberField.js +7 -7
  64. package/dist/OffCanvas.js +7 -7
  65. package/dist/Overlay-CUZ1KZa8.js +33 -0
  66. package/dist/OverlayTrigger.js +3 -3
  67. package/dist/Popover-B6bARCOK.js +17 -0
  68. package/dist/ProgressBar.js +1 -1
  69. package/dist/PropsContextProvider-ChpH8eF2.js +81 -0
  70. package/dist/RadioGroup.js +46 -37
  71. package/dist/Section.js +18 -18
  72. package/dist/Select.js +6 -6
  73. package/dist/Skeleton-CKLaTmDR.js +22 -0
  74. package/dist/Skeleton.js +1 -1
  75. package/dist/StatusBadge.js +3 -3
  76. package/dist/{StatusIcon-CvIY_c35.js → StatusIcon-CzfeqAZQ.js} +3 -3
  77. package/dist/StatusIcon.js +1 -1
  78. package/dist/Switch.js +5 -5
  79. package/dist/Tabs.js +47 -39
  80. package/dist/{Text-DXApO_Re.js → Text-DOQUStg_.js} +2 -2
  81. package/dist/Text.js +1 -1
  82. package/dist/TextArea.js +2 -2
  83. package/dist/TextField.js +2 -2
  84. package/dist/{TextFieldBase-C7g5i_rC.js → TextFieldBase-B6lQlCmE.js} +2 -2
  85. package/dist/context-CEG7VfKL.js +58 -0
  86. package/dist/controller.js +1 -1
  87. package/dist/{flowComponent-Dha_9C4F.js → flowComponent-Cv_SURLH.js} +35 -34
  88. package/dist/hooks.js +1 -1
  89. package/dist/{index-0qLHBjoi.js → index-BlZLqtIV.js} +8 -8
  90. package/dist/react-hook-form.js +2 -2
  91. package/dist/styles.css +1 -1
  92. package/dist/types/components/Action/Action.d.ts +2 -12
  93. package/dist/types/components/Action/components/ActionButton.d.ts +4 -0
  94. package/dist/types/components/Action/components/ActionLink.d.ts +4 -0
  95. package/dist/types/components/Action/components/ConfirmationModal.d.ts +4 -0
  96. package/dist/types/components/Action/components/ConfirmationModalButton.d.ts +4 -0
  97. package/dist/types/components/Action/context.d.ts +15 -0
  98. package/dist/types/components/Action/index.d.ts +1 -1
  99. package/dist/types/components/Action/lib/execution/ActionExecution.d.ts +2 -2
  100. package/dist/types/components/Action/lib/execution/ActionState.d.ts +1 -1
  101. package/dist/types/components/Action/lib/execution/useActionController.d.ts +2 -3
  102. package/dist/types/components/Action/stories/Default.stories.d.ts +1 -1
  103. package/dist/types/components/Action/stories/EdgeCases.stories.d.ts +1 -1
  104. package/dist/types/components/Action/types.d.ts +11 -0
  105. package/dist/types/components/List/components/Items/ListItem/ListItem.d.ts +6 -0
  106. package/dist/types/components/List/components/Items/ListItem/index.d.ts +4 -0
  107. package/dist/types/components/List/index.d.ts +1 -0
  108. package/dist/types/components/List/stories/ListItem.stories.d.ts +1 -0
  109. package/dist/types/components/Modal/Modal.d.ts +1 -0
  110. package/dist/types/components/Overlay/Overlay.d.ts +1 -0
  111. package/dist/types/components/Popover/Popover.d.ts +3 -1
  112. package/dist/types/components/Popover/stories/Default.stories.d.ts +1 -0
  113. package/dist/types/components/Popover/stories/EdgeCases.stories.d.ts +7 -0
  114. package/dist/types/components/Skeleton/Skeleton.d.ts +4 -1
  115. package/dist/types/lib/promises/sleep.d.ts +1 -0
  116. package/package.json +24 -28
  117. package/dist/Action-5b_DWWiS.js +0 -191
  118. package/dist/CheckboxButton-BPC6RfJj.js +0 -29
  119. package/dist/MenuItem-CzSUuXS-.js +0 -49
  120. package/dist/Overlay-ofdfFqqi.js +0 -28
  121. package/dist/Popover-MmxZkKu3.js +0 -15
  122. package/dist/Popover.js +0 -7
  123. package/dist/PropsContextProvider-DZvwqHLP.js +0 -64
  124. package/dist/Skeleton-D97e6aVe.js +0 -14
  125. package/dist/context-DJetA3qV.js +0 -8
  126. package/dist/types/components/Action/lib/execution/breakAction.d.ts +0 -2
  127. package/dist/types/components/Action/lib/execution/useActionFunction.d.ts +0 -4
  128. package/dist/types/components/List/components/Items/Item/Item.d.ts +0 -5
  129. package/dist/types/components/List/components/Items/Item/index.d.ts +0 -5
  130. /package/dist/types/components/List/components/Items/{Item → ListItem}/FallbackRenderer.d.ts +0 -0
@@ -3,14 +3,14 @@
3
3
  import e, { useState as E, useId as a } from "react";
4
4
  import I from "clsx";
5
5
  import "./propsContext-CauylOgH.js";
6
- import { P as N } from "./PropsContextProvider-DZvwqHLP.js";
6
+ import { P as N } from "./PropsContextProvider-ChpH8eF2.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-BGCNzfmU.js";
10
+ import { B as w } from "./Button-tEtjVHFC.js";
11
11
  import "@tabler/icons-react";
12
- import "./Icon-DhFv_0k_.js";
13
- import { I as y } from "./IconChevronDown-gLJKgegq.js";
12
+ import "./Icon-DXq5lwp4.js";
13
+ import { I as y } from "./IconChevronDown-DGMWVrr9.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-9wwB377E.js";
3
+ import { A as r } from "./Accordion-Bszrsi-4.js";
4
4
  export {
5
5
  r as Accordion,
6
6
  r as default
@@ -0,0 +1,217 @@
1
+ "use client"
2
+ /* */
3
+ var N = Object.defineProperty;
4
+ var R = (t, e, n) => e in t ? N(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
5
+ var l = (t, e, n) => (R(t, typeof e != "symbol" ? e + "" : e, n), n);
6
+ import r, { useEffect as T } from "react";
7
+ import { u as m, a as W, A as G } from "./context-CEG7VfKL.js";
8
+ import "./propsContext-CauylOgH.js";
9
+ import { P as v } from "./PropsContextProvider-ChpH8eF2.js";
10
+ import "@react-aria/utils";
11
+ import "remeda";
12
+ import { W as L } from "./Wrap-DGT1h1o3.js";
13
+ const d = () => {
14
+ }, U = (t, e = {}) => {
15
+ const {
16
+ onSync: n = d,
17
+ onAsync: o = d,
18
+ then: s = d,
19
+ catch: i = d,
20
+ finally: c = d
21
+ } = e;
22
+ try {
23
+ const a = t();
24
+ return a instanceof Promise ? (o(), a.then(s).catch(i).finally(c)) : (n(), s(a), c(), a);
25
+ } catch (a) {
26
+ n(), i(a), c();
27
+ }
28
+ }, P = (t) => new Promise((e) => setTimeout(e, t)), b = {
29
+ pending: 1e3,
30
+ succeeded: 1500,
31
+ failed: 2e3
32
+ };
33
+ class j {
34
+ constructor(e, n, o = {}) {
35
+ l(this, "options");
36
+ l(this, "state");
37
+ l(this, "args");
38
+ l(this, "isDone", !1);
39
+ l(this, "error");
40
+ const {
41
+ resetAfterDone: s = !0,
42
+ onFeedbackDone: i = () => {
43
+ },
44
+ showFeedback: c = !1
45
+ } = o;
46
+ this.state = e, this.args = n, this.options = { resetAfterDone: s, onFeedbackDone: i, showFeedback: c };
47
+ }
48
+ onAsyncStart() {
49
+ this.options.showFeedback = !0, this.state.updateState("isExecuting"), setTimeout(() => this.startPending(), b.pending);
50
+ }
51
+ onSucceeded() {
52
+ return this.onDone();
53
+ }
54
+ async onFailed(e) {
55
+ this.error = e ?? new Error("Unknown error"), console.error(e), await this.onDone();
56
+ }
57
+ async startFailedFeedback() {
58
+ this.state.updateState("isFailed"), await P(b.failed), this.resetAfterDone();
59
+ }
60
+ async startSucceededFeedback() {
61
+ this.state.updateState("isSucceeded"), await P(b.succeeded), this.resetAfterDone();
62
+ }
63
+ resetAfterDone() {
64
+ this.options.resetAfterDone && this.state.updateState("isIdle"), this.error || this.options.onFeedbackDone(...this.args);
65
+ }
66
+ async onDone() {
67
+ this.isDone = !0, this.options.showFeedback ? this.error ? await this.startFailedFeedback() : await this.startSucceededFeedback() : this.resetAfterDone();
68
+ }
69
+ startPending() {
70
+ this.isDone || this.state.updateState("isPending");
71
+ }
72
+ }
73
+ const M = (t) => (...e) => {
74
+ const n = [...t], o = n.shift();
75
+ if (o) {
76
+ const s = o(...e), i = () => n.length === 0 ? s : M(n)(...e);
77
+ return s instanceof Promise ? s.then(i) : i();
78
+ }
79
+ }, q = () => {
80
+ }, y = () => {
81
+ var n;
82
+ const t = m(), e = t.actionProps.confirm || t.actionProps.abort ? ((n = t.parentContext) == null ? void 0 : n.state) ?? t.state : t.state;
83
+ return {
84
+ state: e,
85
+ execute: async (...o) => {
86
+ var E;
87
+ const {
88
+ actionProps: s,
89
+ confirmationModalController: i,
90
+ needsConfirmation: c,
91
+ parentContext: a
92
+ } = t;
93
+ if (s.abort) {
94
+ (E = a == null ? void 0 : a.confirmationModalController) == null || E.close();
95
+ return;
96
+ }
97
+ if (c && !i.isOpen) {
98
+ i.open();
99
+ return;
100
+ }
101
+ const h = new j(e, o, s), A = [];
102
+ let u, p, f = t;
103
+ for (; f; ) {
104
+ const {
105
+ actionProps: C,
106
+ overlayController: O,
107
+ confirmationModalController: S,
108
+ needsConfirmation: B
109
+ } = f, {
110
+ action: g,
111
+ toggleOverlay: F,
112
+ openOverlay: D,
113
+ closeOverlay: k,
114
+ break: $
115
+ } = C;
116
+ if ($)
117
+ break;
118
+ if (B)
119
+ if (u) {
120
+ p = S;
121
+ break;
122
+ } else
123
+ u = S;
124
+ const x = (w) => typeof w == "boolean" ? O : w;
125
+ A.push(
126
+ g || (F ? x(F).toggle : D ? x(D).open : k ? x(k).close : q)
127
+ ), f = f.parentContext;
128
+ }
129
+ await U(() => M(A)(o), {
130
+ onAsync: () => h.onAsyncStart(),
131
+ then: () => h.onSucceeded(),
132
+ catch: (C) => h.onFailed(C)
133
+ }), p && p.open(), u && u.close();
134
+ }
135
+ };
136
+ }, I = (t, e) => {
137
+ const { actionProps: n, needsConfirmation: o } = m(), s = y(), i = s.state.useState();
138
+ return o ? /* @__PURE__ */ r.createElement(t, { ...e, onPress: s.execute }) : n.abort ? /* @__PURE__ */ r.createElement(
139
+ t,
140
+ {
141
+ ...e,
142
+ onPress: s.execute,
143
+ "aria-disabled": i !== "isIdle"
144
+ }
145
+ ) : /* @__PURE__ */ r.createElement(
146
+ t,
147
+ {
148
+ ...e,
149
+ onPress: s.execute,
150
+ isPending: i === "isPending",
151
+ "aria-disabled": i === "isExecuting",
152
+ isSucceeded: i === "isSucceeded",
153
+ isFailed: i === "isFailed"
154
+ }
155
+ );
156
+ }, z = (t, e) => {
157
+ const { needsConfirmation: n } = m(), o = y(), s = o.state.useState();
158
+ return n ? /* @__PURE__ */ r.createElement(t, { ...e, onPress: o.execute }) : /* @__PURE__ */ r.createElement(
159
+ t,
160
+ {
161
+ ...e,
162
+ onPress: o.execute,
163
+ "aria-disabled": s !== "isIdle"
164
+ }
165
+ );
166
+ }, H = (t, e) => {
167
+ const n = e.color === "secondary", o = e.color === "primary" || e.color === "danger" || e.color === "accent";
168
+ if (!o && !n)
169
+ return /* @__PURE__ */ r.createElement(t, { ...e });
170
+ const s = { Button: { render: I } };
171
+ return /* @__PURE__ */ r.createElement(v, { props: s }, /* @__PURE__ */ r.createElement(K, { abort: n, confirm: o }, /* @__PURE__ */ r.createElement(t, { ...e })));
172
+ }, J = (t, e) => {
173
+ if (e.slot !== "actionConfirm")
174
+ return /* @__PURE__ */ r.createElement(t, { ...e });
175
+ const n = m(), o = y().state.useState();
176
+ T(() => (n.needsConfirmation = !0, () => {
177
+ n.needsConfirmation = !1;
178
+ }), [n]);
179
+ const s = o === "isIdle" ? e.isDismissable : !1;
180
+ return /* @__PURE__ */ r.createElement(
181
+ t,
182
+ {
183
+ ...e,
184
+ controller: n.confirmationModalController,
185
+ isDismissable: s
186
+ }
187
+ );
188
+ }, K = (t) => {
189
+ const { children: e, ...n } = t, o = W(n), s = !!o.parentContext && !!o.parentContext.parentContext, i = {
190
+ Modal: {
191
+ render: J,
192
+ ButtonGroup: {
193
+ Button: {
194
+ render: H
195
+ }
196
+ }
197
+ },
198
+ Button: {
199
+ render: I
200
+ },
201
+ Link: {
202
+ render: z
203
+ }
204
+ };
205
+ return /* @__PURE__ */ r.createElement(G, { value: o }, /* @__PURE__ */ r.createElement(L, { if: !s }, /* @__PURE__ */ r.createElement(
206
+ v,
207
+ {
208
+ props: i,
209
+ dependencies: [o],
210
+ mergeInParentContext: !0
211
+ },
212
+ e
213
+ )));
214
+ };
215
+ export {
216
+ K as A
217
+ };
package/dist/Action.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { A as t } from "./Action-5b_DWWiS.js";
3
+ import { A as t } from "./Action-7EQNT1az.js";
4
4
  export {
5
5
  t as Action,
6
6
  t as default
package/dist/Avatar.js CHANGED
@@ -1,19 +1,19 @@
1
1
  "use client"
2
2
  /* */
3
- import i, { isValidElement as m } from "react";
4
- import p from "clsx";
5
- import { C as v } from "./ClearPropsContext-CeCMjUK9.js";
6
- import { P as c } from "./PropsContextProvider-DZvwqHLP.js";
3
+ import i, { isValidElement as p } from "react";
4
+ import v from "clsx";
5
+ import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
6
+ import { P as f } from "./PropsContextProvider-ChpH8eF2.js";
7
7
  import "@react-aria/utils";
8
8
  import "./propsContext-CauylOgH.js";
9
9
  import "remeda";
10
- import { hash as f } from "object-code";
11
- import { deepForEach as w } from "react-children-utilities";
12
- import { f as z } from "./flowComponent-Dha_9C4F.js";
13
- const d = "flow--avatar", C = "flow--avatar--icon", h = "flow--avatar--initials", r = {
14
- avatar: d,
15
- icon: C,
16
- initials: h,
10
+ import { hash as w } from "object-code";
11
+ import { deepForEach as z } from "react-children-utilities";
12
+ import { f as d } from "./flowComponent-Cv_SURLH.js";
13
+ const C = "flow--avatar", h = "flow--avatar--icon", x = "flow--avatar--initials", r = {
14
+ avatar: C,
15
+ icon: h,
16
+ initials: x,
17
17
  "size-m": "flow--avatar--size-m",
18
18
  "size-xs": "flow--avatar--size-xs",
19
19
  "size-s": "flow--avatar--size-s",
@@ -22,23 +22,23 @@ const d = "flow--avatar", C = "flow--avatar--icon", h = "flow--avatar--initials"
22
22
  "variant-2": "flow--avatar--variant-2",
23
23
  "variant-3": "flow--avatar--variant-3",
24
24
  "variant-4": "flow--avatar--variant-4"
25
- }, x = (o) => {
25
+ }, u = (o) => {
26
26
  const a = [];
27
- w(o, (t) => {
28
- m(t) ? a.push({
27
+ z(o, (t) => {
28
+ p(t) ? a.push({
29
29
  props: t.props,
30
30
  type: t.type
31
31
  }) : a.push(t);
32
32
  });
33
- const s = f(a);
33
+ const s = w(a);
34
34
  return Math.abs(s % 4) + 1;
35
- }, V = z("Avatar", (o) => {
36
- const { children: a, className: s, variant: t, size: e = "m" } = o, n = p(
35
+ }, $ = d("Avatar", (o) => {
36
+ const { children: a, className: s, variant: t, size: e = "m", refProp: n } = o, l = v(
37
37
  r.avatar,
38
38
  r[`size-${e}`],
39
39
  s,
40
- r[`variant-${t ?? x(a)}`]
41
- ), l = {
40
+ r[`variant-${t ?? u(a)}`]
41
+ ), m = {
42
42
  Initials: {
43
43
  className: r.initials
44
44
  },
@@ -46,9 +46,9 @@ const d = "flow--avatar", C = "flow--avatar--icon", h = "flow--avatar--initials"
46
46
  className: r.icon
47
47
  }
48
48
  };
49
- return /* @__PURE__ */ i.createElement(v, null, /* @__PURE__ */ i.createElement("div", { className: n }, /* @__PURE__ */ i.createElement(c, { props: l }, a)));
49
+ return /* @__PURE__ */ i.createElement(c, null, /* @__PURE__ */ i.createElement("div", { className: l, ref: n }, /* @__PURE__ */ i.createElement(f, { props: m }, a)));
50
50
  });
51
51
  export {
52
- V as Avatar,
53
- V as default
52
+ $ as Avatar,
53
+ $ as default
54
54
  };
@@ -4,10 +4,10 @@ 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-DhFv_0k_.js";
8
- import { I as u } from "./IconChevronRight-CqgfPevo.js";
7
+ import "./Icon-DXq5lwp4.js";
8
+ import { I as u } from "./IconChevronRight-Sd5qEgz9.js";
9
9
  import "./propsContext-CauylOgH.js";
10
- import { P as p } from "./PropsContextProvider-DZvwqHLP.js";
10
+ import { P as p } from "./PropsContextProvider-ChpH8eF2.js";
11
11
  import "@react-aria/utils";
12
12
  import "remeda";
13
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 = {
@@ -4,17 +4,17 @@ import o, { useEffect as x } from "react";
4
4
  import * as F from "react-aria-components";
5
5
  import E from "clsx";
6
6
  import { C as y } from "./ClearPropsContext-CeCMjUK9.js";
7
- import { P as h } from "./PropsContextProvider-DZvwqHLP.js";
7
+ import { P as h } from "./PropsContextProvider-ChpH8eF2.js";
8
8
  import "@react-aria/utils";
9
9
  import "./propsContext-CauylOgH.js";
10
10
  import "remeda";
11
11
  import "@tabler/icons-react";
12
- import "./Icon-DhFv_0k_.js";
13
- import { I as C, a as I } from "./IconSucceeded-d8xQyLF2.js";
12
+ import "./Icon-DXq5lwp4.js";
13
+ import { I as C, a as I } from "./IconSucceeded-B4DEKa6J.js";
14
14
  import { W as u } from "./Wrap-DGT1h1o3.js";
15
- import { T as N } from "./Text-DXApO_Re.js";
16
- import { f as k } from "./flowComponent-Dha_9C4F.js";
17
- import { L as A } from "./LoadingSpinner-BV4S5RsS.js";
15
+ import { T as N } from "./Text-DOQUStg_.js";
16
+ import { f as k } from "./flowComponent-Cv_SURLH.js";
17
+ import { L as A } from "./LoadingSpinner-smFm5pXR.js";
18
18
  import { useLocalizedStringFormatter as D } from "react-aria";
19
19
  import { useLiveRegion as T } from "@chakra-ui/live-region";
20
20
  const z = "flow--button", B = "flow--button--content", L = "flow--button--state-icon", R = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--is-succeeded", $ = "flow--button--is-failed", j = "flow--button--is-pending", q = "flow--button--plain", G = "flow--button--primary", H = "flow--button--solid", J = "flow--button--aria-disabled", M = "flow--button--accent", O = "flow--button--danger", Q = "flow--button--secondary", V = "flow--button--dark", X = "flow--button--light", Y = "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-BGCNzfmU.js";
3
+ import { B as o } from "./Button-tEtjVHFC.js";
4
4
  export {
5
5
  o as Button,
6
6
  o as default
@@ -1,33 +1,33 @@
1
1
  "use client"
2
2
  /* */
3
3
  import o from "react";
4
- import { C as m } from "./ClearPropsContext-CeCMjUK9.js";
5
- import { P as l } from "./PropsContextProvider-DZvwqHLP.js";
4
+ import { C as l } from "./ClearPropsContext-CeCMjUK9.js";
5
+ import { P as i } from "./PropsContextProvider-ChpH8eF2.js";
6
6
  import "@react-aria/utils";
7
7
  import "./propsContext-CauylOgH.js";
8
8
  import "remeda";
9
- import { d as i } from "./dynamic-ClpUSmEt.js";
9
+ import { d as b } from "./dynamic-ClpUSmEt.js";
10
10
  import r from "clsx";
11
- import { f as b } from "./flowComponent-Dha_9C4F.js";
12
- const d = "flow--button-group--button-group-container", f = "flow--button-group", C = "flow--button-group--button", G = "flow--button-group--secondary", t = {
11
+ import { f } from "./flowComponent-Cv_SURLH.js";
12
+ const d = "flow--button-group--button-group-container", C = "flow--button-group", G = "flow--button-group--button", y = "flow--button-group--secondary", t = {
13
13
  buttonGroupContainer: d,
14
- buttonGroup: f,
15
- button: C,
16
- secondary: G
17
- }, h = b("ButtonGroup", (n) => {
18
- const { children: e, className: s, ...u } = n, a = r(t.buttonGroupContainer, s), p = {
14
+ buttonGroup: C,
15
+ button: G,
16
+ secondary: y
17
+ }, R = f("ButtonGroup", (n) => {
18
+ const { children: e, className: s, refProp: u, ...a } = n, p = r(t.buttonGroupContainer, s), c = {
19
19
  Button: {
20
- className: i(
21
- (c) => r(
20
+ className: b(
21
+ (m) => r(
22
22
  t.button,
23
- c.color === "secondary" ? t.secondary : void 0
23
+ m.color === "secondary" ? t.secondary : void 0
24
24
  )
25
25
  )
26
26
  }
27
27
  };
28
- return /* @__PURE__ */ o.createElement(m, null, /* @__PURE__ */ o.createElement("div", { ...u, className: a }, /* @__PURE__ */ o.createElement("div", { className: t.buttonGroup, role: "group" }, /* @__PURE__ */ o.createElement(l, { props: p }, e))));
28
+ return /* @__PURE__ */ o.createElement(l, null, /* @__PURE__ */ o.createElement("div", { ...a, className: p, ref: u }, /* @__PURE__ */ o.createElement("div", { className: t.buttonGroup, role: "group" }, /* @__PURE__ */ o.createElement(i, { props: c }, e))));
29
29
  });
30
30
  export {
31
- h as ButtonGroup,
32
- h as default
31
+ R as ButtonGroup,
32
+ R as default
33
33
  };
@@ -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-DhFv_0k_.js";
8
- import { I as x, a as f } from "./IconCheckboxEmpty-DRlqWMgD.js";
9
- import { I as h } from "./IconCheckboxIndeterminate-CfK_tk87.js";
7
+ import "./Icon-DXq5lwp4.js";
8
+ import { I as x, a as f } from "./IconCheckboxEmpty-CseDZ77J.js";
9
+ import { I as h } from "./IconCheckboxIndeterminate-BdEkNKEg.js";
10
10
  import { C } from "./ClearPropsContext-CeCMjUK9.js";
11
11
  import "./propsContext-CauylOgH.js";
12
12
  import "@react-aria/utils";
13
13
  import "remeda";
14
14
  import "dot-prop";
15
- import { f as k } from "./flowComponent-Dha_9C4F.js";
15
+ import { f as k } from "./flowComponent-Cv_SURLH.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-HtVxajw_.js";
3
+ import { C as a } from "./Checkbox-CHueH9FZ.js";
4
4
  export {
5
5
  a as Checkbox,
6
6
  a as default
@@ -0,0 +1,29 @@
1
+ "use client"
2
+ /* */
3
+ import o from "react";
4
+ import m from "clsx";
5
+ import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
6
+ import { P as b } from "./PropsContextProvider-ChpH8eF2.js";
7
+ import "@react-aria/utils";
8
+ import "./propsContext-CauylOgH.js";
9
+ import "remeda";
10
+ import { C as x } from "./Checkbox-CHueH9FZ.js";
11
+ import { f } from "./flowComponent-Cv_SURLH.js";
12
+ const C = "flow--checkbox-button", i = "flow--checkbox-button--label", h = "flow--checkbox-button--content", t = {
13
+ checkboxButton: C,
14
+ label: i,
15
+ content: h
16
+ }, y = f("CheckboxButton", (e) => {
17
+ const { children: c, className: n, refProp: r, ...s } = e, l = m(t.checkboxButton, n), a = {
18
+ Text: {
19
+ className: t.label
20
+ },
21
+ Content: {
22
+ className: t.content
23
+ }
24
+ };
25
+ return /* @__PURE__ */ o.createElement(p, null, /* @__PURE__ */ o.createElement(x, { ...s, className: l, ref: r }, /* @__PURE__ */ o.createElement(b, { props: a }, c)));
26
+ });
27
+ export {
28
+ y as C
29
+ };
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as t } from "./CheckboxButton-BPC6RfJj.js";
3
+ import { C as t } from "./CheckboxButton-Ch3zxviG.js";
4
4
  export {
5
5
  t as CheckboxButton,
6
6
  t as default
@@ -1,23 +1,23 @@
1
1
  "use client"
2
2
  /* */
3
3
  import e from "react";
4
- import * as u from "react-aria-components";
5
- import x from "clsx";
4
+ import * as x from "react-aria-components";
5
+ import b from "clsx";
6
6
  import "./propsContext-CauylOgH.js";
7
- import { P as b } from "./PropsContextProvider-DZvwqHLP.js";
7
+ import { P as h } from "./PropsContextProvider-ChpH8eF2.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
- import { F as h } from "./FieldError--Qpixa12.js";
11
- import { C as E } from "./CheckboxButton-BPC6RfJj.js";
12
- import { TunnelProvider as k, TunnelExit as r } from "@mittwald/react-tunnel";
10
+ import { F as E } from "./FieldError-Bl_SXH5M.js";
11
+ import { C as k } from "./CheckboxButton-Ch3zxviG.js";
12
+ import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
13
13
  import { s as o } from "./FormField.module-DHK6nIcD.js";
14
- import { C } from "./ColumnLayout-FMONjI17.js";
15
- import { d as N } from "./deepFindOfType-6pG0fH7S.js";
16
- import { f as F } from "./flowComponent-Dha_9C4F.js";
17
- const G = "flow--checkbox-group", s = {
18
- checkboxGroup: G
19
- }, j = F("CheckboxGroup", (l) => {
20
- const { children: t, className: m, s: n, m: i, l: a, refProp: P, ...p } = l, d = x(o.formField, m), f = {
14
+ import { C as N } from "./ColumnLayout-FMONjI17.js";
15
+ import { d as F } from "./deepFindOfType-6pG0fH7S.js";
16
+ import { f as G } from "./flowComponent-Cv_SURLH.js";
17
+ const P = "flow--checkbox-group", s = {
18
+ checkboxGroup: P
19
+ }, j = G("CheckboxGroup", (l) => {
20
+ const { children: t, className: m, s: n, m: a, l: i, refProp: p, ...d } = l, f = b(o.formField, m), u = {
21
21
  Label: {
22
22
  className: o.label
23
23
  },
@@ -35,8 +35,8 @@ const G = "flow--checkbox-group", s = {
35
35
  CheckboxButton: {
36
36
  tunnelId: "checkboxes"
37
37
  }
38
- }, c = !!N(t, E);
39
- return /* @__PURE__ */ e.createElement(u.CheckboxGroup, { ...p, className: d }, /* @__PURE__ */ e.createElement(b, { props: f }, /* @__PURE__ */ e.createElement(k, null, t, c && /* @__PURE__ */ e.createElement(C, { s: n, m: i, l: a, className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), !c && /* @__PURE__ */ e.createElement("div", { className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), /* @__PURE__ */ e.createElement(r, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(r, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(h, { className: o.fieldError }));
38
+ }, c = !!F(t, k);
39
+ return /* @__PURE__ */ e.createElement(x.CheckboxGroup, { ...d, className: f, ref: p }, /* @__PURE__ */ e.createElement(h, { props: u }, /* @__PURE__ */ e.createElement(C, null, t, c && /* @__PURE__ */ e.createElement(N, { s: n, m: a, l: i, className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), !c && /* @__PURE__ */ e.createElement("div", { className: s.checkboxGroup }, /* @__PURE__ */ e.createElement(r, { id: "checkboxes" })), /* @__PURE__ */ e.createElement(r, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(r, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(E, { className: o.fieldError }));
40
40
  });
41
41
  export {
42
42
  j as CheckboxGroup,
@@ -6,7 +6,7 @@ import "./propsContext-CauylOgH.js";
6
6
  import "@react-aria/utils";
7
7
  import "remeda";
8
8
  import "dot-prop";
9
- import { f as l } from "./flowComponent-Dha_9C4F.js";
9
+ import { f as l } from "./flowComponent-Cv_SURLH.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-CPAYV7wp.js";
3
+ import { C as o } from "./Content-xPY804ey.js";
4
4
  export {
5
5
  o as Content,
6
6
  o as default
@@ -2,10 +2,10 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as u from "react-aria-components";
5
- import { f as d } from "./flowComponent-Dha_9C4F.js";
6
- import { P as x } from "./Popover-MmxZkKu3.js";
5
+ import { f as d } from "./flowComponent-Cv_SURLH.js";
6
+ import { P as x } from "./Popover-B6bARCOK.js";
7
7
  import { C } from "./ClearPropsContext-CeCMjUK9.js";
8
- import { P as M } from "./PropsContextProvider-DZvwqHLP.js";
8
+ import { P as M } from "./PropsContextProvider-ChpH8eF2.js";
9
9
  import "@react-aria/utils";
10
10
  import "./propsContext-CauylOgH.js";
11
11
  import "remeda";
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as r } from "./ContextMenu-BGfJXwpB.js";
4
- import { M as n } from "./MenuItem-CzSUuXS-.js";
3
+ import { C as r } from "./ContextMenu-ChxMleeO.js";
4
+ import { M as n } from "./MenuItem-CgrBX4na.js";
5
5
  import { MenuTrigger as m } from "react-aria-components";
6
6
  export {
7
7
  r as ContextMenu,
@@ -2,10 +2,10 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import a from "copy-to-clipboard";
5
- import { B as i } from "./Button-BGCNzfmU.js";
5
+ import { B as i } from "./Button-tEtjVHFC.js";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-DhFv_0k_.js";
8
- import { I as c } from "./IconCopy-A7uxuck-.js";
7
+ import "./Icon-DXq5lwp4.js";
8
+ import { I as c } from "./IconCopy-Y4GR1Z03.js";
9
9
  import { useLocalizedStringFormatter as l } from "react-aria";
10
10
  import { a as s, T as f } from "./TooltipTrigger-TslkLN5s.js";
11
11
  import { onlyText as u } from "react-children-utilities";
@@ -14,8 +14,8 @@ import "./propsContext-CauylOgH.js";
14
14
  import "@react-aria/utils";
15
15
  import "remeda";
16
16
  import "dot-prop";
17
- import { f as C } from "./flowComponent-Dha_9C4F.js";
18
- import { A as E } from "./Action-5b_DWWiS.js";
17
+ import { f as C } from "./flowComponent-Cv_SURLH.js";
18
+ import { A as E } from "./Action-7EQNT1az.js";
19
19
  const B = {
20
20
  "de-DE": {
21
21
  "copyButton.copy": "Kopieren"
@@ -7,8 +7,8 @@ import "./propsContext-CauylOgH.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import "dot-prop";
10
- import { T as p } from "./Text-DXApO_Re.js";
11
- import { f as c } from "./flowComponent-Dha_9C4F.js";
10
+ import { T as p } from "./Text-DOQUStg_.js";
11
+ import { f as c } from "./flowComponent-Cv_SURLH.js";
12
12
  const a = "flow--field-description", f = {
13
13
  fieldDescription: a
14
14
  }, P = c("FieldDescription", (o) => {
@@ -9,9 +9,9 @@ import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import "dot-prop";
11
11
  import "@tabler/icons-react";
12
- import "./Icon-DhFv_0k_.js";
13
- import { I as c } from "./IconDanger-ALKH8dEk.js";
14
- import { f } from "./flowComponent-Dha_9C4F.js";
12
+ import "./Icon-DXq5lwp4.js";
13
+ import { I as c } from "./IconDanger-D3n1sEDX.js";
14
+ import { f } from "./flowComponent-Cv_SURLH.js";
15
15
  const E = "flow--field-error", d = {
16
16
  fieldError: E
17
17
  }, y = f("FieldError", (o) => {