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

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 (134) hide show
  1. package/dist/{Accordion-C0i7OVyG.js → Accordion-rCpRbkUM.js} +5 -5
  2. package/dist/Accordion.js +1 -1
  3. package/dist/Action-Dp9FyJCZ.js +282 -0
  4. package/dist/Action.js +1 -1
  5. package/dist/ActionGroup.js +25 -25
  6. package/dist/Avatar.js +4 -4
  7. package/dist/Breadcrumb.js +21 -19
  8. package/dist/{Button-DmFXEX6m.js → Button-BPAhEOTg.js} +8 -8
  9. package/dist/Button.js +1 -1
  10. package/dist/{Checkbox-D4IUwOOm.js → Checkbox-CD6v6jqo.js} +6 -6
  11. package/dist/Checkbox.js +1 -1
  12. package/dist/{CheckboxButton-Cw_cTFPz.js → CheckboxButton-I0WYBLv2.js} +5 -5
  13. package/dist/CheckboxButton.js +1 -1
  14. package/dist/CheckboxGroup.js +5 -5
  15. package/dist/{ClearPropsContext-mes1t7Bj.js → ClearPropsContext-CUvsbMn8.js} +1 -1
  16. package/dist/{Content-Cq-QSozP.js → Content-DlB-BYko.js} +3 -3
  17. package/dist/Content.js +1 -1
  18. package/dist/ContextMenu.js +3 -3
  19. package/dist/{ContextMenuTrigger-ChPmQMpO.js → ContextMenuTrigger-BwhLrGm5.js} +15 -18
  20. package/dist/CopyButton.js +7 -7
  21. package/dist/CounterBadge.js +1 -1
  22. package/dist/FieldDescription.js +4 -4
  23. package/dist/{FieldError-hYSngYTh.js → FieldError-D_VRyiJG.js} +5 -5
  24. package/dist/FieldError.js +1 -1
  25. package/dist/{Header-BPe0FNKy.js → Header-BetbThNR.js} +1 -1
  26. package/dist/Header.js +1 -1
  27. package/dist/HeaderNavigation.js +23 -24
  28. package/dist/{Heading-0KJIjlox.js → Heading-CfQzGjxY.js} +4 -4
  29. package/dist/Heading.js +1 -1
  30. package/dist/{Icon-DeN4Y_a0.js → Icon-D4bkU_pz.js} +3 -3
  31. package/dist/Icon.js +1 -1
  32. package/dist/{IconCheck-Dt46vtrJ.js → IconCheck-CMWmQYpS.js} +1 -1
  33. package/dist/{IconCheckboxEmpty-DdLa3K6h.js → IconCheckboxEmpty-DQLeOSmS.js} +1 -1
  34. package/dist/{IconCheckboxIndeterminate-DZubWEXp.js → IconCheckboxIndeterminate-DoNQre-9.js} +1 -1
  35. package/dist/{IconChevronDown-DxftprRQ.js → IconChevronDown-HLDPe1kj.js} +1 -1
  36. package/dist/{IconChevronRight-BmNGIbWG.js → IconChevronRight-DmCZeDFh.js} +1 -1
  37. package/dist/IconChevronUp-CUKpaGeP.js +9 -0
  38. package/dist/{IconClose-CVvBI6H7.js → IconClose-FTrJdf_N.js} +1 -1
  39. package/dist/{IconContextMenu-BZ6cD-An.js → IconContextMenu-Bmk1_j_0.js} +1 -1
  40. package/dist/{IconCopy-DCChJuYP.js → IconCopy-DH_CNzXF.js} +1 -1
  41. package/dist/{IconDanger-l4_b7cTo.js → IconDanger-PwvUWqzQ.js} +1 -1
  42. package/dist/{IconPending-VHfFhE2m.js → IconPending-BV7TXz8_.js} +1 -1
  43. package/dist/IconPlus-CAQpgAH5.js +10 -0
  44. package/dist/{IconRadioOn-BQq4Iu7w.js → IconRadioOn-BIS8wd64.js} +1 -1
  45. package/dist/{IconSearch-BxE5ZQFN.js → IconSearch-DadOOeXe.js} +1 -1
  46. package/dist/{IconSucceeded-LyvLqe_3.js → IconSucceeded-KKiDIenP.js} +1 -1
  47. package/dist/{IconWarning-CbxAYuzB.js → IconWarning-DFG_1t6M.js} +1 -1
  48. package/dist/Icons.js +39 -38
  49. package/dist/{IllustratedMessage-D07W9uSy.js → IllustratedMessage-DadLfPs9.js} +2 -2
  50. package/dist/IllustratedMessage.js +1 -1
  51. package/dist/Image.js +3 -3
  52. package/dist/Initials.js +3 -3
  53. package/dist/InlineAlert.js +5 -5
  54. package/dist/{InlineCode-Sk5wfXAE.js → InlineCode-BT-PKxVv.js} +2 -2
  55. package/dist/InlineCode.js +1 -1
  56. package/dist/{Label-Cy_UxX3Y.js → Label-CJi7iMmE.js} +3 -3
  57. package/dist/Label.js +1 -1
  58. package/dist/LabeledValue.js +3 -3
  59. package/dist/LayoutCard.js +3 -3
  60. package/dist/{Link-B1BFyDl1.js → Link-TcBL3IVI.js} +4 -4
  61. package/dist/Link.js +1 -1
  62. package/dist/List.js +42 -43
  63. package/dist/{LoadingSpinner-DSpuNOHM.js → LoadingSpinner-CoSM7GIL.js} +2 -2
  64. package/dist/LoadingSpinner.js +1 -1
  65. package/dist/{MenuItem-BKaeRvx3.js → MenuItem-Dny58Rqq.js} +7 -7
  66. package/dist/MenuItem.js +1 -1
  67. package/dist/Modal.js +4 -4
  68. package/dist/Navigation.js +36 -34
  69. package/dist/NumberField.js +21 -20
  70. package/dist/OffCanvas.js +8 -8
  71. package/dist/OverlayTrigger-DbjMkqKf.js +20 -0
  72. package/dist/ProgressBar.js +2 -2
  73. package/dist/{PropsContextProvider-B7e3QrmR.js → PropsContextProvider-C6Z4XGp6.js} +17 -17
  74. package/dist/RadioGroup.js +8 -8
  75. package/dist/Section.js +3 -3
  76. package/dist/Select.js +44 -45
  77. package/dist/Slider.js +105 -0
  78. package/dist/StatusBadge.js +5 -5
  79. package/dist/{StatusIcon-DKPrtG-X.js → StatusIcon-Dj5p-iL1.js} +5 -5
  80. package/dist/StatusIcon.js +1 -1
  81. package/dist/Switch.js +7 -7
  82. package/dist/Tabs.js +9 -9
  83. package/dist/{Text-DlffGRII.js → Text-D6e-S6em.js} +4 -4
  84. package/dist/Text.js +1 -1
  85. package/dist/TextArea.js +4 -4
  86. package/dist/TextField.js +4 -4
  87. package/dist/{TextFieldBase-CQ8ddfp_.js → TextFieldBase-D6wA8562.js} +4 -4
  88. package/dist/flowComponent-CPKCCJEg.js +120 -0
  89. package/dist/getActionGroupSlot-izllH4ID.js +59 -0
  90. package/dist/propsContext-DzAKlmhS.js +10 -0
  91. package/dist/react-hook-form.js +10 -9
  92. package/dist/slotContext-DoCFkzCA.js +8 -0
  93. package/dist/styles.css +1 -1
  94. package/dist/types/components/Action/hooks/useActionButtonState.d.ts +4 -0
  95. package/dist/types/components/Action/hooks/useConfirmationModalButtonSlot.d.ts +3 -0
  96. package/dist/types/components/ActionGroup/ActionGroup.d.ts +1 -1
  97. package/dist/types/components/Avatar/Avatar.d.ts +1 -1
  98. package/dist/types/components/Button/Button.d.ts +1 -1
  99. package/dist/types/components/Content/Content.d.ts +1 -1
  100. package/dist/types/components/ContextMenu/ContextMenu.d.ts +1 -1
  101. package/dist/types/components/CopyButton/CopyButton.d.ts +1 -1
  102. package/dist/types/components/CounterBadge/CounterBadge.d.ts +1 -1
  103. package/dist/types/components/Header/Header.d.ts +1 -1
  104. package/dist/types/components/Link/Link.d.ts +1 -1
  105. package/dist/types/components/MenuItem/MenuItem.d.ts +1 -1
  106. package/dist/types/components/Modal/Modal.d.ts +1 -1
  107. package/dist/types/components/Section/Section.d.ts +1 -1
  108. package/dist/types/components/Slider/Slider.d.ts +9 -0
  109. package/dist/types/components/Slider/index.d.ts +4 -0
  110. package/dist/types/components/Slider/stories/Default.stories.d.ts +10 -0
  111. package/dist/types/components/propTypes/index.d.ts +3 -1
  112. package/dist/types/lib/componentFactory/flowComponent.d.ts +6 -4
  113. package/dist/types/lib/propsContext/propsContext.d.ts +4 -2
  114. package/dist/types/lib/slotContext/SlotContextProvider.d.ts +9 -0
  115. package/dist/types/lib/slotContext/slotContext.d.ts +44 -0
  116. package/dist/types/lib/slotContext/types.d.ts +5 -0
  117. package/dist/types/lib/slotContext/useContextSlot.d.ts +4 -0
  118. package/dist/types/lib/types/props.d.ts +1 -4
  119. package/package.json +9 -5
  120. package/dist/Action-COYULIMl.js +0 -307
  121. package/dist/ActionStateContext-C_nPivaA.js +0 -55
  122. package/dist/ComponentRenderContextProvider-C-1_ziLI.js +0 -29
  123. package/dist/IconPlus-jiiIPCCu.js +0 -11
  124. package/dist/OverlayTrigger-Bb8cs_IA.js +0 -21
  125. package/dist/context-D_-mRqs8.js +0 -8
  126. package/dist/flowComponent-DahHhlnC.js +0 -125
  127. package/dist/getActionGroupSlot-B4Vu4Kix.js +0 -9
  128. package/dist/types/components/Action/components/ActionButton.d.ts +0 -4
  129. package/dist/types/components/Action/components/ActionComponentsRenderContext.d.ts +0 -3
  130. package/dist/types/components/Action/components/ActionLink.d.ts +0 -4
  131. package/dist/types/components/Action/components/ActionModal.d.ts +0 -4
  132. package/dist/types/components/Action/components/ModalActionButton.d.ts +0 -4
  133. package/dist/types/lib/propsContext/render/ComponentRenderContextProvider.d.ts +0 -18
  134. package/dist/types/lib/propsContext/render/useComponentRenderFn.d.ts +0 -8
