@mittwald/flow-react-components 0.1.0-alpha.123 → 0.1.0-alpha.125

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 (115) hide show
  1. package/dist/{Accordion-_RIL6e38.js → Accordion-Bszrsi-4.js} +4 -4
  2. package/dist/Accordion.js +1 -1
  3. package/dist/Action-BLnSsHE1.js +233 -0
  4. package/dist/Action.js +1 -1
  5. package/dist/Avatar.js +2 -2
  6. package/dist/Breadcrumb.js +3 -3
  7. package/dist/{Button-DR7f1NA_.js → Button-tEtjVHFC.js} +6 -6
  8. package/dist/Button.js +1 -1
  9. package/dist/ButtonGroup.js +2 -2
  10. package/dist/{Checkbox-DSTuqNLy.js → Checkbox-CHueH9FZ.js} +4 -4
  11. package/dist/Checkbox.js +1 -1
  12. package/dist/{CheckboxButton-Bm2N9ipa.js → CheckboxButton-Ch3zxviG.js} +3 -3
  13. package/dist/CheckboxButton.js +1 -1
  14. package/dist/CheckboxGroup.js +4 -4
  15. package/dist/{Content-CPAYV7wp.js → Content-xPY804ey.js} +1 -1
  16. package/dist/Content.js +1 -1
  17. package/dist/{ContextMenu-BJSsIdCC.js → ContextMenu-ChxMleeO.js} +2 -2
  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-DVC26l1N.js → FieldError-Bl_SXH5M.js} +3 -3
  22. package/dist/FieldError.js +1 -1
  23. package/dist/Header-uOS96l33.js +11 -0
  24. package/dist/Header.js +3 -8
  25. package/dist/HeaderNavigation.js +1 -1
  26. package/dist/{Heading-CYit9Nf-.js → Heading-CSfMC_V6.js} +2 -2
  27. package/dist/Heading.js +1 -1
  28. package/dist/{Icon-C6Bydohi.js → Icon-DXq5lwp4.js} +1 -1
  29. package/dist/Icon.js +1 -1
  30. package/dist/{IconCheck-B6r2fhzR.js → IconCheck-BLXj9z4I.js} +1 -1
  31. package/dist/{IconCheckboxEmpty-D-ZA69l0.js → IconCheckboxEmpty-CseDZ77J.js} +1 -1
  32. package/dist/{IconCheckboxIndeterminate-D3WAKc2y.js → IconCheckboxIndeterminate-BdEkNKEg.js} +1 -1
  33. package/dist/{IconChevronDown-ACaPfsSX.js → IconChevronDown-DGMWVrr9.js} +1 -1
  34. package/dist/{IconChevronRight-CWSSKr0n.js → IconChevronRight-Sd5qEgz9.js} +1 -1
  35. package/dist/{IconClose-B-Y9GsPw.js → IconClose-BuJDcvk1.js} +1 -1
  36. package/dist/{IconContextMenu-Cv_ADP6x.js → IconContextMenu-BtDEfs_U.js} +1 -1
  37. package/dist/{IconCopy-DCQci8ab.js → IconCopy-Y4GR1Z03.js} +1 -1
  38. package/dist/{IconDanger-Cn_LiCtm.js → IconDanger-D3n1sEDX.js} +1 -1
  39. package/dist/{IconPending-BR4c3Kzy.js → IconPending-C0IPPa0F.js} +1 -1
  40. package/dist/{IconPlus-BsrhvkwU.js → IconPlus-BL-Zqbnv.js} +1 -1
  41. package/dist/{IconRadioOn-DZdc39yy.js → IconRadioOn-D0pCkmJ4.js} +1 -1
  42. package/dist/{IconSearch-CW9oIsXP.js → IconSearch-B9UA2NmT.js} +1 -1
  43. package/dist/{IconSucceeded-Cx_ggN9K.js → IconSucceeded-B4DEKa6J.js} +1 -1
  44. package/dist/{IconWarning-CDxShTt1.js → IconWarning-CmSsxAnH.js} +1 -1
  45. package/dist/Icons.js +16 -16
  46. package/dist/{IllustratedMessage-D1xVzeZO.js → IllustratedMessage-BUg2-svi.js} +1 -1
  47. package/dist/IllustratedMessage.js +1 -1
  48. package/dist/Image.js +1 -1
  49. package/dist/Initials.js +1 -1
  50. package/dist/InlineAlert.js +3 -3
  51. package/dist/{Label-DWCo1l63.js → Label-CfPzBQtx.js} +1 -1
  52. package/dist/Label.js +1 -1
  53. package/dist/LabeledValue.js +1 -1
  54. package/dist/LayoutCard.js +2 -2
  55. package/dist/{Link-BK57CeBv.js → Link-BNozTXoN.js} +2 -2
  56. package/dist/Link.js +1 -1
  57. package/dist/List.js +56 -55
  58. package/dist/{LoadingSpinner-DNkWB7I4.js → LoadingSpinner-smFm5pXR.js} +2 -2
  59. package/dist/LoadingSpinner.js +1 -1
  60. package/dist/{MenuItem-BwS3CR2k.js → MenuItem-CgrBX4na.js} +6 -6
  61. package/dist/MenuItem.js +1 -1
  62. package/dist/Modal.js +5 -5
  63. package/dist/Navigation.js +3 -3
  64. package/dist/NumberField.js +7 -7
  65. package/dist/OffCanvas.js +26 -21
  66. package/dist/Overlay-BWA78Wvu.js +33 -0
  67. package/dist/OverlayTrigger.js +3 -3
  68. package/dist/ProgressBar.js +1 -1
  69. package/dist/PropsContextProvider-ChpH8eF2.js +81 -0
  70. package/dist/RadioGroup.js +6 -6
  71. package/dist/Section.js +2 -2
  72. package/dist/Select.js +5 -5
  73. package/dist/StatusBadge.js +3 -3
  74. package/dist/{StatusIcon-p06hhuaM.js → StatusIcon-CzfeqAZQ.js} +3 -3
  75. package/dist/StatusIcon.js +1 -1
  76. package/dist/Switch.js +5 -5
  77. package/dist/Tabs.js +8 -8
  78. package/dist/{Text-DXApO_Re.js → Text-DOQUStg_.js} +2 -2
  79. package/dist/Text.js +1 -1
  80. package/dist/TextArea.js +2 -2
  81. package/dist/TextField.js +2 -2
  82. package/dist/{TextFieldBase-Dpzj-U88.js → TextFieldBase-B6lQlCmE.js} +2 -2
  83. package/dist/context-D3hdrTHO.js +58 -0
  84. package/dist/controller.js +1 -1
  85. package/dist/{flowComponent-Dha_9C4F.js → flowComponent-Cv_SURLH.js} +35 -34
  86. package/dist/hooks.js +10 -3
  87. package/dist/react-hook-form.js +2 -2
  88. package/dist/styles.css +1 -1
  89. package/dist/types/components/Action/Action.d.ts +2 -12
  90. package/dist/types/components/Action/components/ActionButton.d.ts +4 -0
  91. package/dist/types/components/Action/components/ActionLink.d.ts +4 -0
  92. package/dist/types/components/Action/components/ConfirmationModal.d.ts +4 -0
  93. package/dist/types/components/Action/components/ConfirmationModalButton.d.ts +4 -0
  94. package/dist/types/components/Action/context.d.ts +15 -0
  95. package/dist/types/components/Action/index.d.ts +1 -1
  96. package/dist/types/components/Action/lib/execution/ActionExecution.d.ts +4 -2
  97. package/dist/types/components/Action/lib/execution/ActionState.d.ts +1 -1
  98. package/dist/types/components/Action/lib/execution/useActionController.d.ts +2 -3
  99. package/dist/types/components/Action/stories/Default.stories.d.ts +1 -1
  100. package/dist/types/components/Action/stories/EdgeCases.stories.d.ts +1 -1
  101. package/dist/types/components/Action/types.d.ts +11 -0
  102. package/dist/types/components/Modal/Modal.d.ts +1 -0
  103. package/dist/types/components/OffCanvas/stories/EdgeCases.stories.d.ts +7 -0
  104. package/dist/types/components/Overlay/Overlay.d.ts +1 -0
  105. package/dist/types/lib/hooks/index.d.ts +1 -0
  106. package/dist/types/lib/hooks/useOnChange.d.ts +3 -0
  107. package/dist/types/lib/promises/sleep.d.ts +1 -0
  108. package/dist/{index-0qLHBjoi.js → useOverlayController-CGKumeGL.js} +10 -10
  109. package/package.json +30 -30
  110. package/dist/Action-5b_DWWiS.js +0 -191
  111. package/dist/Overlay-ofdfFqqi.js +0 -28
  112. package/dist/PropsContextProvider-DZvwqHLP.js +0 -64
  113. package/dist/context-DJetA3qV.js +0 -8
  114. package/dist/types/components/Action/lib/execution/breakAction.d.ts +0 -2
  115. package/dist/types/components/Action/lib/execution/useActionFunction.d.ts +0 -4
