@mittwald/flow-react-components 0.1.0-alpha.65 → 0.1.0-alpha.67

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 (102) hide show
  1. package/dist/{Action-DZzRGFBL.js → Action-DEpgmJgz.js} +10 -8
  2. package/dist/Action.js +1 -1
  3. package/dist/Avatar.js +2 -2
  4. package/dist/Breadcrumb.js +3 -3
  5. package/dist/{Button-CdGfSPx-.js → Button-RNHxIFd2.js} +6 -6
  6. package/dist/Button.js +1 -1
  7. package/dist/ButtonGroup.js +2 -2
  8. package/dist/{Checkbox-Bc-Yp2Li.js → Checkbox-DKySO10B.js} +7 -6
  9. package/dist/Checkbox.js +1 -1
  10. package/dist/{CheckboxButton-D5G0rxZz.js → CheckboxButton-CWdX3bM9.js} +3 -3
  11. package/dist/CheckboxButton.js +1 -1
  12. package/dist/CheckboxGroup.js +4 -4
  13. package/dist/Content.js +8 -7
  14. package/dist/ContextMenu-CyJQ17tm.js +36 -0
  15. package/dist/ContextMenu.js +7 -7
  16. package/dist/CopyButton.js +10 -9
  17. package/dist/FieldDescription.js +11 -10
  18. package/dist/FieldError-TYnVmG-o.js +23 -0
  19. package/dist/FieldError.js +1 -1
  20. package/dist/Header.js +1 -1
  21. package/dist/HeaderNavigation.js +1 -1
  22. package/dist/Heading.js +2 -2
  23. package/dist/{Icon-DVRBNZZe.js → Icon-CPAehMux.js} +13 -12
  24. package/dist/Icon.js +1 -1
  25. package/dist/{IconCheck-D9Y94psR.js → IconCheck-C778cVIW.js} +1 -1
  26. package/dist/{IconCheckboxEmpty-BneZ_izo.js → IconCheckboxEmpty-CuRg5vZt.js} +1 -1
  27. package/dist/{IconCheckboxIndeterminate-DZM-0gVy.js → IconCheckboxIndeterminate-Czwxs_TE.js} +1 -1
  28. package/dist/{IconChevronDown-D8WRADYa.js → IconChevronDown-BL8_H9Kf.js} +1 -1
  29. package/dist/{IconChevronRight-D2iaxujY.js → IconChevronRight-BdGTP9WG.js} +1 -1
  30. package/dist/{IconClose-zpsdo5WH.js → IconClose-Cq9t3LQV.js} +1 -1
  31. package/dist/{IconContextMenu-D58YJ4YL.js → IconContextMenu-BDvtrC86.js} +1 -1
  32. package/dist/{IconCopy-Dg12Fbk9.js → IconCopy-C9jfVrgu.js} +1 -1
  33. package/dist/{IconDanger-BKH4QbJ1.js → IconDanger-B7qTdARI.js} +1 -1
  34. package/dist/{IconPlus-WchYGpT1.js → IconPlus-vUgeG2A9.js} +1 -1
  35. package/dist/{IconRadioOn-DNpq9Xk7.js → IconRadioOn-CTDczjLJ.js} +1 -1
  36. package/dist/{IconSucceeded-d5GrQkmO.js → IconSucceeded-C092cisG.js} +1 -1
  37. package/dist/{IconWarning-pPmXp5KC.js → IconWarning-B5oeYHHs.js} +1 -1
  38. package/dist/Icons.js +73 -72
  39. package/dist/IllustratedMessage.js +42 -0
  40. package/dist/Image.js +5 -4
  41. package/dist/Initials.js +7 -6
  42. package/dist/InlineAlert.js +3 -3
  43. package/dist/InlineCode-BV2i5uN0.js +18 -0
  44. package/dist/InlineCode.js +1 -1
  45. package/dist/{Label-BFDBIwAZ.js → Label-B4BxkNHo.js} +4 -3
  46. package/dist/Label.js +1 -1
  47. package/dist/LabeledValue.js +1 -1
  48. package/dist/LayoutCard.js +19 -10
  49. package/dist/{Link-kCrtSVrZ.js → Link-I6WUPEGi.js} +2 -2
  50. package/dist/Link.js +1 -1
  51. package/dist/List.js +21 -20
  52. package/dist/MenuItem-CrRLNYPb.js +38 -0
  53. package/dist/MenuItem.js +7 -0
  54. package/dist/Modal.js +1 -1
  55. package/dist/Navigation.js +1 -1
  56. package/dist/NumberField.js +55 -41
  57. package/dist/ProgressBar.js +1 -1
  58. package/dist/PropsContextProvider-DkNLd3Yj.js +63 -0
  59. package/dist/RadioGroup.js +45 -45
  60. package/dist/Section.js +1 -1
  61. package/dist/Select.js +5 -5
  62. package/dist/StatusBadge.js +9 -8
  63. package/dist/{StatusIcon-gxczp9bZ.js → StatusIcon-BrpddXMN.js} +8 -7
  64. package/dist/StatusIcon.js +1 -1
  65. package/dist/Switch.js +10 -9
  66. package/dist/Tabs.js +23 -22
  67. package/dist/{Text-D7C_T7CE.js → Text-BW9cNWaj.js} +2 -2
  68. package/dist/Text.js +1 -1
  69. package/dist/TextArea.js +8 -7
  70. package/dist/TextField.js +9 -8
  71. package/dist/{TextFieldBase-DuP4Ls0l.js → TextFieldBase-BcCtRAw5.js} +2 -2
  72. package/dist/flowComponent-mJ64-1gs.js +22 -0
  73. package/dist/react-hook-form.js +2 -2
  74. package/dist/styles.css +1 -1
  75. package/dist/types/components/ContextMenu/ContextMenu.d.ts +2 -2
  76. package/dist/types/components/ContextMenu/index.d.ts +1 -1
  77. package/dist/types/components/Icon/components/icons/IconCode.d.ts +5 -0
  78. package/dist/types/components/Icon/components/icons/index.d.ts +1 -0
  79. package/dist/types/components/IllustratedMessage/IllustratedMessage.d.ts +7 -0
  80. package/dist/types/components/IllustratedMessage/index.d.ts +4 -0
  81. package/dist/types/components/IllustratedMessage/stories/Default.stories.d.ts +8 -0
  82. package/dist/types/components/IllustratedMessage/stories/EdgeCases.stories.d.ts +8 -0
  83. package/dist/types/components/MenuItem/MenuItem.d.ts +7 -0
  84. package/dist/types/components/{ContextMenu/components/ContextMenuItem/ContextMenuItemContent.d.ts → MenuItem/MenuItemContent.d.ts} +1 -1
  85. package/dist/types/components/MenuItem/index.d.ts +4 -0
  86. package/dist/types/components/Tabs/Tabs.d.ts +4 -3
  87. package/dist/types/components/Tabs/components/Tab/context.d.ts +1 -1
  88. package/dist/types/components/Tabs/components/TabTitle/TabTitle.d.ts +1 -1
  89. package/dist/types/components/propTypes/index.d.ts +3 -1
  90. package/dist/types/lib/propsContext/PropsContextProvider.d.ts +1 -0
  91. package/dist/types/lib/propsContext/mergePropsContext.d.ts +1 -1
  92. package/dist/types/lib/propsContext/propsContext.d.ts +2 -1
  93. package/dist/types/lib/react/getPropsMerger.d.ts +1 -0
  94. package/dist/{useProps-DoKnPAup.js → useProps-BqLmWTTi.js} +3 -2
  95. package/package.json +11 -3
  96. package/dist/ContextMenuItem-k4nwztKS.js +0 -67
  97. package/dist/FieldError-CBxCl2nS.js +0 -22
  98. package/dist/InlineCode-CI8164C6.js +0 -17
  99. package/dist/PropsContextProvider-BcOGMJkn.js +0 -25
  100. package/dist/flowComponent-CEo3pjEA.js +0 -19
  101. package/dist/types/components/ContextMenu/components/ContextMenuItem/ContextMenuItem.d.ts +0 -7
  102. package/dist/types/components/ContextMenu/components/ContextMenuItem/index.d.ts +0 -4