@@ -4,18 +4,19 @@ import e from "react";
4
4
  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
- import { C as N } from "./ClearPropsContext-mes1t7Bj.js";
8
- import { P as b } from "./PropsContextProvider-B7e3QrmR.js";
7
+ import { C as N } from "./ClearPropsContext-CUvsbMn8.js";
8
+ import { P as I } from "./PropsContextProvider-C6Z4XGp6.js";
9
9
  import "@react-aria/utils";
10
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
10
+ import "./propsContext-DzAKlmhS.js";
11
11
  import "remeda";
12
- import { F as I } from "./FieldError-hYSngYTh.js";
13
- import { B as c } from "./Button-DmFXEX6m.js";
12
+ import { F as b } from "./FieldError-D_VRyiJG.js";
13
+ import { B as m } from "./Button-BPAhEOTg.js";
14
14
  import "@tabler/icons-react";
15
- import "./Icon-DeN4Y_a0.js";
16
- import { I as C } from "./IconChevronDown-DxftprRQ.js";
17
- import { I as h, a as P, b as F } from "./IconPlus-jiiIPCCu.js";
18
- import { f as w } from "./flowComponent-DahHhlnC.js";
15
+ import "./Icon-D4bkU_pz.js";
16
+ import { I as C } from "./IconChevronDown-HLDPe1kj.js";
17
+ import { I as h } from "./IconChevronUp-CUKpaGeP.js";
18
+ import { I as P, a as F } from "./IconPlus-CAQpgAH5.js";
19
+ import { f as w } from "./flowComponent-CPKCCJEg.js";
19
20
  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
