@mittwald/flow-react-components 0.1.0-alpha.61 → 0.1.0-alpha.63

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 (94) hide show
  1. package/dist/{Action-DT6jWAqa.js → Action-CeKzQsag.js} +1 -1
  2. package/dist/Action.js +1 -1
  3. package/dist/Avatar.js +1 -1
  4. package/dist/Breadcrumb.js +1 -1
  5. package/dist/{Button-K1ktUAEv.js → Button-CUr754ra.js} +40 -36
  6. package/dist/Button.js +1 -1
  7. package/dist/ButtonGroup.js +1 -1
  8. package/dist/{Checkbox-De7ZNCuQ.js → Checkbox-CBAAtfxq.js} +2 -2
  9. package/dist/Checkbox.js +1 -1
  10. package/dist/{CheckboxButton-D8M2QcSR.js → CheckboxButton-BYp2HCfN.js} +1 -1
  11. package/dist/CheckboxButton.js +1 -1
  12. package/dist/CheckboxGroup.js +2 -2
  13. package/dist/Content.js +1 -1
  14. package/dist/ContextMenu.js +2 -2
  15. package/dist/ContextMenuItem-7xGNJkkK.js +66 -0
  16. package/dist/CopyButton.js +4 -4
  17. package/dist/EmulatedBoldText-Dtox8Wd1.js +14 -0
  18. package/dist/FieldDescription.js +2 -2
  19. package/dist/{FieldError-D2Xf1SUy.js → FieldError-D9ZaMqoL.js} +2 -2
  20. package/dist/FieldError.js +1 -1
  21. package/dist/Header.js +1 -1
  22. package/dist/HeaderNavigation.js +34 -0
  23. package/dist/Heading.js +1 -1
  24. package/dist/{Icon-QRU6ff6c.js → Icon-DnhU6oCr.js} +1 -1
  25. package/dist/Icon.js +1 -1
  26. package/dist/{IconCheck-CDLMv3G3.js → IconCheck-VQzoZYpg.js} +1 -1
  27. package/dist/{IconCheckboxEmpty-K4aq2aRv.js → IconCheckboxEmpty-BYBEifGn.js} +1 -1
  28. package/dist/{IconCheckboxIndeterminate-DyTX9k0O.js → IconCheckboxIndeterminate-DCWISQ9y.js} +1 -1
  29. package/dist/{IconChevronDown-n2DJdnRB.js → IconChevronDown-BmKMxrq1.js} +1 -1
  30. package/dist/{IconChevronRight-BOY7IxRM.js → IconChevronRight-ngvPFPMg.js} +1 -1
  31. package/dist/{IconClose-DYvIbwoN.js → IconClose-BkmXvQ2z.js} +1 -1
  32. package/dist/{IconContextMenu-DFvw_d9h.js → IconContextMenu-B7uKuktv.js} +1 -1
  33. package/dist/{IconCopy-CYChwYCx.js → IconCopy-BmKbdWWX.js} +1 -1
  34. package/dist/{IconDanger-CP4R6i5T.js → IconDanger-C0Tcw4tP.js} +1 -1
  35. package/dist/{IconPlus-DazBjEoi.js → IconPlus-DfL7-kUg.js} +1 -1
  36. package/dist/{IconRadioOn-BqCA-noy.js → IconRadioOn-VUVt3QQC.js} +1 -1
  37. package/dist/{IconSucceeded-CHBiied9.js → IconSucceeded-CENvDJzH.js} +1 -1
  38. package/dist/{IconWarning-DYI5SVhB.js → IconWarning-43TmpPox.js} +1 -1
  39. package/dist/Icons.js +14 -14
  40. package/dist/Image.js +1 -1
  41. package/dist/Initials.js +1 -1
  42. package/dist/InlineAlert.js +2 -2
  43. package/dist/{Label-CJOiPsOr.js → Label-BBWAOhU5.js} +1 -1
  44. package/dist/Label.js +1 -1
  45. package/dist/LayoutCard.js +1 -1
  46. package/dist/{Link-DWMWhCqU.js → Link-3bAuyVEg.js} +1 -1
  47. package/dist/Link.js +1 -1
  48. package/dist/List.js +14 -14
  49. package/dist/NumberField.js +4 -4
  50. package/dist/Popover-MmxZkKu3.js +15 -0
  51. package/dist/Popover.js +7 -0
  52. package/dist/RadioGroup.js +4 -4
  53. package/dist/Select.js +57 -0
  54. package/dist/StatusBadge.js +3 -3
  55. package/dist/{StatusIcon-DHa4uxfZ.js → StatusIcon-D6re4qSI.js} +2 -2
  56. package/dist/StatusIcon.js +1 -1
  57. package/dist/Switch.js +4 -4
  58. package/dist/Tabs.js +44 -0
  59. package/dist/Text-2sThcKor.js +37 -0
  60. package/dist/Text.js +1 -1
  61. package/dist/TextArea.js +1 -1
  62. package/dist/TextField.js +1 -1
  63. package/dist/{TextFieldBase-BdkqA5-_.js → TextFieldBase-Dtcmh0_x.js} +1 -1
  64. package/dist/{flowComponent-C3IF_aaP.js → flowComponent-Dfn_Z9Yx.js} +1 -1
  65. package/dist/styles.css +1 -1
  66. package/dist/types/components/ContextMenu/ContextMenu.d.ts +3 -2
  67. package/dist/types/components/HeaderNavigation/HeaderNavigation.d.ts +7 -0
  68. package/dist/types/components/HeaderNavigation/index.d.ts +4 -0
  69. package/dist/types/components/HeaderNavigation/stories/Default.stories.d.ts +8 -0
  70. package/dist/types/components/Popover/Popover.d.ts +7 -0
  71. package/dist/types/components/Popover/index.d.ts +4 -0
  72. package/dist/types/components/Popover/stories/Default.stories.d.ts +7 -0
  73. package/dist/types/components/Select/Select.d.ts +10 -0
  74. package/dist/types/components/Select/components/Option/Option.d.ts +7 -0
  75. package/dist/types/components/Select/components/Option/index.d.ts +4 -0
  76. package/dist/types/components/Select/components/Options/Options.d.ts +8 -0
  77. package/dist/types/components/Select/components/Options/index.d.ts +4 -0
  78. package/dist/types/components/Select/index.d.ts +6 -0
  79. package/dist/types/components/Select/stories/Default.stories.d.ts +12 -0
  80. package/dist/types/components/Select/stories/EdgeCases.stories.d.ts +7 -0
  81. package/dist/types/components/Tabs/Tabs.d.ts +7 -0
  82. package/dist/types/components/Tabs/components/Tab/Tab.d.ts +7 -0
  83. package/dist/types/components/Tabs/components/Tab/context.d.ts +7 -0
  84. package/dist/types/components/Tabs/components/Tab/index.d.ts +4 -0
  85. package/dist/types/components/Tabs/components/TabTitle/TabTitle.d.ts +7 -0
  86. package/dist/types/components/Tabs/components/TabTitle/index.d.ts +4 -0
  87. package/dist/types/components/Tabs/index.d.ts +3 -0
  88. package/dist/types/components/Tabs/stories/Default.stories.d.ts +8 -0
  89. package/dist/types/components/propTypes/index.d.ts +1 -1
  90. package/dist/useProps-DqP5wneE.js +77 -0
  91. package/package.json +20 -4
  92. package/dist/ContextMenuItem-FeOABGAA.js +0 -67
  93. package/dist/Text-Dd9tXlc8.js +0 -43
  94. package/dist/useProps-BiJ72z10.js +0 -77