package/dist/MenuItem.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { M as t } from "./MenuItem-BwS3CR2k.js";
3
+ import { M as t } from "./MenuItem-CgrBX4na.js";
4
4
  export {
5
5
  t as MenuItem,
6
6
  t as default
package/dist/Modal.js CHANGED
@@ -3,15 +3,15 @@
3
3
  import o from "react";
4
4
  import d from "clsx";
5
5
  import "./propsContext-CauylOgH.js";
6
- import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
6
+ import { P as f } from "./PropsContextProvider-ChpH8eF2.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import { TunnelProvider as p, TunnelExit as c } from "@mittwald/react-tunnel";
10
- import { f as u } from "./flowComponent-Dha_9C4F.js";
11
- import { O as w } from "./Overlay-ofdfFqqi.js";
10
+ import { f as u } from "./flowComponent-Cv_SURLH.js";
11
+ import { O as w } from "./Overlay-BWA78Wvu.js";
12
12
  import "mobx";
13
- import "./index-0qLHBjoi.js";
14
- import "./context-DJetA3qV.js";
13
+ import "./useOverlayController-CGKumeGL.js";
14
+ import "./context-D3hdrTHO.js";
15
15
  const v = "flow--modal", z = "flow--modal--button-group", C = "flow--modal--content", b = "flow--modal--off-canvas", t = {
16
16
  modal: v,
17
17
  "modal-zoom": "flow--modal--modal-zoom",
@@ -5,12 +5,12 @@ import g from "clsx";
5
5
  import { d as E } from "./deepFindOfType-6pG0fH7S.js";
6
6
  import { W as x } from "./Wrap-DGT1h1o3.js";
7
7
  import "./propsContext-CauylOgH.js";
8
- import { P as i } from "./PropsContextProvider-DZvwqHLP.js";
8
+ import { P as i } from "./PropsContextProvider-ChpH8eF2.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
11
  import { TunnelProvider as p, TunnelExit as u } from "@mittwald/react-tunnel";
12
- import { A as N } from "./Accordion-_RIL6e38.js";
13
- import { C } from "./Content-CPAYV7wp.js";
12
+ import { A as N } from "./Accordion-Bszrsi-4.js";
13
+ import { C } from "./Content-xPY804ey.js";
14
14
  const b = "flow--navigation", I = "flow--navigation--item", P = "flow--navigation--icon", w = "flow--navigation--text", y = "flow--navigation--control-icon", l = {
15
15
  navigation: b,
16
16
  item: I,
@@ -5,17 +5,17 @@ import * as r from "react-aria-components";
5
5
  import { s as t } from "./FormField.module-DHK6nIcD.js";
6
6
  import E from "clsx";
7
7
  import { C as N } from "./ClearPropsContext-CeCMjUK9.js";
8
- import { P as b } from "./PropsContextProvider-DZvwqHLP.js";
8
+ import { P as b } from "./PropsContextProvider-ChpH8eF2.js";
9
9
  import "@react-aria/utils";
10
10
  import "./propsContext-CauylOgH.js";
11
11
  import "remeda";
12
- import { F as I } from "./FieldError-DVC26l1N.js";
13
- import { B as c } from "./Button-DR7f1NA_.js";
12
+ import { F as I } from "./FieldError-Bl_SXH5M.js";
13
+ import { B as c } from "./Button-tEtjVHFC.js";
14
14
  import "@tabler/icons-react";
15
- import "./Icon-C6Bydohi.js";
16
- import { I as C } from "./IconChevronDown-ACaPfsSX.js";
17
- import { I as h, a as P, b as F } from "./IconPlus-BsrhvkwU.js";
18
- import { f as w } from "./flowComponent-Dha_9C4F.js";
15
+ import "./Icon-DXq5lwp4.js";
16
+ import { I as C } from "./IconChevronDown-DGMWVrr9.js";
17
+ import { I as h, a as P, b as F } from "./IconPlus-BL-Zqbnv.js";
18
+ import { f as w } from "./flowComponent-Cv_SURLH.js";
19
19
  const B = "flow--number-field--group", g = "flow--number-field--input", v = "flow--number-field--decrement-button", x = "flow--number-field--increment-button", y = "flow--number-field--coarse-pointer-icon", D = "flow--number-field--touch-icon", o = {
20
20
  group: B,
21
21
  input: g,
package/dist/OffCanvas.js CHANGED
@@ -1,42 +1,47 @@
1
1
  "use client"
2
2
  /* */
3
- import o from "react";
3
+ import e from "react";
4
4
  import c from "clsx";
5
- import { B as f } from "./Button-DR7f1NA_.js";
5
+ import { B as f } from "./Button-tEtjVHFC.js";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-C6Bydohi.js";
8
- import { I as m } from "./IconClose-B-Y9GsPw.js";
9
- import { A as i } from "./Action-5b_DWWiS.js";
10
- import { O as p } from "./Overlay-ofdfFqqi.js";
7
+ import "./Icon-DXq5lwp4.js";
8
+ import { I as m } from "./IconClose-BuJDcvk1.js";
9
+ import { A as i } from "./Action-BLnSsHE1.js";
10
+ import { O as p } from "./Overlay-BWA78Wvu.js";
11
11
  import "mobx";
12
- import "./index-0qLHBjoi.js";
12
+ import "./useOverlayController-CGKumeGL.js";
13
13
  import "./propsContext-CauylOgH.js";
14
- import { P as v } from "./PropsContextProvider-DZvwqHLP.js";
14
+ import { P as v } from "./PropsContextProvider-ChpH8eF2.js";
15
15
  import "@react-aria/utils";
16
16
  import "remeda";
17
- const u = "flow--off-canvas", d = "flow--off-canvas--close-button", t = {
18
- offCanvas: u,
17
+ import { TunnelProvider as d, TunnelExit as u } from "@mittwald/react-tunnel";
18
+ import { H as E } from "./Header-uOS96l33.js";
19
+ const C = "flow--off-canvas", h = "flow--off-canvas--header", w = "flow--off-canvas--close-button", o = {
20
+ offCanvas: C,
19
21
  "off-canvas-slide-in": "flow--off-canvas--off-canvas-slide-in",
20
22
  "off-canvas-slide-out": "flow--off-canvas--off-canvas-slide-out",
21
- closeButton: d
22
- }, z = (s) => {
23
- const { controller: a, children: e, className: r } = s, n = c(t.offCanvas, r), l = {
23
+ header: h,
24
+ closeButton: w
25
+ }, q = (t) => {
26
+ const { controller: a, children: r, className: n } = t, s = c(o.offCanvas, n), l = {
24
27
  Heading: {
25
- slot: "title"
28
+ slot: "title",
29
+ tunnelId: "heading",
30
+ levelVisual: 4,
31
+ level: 2
26
32
  }
27
33
  };
28
- return /* @__PURE__ */ o.createElement(p, { controller: a, className: n }, /* @__PURE__ */ o.createElement(i, { closeOverlay: !0 }, /* @__PURE__ */ o.createElement(
34
+ return /* @__PURE__ */ e.createElement(p, { controller: a, className: s }, /* @__PURE__ */ e.createElement(v, { props: l }, /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(E, { className: o.header }, /* @__PURE__ */ e.createElement(u, { id: "heading" }), /* @__PURE__ */ e.createElement(i, { closeOverlay: !0 }, /* @__PURE__ */ e.createElement(
29
35
  f,
30
36
  {
31
37
  variant: "plain",
32
- size: "s",
33
38
  color: "secondary",
34
- className: t.closeButton
39
+ className: o.closeButton
35
40
  },
36
- /* @__PURE__ */ o.createElement(m, null)
37
- )), /* @__PURE__ */ o.createElement(v, { props: l }, e));
41
+ /* @__PURE__ */ e.createElement(m, null)
42
+ ))), r)));
38
43
  };
39
44
  export {
40
- z as OffCanvas,
41
- z as default
45
+ q as OffCanvas,
46
+ q as default
42
47
  };
@@ -0,0 +1,33 @@
1
+ "use client"
2
+ /* */
3
+ import * as r from "react-aria-components";
4
+ import e from "react";
5
+ import y from "clsx";
6
+ import { u as p, a as u } from "./useOverlayController-CGKumeGL.js";
7
+ import "mobx";
8
+ const O = "flow--overlay", f = {
9
+ overlay: O,
10
+ "overlay-fade": "flow--overlay--overlay-fade"
11
+ }, F = (l) => {
12
+ const {
13
+ controller: t,
14
+ children: a,
15
+ isDismissable: s = !0,
16
+ className: n
17
+ } = l, c = p({
18
+ reuseControllerFromContext: !0
19
+ }), o = t ?? c, m = o.useIsOpen(), i = y(f.overlay, n);
20
+ return /* @__PURE__ */ e.createElement(
21
+ r.ModalOverlay,
22
+ {
23
+ className: i,
24
+ isDismissable: s,
25
+ isOpen: m,
26
+ onOpenChange: (v) => o.setOpen(v)
27
+ },
28
+ /* @__PURE__ */ e.createElement(r.Modal, null, /* @__PURE__ */ e.createElement(r.Dialog, null, /* @__PURE__ */ e.createElement(u, { value: o }, a)))
29
+ );
30
+ };
31
+ export {
32
+ F as O
33
+ };
@@ -2,10 +2,10 @@
2
2
  /* */
3
3
  import r from "react";
4
4
  import "mobx";
5
- import { u as l, a as m } from "./index-0qLHBjoi.js";
6
- import { A as p } from "./Action-5b_DWWiS.js";
5
+ import { u as l, a as m } from "./useOverlayController-CGKumeGL.js";
6
+ import { A as p } from "./Action-BLnSsHE1.js";
7
7
  import "./propsContext-CauylOgH.js";
8
- import { P as i } from "./PropsContextProvider-DZvwqHLP.js";
8
+ import { P as i } from "./PropsContextProvider-ChpH8eF2.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
11
  const x = (t) => {
@@ -5,7 +5,7 @@ import s from "react";
5
5
  import w from "clsx";
6
6
  import { useNumberFormatter as d } from "react-aria";
7
7
  import "./propsContext-CauylOgH.js";
8
- import { P as x } from "./PropsContextProvider-DZvwqHLP.js";
8
+ import { P as x } from "./PropsContextProvider-ChpH8eF2.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
11
  const N = "flow--progress-bar", v = "flow--progress-bar--label", B = "flow--progress-bar--value", E = "flow--progress-bar--bar", P = "flow--progress-bar--fill", z = "flow--progress-bar--info", V = "flow--progress-bar--success", h = "flow--progress-bar--danger", y = "flow--progress-bar--warning", r = {
@@ -0,0 +1,81 @@
1
+ "use client"
2
+ /* */
3
+ import u, { useMemo as l, isValidElement as P, cloneElement as v } from "react";
4
+ import { u as C, p as E } from "./propsContext-CauylOgH.js";
5
+ import { mergeProps as h } from "@react-aria/utils";
6
+ import { isObjectType as m } from "remeda";
7
+ import { setProperty as x } from "dot-prop";
8
+ const N = (t = {}) => (...o) => {
9
+ const { mergeClassNames: p = !0, mergeEventHandler: n = !0 } = t, r = h(...o);
10
+ if (m(r)) {
11
+ if (!p) {
12
+ for (const e of o)
13
+ m(e) && "className" in r && "className" in e && (r.className = e.className);
14
+ if ("render" in r) {
15
+ let e;
16
+ for (const s of o)
17
+ if (m(s) && "render" in s) {
18
+ if (!e) {
19
+ e = s.render;
20
+ continue;
21
+ }
22
+ const c = e, a = s.render;
23
+ e = (i, d) => a(
24
+ (f) => c(i, f),
25
+ d
26
+ );
27
+ }
28
+ r.render = e;
29
+ }
30
+ }
31
+ if (!n) {
32
+ for (const e of o)
33
+ if (m(e))
34
+ for (const [s, c] of Object.entries(e))
35
+ /^on[A-Z]/.test(s) && x(r, s, c);
36
+ }
37
+ }
38
+ return r;
39
+ }, b = N({
40
+ mergeClassNames: !1,
41
+ mergeEventHandler: !1
42
+ }), j = (t = {}, o = {}) => {
43
+ const p = Object.keys({
44
+ ...t,
45
+ ...o
46
+ });
47
+ return Object.fromEntries(
48
+ p.map((n) => [
49
+ n,
50
+ b(
51
+ t[n],
52
+ o[n]
53
+ )
54
+ ])
55
+ );
56
+ }, w = (t) => {
57
+ const {
58
+ props: o,
59
+ dependencies: p = [],
60
+ mergeInParentContext: n = !1,
61
+ children: r,
62
+ ...e
63
+ } = t, s = C(), c = l(() => o, p), a = l(
64
+ () => n ? j(s, o) : o,
65
+ [c, s, n]
66
+ ), i = P(r) ? {
67
+ ...e,
68
+ ...r.props
69
+ } : e, d = [
70
+ r,
71
+ ...Object.entries(i).flatMap((g) => g)
72
+ ], f = l(
73
+ () => P(r) ? v(r, i) : r,
74
+ d
75
+ );
76
+ return /* @__PURE__ */ u.createElement(E.Provider, { value: a }, f);
77
+ };
78
+ export {
79
+ w as P,
80
+ j as m
81
+ };
@@ -4,22 +4,22 @@ import e from "react";
4
4
  import * as R from "react-aria-components";
5
5
  import E from "clsx";
6
6
  import "./propsContext-CauylOgH.js";
7
- import { P as C, m as k } from "./PropsContextProvider-DZvwqHLP.js";
7
+ import { P as C, m as k } from "./PropsContextProvider-ChpH8eF2.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import { d as x } from "./dynamic-ClpUSmEt.js";
11
- import { F as y } from "./FieldError-DVC26l1N.js";
11
+ import { F as y } from "./FieldError-Bl_SXH5M.js";
12
12
  import { C as F } from "./ColumnLayout-FMONjI17.js";
13
13
  import { TunnelProvider as I, TunnelExit as m } from "@mittwald/react-tunnel";
14
14
  import { s as c } from "./FormField.module-DHK6nIcD.js";
15
15
  import { d as P } from "./deepFindOfType-6pG0fH7S.js";
16
16
  import { C as w } from "./ClearPropsContext-CeCMjUK9.js";
17
17
  import "@tabler/icons-react";
18
- import "./Icon-C6Bydohi.js";
19
- import { I as B, a as v } from "./IconRadioOn-DZdc39yy.js";
20
- import { f as N } from "./flowComponent-Dha_9C4F.js";
18
+ import "./Icon-DXq5lwp4.js";
19
+ import { I as B, a as v } from "./IconRadioOn-D0pCkmJ4.js";
20
+ import { f as N } from "./flowComponent-Cv_SURLH.js";
21
21
  import "dot-prop";
22
- import { I as D } from "./IconCheck-B6r2fhzR.js";
22
+ import { I as D } from "./IconCheck-BLXj9z4I.js";
23
23
  const T = "flow--radio-group", O = "flow--radio-group--segmented-group", $ = "flow--radio-group--segments", L = "flow--radio-group--segment", A = "flow--radio-group--checkmark", a = {
24
24
  radioGroup: T,
25
25
  segmentedGroup: O,
package/dist/Section.js CHANGED
@@ -3,10 +3,10 @@
3
3
  import t from "react";
4
4
  import m from "clsx";
5
5
  import "./propsContext-CauylOgH.js";
6
- import { P as p } from "./PropsContextProvider-DZvwqHLP.js";
6
+ import { P as p } from "./PropsContextProvider-ChpH8eF2.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
- import { f as d } from "./flowComponent-Dha_9C4F.js";
9
+ import { f as d } from "./flowComponent-Cv_SURLH.js";
10
10
  import { A as f } from "./Activity-CmfZpgOM.js";
11
11
  const u = "flow--section", h = "flow--section--header", w = "flow--section--status-badge", e = {
12
12
  section: u,
package/dist/Select.js CHANGED
@@ -3,16 +3,16 @@
3
3
  import e from "react";
4
4
  import * as c from "react-aria-components";
5
5
  import "./propsContext-CauylOgH.js";
6
- import { P as C } from "./PropsContextProvider-DZvwqHLP.js";
6
+ import { P as C } from "./PropsContextProvider-ChpH8eF2.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import { s as r } from "./FormField.module-DHK6nIcD.js";
10
- import { F as w } from "./FieldError-DVC26l1N.js";
10
+ import { F as w } from "./FieldError-Bl_SXH5M.js";
11
11
  import m from "clsx";
12
12
  import "@tabler/icons-react";
13
- import "./Icon-C6Bydohi.js";
14
- import { I as x } from "./IconChevronDown-ACaPfsSX.js";
15
- import { f as E } from "./flowComponent-Dha_9C4F.js";
13
+ import "./Icon-DXq5lwp4.js";
14
+ import { I as x } from "./IconChevronDown-DGMWVrr9.js";
15
+ import { f as E } from "./flowComponent-Cv_SURLH.js";
16
16
  import { P as h } from "./Popover-B6bARCOK.js";
17
17
  import { TunnelProvider as v, TunnelExit as P } from "@mittwald/react-tunnel";
18
18
  const S = "flow--select", F = "flow--select--toggle", f = {
@@ -2,14 +2,14 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import l from "clsx";
5
- import { S as f } from "./StatusIcon-p06hhuaM.js";
6
- import { T as i } from "./Text-DXApO_Re.js";
5
+ import { S as f } from "./StatusIcon-CzfeqAZQ.js";
6
+ import { T as i } from "./Text-DOQUStg_.js";
7
7
  import { C as u } from "./ClearPropsContext-CeCMjUK9.js";
8
8
  import "./propsContext-CauylOgH.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
11
  import "dot-prop";
12
- import { f as d } from "./flowComponent-Dha_9C4F.js";
12
+ import { f as d } from "./flowComponent-Cv_SURLH.js";
13
13
  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 = {
14
14
  statusBadge: g,
15
15
  text: p,
@@ -2,9 +2,9 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import "@tabler/icons-react";
5
- import "./Icon-C6Bydohi.js";
6
- import { I as m } from "./IconDanger-Cn_LiCtm.js";
7
- import { I as f, a as l, b as I } from "./IconWarning-CDxShTt1.js";
5
+ import "./Icon-DXq5lwp4.js";
6
+ import { I as m } from "./IconDanger-D3n1sEDX.js";
7
+ import { I as f, a as l, b as I } from "./IconWarning-CmSsxAnH.js";
8
8
  import { useLocalizedStringFormatter as g } from "react-aria";
9
9
  import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
10
10
  import "./propsContext-CauylOgH.js";
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { S as a } from "./StatusIcon-p06hhuaM.js";
3
+ import { S as a } from "./StatusIcon-CzfeqAZQ.js";
4
4
  export {
5
5
  a as StatusIcon,
6
6
  a as default
package/dist/Switch.js CHANGED
@@ -4,16 +4,16 @@ import e from "react";
4
4
  import * as n from "react-aria-components";
5
5
  import f from "clsx";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-C6Bydohi.js";
8
- import { I as p } from "./IconCheck-B6r2fhzR.js";
9
- import { I as h } from "./IconClose-B-Y9GsPw.js";
10
- import { L as w } from "./Label-DWCo1l63.js";
7
+ import "./Icon-DXq5lwp4.js";
8
+ import { I as p } from "./IconCheck-BLXj9z4I.js";
9
+ import { I as h } from "./IconClose-BuJDcvk1.js";
10
+ import { L as w } from "./Label-CfPzBQtx.js";
11
11
  import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
12
12
  import "./propsContext-CauylOgH.js";
13
13
  import "@react-aria/utils";
14
14
  import "remeda";
15
15
  import "dot-prop";
16
- import { f as b } from "./flowComponent-Dha_9C4F.js";
16
+ import { f as b } from "./flowComponent-Cv_SURLH.js";
17
17
  const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
18
18
  switch: "flow--switch",
19
19
  "label-leading": "flow--switch--label-leading",
package/dist/Tabs.js CHANGED
@@ -5,17 +5,17 @@ import * as E from "react-aria-components";
5
5
  import { MenuTrigger as y } from "react-aria-components";
6
6
  import u from "clsx";
7
7
  import { TunnelExit as C, TunnelProvider as S, TunnelEntry as f } from "@mittwald/react-tunnel";
8
- import { f as O } from "./flowComponent-Dha_9C4F.js";
8
+ import { f as O } from "./flowComponent-Cv_SURLH.js";
9
9
  import { useCallbackRef as B } from "use-callback-ref";
10
- import { C as K } from "./ContextMenu-BJSsIdCC.js";
11
- import { M as A } from "./MenuItem-BwS3CR2k.js";
12
- import { B as L } from "./Button-DR7f1NA_.js";
10
+ import { C as K } from "./ContextMenu-ChxMleeO.js";
11
+ import { M as A } from "./MenuItem-CgrBX4na.js";
12
+ import { B as L } from "./Button-tEtjVHFC.js";
13
13
  import "@tabler/icons-react";
14
- import "./Icon-C6Bydohi.js";
15
- import { I as F } from "./IconContextMenu-Cv_ADP6x.js";
16
- import { T as R } from "./Text-DXApO_Re.js";
14
+ import "./Icon-DXq5lwp4.js";
15
+ import { I as F } from "./IconContextMenu-BtDEfs_U.js";
16
+ import { T as R } from "./Text-DOQUStg_.js";
17
17
  import "./propsContext-CauylOgH.js";
18
- import { P as W } from "./PropsContextProvider-DZvwqHLP.js";
18
+ import { P as W } from "./PropsContextProvider-ChpH8eF2.js";
19
19
  import "@react-aria/utils";
20
20
  import "remeda";
21
21
  const $ = "flow--tabs", k = "flow--tabs--list", j = {
@@ -3,12 +3,12 @@
3
3
  import e from "react";
4
4
  import * as f from "react-aria-components";
5
5
  import { C as x } from "./ClearPropsContext-CeCMjUK9.js";
6
- import { P as E } from "./PropsContextProvider-DZvwqHLP.js";
6
+ import { P as E } from "./PropsContextProvider-ChpH8eF2.js";
7
7
  import "@react-aria/utils";
8
8
  import "./propsContext-CauylOgH.js";
9
9
  import "remeda";
10
10
  import u from "invariant";
11
- import { f as T } from "./flowComponent-Dha_9C4F.js";
11
+ import { f as T } from "./flowComponent-Cv_SURLH.js";
12
12
  import { E as d } from "./EmulatedBoldText-Dtox8Wd1.js";
13
13
  import { W as C } from "./Wrap-DGT1h1o3.js";
14
14
  const A = T("Text", (r) => {
package/dist/Text.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { T as a } from "./Text-DXApO_Re.js";
3
+ import { T as a } from "./Text-DOQUStg_.js";
4
4
  export {
5
5
  a as Text,
6
6
  a as default
package/dist/TextArea.js CHANGED
@@ -2,13 +2,13 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as n from "react-aria-components";
5
- import { T as p } from "./TextFieldBase-Dpzj-U88.js";
5
+ import { T as p } from "./TextFieldBase-B6lQlCmE.js";
6
6
  import { C as i } from "./ClearPropsContext-CeCMjUK9.js";
7
7
  import "./propsContext-CauylOgH.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import "dot-prop";
11
- import { f as c } from "./flowComponent-Dha_9C4F.js";
11
+ import { f as c } from "./flowComponent-Cv_SURLH.js";
12
12
  const f = "flow--text-area", x = {
13
13
  textArea: f
14
14
  }, P = c("TextArea", (t) => {
package/dist/TextField.js CHANGED
@@ -2,13 +2,13 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as s from "react-aria-components";
5
- import { T as a } from "./TextFieldBase-Dpzj-U88.js";
5
+ import { T as a } from "./TextFieldBase-B6lQlCmE.js";
6
6
  import { C as n } from "./ClearPropsContext-CeCMjUK9.js";
7
7
  import "./propsContext-CauylOgH.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import "dot-prop";
11
- import { f as p } from "./flowComponent-Dha_9C4F.js";
11
+ import { f as p } from "./flowComponent-Cv_SURLH.js";
12
12
  const c = "flow--text-field", f = {
13
13
  textField: c
14
14
  }, w = p("TextField", (t) => {
@@ -5,11 +5,11 @@ import * as n from "react-aria-components";
5
5
  import { s as e } from "./FormField.module-DHK6nIcD.js";
6
6
  import p from "clsx";
7
7
  import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
8
- import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
8
+ import { P as f } from "./PropsContextProvider-ChpH8eF2.js";
9
9
  import "@react-aria/utils";
10
10
  import "./propsContext-CauylOgH.js";
11
11
  import "remeda";
12
- import { F as E } from "./FieldError-DVC26l1N.js";
12
+ import { F as E } from "./FieldError-Bl_SXH5M.js";
13
13
  const g = c(
14
14
  (o, F) => {
15
15
  const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {
@@ -0,0 +1,58 @@
1
+ "use client"
2
+ /* */
3
+ var u = Object.defineProperty;
4
+ var m = (e, t, o) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
5
+ var a = (e, t, o) => (m(e, typeof t != "symbol" ? t + "" : t, o), o);
6
+ import { useRef as C, createContext as f, useMemo as d, useContext as p } from "react";
7
+ import { O as i, u as l } from "./useOverlayController-CGKumeGL.js";
8
+ import { makeObservable as v, observable as x, action as w } from "mobx";
9
+ import { u as b } from "./useSelector-DpU7_HMO.js";
10
+ class r {
11
+ constructor() {
12
+ a(this, "state", "isIdle");
13
+ v(this, {
14
+ state: x,
15
+ updateState: w
16
+ });
17
+ }
18
+ static useNew() {
19
+ return C(new r()).current;
20
+ }
21
+ updateState(t) {
22
+ this.state = t;
23
+ }
24
+ useState() {
25
+ return b(() => this.state, [this]);
26
+ }
27
+ }
28
+ const c = f({
29
+ actionProps: {},
30
+ state: new r(),
31
+ overlayController: new i(),
32
+ confirmationModalController: new i(),
33
+ needsConfirmation: !1
34
+ }), M = c.Provider, h = () => p(c), N = (e) => {
35
+ const t = h(), o = l(), n = r.useNew(), s = l();
36
+ return d(
37
+ () => ({
38
+ actionProps: e,
39
+ parentContext: t,
40
+ overlayController: o,
41
+ state: n,
42
+ confirmationModalController: s,
43
+ needsConfirmation: !1
44
+ }),
45
+ [
46
+ e,
47
+ t,
48
+ o,
49
+ n,
50
+ s
51
+ ]
52
+ );
53
+ };
54
+ export {
55
+ M as A,
56
+ N as a,
57
+ h as u
58
+ };
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { O as l, u as o } from "./index-0qLHBjoi.js";
3
+ import { O as l, u as o } from "./useOverlayController-CGKumeGL.js";
4
4
  export {
5
5
  l as OverlayController,
6
6
  o as useOverlayController