21
  group: B,
21
22
  input: g,
@@ -23,8 +24,8 @@ const B = "flow--number-field--group", g = "flow--number-field--input", v = "flo
23
24
  incrementButton: x,
24
25
  coarsePointerIcon: y,
25
26
  touchIcon: D
26
- }, K = w("NumberField", (n) => {
27
- const { children: a, className: m, refProp: l, onChange: s, ...i } = n, u = E(t.formField, m), p = {
27
+ }, Q = w("NumberField", (n) => {
28
+ const { children: c, className: a, refProp: l, onChange: s, ...i } = n, p = E(t.formField, a), u = {
28
29
  Label: {
29
30
  className: t.label,
30
31
  optional: !n.isRequired
@@ -44,11 +45,11 @@ const B = "flow--number-field--group", g = "flow--number-field--input", v = "flo
44
45
  r.NumberField,
45
46
  {
46
47
  ...i,
47
- className: u,
48
+ className: p,
48
49
  onChange: f
49
50
  },
50
51
  /* @__PURE__ */ e.createElement(r.Group, { className: o.group }, /* @__PURE__ */ e.createElement(
51
- c,
52
+ m,
52
53
  {
53
54
  slot: "decrement",
54
55
  className: o.decrementButton,
@@ -57,9 +58,9 @@ const B = "flow--number-field--group", g = "flow--number-field--input", v = "flo
57
58
  color: "secondary"
58
59
  },
59
60
  /* @__PURE__ */ e.createElement(C, null),
60
- /* @__PURE__ */ e.createElement(h, { className: o.coarsePointerIcon })
61
+ /* @__PURE__ */ e.createElement(P, { className: o.coarsePointerIcon })
61
62
  ), /* @__PURE__ */ e.createElement(r.Input, { className: o.input, ref: l }), /* @__PURE__ */ e.createElement(
62
- c,
63
+ m,
63
64
  {
64
65
  slot: "increment",
65
66
  className: o.incrementButton,
@@ -67,14 +68,14 @@ const B = "flow--number-field--group", g = "flow--number-field--input", v = "flo
67
68
  variant: "plain",
68
69
  color: "secondary"
69
70
  },
70
- /* @__PURE__ */ e.createElement(P, null),
71
+ /* @__PURE__ */ e.createElement(h, null),
71
72
  /* @__PURE__ */ e.createElement(F, { className: o.coarsePointerIcon })
72
73
  )),
73
- /* @__PURE__ */ e.createElement(b, { props: p }, a),
74
- /* @__PURE__ */ e.createElement(I, { className: t.fieldError })
74
+ /* @__PURE__ */ e.createElement(I, { props: u }, c),
75
+ /* @__PURE__ */ e.createElement(b, { className: t.fieldError })
75
76
  ));
76
77
  });
77
78
  export {
78
- K as NumberField,
79
- K as default
79
+ Q as NumberField,
80
+ Q as default
80
81
  };
package/dist/OffCanvas.js CHANGED
@@ -2,20 +2,20 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import c from "clsx";
5
- import { B as f } from "./Button-DmFXEX6m.js";
5
+ import { B as f } from "./Button-BPAhEOTg.js";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-DeN4Y_a0.js";
8
- import { I as m } from "./IconClose-CVvBI6H7.js";
9
- import { A as i } from "./Action-COYULIMl.js";
7
+ import "./Icon-D4bkU_pz.js";
8
+ import { I as m } from "./IconClose-FTrJdf_N.js";
9
+ import { A as i } from "./Action-Dp9FyJCZ.js";
10
10
  import { M as p } from "./ModalOverlay-BSu4UEnW.js";
11
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
12
- import { P as v } from "./PropsContextProvider-B7e3QrmR.js";
11
+ import "./propsContext-DzAKlmhS.js";
12
+ import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
13
13
  import "@react-aria/utils";
14
14
  import "remeda";
15
15
  import { TunnelProvider as d, TunnelExit as u } from "@mittwald/react-tunnel";
16
- import { H as E } from "./Header-BPe0FNKy.js";
16
+ import { H as E } from "./Header-BetbThNR.js";
17
17
  import * as g from "react-aria-components";
18
- import { O as C } from "./OverlayTrigger-Bb8cs_IA.js";
18
+ import { O as C } from "./OverlayTrigger-DbjMkqKf.js";
19
19
  const h = "flow--off-canvas", O = "flow--off-canvas--header", w = "flow--off-canvas--close-button", a = {
20
20
  offCanvas: h,
21
21
  "off-canvas-slide-in": "flow--off-canvas--off-canvas-slide-in",
@@ -0,0 +1,20 @@
1
+ "use client"
2
+ /* */
3
+ import e from "react";
4
+ import "mobx";
5
+ import { u as n, a } from "./useOverlayController-CGKumeGL.js";
6
+ import "./propsContext-DzAKlmhS.js";
7
+ import { P as p } from "./PropsContextProvider-C6Z4XGp6.js";
8
+ import "@react-aria/utils";
9
+ import "remeda";
10
+ const C = (o) => {
11
+ const r = n(), t = {
12
+ Button: {
13
+ onPress: r.open
14
+ }
15
+ };
16
+ return /* @__PURE__ */ e.createElement(a, { value: r }, /* @__PURE__ */ e.createElement(p, { props: t, mergeInParentContext: !0 }, o.children));
17
+ };
18
+ export {
19
+ C as O
20
+ };
@@ -4,8 +4,8 @@ import * as u from "react-aria-components";
4
4
  import s from "react";
5
5
  import w from "clsx";
6
6
  import { useNumberFormatter as d } from "react-aria";
7
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
8
- import { P as x } from "./PropsContextProvider-B7e3QrmR.js";
7
+ import "./propsContext-DzAKlmhS.js";
8
+ import { P as x } from "./PropsContextProvider-C6Z4XGp6.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 = {
@@ -1,11 +1,11 @@
1
1
  "use client"
2
2
  /* */
3
- import P, { useMemo as m, isValidElement as d, cloneElement as u } from "react";
4
- import { u as v, P as E, p as x } from "./ComponentRenderContextProvider-C-1_ziLI.js";
3
+ import u, { useMemo as m, isValidElement as f, cloneElement as C } from "react";
4
+ import { u as v, p as E } from "./propsContext-DzAKlmhS.js";
5
5
  import { mergeProps as h } from "@react-aria/utils";
6
6
  import { isObjectType as c } from "remeda";
7
- import { setProperty as N } from "dot-prop";
8
- const b = (t = {}) => (...r) => {
7
+ import { setProperty as x } from "dot-prop";
8
+ const N = (t = {}) => (...r) => {
9
9
  const { mergeClassNames: n = !0, mergeEventHandler: s = !0 } = t, e = h(...r);
10
10
  if (c(e)) {
11
11
  if (!n)
@@ -15,14 +15,14 @@ const b = (t = {}) => (...r) => {
15
15
  for (const o of r)
16
16
  if (c(o))
17
17
  for (const [p, a] of Object.entries(o))
18
- /^on[A-Z]/.test(p) && N(e, p, a);
18
+ /^on[A-Z]/.test(p) && x(e, p, a);
19
19
  }
20
20
  }
21
21
  return e;
22
- }, j = b({
22
+ }, b = N({
23
23
  mergeClassNames: !1,
24
24
  mergeEventHandler: !1
25
- }), O = (t = {}, r = {}) => {
25
+ }), j = (t = {}, r = {}) => {
26
26
  const n = Object.keys({
27
27
  ...t,
28
28
  ...r
@@ -30,7 +30,7 @@ const b = (t = {}) => (...r) => {
30
30
  return Object.fromEntries(
31
31
  n.map((s) => [
32
32
  s,
33
- j(
33
+ b(
34
34
  t[s],
35
35
  r[s]
36
36
  )
@@ -44,21 +44,21 @@ const b = (t = {}) => (...r) => {
44
44
  children: e,
45
45
  ...o
46
46
  } = t, p = v(), a = m(() => r, n), i = m(
47
- () => s ? O(p, r) : r,
47
+ () => s ? j(p, r) : r,
48
48
  [a, p, s]
49
- ), l = d(e) ? {
49
+ ), l = f(e) ? {
50
50
  ...o,
51
51
  ...e.props
52
- } : o, f = [
52
+ } : o, d = [
53
53
  e,
54
- ...Object.entries(l).flatMap((C) => C)
55
- ], g = m(
56
- () => d(e) ? u(e, l) : e,
57
- f
54
+ ...Object.entries(l).flatMap((g) => g)
55
+ ], P = m(
56
+ () => f(e) ? C(e, l) : e,
57
+ d
58
58
  );
59
- return /* @__PURE__ */ P.createElement(E, { propsContext: r }, /* @__PURE__ */ P.createElement(x.Provider, { value: i }, g));
59
+ return /* @__PURE__ */ u.createElement(E.Provider, { value: i }, P);
60
60
  };
61
61
  export {
62
62
  V as P,
63
- O as m
63
+ j as m
64
64
  };
@@ -3,23 +3,23 @@
3
3
  import e from "react";
4
4
  import * as R from "react-aria-components";
5
5
  import E from "clsx";
6
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
7
- import { P as C, m as k } from "./PropsContextProvider-B7e3QrmR.js";
6
+ import "./propsContext-DzAKlmhS.js";
7
+ import { P as C, m as k } from "./PropsContextProvider-C6Z4XGp6.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-hYSngYTh.js";
11
+ import { F as y } from "./FieldError-D_VRyiJG.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
- import { C as w } from "./ClearPropsContext-mes1t7Bj.js";
16
+ import { C as w } from "./ClearPropsContext-CUvsbMn8.js";
17
17
  import "@tabler/icons-react";
18
- import "./Icon-DeN4Y_a0.js";
19
- import { I as B, a as v } from "./IconRadioOn-BQq4Iu7w.js";
20
- import { f as N } from "./flowComponent-DahHhlnC.js";
18
+ import "./Icon-D4bkU_pz.js";
19
+ import { I as B, a as v } from "./IconRadioOn-BIS8wd64.js";
20
+ import { f as N } from "./flowComponent-CPKCCJEg.js";
21
21
  import "dot-prop";
22
- import { I as D } from "./IconCheck-Dt46vtrJ.js";
22
+ import { I as D } from "./IconCheck-CMWmQYpS.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
@@ -2,11 +2,11 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import m from "clsx";
5
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
6
- import { P as p } from "./PropsContextProvider-B7e3QrmR.js";
5
+ import "./propsContext-DzAKlmhS.js";
6
+ import { P as p } from "./PropsContextProvider-C6Z4XGp6.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
- import { f as d } from "./flowComponent-DahHhlnC.js";
9
+ import { f as d } from "./flowComponent-CPKCCJEg.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
@@ -2,35 +2,32 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as c from "react-aria-components";
5
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
6
- import { P as C } from "./PropsContextProvider-B7e3QrmR.js";
5
+ import "./propsContext-DzAKlmhS.js";
6
+ import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import { s as l } from "./FormField.module-DHK6nIcD.js";
10
- import { F as w } from "./FieldError-hYSngYTh.js";
11
- import m from "clsx";
10
+ import { F as x } from "./FieldError-D_VRyiJG.js";
11
+ import f from "clsx";
12
12
  import "@tabler/icons-react";
13
- import "./Icon-DeN4Y_a0.js";
14
- import { I as x } from "./IconChevronDown-DxftprRQ.js";
15
- import { f as E } from "./flowComponent-DahHhlnC.js";
16
- import { P as h } from "./Popover-B-COTLld.js";
13
+ import "./Icon-D4bkU_pz.js";
14
+ import { I as h } from "./IconChevronDown-HLDPe1kj.js";
15
+ import { f as E } from "./flowComponent-CPKCCJEg.js";
16
+ import { P as w } from "./Popover-B-COTLld.js";
17
17
  import "mobx";
18
- import "./useOverlayController-CGKumeGL.js";
19
- import "invariant";
20
- import "./context-D_-mRqs8.js";
21
- import "./ActionStateContext-C_nPivaA.js";
18
+ import { u as P, a as I } from "./useOverlayController-CGKumeGL.js";
22
19
  import "dot-prop";
23
- import { TunnelProvider as v, TunnelExit as P } from "@mittwald/react-tunnel";
24
- const S = "flow--select", F = "flow--select--toggle", f = {
25
- select: S,
26
- toggle: F
27
- }, I = "flow--select--options--popover", O = "flow--select--options", d = {
28
- popover: I,
29
- options: O
30
- }, y = (o) => {
31
- const { className: t, children: n, ...s } = o, r = m(d.options, t);
32
- return /* @__PURE__ */ e.createElement(h, { className: d.popover }, /* @__PURE__ */ e.createElement(c.ListBox, { className: r, ...s }, n));
33
- }, ee = E("Select", (o) => {
20
+ import { TunnelProvider as S, TunnelExit as y } from "@mittwald/react-tunnel";
21
+ const F = "flow--select", B = "flow--select--toggle", u = {
22
+ select: F,
23
+ toggle: B
24
+ }, D = "flow--select--options--popover", L = "flow--select--options", d = {
25
+ popover: D,
26
+ options: L
27
+ }, $ = (o) => {
28
+ const { className: t, children: n, ...s } = o, r = f(d.options, t);
29
+ return /* @__PURE__ */ e.createElement(w, { className: d.popover }, /* @__PURE__ */ e.createElement(c.ListBox, { className: r, ...s }, n));
30
+ }, oe = E("Select", (o) => {
34
31
  const {
35
32
  children: t,
36
33
  className: n,
@@ -39,12 +36,12 @@ const S = "flow--select", F = "flow--select--toggle", f = {
39
36
  onSelectionChange: r = () => {
40
37
  },
41
38
  refProp: i,
42
- ...a
43
- } = o, u = m(
44
- f.select,
39
+ ...p
40
+ } = o, v = f(
41
+ u.select,
45
42
  l.formField,
46
43
  n
47
- ), N = {
44
+ ), C = {
48
45
  Label: {
49
46
  className: l.label,
50
47
  optional: !o.isRequired
@@ -58,30 +55,32 @@ const S = "flow--select", F = "flow--select--toggle", f = {
58
55
  Option: {
59
56
  tunnelId: "options"
60
57
  }
61
- }, g = (p) => {
62
- s(String(p)), r(p);
63
- };
58
+ }, N = (a) => {
59
+ s(String(a)), r(a);
60
+ }, m = P(), g = m.useIsOpen();
64
61
  return /* @__PURE__ */ e.createElement(
65
62
  c.Select,
66
63
  {
67
- ...a,
68
- className: u,
64
+ ...p,
65
+ className: v,
69
66
  ref: i,
70
- onSelectionChange: g
67
+ onSelectionChange: N,
68
+ onOpenChange: (a) => m.setOpen(a),
69
+ isOpen: g
71
70
  },
72
- /* @__PURE__ */ e.createElement(C, { props: N }, /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(c.Button, { className: f.toggle }, /* @__PURE__ */ e.createElement(c.SelectValue, null), /* @__PURE__ */ e.createElement(x, null)), t, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(P, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: l.fieldError })))
71
+ /* @__PURE__ */ e.createElement(O, { props: C }, /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement(c.Button, { className: u.toggle }, /* @__PURE__ */ e.createElement(c.SelectValue, null), /* @__PURE__ */ e.createElement(h, null)), /* @__PURE__ */ e.createElement(I, { value: m }, t, /* @__PURE__ */ e.createElement($, null, /* @__PURE__ */ e.createElement(y, { id: "options" }))), /* @__PURE__ */ e.createElement(x, { className: l.fieldError })))
73
72
  );
74
- }), B = "flow--select--option", D = "flow--select--option--icon", L = "flow--select--option--text", $ = "flow--select--option--control-icon", b = {
75
- option: B,
76
- icon: D,
77
- text: L,
78
- controlIcon: $
79
- }, oe = E("Option", (o) => {
80
- const { className: t, children: n, value: s, refProp: r, ...i } = o, a = m(b.option, t);
81
- return /* @__PURE__ */ e.createElement(c.ListBoxItem, { className: a, ref: r, ...i, id: s }, n);
73
+ }), b = "flow--select--option", R = "flow--select--option--icon", T = "flow--select--option--text", q = "flow--select--option--control-icon", A = {
74
+ option: b,
75
+ icon: R,
76
+ text: T,
77
+ controlIcon: q
78
+ }, te = E("Option", (o) => {
79
+ const { className: t, children: n, value: s, refProp: r, ...i } = o, p = f(A.option, t);
80
+ return /* @__PURE__ */ e.createElement(c.ListBoxItem, { className: p, ref: r, ...i, id: s }, n);
82
81
  });
83
82
  export {
84
- oe as Option,
85
- ee as Select,
86
- ee as default
83
+ te as Option,
84
+ oe as Select,
85
+ oe as default
87
86
  };
package/dist/Slider.js ADDED
@@ -0,0 +1,105 @@
1
+ "use client"
2
+ /* */
3
+ import e from "react";
4
+ import { f as E } from "./flowComponent-CPKCCJEg.js";
5
+ import * as n from "react-aria-components";
6
+ import h from "clsx";
7
+ import "./propsContext-DzAKlmhS.js";
8
+ import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
9
+ import "@react-aria/utils";
10
+ import "remeda";
11
+ import { B as i } from "./Button-BPAhEOTg.js";
12
+ import "@tabler/icons-react";
13
+ import "./Icon-D4bkU_pz.js";
14
+ import { I as w, a as N } from "./IconPlus-CAQpgAH5.js";
15
+ import { useLocalizedStringFormatter as k } from "react-aria";
16
+ const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", g = "flow--slider--track", y = "flow--slider--fill", I = "flow--slider--initial-marker", M = "flow--slider--thumb", T = "flow--slider--increment", C = "flow--slider--decrement", z = "flow--slider--disabled", t = {
17
+ slider: x,
18
+ text: P,
19
+ value: S,
20
+ track: g,
21
+ fill: y,
22
+ initialMarker: I,
23
+ thumb: M,
24
+ increment: T,
25
+ decrement: C,
26
+ disabled: z
27
+ }, D = {
28
+ "de-DE": {
29
+ "slider.decrement": "Wert verkleinern",
30
+ "slider.increment": "Wert erhöhen"
31
+ },
32
+ "en-EN": {
33
+ "slider.decrement": "Decrement value",
34
+ "slider.increment": "Increment value"
35
+ }
36
+ }, H = E("Slider", (m) => {
37
+ const {
38
+ className: c,
39
+ children: o,
40
+ name: d,
41
+ isDisabled: r,
42
+ defaultValue: l,
43
+ showInitialMarker: u,
44
+ ...f
45
+ } = m, p = h(
46
+ t.slider,
47
+ r && t.disabled,
48
+ c
49
+ ), s = k(D), b = {
50
+ Label: {
51
+ unstyled: !0
52
+ }
53
+ };
54
+ return /* @__PURE__ */ e.createElement(
55
+ n.Slider,
56
+ {
57
+ className: p,
58
+ isDisabled: r,
59
+ defaultValue: l,
60
+ ...f
61
+ },
62
+ /* @__PURE__ */ e.createElement("div", { className: t.text }, /* @__PURE__ */ e.createElement(n.SliderOutput, { className: t.value }), /* @__PURE__ */ e.createElement(v, { props: b }, o)),
63
+ /* @__PURE__ */ e.createElement(n.SliderTrack, { className: t.track }, ({ state: a }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
64
+ i,
65
+ {
66
+ onPress: () => a.decrementThumb(0),
67
+ "aria-label": s.format("slider.decrement"),
68
+ size: "s",
69
+ variant: "plain",
70
+ className: t.decrement,
71
+ isDisabled: r
72
+ },
73
+ /* @__PURE__ */ e.createElement(w, null)
74
+ ), /* @__PURE__ */ e.createElement(
75
+ i,
76
+ {
77
+ onPress: () => a.incrementThumb(0),
78
+ "aria-label": s.format("slider.increment"),
79
+ size: "s",
80
+ variant: "plain",
81
+ className: t.increment,
82
+ isDisabled: r
83
+ },
84
+ /* @__PURE__ */ e.createElement(N, null)
85
+ ), /* @__PURE__ */ e.createElement(
86
+ "div",
87
+ {
88
+ className: t.fill,
89
+ style: { width: a.getThumbPercent(0) * 100 + "%" }
90
+ }
91
+ ), u && l && typeof l == "number" && /* @__PURE__ */ e.createElement(
92
+ "div",
93
+ {
94
+ className: t.initialMarker,
95
+ style: {
96
+ left: `calc(${a.getValuePercent(l) * 100}% - 2px)`
97
+ }
98
+ }
99
+ ), /* @__PURE__ */ e.createElement(n.SliderThumb, { name: d, className: t.thumb })))
100
+ );
101
+ });
102
+ export {
103
+ H as Slider,
104
+ H as default
105
+ };
@@ -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-DKPrtG-X.js";
6
- import { T as i } from "./Text-DlffGRII.js";
7
- import { C as u } from "./ClearPropsContext-mes1t7Bj.js";
8
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
5
+ import { S as f } from "./StatusIcon-Dj5p-iL1.js";
6
+ import { T as i } from "./Text-D6e-S6em.js";
7
+ import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
8
+ import "./propsContext-DzAKlmhS.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
11
  import "dot-prop";
12
- import { f as d } from "./flowComponent-DahHhlnC.js";
12
+ import { f as d } from "./flowComponent-CPKCCJEg.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,12 +2,12 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import "@tabler/icons-react";
5
- import "./Icon-DeN4Y_a0.js";
6
- import { I as m } from "./IconDanger-l4_b7cTo.js";
7
- import { I as f, a as l, b as I } from "./IconWarning-CbxAYuzB.js";
5
+ import "./Icon-D4bkU_pz.js";
6
+ import { I as m } from "./IconDanger-PwvUWqzQ.js";
7
+ import { I as f, a as l, b as I } from "./IconWarning-DFG_1t6M.js";
8
8
  import { useLocalizedStringFormatter as g } from "react-aria";
9
- import { C as p } from "./ClearPropsContext-mes1t7Bj.js";
10
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
9
+ import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
10
+ import "./propsContext-DzAKlmhS.js";
11
11
  import "@react-aria/utils";
12
12
  import "remeda";
13
13
  import "dot-prop";
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { S as a } from "./StatusIcon-DKPrtG-X.js";
3
+ import { S as a } from "./StatusIcon-Dj5p-iL1.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-DeN4Y_a0.js";
8
- import { I as p } from "./IconCheck-Dt46vtrJ.js";
9
- import { I as h } from "./IconClose-CVvBI6H7.js";
10
- import { L as w } from "./Label-Cy_UxX3Y.js";
11
- import { C as d } from "./ClearPropsContext-mes1t7Bj.js";
12
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
7
+ import "./Icon-D4bkU_pz.js";
8
+ import { I as p } from "./IconCheck-CMWmQYpS.js";
9
+ import { I as h } from "./IconClose-FTrJdf_N.js";
10
+ import { L as w } from "./Label-CJi7iMmE.js";
11
+ import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
12
+ import "./propsContext-DzAKlmhS.js";
13
13
  import "@react-aria/utils";
14
14
  import "remeda";
15
15
  import "dot-prop";
16
- import { f as b } from "./flowComponent-DahHhlnC.js";
16
+ import { f as b } from "./flowComponent-CPKCCJEg.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
@@ -4,17 +4,17 @@ import e, { useRef as h, useState as v, useEffect as M, useId as g, createContex
4
4
  import * as E from "react-aria-components";
5
5
  import u from "clsx";
6
6
  import { TunnelExit as C, TunnelProvider as y, TunnelEntry as f } from "@mittwald/react-tunnel";
7
- import { f as S } from "./flowComponent-DahHhlnC.js";
7
+ import { f as S } from "./flowComponent-CPKCCJEg.js";
8
8
  import { useCallbackRef as O } from "use-callback-ref";
9
- import { a as B, C as K } from "./ContextMenuTrigger-ChPmQMpO.js";
10
- import { M as A } from "./MenuItem-BKaeRvx3.js";
11
- import { B as L } from "./Button-DmFXEX6m.js";
9
+ import { a as B, C as K } from "./ContextMenuTrigger-BwhLrGm5.js";
10
+ import { M as A } from "./MenuItem-Dny58Rqq.js";
11
+ import { B as L } from "./Button-BPAhEOTg.js";
12
12
  import "@tabler/icons-react";
13
- import "./Icon-DeN4Y_a0.js";
14
- import { I as F } from "./IconContextMenu-BZ6cD-An.js";
15
- import { T as R } from "./Text-DlffGRII.js";
16
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
17
- import { P as W } from "./PropsContextProvider-B7e3QrmR.js";
13
+ import "./Icon-D4bkU_pz.js";
14
+ import { I as F } from "./IconContextMenu-Bmk1_j_0.js";
15
+ import { T as R } from "./Text-D6e-S6em.js";
16
+ import "./propsContext-DzAKlmhS.js";
17
+ import { P as W } from "./PropsContextProvider-C6Z4XGp6.js";
18
18
  import "@react-aria/utils";
19
19
  import "remeda";
20
20
  const $ = "flow--tabs", k = "flow--tabs--list", j = {
@@ -2,13 +2,13 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as f from "react-aria-components";
5
- import { C as x } from "./ClearPropsContext-mes1t7Bj.js";
6
- import { P as E } from "./PropsContextProvider-B7e3QrmR.js";
5
+ import { C as x } from "./ClearPropsContext-CUvsbMn8.js";
6
+ import { P as E } from "./PropsContextProvider-C6Z4XGp6.js";
7
7
  import "@react-aria/utils";
8
- import "./ComponentRenderContextProvider-C-1_ziLI.js";
8
+ import "./propsContext-DzAKlmhS.js";
9
9
  import "remeda";
10
10
  import u from "invariant";
11
- import { f as T } from "./flowComponent-DahHhlnC.js";
11
+ import { f as T } from "./flowComponent-CPKCCJEg.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-DlffGRII.js";
3
+ import { T as a } from "./Text-D6e-S6em.js";
4
4
  export {
5
5
  a as Text,
6
6
  a as default