@@ -8,7 +8,7 @@ import "./propsContext-CauylOgH.js";
8
8
  import { P as x } from "./PropsContextProvider-BcOGMJkn.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
- import { u as A } from "./useProps-BiJ72z10.js";
11
+ import { u as A } from "./useProps-DqP5wneE.js";
12
12
  import { u as y } from "./useOverlayState-BnPe_CrX.js";
13
13
  import { makeObservable as C, observable as r, action as l } from "mobx";
14
14
  import { u as v } from "./useSelector-DpU7_HMO.js";
package/dist/Action.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { A as t } from "./Action-DT6jWAqa.js";
3
+ import { A as t } from "./Action-CeKzQsag.js";
4
4
  export {
5
5
  t as Action,
6
6
  t as default
package/dist/Avatar.js CHANGED
@@ -4,7 +4,7 @@ import i, { isValidElement as v } from "react";
4
4
  import m from "clsx";
5
5
  import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
6
6
  import { P as c } from "./PropsContextProvider-BcOGMJkn.js";
7
- import { u as f } from "./useProps-BiJ72z10.js";
7
+ import { u as f } from "./useProps-DqP5wneE.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 = {
@@ -9,7 +9,7 @@ import "./propsContext-CauylOgH.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
11
  import "@mittwald/react-tunnel";
12
- import { I as u } from "./IconChevronRight-BOY7IxRM.js";
12
+ import { I as u } from "./IconChevronRight-ngvPFPMg.js";
13
13
  import { P as d } from "./PropsContextProvider-BcOGMJkn.js";
14
14
  const p = "flow--breadcrumb", f = "flow--breadcrumb--link", m = {
15
15
  breadcrumb: p,
@@ -1,8 +1,8 @@
1
1
  "use client"
2
2
  /* */
3
3
  import n from "react";
4
- import * as p from "react-aria-components";
5
- import v from "clsx";
4
+ import * as E from "react-aria-components";
5
+ import p from "clsx";
6
6
  import { C as x } from "./ClearPropsContext-CeCMjUK9.js";
7
7
  import { P as C } from "./PropsContextProvider-BcOGMJkn.js";
8
8
  import "@react-aria/utils";
@@ -10,29 +10,30 @@ import "./propsContext-CauylOgH.js";
10
10
  import "remeda";
11
11
  import "@tabler/icons-react";
12
12
  import "html-react-parser";
13
- import { f as I } from "./flowComponent-C3IF_aaP.js";
14
- import { I as N, a as h, b as z } from "./IconSucceeded-CHBiied9.js";
15
- import { W as l } from "./Wrap-DGT1h1o3.js";
16
- import { T as B } from "./Text-Dd9tXlc8.js";
17
- import { useLocalizedStringFormatter as D } from "react-aria";
18
- const L = "flow--button", T = "flow--button--icon", A = "flow--button--text", K = "flow--button--content", U = "flow--button--state-icon", W = "flow--button--is-succeeded", $ = "flow--button--is-failed", R = "flow--button--is-pending", j = "flow--button--plain", k = "flow--button--primary", q = "flow--button--solid", G = "flow--button--accent", H = "flow--button--danger", J = "flow--button--secondary", M = "flow--button--soft", e = {
19
- button: L,
13
+ import { f as I } from "./flowComponent-Dfn_Z9Yx.js";
14
+ import { I as N, a as h, b as z } from "./IconSucceeded-CENvDJzH.js";
15
+ import { W as d } from "./Wrap-DGT1h1o3.js";
16
+ import { T as B } from "./Text-2sThcKor.js";
17
+ import { useLocalizedStringFormatter as A } from "react-aria";
18
+ const D = "flow--button", L = "flow--button--avatar", T = "flow--button--icon", K = "flow--button--text", U = "flow--button--content", W = "flow--button--state-icon", $ = "flow--button--is-succeeded", R = "flow--button--is-failed", j = "flow--button--is-pending", k = "flow--button--plain", q = "flow--button--primary", G = "flow--button--solid", H = "flow--button--accent", J = "flow--button--danger", M = "flow--button--secondary", O = "flow--button--soft", e = {
19
+ button: D,
20
+ avatar: L,
20
21
  icon: T,
21
- text: A,
22
- content: K,
23
- stateIcon: U,
22
+ text: K,
23
+ content: U,
24
+ stateIcon: W,
24
25
  "size-s": "flow--button--size-s",
25
- isSucceeded: W,
26
- isFailed: $,
27
- isPending: R,
28
- plain: j,
29
- primary: k,
30
- solid: q,
31
- accent: G,
32
- danger: H,
33
- secondary: J,
34
- soft: M
35
- }, O = {
26
+ isSucceeded: $,
27
+ isFailed: R,
28
+ isPending: j,
29
+ plain: k,
30
+ primary: q,
31
+ solid: G,
32
+ accent: H,
33
+ danger: J,
34
+ secondary: M,
35
+ soft: O
36
+ }, Q = {
36
37
  "de-DE": {
37
38
  "button.isFailed": "Fehlgeschlagen",
38
39
  "button.isPending": "Ausstehend",
@@ -43,30 +44,30 @@ const L = "flow--button", T = "flow--button--icon", A = "flow--button--text", K
43
44
  "button.isPending": "Pending",
44
45
  "button.isSucceeded": "Succeeded"
45
46
  }
46
- }, Q = (t) => ((t.isPending || t.isSucceeded || t.isFailed) && (t = { ...t }, t.onPress = void 0, t.onPressStart = void 0, t.onPressEnd = void 0, t.onPressChange = void 0, t.onPressUp = void 0, t.onKeyDown = void 0, t.onKeyUp = void 0), t), dt = I("Button", (t) => {
47
- t = Q(t);
47
+ }, V = (t) => ((t.isPending || t.isSucceeded || t.isFailed) && (t = { ...t }, t.onPress = void 0, t.onPressStart = void 0, t.onPressEnd = void 0, t.onPressChange = void 0, t.onPressUp = void 0, t.onKeyDown = void 0, t.onKeyUp = void 0), t), dt = I("Button", (t) => {
48
+ t = V(t);
48
49
  const {
49
50
  variant: m = "primary",
50
51
  style: u = "solid",
51
- children: a,
52
+ children: c,
52
53
  className: f,
53
54
  size: i = "m",
54
- isPending: c,
55
+ isPending: a,
55
56
  isDisabled: b,
56
57
  isSucceeded: o,
57
58
  isFailed: s,
58
59
  "aria-label": g,
59
60
  ...P
60
- } = t, w = v(
61
+ } = t, w = p(
61
62
  e.button,
62
- c && e.isPending,
63
+ a && e.isPending,
63
64
  o && e.isSucceeded,
64
65
  s && e.isFailed,
65
66
  e[`size-${i}`],
66
67
  e[m],
67
68
  e[u],
68
69
  f
69
- ), S = {
70
+ ), v = {
70
71
  Icon: {
71
72
  className: e.icon,
72
73
  "aria-hidden": !0,
@@ -74,20 +75,23 @@ const L = "flow--button", T = "flow--button--icon", A = "flow--button--text", K
74
75
  },
75
76
  Text: {
76
77
  className: e.text
78
+ },
79
+ Avatar: {
80
+ className: e.avatar
77
81
  }
78
- }, F = D(O), y = o || s || c ? F.format(
82
+ }, S = A(Q), F = o || s || a ? S.format(
79
83
  `button.${o ? "isSucceeded" : s ? "isFailed" : "isPending"}`
80
- ) : void 0, r = o ? N : s ? h : c ? z : void 0, d = r && /* @__PURE__ */ n.createElement(r, { size: i, className: e.stateIcon }), E = typeof a == "string";
84
+ ) : void 0, r = o ? N : s ? h : a ? z : void 0, l = r && /* @__PURE__ */ n.createElement(r, { size: i, className: e.stateIcon }), y = typeof c == "string";
81
85
  return /* @__PURE__ */ n.createElement(x, null, /* @__PURE__ */ n.createElement(
82
- p.Button,
86
+ E.Button,
83
87
  {
84
88
  className: w,
85
89
  isDisabled: b,
86
- "aria-label": y ?? g,
90
+ "aria-label": F ?? g,
87
91
  ...P
88
92
  },
89
- /* @__PURE__ */ n.createElement(l, { if: d }, /* @__PURE__ */ n.createElement("span", { className: e.content }, /* @__PURE__ */ n.createElement(l, { if: E }, /* @__PURE__ */ n.createElement(B, null, /* @__PURE__ */ n.createElement(C, { props: S }, a))))),
90
- d
93
+ /* @__PURE__ */ n.createElement(d, { if: l }, /* @__PURE__ */ n.createElement("span", { className: e.content }, /* @__PURE__ */ n.createElement(d, { if: y }, /* @__PURE__ */ n.createElement(B, null, /* @__PURE__ */ n.createElement(C, { props: v }, c))))),
94
+ l
91
95
  ));
92
96
  });
93
97
  export {
package/dist/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { B as o } from "./Button-K1ktUAEv.js";
3
+ import { B as o } from "./Button-CUr754ra.js";
4
4
  export {
5
5
  o as Button,
6
6
  o as default
@@ -3,7 +3,7 @@
3
3
  import o from "react";
4
4
  import { C as u } from "./ClearPropsContext-CeCMjUK9.js";
5
5
  import { P as m } from "./PropsContextProvider-BcOGMJkn.js";
6
- import { u as l } from "./useProps-BiJ72z10.js";
6
+ import { u as l } from "./useProps-DqP5wneE.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 = {
@@ -10,8 +10,8 @@ import "./propsContext-CauylOgH.js";
10
10
  import "@react-aria/utils";
11
11
  import "remeda";
12
12
  import "@mittwald/react-tunnel";
13
- import { I as x, a as h } from "./IconCheckboxEmpty-K4aq2aRv.js";
14
- import { I as k } from "./IconCheckboxIndeterminate-DyTX9k0O.js";
13
+ import { I as x, a as h } from "./IconCheckboxEmpty-BYBEifGn.js";
14
+ import { I as k } from "./IconCheckboxIndeterminate-DCWISQ9y.js";
15
15
  const C = "flow--checkbox", b = "flow--checkbox--icon", o = {
16
16
  checkbox: C,
17
17
  icon: b
package/dist/Checkbox.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as a } from "./Checkbox-De7ZNCuQ.js";
3
+ import { C as a } from "./Checkbox-CBAAtfxq.js";
4
4
  export {
5
5
  a as Checkbox,
6
6
  a as default
@@ -6,7 +6,7 @@ import "./propsContext-CauylOgH.js";
6
6
  import { P as m } from "./PropsContextProvider-BcOGMJkn.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
- import { C as b } from "./Checkbox-De7ZNCuQ.js";
9
+ import { C as b } from "./Checkbox-CBAAtfxq.js";
10
10
  const p = "flow--checkbox-button", x = "flow--checkbox-button--content", h = "flow--checkbox-button--label", t = {
11
11
  checkboxButton: p,
12
12
  content: x,
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as t } from "./CheckboxButton-D8M2QcSR.js";
3
+ import { C as t } from "./CheckboxButton-BYp2HCfN.js";
4
4
  export {
5
5
  t as CheckboxButton,
6
6
  t as default
@@ -7,8 +7,8 @@ import "./propsContext-CauylOgH.js";
7
7
  import { P as x } from "./PropsContextProvider-BcOGMJkn.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
- import { F as b } from "./FieldError-D2Xf1SUy.js";
11
- import { C as h } from "./CheckboxButton-D8M2QcSR.js";
10
+ import { F as b } from "./FieldError-D9ZaMqoL.js";
11
+ import { C as h } from "./CheckboxButton-BYp2HCfN.js";
12
12
  import { TunnelProvider as C, TunnelExit as t } from "@mittwald/react-tunnel";
13
13
  import { s as r } from "./FormField.module-DHK6nIcD.js";
14
14
  import { C as k } from "./ColumnLayout-FMONjI17.js";
package/dist/Content.js CHANGED
@@ -5,7 +5,7 @@ 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 p } from "./flowComponent-C3IF_aaP.js";
8
+ import { f as p } from "./flowComponent-Dfn_Z9Yx.js";
9
9
  const d = p("Content", (e) => {
10
10
  const { children: o, elementType: r = "div", ...n } = e, m = r;
11
11
  return /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement(m, { ...n }, o));
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as t } from "./ContextMenuItem-FeOABGAA.js";
4
- import { a as n } from "./ContextMenuItem-FeOABGAA.js";
3
+ import { C as t } from "./ContextMenuItem-7xGNJkkK.js";
4
+ import { a as n } from "./ContextMenuItem-7xGNJkkK.js";
5
5
  import { MenuTrigger as x } from "react-aria-components";
6
6
  export {
7
7
  t as ContextMenu,
@@ -0,0 +1,66 @@
1
+ "use client"
2
+ /* */
3
+ import e from "react";
4
+ import * as i from "react-aria-components";
5
+ import { f as u } from "./flowComponent-Dfn_Z9Yx.js";
6
+ import { P as x } from "./Popover-MmxZkKu3.js";
7
+ import f from "clsx";
8
+ import "./propsContext-CauylOgH.js";
9
+ import { P as d } from "./PropsContextProvider-BcOGMJkn.js";
10
+ import "@react-aria/utils";
11
+ import "remeda";
12
+ import "@tabler/icons-react";
13
+ import "html-react-parser";
14
+ import "@mittwald/react-tunnel";
15
+ import { I as C, a as I } from "./IconCheckboxEmpty-BYBEifGn.js";
16
+ import { I as M, a as E } from "./IconRadioOn-VUVt3QQC.js";
17
+ import { T as a } from "./Text-2sThcKor.js";
18
+ import { d as h } from "./deepFindOfType-6pG0fH7S.js";
19
+ import { W as y } from "./Wrap-DGT1h1o3.js";
20
+ const N = "flow--context-menu", w = {
21
+ contextMenu: N
22
+ }, J = u("ContextMenu", (n) => {
23
+ const {
24
+ children: t,
25
+ onAction: o,
26
+ selectionMode: c,
27
+ selectedKeys: m,
28
+ defaultSelectedKeys: s,
29
+ onSelectionChange: r,
30
+ ...p
31
+ } = n;
32
+ return /* @__PURE__ */ e.createElement(x, { ...p }, /* @__PURE__ */ e.createElement(
33
+ i.Menu,
34
+ {
35
+ className: w.contextMenu,
36
+ onAction: o,
37
+ selectionMode: c,
38
+ selectedKeys: m,
39
+ defaultSelectedKeys: s,
40
+ onSelectionChange: r
41
+ },
42
+ t
43
+ ));
44
+ }), P = "flow--context-menu--context-menu-item", T = "flow--context-menu--context-menu-item--icon", g = "flow--context-menu--context-menu-item--text", l = {
45
+ contextMenuItem: P,
46
+ icon: T,
47
+ text: g
48
+ }, k = (n, t) => !!h(n, t), O = (n) => {
49
+ const { selectionMode: t, isSelected: o, children: c } = n, m = {
50
+ Icon: {
51
+ className: l.icon
52
+ },
53
+ Text: {
54
+ className: l.text
55
+ }
56
+ }, s = t === "none" ? null : t === "single" && o ? /* @__PURE__ */ e.createElement(M, null) : t === "single" && !o ? /* @__PURE__ */ e.createElement(E, null) : t === "multiple" && o ? /* @__PURE__ */ e.createElement(C, null) : /* @__PURE__ */ e.createElement(I, null), r = k(c, a);
57
+ return /* @__PURE__ */ e.createElement(d, { props: m }, s, /* @__PURE__ */ e.createElement(y, { if: !r }, /* @__PURE__ */ e.createElement(a, null, c)));
58
+ }, L = (n) => {
59
+ const { children: t, className: o, ...c } = n, m = f(l.contextMenuItem, o);
60
+ return /* @__PURE__ */ e.createElement(i.MenuItem, { ...c, className: m }, (s) => /* @__PURE__ */ e.createElement(O, { ...s }, t));
61
+ };
62
+ export {
63
+ J as C,
64
+ L as a,
65
+ k as d
66
+ };
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import p from "copy-to-clipboard";
5
- import { B as a } from "./Button-K1ktUAEv.js";
5
+ import { B as a } from "./Button-CUr754ra.js";
6
6
  import "@tabler/icons-react";
7
7
  import "clsx";
8
8
  import "html-react-parser";
@@ -10,12 +10,12 @@ import { C as i } from "./ClearPropsContext-CeCMjUK9.js";
10
10
  import "./propsContext-CauylOgH.js";
11
11
  import "@react-aria/utils";
12
12
  import "remeda";
13
- import { f as c } from "./flowComponent-C3IF_aaP.js";
14
- import { I as l } from "./IconCopy-CYChwYCx.js";
13
+ import { f as c } from "./flowComponent-Dfn_Z9Yx.js";
14
+ import { I as l } from "./IconCopy-BmKbdWWX.js";
15
15
  import { useLocalizedStringFormatter as s } from "react-aria";
16
16
  import { a as u, T as f } from "./TooltipTrigger-TslkLN5s.js";
17
17
  import { onlyText as y } from "react-children-utilities";
18
- import { A as C } from "./Action-DT6jWAqa.js";
18
+ import { A as C } from "./Action-CeKzQsag.js";
19
19
  const E = {
20
20
  "de-DE": {
21
21
  "copyButton.copy": "Kopieren"
@@ -0,0 +1,14 @@
1
+ "use client"
2
+ /* */
3
+ import t from "react";
4
+ import m from "clsx";
5
+ const c = "flow--emulated-bold-text", r = "flow--emulated-bold-text--bold-text", l = {
6
+ emulatedBoldText: c,
7
+ boldText: r
8
+ }, u = (o) => {
9
+ const { children: e, className: a, ...s } = o, d = m(l.emulatedBoldText, a);
10
+ return /* @__PURE__ */ t.createElement("span", { className: d, ...s }, e, /* @__PURE__ */ t.createElement("span", { "aria-hidden": "true", className: l.boldText }, e));
11
+ };
12
+ export {
13
+ u as E
14
+ };
@@ -6,8 +6,8 @@ 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 c } from "./Text-Dd9tXlc8.js";
10
- import { f as m } from "./flowComponent-C3IF_aaP.js";
9
+ import { T as c } from "./Text-2sThcKor.js";
10
+ import { f as m } from "./flowComponent-Dfn_Z9Yx.js";
11
11
  const p = "flow--field-description", a = {
12
12
  fieldDescription: p
13
13
  }, E = m("FieldDescription", (e) => {
@@ -9,8 +9,8 @@ import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import "@tabler/icons-react";
11
11
  import "html-react-parser";
12
- import { f as c } from "./flowComponent-C3IF_aaP.js";
13
- import { I as p } from "./IconDanger-CP4R6i5T.js";
12
+ import { f as c } from "./flowComponent-Dfn_Z9Yx.js";
13
+ import { I as p } from "./IconDanger-C0Tcw4tP.js";
14
14
  const f = "flow--field-error", E = {
15
15
  fieldError: f
16
16
  }, j = c("FieldError", (o) => {
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { F as o } from "./FieldError-D2Xf1SUy.js";
3
+ import { F as o } from "./FieldError-D9ZaMqoL.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 a from "react";
4
- import { f as m } from "./flowComponent-C3IF_aaP.js";
4
+ import { f as m } from "./flowComponent-Dfn_Z9Yx.js";
5
5
  const s = m("Header", (e) => {
6
6
  const { children: t, elementType: r = "header", ...o } = e, n = r;
7
7
  return /* @__PURE__ */ a.createElement(n, { ...o }, t);
@@ -0,0 +1,34 @@
1
+ "use client"
2
+ /* */
3
+ import t from "react";
4
+ import "./propsContext-CauylOgH.js";
5
+ import { P as c } from "./PropsContextProvider-BcOGMJkn.js";
6
+ import "@react-aria/utils";
7
+ import "remeda";
8
+ import { d as m } from "./dynamic-ClpUSmEt.js";
9
+ import d from "clsx";
10
+ import { E as p } from "./EmulatedBoldText-Dtox8Wd1.js";
11
+ const u = "flow--header-navigation", h = "flow--header-navigation--button", v = "flow--header-navigation--link", n = {
12
+ headerNavigation: u,
13
+ button: h,
14
+ link: v
15
+ }, w = (o) => {
16
+ const { children: a, className: l, ...r } = o, i = d(n.headerNavigation, l), s = {
17
+ Link: {
18
+ hoc: (e) => /* @__PURE__ */ t.createElement("li", null, e),
19
+ className: n.link,
20
+ unstyled: !0,
21
+ children: m((e) => /* @__PURE__ */ t.createElement(p, null, e.children))
22
+ },
23
+ Button: {
24
+ hoc: (e) => /* @__PURE__ */ t.createElement("li", null, e),
25
+ className: n.button,
26
+ style: "plain"
27
+ }
28
+ };
29
+ return /* @__PURE__ */ t.createElement("nav", { className: i, role: "navigation", ...r }, /* @__PURE__ */ t.createElement("ul", null, /* @__PURE__ */ t.createElement(c, { props: s }, a)));
30
+ };
31
+ export {
32
+ w as HeaderNavigation,
33
+ w as default
34
+ };
package/dist/Heading.js CHANGED
@@ -7,7 +7,7 @@ import { P as p } from "./PropsContextProvider-BcOGMJkn.js";
7
7
  import "@react-aria/utils";
8
8
  import "./propsContext-CauylOgH.js";
9
9
  import "remeda";
10
- import { f as d } from "./flowComponent-C3IF_aaP.js";
10
+ import { f as d } from "./flowComponent-Dfn_Z9Yx.js";
11
11
  import * as f from "react-aria-components";
12
12
  const g = "flow--heading", h = "flow--heading--icon", e = {
13
13
  heading: g,
@@ -7,7 +7,7 @@ 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-C3IF_aaP.js";
10
+ import { f as z } from "./flowComponent-Dfn_Z9Yx.js";
11
11
  const b = "flow--icon", c = {
12
12
  icon: b,
13
13
  "size-m": "flow--icon--size-m",
package/dist/Icon.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { I as a } from "./Icon-QRU6ff6c.js";
3
+ import { I as a } from "./Icon-DnhU6oCr.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-QRU6ff6c.js";
5
+ import { I as t } from "./Icon-DnhU6oCr.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-QRU6ff6c.js";
5
+ import { I as o } from "./Icon-DnhU6oCr.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-QRU6ff6c.js";
5
+ import { I as r } from "./Icon-DnhU6oCr.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-QRU6ff6c.js";
5
+ import { I as r } from "./Icon-DnhU6oCr.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-QRU6ff6c.js";
5
+ import { I as r } from "./Icon-DnhU6oCr.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-QRU6ff6c.js";
5
+ import { I as r } from "./Icon-DnhU6oCr.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-QRU6ff6c.js";
5
+ import { I as n } from "./Icon-DnhU6oCr.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-QRU6ff6c.js";
5
+ import { I as r } from "./Icon-DnhU6oCr.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-QRU6ff6c.js";
5
+ import { I as t } from "./Icon-DnhU6oCr.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-QRU6ff6c.js";
5
+ import { I as o } from "./Icon-DnhU6oCr.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,
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconCircle as c, IconCircleDotFilled as n } from "@tabler/icons-react";
5
- import { I as t } from "./Icon-QRU6ff6c.js";
5
+ import { I as t } from "./Icon-DnhU6oCr.js";
6
6
  const m = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null)), i = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(n, null));
7
7
  export {
8
8
  i as I,
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconX as t, IconLoader2 as o, IconCheck as a } from "@tabler/icons-react";
5
- import { I as c } from "./Icon-QRU6ff6c.js";
5
+ import { I as c } from "./Icon-DnhU6oCr.js";
6
6
  const I = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(t, null)), s = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(o, null)), E = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(a, null));
7
7
  export {
8
8
  E as I,
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconInfoCircle as t, IconCircleCheck as o, IconAlertCircle as r } from "@tabler/icons-react";
5
- import { I as n } from "./Icon-QRU6ff6c.js";
5
+ import { I as n } from "./Icon-DnhU6oCr.js";
6
6
  const I = (c) => /* @__PURE__ */ e.createElement(n, { ...c }, /* @__PURE__ */ e.createElement(t, null)), s = (c) => /* @__PURE__ */ e.createElement(n, { ...c }, /* @__PURE__ */ e.createElement(o, null)), i = (c) => /* @__PURE__ */ e.createElement(n, { ...c }, /* @__PURE__ */ e.createElement(r, null));
7
7
  export {
8
8
  I,