@@ -5,16 +5,17 @@ var P = (e, t, s) => t in e ? S(e, t, { enumerable: !0, configurable: !0, writab
5
5
  var i = (e, t, s) => (P(e, typeof t != "symbol" ? t + "" : t, s), s);
6
6
  import M, { useState as k } from "react";
7
7
  import "./propsContext-CauylOgH.js";
8
- import { P as x } from "./PropsContextProvider-BcOGMJkn.js";
8
+ import { P as x } from "./PropsContextProvider-DkNLd3Yj.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
- import { u as A } from "./useProps-DoKnPAup.js";
12
- import { u as y } from "./useOverlayState-BnPe_CrX.js";
13
- import { makeObservable as C, observable as r, action as l } from "mobx";
11
+ import "dot-prop";
12
+ import { u as A } from "./useProps-BqLmWTTi.js";
13
+ import { u as C } from "./useOverlayState-BnPe_CrX.js";
14
+ import { makeObservable as y, observable as r, action as l } from "mobx";
14
15
  import { u as v } from "./useSelector-DpU7_HMO.js";
15
16
  const E = () => {
16
17
  }, O = (e) => {
17
- const t = y();
18
+ const t = C();
18
19
  return (e == null ? void 0 : e.type) === "function" ? e.fn : (e == null ? void 0 : e.type) === "toggleModal" ? t.toggle : (e == null ? void 0 : e.type) === "openModal" ? t.open : (e == null ? void 0 : e.type) === "closeModal" ? t.close : E;
19
20
  }, m = (e, t) => {
20
21
  const s = [...t];
@@ -39,7 +40,7 @@ class b {
39
40
  i(this, "feedback");
40
41
  i(this, "executionCount", 0);
41
42
  const { feedback: s = !1 } = t;
42
- C(this, {
43
+ y(this, {
43
44
  isPending: r,
44
45
  isExecuting: r,
45
46
  isSucceeded: r,
@@ -128,7 +129,7 @@ const u = {
128
129
  type: "toggleModal",
129
130
  controller: g(e)
130
131
  })
131
- }, z = (e) => {
132
+ }, G = (e) => {
132
133
  const {
133
134
  children: t,
134
135
  feedback: s,
@@ -151,6 +152,7 @@ const u = {
151
152
  return /* @__PURE__ */ M.createElement(
152
153
  x,
153
154
  {
155
+ mergeInParentContext: !0,
154
156
  props: F,
155
157
  dependencies: Object.values(d)
156
158
  },
@@ -158,5 +160,5 @@ const u = {
158
160
  );
159
161
  };
160
162
  export {
161
- z as A
163
+ G as A
162
164
  };
package/dist/Action.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { A as t } from "./Action-DZzRGFBL.js";
3
+ import { A as t } from "./Action-DEpgmJgz.js";
4
4
  export {
5
5
  t as Action,
6
6
  t as default
package/dist/Avatar.js CHANGED
@@ -3,8 +3,8 @@
3
3
  import i, { isValidElement as v } from "react";
4
4
  import m from "clsx";
5
5
  import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
6
- import { P as c } from "./PropsContextProvider-BcOGMJkn.js";
7
- import { u as f } from "./useProps-DoKnPAup.js";
6
+ import { P as c } from "./PropsContextProvider-DkNLd3Yj.js";
7
+ import { u as f } from "./useProps-BqLmWTTi.js";
8
8
  import { hash as w } from "object-code";
9
9
  import { deepForEach as z } from "react-children-utilities";
10
10
  const d = "flow--avatar", h = "flow--avatar--icon", u = "flow--avatar--initials", r = {
@@ -4,10 +4,10 @@ import r from "react";
4
4
  import * as s from "react-aria-components";
5
5
  import a from "clsx";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-DVRBNZZe.js";
8
- import { I as u } from "./IconChevronRight-D2iaxujY.js";
7
+ import "./Icon-CPAehMux.js";
8
+ import { I as u } from "./IconChevronRight-BdGTP9WG.js";
9
9
  import "./propsContext-CauylOgH.js";
10
- import { P as d } from "./PropsContextProvider-BcOGMJkn.js";
10
+ import { P as d } from "./PropsContextProvider-DkNLd3Yj.js";
11
11
  import "@react-aria/utils";
12
12
  import "remeda";
13
13
  const p = "flow--breadcrumb", f = "flow--breadcrumb--link", c = {
@@ -4,16 +4,16 @@ import n from "react";
4
4
  import * as p from "react-aria-components";
5
5
  import x from "clsx";
6
6
  import { C } from "./ClearPropsContext-CeCMjUK9.js";
7
- import { P as I } from "./PropsContextProvider-BcOGMJkn.js";
7
+ import { P as I } from "./PropsContextProvider-DkNLd3Yj.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-DVRBNZZe.js";
13
- import { I as N, a as h, b as z } from "./IconSucceeded-d5GrQkmO.js";
12
+ import "./Icon-CPAehMux.js";
13
+ import { I as N, a as h, b as z } from "./IconSucceeded-C092cisG.js";
14
14
  import { W as d } from "./Wrap-DGT1h1o3.js";
15
- import { T as B } from "./Text-D7C_T7CE.js";
16
- import { f as A } from "./flowComponent-CEo3pjEA.js";
15
+ import { T as B } from "./Text-BW9cNWaj.js";
16
+ import { f as A } from "./flowComponent-mJ64-1gs.js";
17
17
  import { useLocalizedStringFormatter as D } from "react-aria";
18
18
  const L = "flow--button", T = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--content", $ = "flow--button--state-icon", R = "flow--button--is-succeeded", j = "flow--button--is-failed", k = "flow--button--is-pending", q = "flow--button--plain", G = "flow--button--primary", H = "flow--button--solid", J = "flow--button--accent", M = "flow--button--danger", O = "flow--button--secondary", Q = "flow--button--soft", e = {
19
19
  button: L,
@@ -92,7 +92,7 @@ const L = "flow--button", T = "flow--button--avatar", K = "flow--button--icon",
92
92
  ref: P,
93
93
  ...w
94
94
  },
95
- /* @__PURE__ */ n.createElement(d, { if: l }, /* @__PURE__ */ n.createElement("span", { className: e.content }, /* @__PURE__ */ n.createElement(d, { if: E }, /* @__PURE__ */ n.createElement(B, null, /* @__PURE__ */ n.createElement(I, { props: S }, c))))),
95
+ /* @__PURE__ */ n.createElement(I, { props: S }, /* @__PURE__ */ n.createElement(d, { if: l }, /* @__PURE__ */ n.createElement("span", { className: e.content }, /* @__PURE__ */ n.createElement(d, { if: E }, /* @__PURE__ */ n.createElement(B, null, c))))),
96
96
  l
97
97
  ));
98
98
  });
package/dist/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { B as o } from "./Button-CdGfSPx-.js";
3
+ import { B as o } from "./Button-RNHxIFd2.js";
4
4
  export {
5
5
  o as Button,
6
6
  o as default
@@ -2,8 +2,8 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import { C as u } from "./ClearPropsContext-CeCMjUK9.js";
5
- import { P as m } from "./PropsContextProvider-BcOGMJkn.js";
6
- import { u as l } from "./useProps-DoKnPAup.js";
5
+ import { P as m } from "./PropsContextProvider-DkNLd3Yj.js";
6
+ import { u as l } from "./useProps-BqLmWTTi.js";
7
7
  import { d } from "./dynamic-ClpUSmEt.js";
8
8
  import i from "clsx";
9
9
  const f = "flow--button-group", y = "flow--button-group--secondary", t = {
@@ -4,21 +4,22 @@ 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-DVRBNZZe.js";
8
- import { I as x, a as h } from "./IconCheckboxEmpty-BneZ_izo.js";
9
- import { I as C } from "./IconCheckboxIndeterminate-DZM-0gVy.js";
7
+ import "./Icon-CPAehMux.js";
8
+ import { I as x, a as h } from "./IconCheckboxEmpty-CuRg5vZt.js";
9
+ import { I as C } from "./IconCheckboxIndeterminate-Czwxs_TE.js";
10
10
  import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
11
11
  import "./propsContext-CauylOgH.js";
12
12
  import "@react-aria/utils";
13
13
  import "remeda";
14
- import { f as k } from "./flowComponent-CEo3pjEA.js";
14
+ import "dot-prop";
15
+ import { f as k } from "./flowComponent-mJ64-1gs.js";
15
16
  const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
16
17
  checkbox: b,
17
18
  icon: E
18
- }, j = k("Checkbox", (c) => {
19
+ }, q = k("Checkbox", (c) => {
19
20
  const { children: t, className: r, ref: m, ...a } = c, n = p(o.checkbox, r);
20
21
  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(i.Checkbox, { ...a, className: n, ref: m }, ({ isSelected: s, isIndeterminate: l }) => /* @__PURE__ */ e.createElement(e.Fragment, null, s ? /* @__PURE__ */ e.createElement(x, { className: o.icon }) : l ? /* @__PURE__ */ e.createElement(C, { className: o.icon }) : /* @__PURE__ */ e.createElement(h, { className: o.icon }), t)));
21
22
  });
22
23
  export {
23
- j as C
24
+ q as C
24
25
  };
package/dist/Checkbox.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as a } from "./Checkbox-Bc-Yp2Li.js";
3
+ import { C as a } from "./Checkbox-DKySO10B.js";
4
4
  export {
5
5
  a as Checkbox,
6
6
  a as default
@@ -3,12 +3,12 @@
3
3
  import t from "react";
4
4
  import a from "clsx";
5
5
  import { C as m } from "./ClearPropsContext-CeCMjUK9.js";
6
- import { P as p } from "./PropsContextProvider-BcOGMJkn.js";
6
+ import { P as p } from "./PropsContextProvider-DkNLd3Yj.js";
7
7
  import "@react-aria/utils";
8
8
  import "./propsContext-CauylOgH.js";
9
9
  import "remeda";
10
- import { C as b } from "./Checkbox-Bc-Yp2Li.js";
11
- import { f as x } from "./flowComponent-CEo3pjEA.js";
10
+ import { C as b } from "./Checkbox-DKySO10B.js";
11
+ import { f as x } from "./flowComponent-mJ64-1gs.js";
12
12
  const C = "flow--checkbox-button", f = "flow--checkbox-button--content", i = "flow--checkbox-button--label", o = {
13
13
  checkboxButton: C,
14
14
  content: f,
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as t } from "./CheckboxButton-D5G0rxZz.js";
3
+ import { C as t } from "./CheckboxButton-CWdX3bM9.js";
4
4
  export {
5
5
  t as CheckboxButton,
6
6
  t as default
@@ -4,16 +4,16 @@ import e from "react";
4
4
  import * as u from "react-aria-components";
5
5
  import x from "clsx";
6
6
  import "./propsContext-CauylOgH.js";
7
- import { P as b } from "./PropsContextProvider-BcOGMJkn.js";
7
+ import { P as b } from "./PropsContextProvider-DkNLd3Yj.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
- import { F as h } from "./FieldError-CBxCl2nS.js";
11
- import { C as E } from "./CheckboxButton-D5G0rxZz.js";
10
+ import { F as h } from "./FieldError-TYnVmG-o.js";
11
+ import { C as E } from "./CheckboxButton-CWdX3bM9.js";
12
12
  import { TunnelProvider as k, TunnelExit as r } from "@mittwald/react-tunnel";
13
13
  import { s as o } from "./FormField.module-DHK6nIcD.js";
14
14
  import { C } from "./ColumnLayout-FMONjI17.js";
15
15
  import { d as N } from "./deepFindOfType-6pG0fH7S.js";
16
- import { f as F } from "./flowComponent-CEo3pjEA.js";
16
+ import { f as F } from "./flowComponent-mJ64-1gs.js";
17
17
  const G = "flow--checkbox-group", s = {
18
18
  checkboxGroup: G
19
19
  }, j = F("CheckboxGroup", (l) => {
package/dist/Content.js CHANGED
@@ -1,16 +1,17 @@
1
1
  "use client"
2
2
  /* */
3
3
  import t from "react";
4
- import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
4
+ import { C as l } from "./ClearPropsContext-CeCMjUK9.js";
5
5
  import "./propsContext-CauylOgH.js";
6
6
  import "@react-aria/utils";
7
7
  import "remeda";
8
- import { f as a } from "./flowComponent-CEo3pjEA.js";
9
- const u = a("Content", (e) => {
10
- const { children: o, elementType: r = "div", ref: n, ...m } = e, l = r;
11
- return /* @__PURE__ */ t.createElement(p, null, /* @__PURE__ */ t.createElement(l, { ref: n, ...m }, o));
8
+ import "dot-prop";
9
+ import { f as i } from "./flowComponent-mJ64-1gs.js";
10
+ const E = i("Content", (e) => {
11
+ const { children: o, elementType: r = "div", ref: n, ...m } = e, p = r;
12
+ return /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement(p, { ref: n, ...m }, o));
12
13
  });
13
14
  export {
14
- u as Content,
15
- u as default
15
+ E as Content,
16
+ E as default
16
17
  };
@@ -0,0 +1,36 @@
1
+ "use client"
2
+ /* */
3
+ import e from "react";
4
+ import * as f from "react-aria-components";
5
+ import { f as i } from "./flowComponent-mJ64-1gs.js";
6
+ import { P as u } from "./Popover-MmxZkKu3.js";
7
+ const p = "flow--context-menu", x = {
8
+ contextMenu: p
9
+ }, y = i("ContextMenu", (t) => {
10
+ const {
11
+ children: o,
12
+ onAction: n,
13
+ selectionMode: c,
14
+ selectedKeys: r,
15
+ defaultSelectedKeys: s,
16
+ onSelectionChange: m,
17
+ ref: a,
18
+ ...l
19
+ } = t;
20
+ return /* @__PURE__ */ e.createElement(u, { ...l }, /* @__PURE__ */ e.createElement(
21
+ f.Menu,
22
+ {
23
+ className: x.contextMenu,
24
+ onAction: n,
25
+ selectionMode: c,
26
+ selectedKeys: r,
27
+ defaultSelectedKeys: s,
28
+ onSelectionChange: m,
29
+ ref: a
30
+ },
31
+ o
32
+ ));
33
+ });
34
+ export {
35
+ y as C
36
+ };
@@ -1,11 +1,11 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as t } from "./ContextMenuItem-k4nwztKS.js";
4
- import { a as n } from "./ContextMenuItem-k4nwztKS.js";
5
- import { MenuTrigger as x } from "react-aria-components";
3
+ import { C as r } from "./ContextMenu-CyJQ17tm.js";
4
+ import { M as n } from "./MenuItem-CrRLNYPb.js";
5
+ import { MenuTrigger as m } from "react-aria-components";
6
6
  export {
7
- t as ContextMenu,
8
- n as ContextMenuItem,
9
- x as ContextMenuTrigger,
10
- t as default
7
+ r as ContextMenu,
8
+ m as ContextMenuTrigger,
9
+ n as MenuItem,
10
+ r as default
11
11
  };
@@ -2,10 +2,10 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import a from "copy-to-clipboard";
5
- import { B as c } from "./Button-CdGfSPx-.js";
5
+ import { B as i } from "./Button-RNHxIFd2.js";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-DVRBNZZe.js";
8
- import { I as i } from "./IconCopy-Dg12Fbk9.js";
7
+ import "./Icon-CPAehMux.js";
8
+ import { I as c } from "./IconCopy-C9jfVrgu.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";
@@ -13,8 +13,9 @@ import { C as y } from "./ClearPropsContext-CeCMjUK9.js";
13
13
  import "./propsContext-CauylOgH.js";
14
14
  import "@react-aria/utils";
15
15
  import "remeda";
16
- import { f as C } from "./flowComponent-CEo3pjEA.js";
17
- import { A as E } from "./Action-DZzRGFBL.js";
16
+ import "dot-prop";
17
+ import { f as C } from "./flowComponent-mJ64-1gs.js";
18
+ import { A as E } from "./Action-DEpgmJgz.js";
18
19
  const B = {
19
20
  "de-DE": {
20
21
  "copyButton.copy": "Kopieren"
@@ -22,13 +23,13 @@ const B = {
22
23
  "en-EN": {
23
24
  "copyButton.copy": "Copy"
24
25
  }
25
- }, R = C("CopyButton", (r) => {
26
+ }, S = C("CopyButton", (r) => {
26
27
  const { text: e, ref: m, ...n } = r, t = l(B).format("copyButton.copy"), p = () => {
27
28
  a(u(e));
28
29
  };
29
- return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(s, null, /* @__PURE__ */ o.createElement(E, { action: p, feedback: !0 }, /* @__PURE__ */ o.createElement(c, { "aria-label": t, ...n, ref: m }, /* @__PURE__ */ o.createElement(i, null))), /* @__PURE__ */ o.createElement(f, null, t)));
30
+ return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(s, null, /* @__PURE__ */ o.createElement(E, { action: p, feedback: !0 }, /* @__PURE__ */ o.createElement(i, { "aria-label": t, ...n, ref: m }, /* @__PURE__ */ o.createElement(c, null))), /* @__PURE__ */ o.createElement(f, null, t)));
30
31
  });
31
32
  export {
32
- R as CopyButton,
33
- R as default
33
+ S as CopyButton,
34
+ S as default
34
35
  };
@@ -1,20 +1,21 @@
1
1
  "use client"
2
2
  /* */
3
- import e from "react";
4
- import n from "clsx";
5
- import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
3
+ import t from "react";
4
+ import m from "clsx";
5
+ import { C as n } from "./ClearPropsContext-CeCMjUK9.js";
6
6
  import "./propsContext-CauylOgH.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
- import { T as m } from "./Text-D7C_T7CE.js";
10
- import { f as p } from "./flowComponent-CEo3pjEA.js";
9
+ import "dot-prop";
10
+ import { T as c } from "./Text-BW9cNWaj.js";
11
+ import { f as p } from "./flowComponent-mJ64-1gs.js";
11
12
  const a = "flow--field-description", f = {
12
13
  fieldDescription: a
13
- }, F = p("FieldDescription", (t) => {
14
- const { children: o, className: r, ref: i, ...s } = t, l = n(f.fieldDescription, r);
15
- return /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(m, { slot: "description", ...s, className: l, ref: i }, o));
14
+ }, T = p("FieldDescription", (e) => {
15
+ const { children: o, className: r, ref: i, ...s } = e, l = m(f.fieldDescription, r);
16
+ return /* @__PURE__ */ t.createElement(n, null, /* @__PURE__ */ t.createElement(c, { slot: "description", ...s, className: l, ref: i }, o));
16
17
  });
17
18
  export {
18
- F as FieldDescription,
19
- F as default
19
+ T as FieldDescription,
20
+ T as default
20
21
  };
@@ -0,0 +1,23 @@
1
+ "use client"
2
+ /* */
3
+ import r from "react";
4
+ import * as n from "react-aria-components";
5
+ import a from "clsx";
6
+ import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
7
+ import "./propsContext-CauylOgH.js";
8
+ import "@react-aria/utils";
9
+ import "remeda";
10
+ import "dot-prop";
11
+ import "@tabler/icons-react";
12
+ import "./Icon-CPAehMux.js";
13
+ import { I as p } from "./IconDanger-B7qTdARI.js";
14
+ import { f } from "./flowComponent-mJ64-1gs.js";
15
+ const E = "flow--field-error", d = {
16
+ fieldError: E
17
+ }, z = f("FieldError", (o) => {
18
+ const { children: e, className: t, ref: m, ...l } = o, s = a(d.fieldError, t);
19
+ return /* @__PURE__ */ r.createElement(c, null, /* @__PURE__ */ r.createElement(n.FieldError, { ...l, className: s, ref: m }, ({ validationErrors: i }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(p, { size: "s" }), /* @__PURE__ */ r.createElement("span", null, e || i.join(" ")))));
20
+ });
21
+ export {
22
+ z as F
23
+ };
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { F as o } from "./FieldError-CBxCl2nS.js";
3
+ import { F as o } from "./FieldError-TYnVmG-o.js";
4
4
  export {
5
5
  o as FieldError,
6
6
  o as default
package/dist/Header.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  /* */
3
3
  import m from "react";
4
- import { f as c } from "./flowComponent-CEo3pjEA.js";
4
+ import { f as c } from "./flowComponent-mJ64-1gs.js";
5
5
  const s = c("Header", (e) => {
6
6
  const { children: t, ref: r, elementType: o = "header", ...n } = e, a = o;
7
7
  return /* @__PURE__ */ m.createElement(a, { ...n, ref: r }, t);
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import "./propsContext-CauylOgH.js";
5
- import { P as c } from "./PropsContextProvider-BcOGMJkn.js";
5
+ import { P as c } from "./PropsContextProvider-DkNLd3Yj.js";
6
6
  import "@react-aria/utils";
7
7
  import "remeda";
8
8
  import { d as m } from "./dynamic-ClpUSmEt.js";
package/dist/Heading.js CHANGED
@@ -3,11 +3,11 @@
3
3
  import e from "react";
4
4
  import l from "clsx";
5
5
  import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
6
- import { P as d } from "./PropsContextProvider-BcOGMJkn.js";
6
+ import { P as d } from "./PropsContextProvider-DkNLd3Yj.js";
7
7
  import "@react-aria/utils";
8
8
  import "./propsContext-CauylOgH.js";
9
9
  import "remeda";
10
- import { f } from "./flowComponent-CEo3pjEA.js";
10
+ import { f } from "./flowComponent-mJ64-1gs.js";
11
11
  import * as g from "react-aria-components";
12
12
  const h = "flow--heading", C = "flow--heading--icon", o = {
13
13
  heading: h,
@@ -1,30 +1,31 @@
1
1
  "use client"
2
2
  /* */
3
- import i, { Children as f, useMemo as p } from "react";
3
+ import i, { Children as p, useMemo as f } from "react";
4
4
  import g from "clsx";
5
5
  import d from "html-react-parser";
6
6
  import { C as w } from "./ClearPropsContext-CeCMjUK9.js";
7
7
  import "./propsContext-CauylOgH.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
- import { f as z } from "./flowComponent-CEo3pjEA.js";
10
+ import "dot-prop";
11
+ import { f as z } from "./flowComponent-mJ64-1gs.js";
11
12
  const b = "flow--icon", c = {
12
13
  icon: b,
13
14
  "size-m": "flow--icon--size-m",
14
15
  "size-s": "flow--icon--size-s",
15
16
  "size-l": "flow--icon--size-l"
16
17
  }, u = (e) => {
17
- const t = f.toArray(d(e)).find(
18
+ const t = p.toArray(d(e)).find(
18
19
  (o) => typeof o == "object" && "type" in o && o.type === "svg"
19
20
  );
20
21
  if (!t)
21
22
  throw new Error(`Invalid SVG string (got ${String(e)})`);
22
23
  return t;
23
- }, $ = z("Icon", (e) => {
24
+ }, A = z("Icon", (e) => {
24
25
  const {
25
26
  className: t,
26
27
  "aria-label": o,
27
- children: n,
28
+ children: r,
28
29
  size: l = "m",
29
30
  ...a
30
31
  } = e, m = {
@@ -34,18 +35,18 @@ const b = "flow--icon", c = {
34
35
  "aria-hidden": !o,
35
36
  "aria-label": o,
36
37
  className: g(c.icon, t, c[`size-${l}`])
37
- }, s = typeof n == "string", r = p(
38
- () => s ? u(n) : n,
39
- [s, n]
38
+ }, s = typeof r == "string", n = f(
39
+ () => s ? u(r) : r,
40
+ [s, r]
40
41
  );
41
- if (!i.isValidElement(r))
42
+ if (!i.isValidElement(n))
42
43
  throw new Error(
43
44
  `Expected children of Icon component to be a valid React element (got ${String(
44
- r
45
+ n
45
46
  )})`
46
47
  );
47
- return /* @__PURE__ */ i.createElement(w, null, i.cloneElement(r, m));
48
+ return /* @__PURE__ */ i.createElement(w, null, i.cloneElement(n, m));
48
49
  });
49
50
  export {
50
- $ as I
51
+ A as I
51
52
  };
package/dist/Icon.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { I as a } from "./Icon-DVRBNZZe.js";
3
+ import { I as a } from "./Icon-CPAehMux.js";
4
4
  export {
5
5
  a as Icon,
6
6
  a as default
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconCheck as c } from "@tabler/icons-react";
5
- import { I as t } from "./Icon-DVRBNZZe.js";
5
+ import { I as t } from "./Icon-CPAehMux.js";
6
6
  const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null));
7
7
  export {
8
8
  a as I
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconSquareCheckFilled as t, IconSquare as n } from "@tabler/icons-react";
5
- import { I as o } from "./Icon-DVRBNZZe.js";
5
+ import { I as o } from "./Icon-CPAehMux.js";
6
6
  const l = (c) => /* @__PURE__ */ e.createElement(o, { ...c }, /* @__PURE__ */ e.createElement(t, null)), I = (c) => /* @__PURE__ */ e.createElement(o, { ...c }, /* @__PURE__ */ e.createElement(n, null));
7
7
  export {
8
8
  l as I,
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconSquareMinusFilled as t } from "@tabler/icons-react";
5
- import { I as r } from "./Icon-DVRBNZZe.js";
5
+ import { I as r } from "./Icon-CPAehMux.js";
6
6
  const a = (o) => /* @__PURE__ */ e.createElement(r, { ...o }, /* @__PURE__ */ e.createElement(t, null));
7
7
  export {
8
8
  a as I
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import { IconChevronDown as e } from "@tabler/icons-react";
5
- import { I as r } from "./Icon-DVRBNZZe.js";
5
+ import { I as r } from "./Icon-CPAehMux.js";
6
6
  const a = (n) => /* @__PURE__ */ o.createElement(r, { ...n }, /* @__PURE__ */ o.createElement(e, null));
7
7
  export {
8
8
  a as I
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import { IconChevronRight as t } from "@tabler/icons-react";
5
- import { I as r } from "./Icon-DVRBNZZe.js";
5
+ import { I as r } from "./Icon-CPAehMux.js";
6
6
  const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
7
7
  export {
8
8
  a as I
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import { IconX as t } from "@tabler/icons-react";
5
- import { I as r } from "./Icon-DVRBNZZe.js";
5
+ import { I as r } from "./Icon-CPAehMux.js";
6
6
  const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
7
7
  export {
8
8
  a as I
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import { IconDots as e } from "@tabler/icons-react";
5
- import { I as n } from "./Icon-DVRBNZZe.js";
5
+ import { I as n } from "./Icon-CPAehMux.js";
6
6
  const a = (t) => /* @__PURE__ */ o.createElement(n, { ...t }, /* @__PURE__ */ o.createElement(e, null));
7
7
  export {
8
8
  a as I
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import { IconCopy as t } from "@tabler/icons-react";
5
- import { I as r } from "./Icon-DVRBNZZe.js";
5
+ import { I as r } from "./Icon-CPAehMux.js";
6
6
  const p = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
7
7
  export {
8
8
  p as I
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconAlertTriangle as o } from "@tabler/icons-react";
5
- import { I as t } from "./Icon-DVRBNZZe.js";
5
+ import { I as t } from "./Icon-CPAehMux.js";
6
6
  const c = (r) => /* @__PURE__ */ e.createElement(t, { ...r }, /* @__PURE__ */ e.createElement(o, null));
7
7
  export {
8
8
  c as I
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconChevronUp as c, IconMinus as t, IconPlus as r } from "@tabler/icons-react";
5
- import { I as o } from "./Icon-DVRBNZZe.js";
5
+ import { I as o } from "./Icon-CPAehMux.js";
6
6
  const m = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(c, null)), I = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(t, null)), u = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(r, null));
7
7
  export {
8
8
  I,