@mittwald/flow-react-components 0.1.0-alpha.143 → 0.1.0-alpha.144

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 (116) hide show
  1. package/dist/{Accordion-QhhkJhTO.js → Accordion-S70SYWwS.js} +3 -3
  2. package/dist/Accordion.js +1 -1
  3. package/dist/Action-SzQtjRB5.js +288 -0
  4. package/dist/Action.js +1 -1
  5. package/dist/ActionGroup.js +1 -1
  6. package/dist/Avatar.js +1 -1
  7. package/dist/Breadcrumb.js +2 -2
  8. package/dist/{Button-BS1F0zPs.js → Button-Bs4J6es6.js} +5 -5
  9. package/dist/Button.js +1 -1
  10. package/dist/{Checkbox-CD6v6jqo.js → Checkbox-zg7icNVe.js} +4 -4
  11. package/dist/Checkbox.js +1 -1
  12. package/dist/{CheckboxButton-I0WYBLv2.js → CheckboxButton-CbLlDhsH.js} +2 -2
  13. package/dist/CheckboxButton.js +1 -1
  14. package/dist/CheckboxGroup.js +3 -3
  15. package/dist/{Content-DlB-BYko.js → Content-arM8nm8H.js} +1 -1
  16. package/dist/Content.js +1 -1
  17. package/dist/ContextMenu.js +3 -3
  18. package/dist/ContextMenuTrigger-CeyI6LLR.js +55 -0
  19. package/dist/ContextualHelp.js +31 -22
  20. package/dist/CopyButton.js +5 -5
  21. package/dist/CounterBadge.js +1 -1
  22. package/dist/{FieldDescription-Brg52RqE.js → FieldDescription-jVeMFUA3.js} +2 -2
  23. package/dist/FieldDescription.js +1 -1
  24. package/dist/{FieldError-D_VRyiJG.js → FieldError-eiEmcuuK.js} +3 -3
  25. package/dist/FieldError.js +1 -1
  26. package/dist/{Header-BetbThNR.js → Header-DAaa854y.js} +1 -1
  27. package/dist/Header.js +1 -1
  28. package/dist/{Heading-CfQzGjxY.js → Heading-ob3LPLN8.js} +1 -1
  29. package/dist/Heading.js +1 -1
  30. package/dist/{Icon-D4bkU_pz.js → Icon-CvhSELPq.js} +1 -1
  31. package/dist/Icon.js +1 -1
  32. package/dist/{IconCheck-CMWmQYpS.js → IconCheck-Bx3sPenK.js} +1 -1
  33. package/dist/{IconCheckboxEmpty-DQLeOSmS.js → IconCheckboxEmpty-CzAVypP3.js} +1 -1
  34. package/dist/{IconCheckboxIndeterminate-DoNQre-9.js → IconCheckboxIndeterminate-CKiaFL3c.js} +1 -1
  35. package/dist/{IconChevronDown-HLDPe1kj.js → IconChevronDown-BjpRbARt.js} +1 -1
  36. package/dist/{IconChevronRight-DmCZeDFh.js → IconChevronRight-BKNi_Ug_.js} +1 -1
  37. package/dist/{IconChevronUp-CUKpaGeP.js → IconChevronUp-D1VuNDfJ.js} +1 -1
  38. package/dist/{IconClose-FTrJdf_N.js → IconClose-DVwhXp3R.js} +1 -1
  39. package/dist/{IconContextMenu-Bmk1_j_0.js → IconContextMenu-B7agrmqo.js} +1 -1
  40. package/dist/{IconCopy-DH_CNzXF.js → IconCopy-D2sPjH5b.js} +1 -1
  41. package/dist/{IconDanger-PwvUWqzQ.js → IconDanger-C-H0zYrp.js} +1 -1
  42. package/dist/{IconInfo-Dzy8qZId.js → IconInfo-DDhh409U.js} +1 -1
  43. package/dist/{IconPending-BV7TXz8_.js → IconPending-DCgEsvHk.js} +1 -1
  44. package/dist/{IconPlus-CAQpgAH5.js → IconPlus-Uxpaa4X_.js} +1 -1
  45. package/dist/{IconRadioOn-BIS8wd64.js → IconRadioOn-8P7k8SVa.js} +1 -1
  46. package/dist/{IconSearch-DadOOeXe.js → IconSearch-DAPXXri4.js} +1 -1
  47. package/dist/{IconSucceeded-KKiDIenP.js → IconSucceeded-YONbnUQb.js} +1 -1
  48. package/dist/{IconWarning-DHYHv9V-.js → IconWarning-zl3wRgfI.js} +1 -1
  49. package/dist/Icons.js +18 -18
  50. package/dist/Image.js +1 -1
  51. package/dist/Initials.js +1 -1
  52. package/dist/InlineAlert.js +2 -2
  53. package/dist/{Label-5xy35UpX.js → Label-25wKJcpL.js} +1 -1
  54. package/dist/Label.js +1 -1
  55. package/dist/LayoutCard.js +1 -1
  56. package/dist/{Link-CcYCy_KC.js → Link-Bal042NI.js} +1 -1
  57. package/dist/Link.js +1 -1
  58. package/dist/List.js +12 -12
  59. package/dist/{LoadingSpinner-CoSM7GIL.js → LoadingSpinner-bd5Is2yg.js} +2 -2
  60. package/dist/LoadingSpinner.js +1 -1
  61. package/dist/{MenuItem-Dny58Rqq.js → MenuItem-CCEquV9i.js} +5 -5
  62. package/dist/MenuItem.js +1 -1
  63. package/dist/Modal.js +15 -12
  64. package/dist/{ModalOverlay-BSu4UEnW.js → ModalOverlay-TJdwgPq0.js} +12 -11
  65. package/dist/Navigation.js +2 -2
  66. package/dist/Notification.js +5 -5
  67. package/dist/NumberField.js +7 -7
  68. package/dist/OffCanvas.js +40 -26
  69. package/dist/OverlayContextProvider-BBz2Hde8.js +20 -0
  70. package/dist/OverlayTrigger-DpALSyS8.js +20 -0
  71. package/dist/Popover-DrXvRfAg.js +44 -0
  72. package/dist/RadioGroup.js +5 -5
  73. package/dist/Section.js +1 -1
  74. package/dist/Select.js +59 -54
  75. package/dist/Slider.js +4 -4
  76. package/dist/StatusBadge.js +3 -3
  77. package/dist/{StatusIcon-J28z-uQ4.js → StatusIcon-YOrSQbPf.js} +4 -4
  78. package/dist/StatusIcon.js +1 -1
  79. package/dist/Switch.js +5 -5
  80. package/dist/Tabs.js +7 -7
  81. package/dist/{Text-D6e-S6em.js → Text-BgxTAtk1.js} +1 -1
  82. package/dist/Text.js +1 -1
  83. package/dist/TextArea.js +2 -2
  84. package/dist/TextField.js +2 -2
  85. package/dist/{TextFieldBase-Ciy6scGP.js → TextFieldBase-HHASqigh.js} +2 -2
  86. package/dist/context-Bdh6m_8S.js +44 -0
  87. package/dist/controller.js +4 -3
  88. package/dist/{flowComponent-CPKCCJEg.js → flowComponent-CWmvUeHT.js} +5 -2
  89. package/dist/hooks.js +1 -1
  90. package/dist/react-hook-form.js +2 -2
  91. package/dist/types/components/Action/models/ActionModel.d.ts +5 -3
  92. package/dist/types/components/Action/types.d.ts +4 -3
  93. package/dist/types/components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.d.ts +3 -2
  94. package/dist/types/components/ContextualHelp/ContextualHelp.d.ts +2 -2
  95. package/dist/types/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.d.ts +3 -2
  96. package/dist/types/components/Modal/components/ModalTrigger/ModalTrigger.d.ts +3 -2
  97. package/dist/types/components/OffCanvas/OffCanvas.d.ts +4 -3
  98. package/dist/types/components/OffCanvas/components/OffCanvasTrigger/OffCanvasTrigger.d.ts +3 -2
  99. package/dist/types/components/OverlayTrigger/OverlayTrigger.d.ts +6 -3
  100. package/dist/types/components/OverlayTrigger/OverlayTrigger.test.d.ts +1 -0
  101. package/dist/types/components/Popover/Popover.d.ts +1 -1
  102. package/dist/types/components/Popover/components/PopoverTrigger/PopoverTrigger.d.ts +3 -2
  103. package/dist/types/components/Select/Select.d.ts +2 -0
  104. package/dist/types/components/propTypes/index.d.ts +6 -0
  105. package/dist/types/lib/controller/overlay/OverlayContextProvider.d.ts +10 -0
  106. package/dist/types/lib/controller/overlay/context.d.ts +49 -2
  107. package/dist/types/lib/controller/overlay/useOverlayController.d.ts +2 -1
  108. package/dist/types/lib/propsContext/propsContext.d.ts +6 -0
  109. package/dist/types/lib/slotContext/slotContext.d.ts +3 -0
  110. package/dist/useOverlayController-C88Gnnhi.js +10 -0
  111. package/package.json +4 -4
  112. package/dist/Action-C4Ncwjzf.js +0 -287
  113. package/dist/ContextMenuTrigger-DjZx2IST.js +0 -52
  114. package/dist/OverlayTrigger-DbjMkqKf.js +0 -20
  115. package/dist/Popover-B-COTLld.js +0 -41
  116. package/dist/useOverlayController-CGKumeGL.js +0 -49
@@ -6,12 +6,12 @@ import "./propsContext-DzAKlmhS.js";
6
6
  import { P as w } from "./PropsContextProvider-C6Z4XGp6.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
- import { S as g } from "./StatusIcon-J28z-uQ4.js";
10
- import { L as h } from "./Link-CcYCy_KC.js";
11
- import { B as k } from "./Button-BS1F0zPs.js";
9
+ import { S as g } from "./StatusIcon-YOrSQbPf.js";
10
+ import { L as h } from "./Link-Bal042NI.js";
11
+ import { B as k } from "./Button-Bs4J6es6.js";
12
12
  import "@tabler/icons-react";
13
- import "./Icon-D4bkU_pz.js";
14
- import { I as x } from "./IconClose-FTrJdf_N.js";
13
+ import "./Icon-CvhSELPq.js";
14
+ import { I as x } from "./IconClose-DVwhXp3R.js";
15
15
  const N = "flow--notification", C = "flow--notification--link", E = "flow--notification--status-icon", I = "flow--notification--heading", L = "flow--notification--text", P = "flow--notification--close", v = "flow--notification--info", y = "flow--notification--has-link", B = "flow--notification--warning", S = "flow--notification--danger", z = "flow--notification--success", o = {
16
16
  notification: N,
17
17
  link: C,
@@ -9,14 +9,14 @@ import { P as I } from "./PropsContextProvider-C6Z4XGp6.js";
9
9
  import "@react-aria/utils";
10
10
  import "./propsContext-DzAKlmhS.js";
11
11
  import "remeda";
12
- import { F as b } from "./FieldError-D_VRyiJG.js";
13
- import { B as m } from "./Button-BS1F0zPs.js";
12
+ import { F as b } from "./FieldError-eiEmcuuK.js";
13
+ import { B as m } from "./Button-Bs4J6es6.js";
14
14
  import "@tabler/icons-react";
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";
15
+ import "./Icon-CvhSELPq.js";
16
+ import { I as C } from "./IconChevronDown-BjpRbARt.js";
17
+ import { I as h } from "./IconChevronUp-D1VuNDfJ.js";
18
+ import { I as P, a as F } from "./IconPlus-Uxpaa4X_.js";
19
+ import { f as w } from "./flowComponent-CWmvUeHT.js";
20
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 = {
21
21
  group: B,
22
22
  input: g,
package/dist/OffCanvas.js CHANGED
@@ -1,29 +1,40 @@
1
1
  "use client"
2
2
  /* */
3
3
  import e from "react";
4
- import c from "clsx";
5
- import { B as f } from "./Button-BS1F0zPs.js";
4
+ import i from "clsx";
5
+ import "mobx";
6
+ import { u as v } from "./useOverlayController-C88Gnnhi.js";
7
+ import { B as p } from "./Button-Bs4J6es6.js";
6
8
  import "@tabler/icons-react";
7
- import "./Icon-D4bkU_pz.js";
8
- import { I as m } from "./IconClose-FTrJdf_N.js";
9
- import { A as i } from "./Action-C4Ncwjzf.js";
10
- import { M as p } from "./ModalOverlay-BSu4UEnW.js";
9
+ import "./Icon-CvhSELPq.js";
10
+ import { I as d } from "./IconClose-DVwhXp3R.js";
11
+ import { A as C } from "./Action-SzQtjRB5.js";
12
+ import { M as u } from "./ModalOverlay-TJdwgPq0.js";
11
13
  import "./propsContext-DzAKlmhS.js";
12
- import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
14
+ import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
13
15
  import "@react-aria/utils";
14
16
  import "remeda";
15
- import { TunnelProvider as d, TunnelExit as u } from "@mittwald/react-tunnel";
16
- import { H as E } from "./Header-BetbThNR.js";
17
- import * as g from "react-aria-components";
18
- import { O as C } from "./OverlayTrigger-DbjMkqKf.js";
19
- const h = "flow--off-canvas", O = "flow--off-canvas--header", w = "flow--off-canvas--close-button", a = {
20
- offCanvas: h,
17
+ import { TunnelProvider as g, TunnelExit as y } from "@mittwald/react-tunnel";
18
+ import { H as E } from "./Header-DAaa854y.js";
19
+ import { f as h } from "./flowComponent-CWmvUeHT.js";
20
+ import { O as x } from "./OverlayContextProvider-BBz2Hde8.js";
21
+ import * as P from "react-aria-components";
22
+ import { O as w } from "./OverlayTrigger-DpALSyS8.js";
23
+ const T = "flow--off-canvas", B = "flow--off-canvas--header", N = "flow--off-canvas--close-button", t = {
24
+ offCanvas: T,
21
25
  "off-canvas-slide-in": "flow--off-canvas--off-canvas-slide-in",
22
26
  "off-canvas-slide-out": "flow--off-canvas--off-canvas-slide-out",
23
- header: O,
24
- closeButton: w
25
- }, k = (o) => {
26
- const { controller: t, children: r, className: n } = o, l = c(a.offCanvas, n), s = {
27
+ header: B,
28
+ closeButton: N
29
+ }, U = h("OffCanvas", (o) => {
30
+ const {
31
+ controller: r,
32
+ refProp: a,
33
+ children: l,
34
+ className: s
35
+ } = o, f = i(t.offCanvas, s), m = v("OffCanvas", {
36
+ reuseControllerFromContext: !0
37
+ }), n = r ?? m, c = {
27
38
  Heading: {
28
39
  slot: "title",
29
40
  tunnelId: "heading",
@@ -31,18 +42,21 @@ const h = "flow--off-canvas", O = "flow--off-canvas--header", w = "flow--off-can
31
42
  level: 2
32
43
  }
33
44
  };
34
- return /* @__PURE__ */ e.createElement(p, { controller: t, className: l }, /* @__PURE__ */ e.createElement(v, { props: s }, /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(E, { className: a.header }, /* @__PURE__ */ e.createElement(u, { id: "heading" }), /* @__PURE__ */ e.createElement(i, { closeOverlay: !0 }, /* @__PURE__ */ e.createElement(
35
- f,
45
+ return /* @__PURE__ */ e.createElement(u, { controller: n, className: f }, /* @__PURE__ */ e.createElement(x, { type: "OffCanvas", controller: n }, /* @__PURE__ */ e.createElement(O, { props: c }, /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(E, { className: t.header }, /* @__PURE__ */ e.createElement(y, { id: "heading" }), /* @__PURE__ */ e.createElement(C, { closeOverlay: "OffCanvas" }, /* @__PURE__ */ e.createElement(
46
+ p,
36
47
  {
37
48
  variant: "plain",
38
49
  color: "secondary",
39
- className: a.closeButton
50
+ className: t.closeButton
40
51
  },
41
- /* @__PURE__ */ e.createElement(m, null)
42
- ))), r)));
43
- }, q = (o) => /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(g.DialogTrigger, null, o.children));
52
+ /* @__PURE__ */ e.createElement(d, null)
53
+ ))), l))));
54
+ }), W = (o) => {
55
+ const { children: r, ...a } = o;
56
+ return /* @__PURE__ */ e.createElement(w, { overlayType: "OffCanvas", ...a }, /* @__PURE__ */ e.createElement(P.DialogTrigger, null, r));
57
+ };
44
58
  export {
45
- k as OffCanvas,
46
- q as OffCanvasTrigger,
47
- k as default
59
+ U as OffCanvas,
60
+ W as OffCanvasTrigger,
61
+ U as default
48
62
  };
@@ -0,0 +1,20 @@
1
+ "use client"
2
+ /* */
3
+ import a from "react";
4
+ import { u as l, o as c } from "./context-Bdh6m_8S.js";
5
+ const i = (e) => {
6
+ const { type: t, controller: r, children: o } = e, n = l();
7
+ return /* @__PURE__ */ a.createElement(
8
+ c.Provider,
9
+ {
10
+ value: {
11
+ ...n,
12
+ [t]: r
13
+ }
14
+ },
15
+ o
16
+ );
17
+ };
18
+ export {
19
+ i as O
20
+ };
@@ -0,0 +1,20 @@
1
+ "use client"
2
+ /* */
3
+ import e from "react";
4
+ import { O as s } from "./context-Bdh6m_8S.js";
5
+ import "./propsContext-DzAKlmhS.js";
6
+ import { P as a } from "./PropsContextProvider-C6Z4XGp6.js";
7
+ import "@react-aria/utils";
8
+ import "remeda";
9
+ import { O as m } from "./OverlayContextProvider-BBz2Hde8.js";
10
+ const P = (o) => {
11
+ const { overlayType: t, isDefaultOpen: n = !1, children: p } = o, r = s.useNew(n), l = {
12
+ Button: {
13
+ onPress: r.open
14
+ }
15
+ };
16
+ return /* @__PURE__ */ e.createElement(m, { type: t, controller: r }, /* @__PURE__ */ e.createElement(a, { props: l, mergeInParentContext: !0 }, p));
17
+ };
18
+ export {
19
+ P as O
20
+ };
@@ -0,0 +1,44 @@
1
+ "use client"
2
+ /* */
3
+ import o from "react";
4
+ import * as r from "react-aria-components";
5
+ import w from "clsx";
6
+ import "mobx";
7
+ import { u as O } from "./useOverlayController-C88Gnnhi.js";
8
+ import { f as C } from "./flowComponent-CWmvUeHT.js";
9
+ import { O as h } from "./OverlayContextProvider-BBz2Hde8.js";
10
+ const u = "flow--popover", x = "flow--popover--content", E = "flow--popover--tip", t = {
11
+ popover: u,
12
+ content: x,
13
+ tip: E,
14
+ "popover-slide": "flow--popover--popover-slide"
15
+ }, B = C("Popover", (n) => {
16
+ const {
17
+ children: p,
18
+ className: s,
19
+ controller: l,
20
+ withTip: a,
21
+ refProp: c,
22
+ defaultOpen: m = !1,
23
+ ...i
24
+ } = n, v = O("Popover", {
25
+ reuseControllerFromContext: !0,
26
+ defaultOpen: m
27
+ }), e = l ?? v, f = e.useIsOpen(), P = w(t.popover, s);
28
+ return /* @__PURE__ */ o.createElement(
29
+ r.Popover,
30
+ {
31
+ ...i,
32
+ className: P,
33
+ containerPadding: 16,
34
+ ref: c,
35
+ isOpen: f,
36
+ onOpenChange: (d) => e.setOpen(d)
37
+ },
38
+ a && /* @__PURE__ */ o.createElement(r.OverlayArrow, { className: t.tip }, /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L8 8 L16 0" }))),
39
+ /* @__PURE__ */ o.createElement(r.Dialog, { className: t.content }, /* @__PURE__ */ o.createElement(h, { type: "Popover", controller: e }, p))
40
+ );
41
+ });
42
+ export {
43
+ B as P
44
+ };
@@ -8,18 +8,18 @@ import { P as C, m as I } from "./PropsContextProvider-C6Z4XGp6.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import { d as P } from "./dynamic-ClpUSmEt.js";
11
- import { F as b } from "./FieldError-D_VRyiJG.js";
11
+ import { F as b } from "./FieldError-eiEmcuuK.js";
12
12
  import { C as k } from "./ColumnLayout-FMONjI17.js";
13
13
  import { TunnelProvider as y, TunnelExit as m } from "@mittwald/react-tunnel";
14
14
  import { s as c } from "./FormField.module-DHK6nIcD.js";
15
15
  import { d as F } from "./deepFindOfType-6pG0fH7S.js";
16
16
  import { C as w } from "./ClearPropsContext-CUvsbMn8.js";
17
17
  import "@tabler/icons-react";
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";
18
+ import "./Icon-CvhSELPq.js";
19
+ import { I as B, a as v } from "./IconRadioOn-8P7k8SVa.js";
20
+ import { f as N } from "./flowComponent-CWmvUeHT.js";
21
21
  import "dot-prop";
22
- import { I as D } from "./IconCheck-CMWmQYpS.js";
22
+ import { I as D } from "./IconCheck-Bx3sPenK.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
@@ -6,7 +6,7 @@ import "./propsContext-DzAKlmhS.js";
6
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-CPKCCJEg.js";
9
+ import { f as d } from "./flowComponent-CWmvUeHT.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
@@ -1,86 +1,91 @@
1
1
  "use client"
2
2
  /* */
3
3
  import e from "react";
4
- import * as c from "react-aria-components";
4
+ import * as i from "react-aria-components";
5
5
  import "./propsContext-DzAKlmhS.js";
6
- import { P as O } from "./PropsContextProvider-C6Z4XGp6.js";
6
+ import { P as h } from "./PropsContextProvider-C6Z4XGp6.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
- import { s as l } from "./FormField.module-DHK6nIcD.js";
10
- import { F as x } from "./FieldError-D_VRyiJG.js";
9
+ import { s as c } from "./FormField.module-DHK6nIcD.js";
10
+ import { F as w } from "./FieldError-eiEmcuuK.js";
11
11
  import f from "clsx";
12
12
  import "@tabler/icons-react";
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";
13
+ import "./Icon-CvhSELPq.js";
14
+ import { I as P } from "./IconChevronDown-BjpRbARt.js";
15
+ import { f as E } from "./flowComponent-CWmvUeHT.js";
16
+ import { P as F } from "./Popover-DrXvRfAg.js";
17
17
  import "mobx";
18
- import { u as P, a as I } from "./useOverlayController-CGKumeGL.js";
18
+ import { u as C } from "./useOverlayController-C88Gnnhi.js";
19
19
  import "dot-prop";
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) => {
20
+ import "./context-Bdh6m_8S.js";
21
+ import { TunnelProvider as y, TunnelExit as I } from "@mittwald/react-tunnel";
22
+ import { O as B } from "./OverlayContextProvider-BBz2Hde8.js";
23
+ const D = "flow--select", L = "flow--select--toggle", u = {
24
+ select: D,
25
+ toggle: L
26
+ }, $ = "flow--select--options--popover", b = "flow--select--options", d = {
27
+ popover: $,
28
+ options: b
29
+ }, R = (o) => {
30
+ const { className: t, children: r, ...n } = o, l = f(d.options, t), s = C("Select");
31
+ return /* @__PURE__ */ e.createElement(F, { className: d.popover, controller: s }, /* @__PURE__ */ e.createElement(i.ListBox, { className: l, ...n }, r));
32
+ }, le = E("Select", (o) => {
31
33
  const {
32
34
  children: t,
33
- className: n,
34
- onChange: s = () => {
35
+ className: r,
36
+ onChange: n = () => {
35
37
  },
36
- onSelectionChange: r = () => {
38
+ onSelectionChange: l = () => {
37
39
  },
38
- refProp: i,
39
- ...p
40
- } = o, v = f(
40
+ controller: s,
41
+ refProp: m,
42
+ ...N
43
+ } = o, g = f(
41
44
  u.select,
42
- l.formField,
43
- n
44
- ), C = {
45
+ c.formField,
46
+ r
47
+ ), x = {
45
48
  Label: {
46
- className: l.label,
49
+ className: c.label,
47
50
  optional: !o.isRequired
48
51
  },
49
52
  FieldDescription: {
50
- className: l.fieldDescription
53
+ className: c.fieldDescription
51
54
  },
52
55
  FieldError: {
53
- className: l.customFieldError
56
+ className: c.customFieldError
54
57
  },
55
58
  Option: {
56
59
  tunnelId: "options"
57
60
  }
58
- }, N = (a) => {
59
- s(String(a)), r(a);
60
- }, m = P(), g = m.useIsOpen();
61
+ }, v = (a) => {
62
+ n(String(a)), l(a);
63
+ }, O = C("Select", {
64
+ reuseControllerFromContext: !0
65
+ }), p = s ?? O, S = p.useIsOpen();
61
66
  return /* @__PURE__ */ e.createElement(
62
- c.Select,
67
+ i.Select,
63
68
  {
64
- ...p,
65
- className: v,
66
- ref: i,
67
- onSelectionChange: N,
68
- onOpenChange: (a) => m.setOpen(a),
69
- isOpen: g
69
+ ...N,
70
+ className: g,
71
+ ref: m,
72
+ onSelectionChange: v,
73
+ onOpenChange: (a) => p.setOpen(a),
74
+ isOpen: S
70
75
  },
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 })))
76
+ /* @__PURE__ */ e.createElement(B, { type: "Select", controller: p }, /* @__PURE__ */ e.createElement(h, { props: x }, /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(i.Button, { className: u.toggle }, /* @__PURE__ */ e.createElement(i.SelectValue, null), /* @__PURE__ */ e.createElement(P, null)), t, /* @__PURE__ */ e.createElement(R, null, /* @__PURE__ */ e.createElement(I, { id: "options" })), /* @__PURE__ */ e.createElement(w, { className: c.fieldError }))))
72
77
  );
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);
78
+ }), T = "flow--select--option", q = "flow--select--option--icon", A = "flow--select--option--text", V = "flow--select--option--control-icon", j = {
79
+ option: T,
80
+ icon: q,
81
+ text: A,
82
+ controlIcon: V
83
+ }, se = E("Option", (o) => {
84
+ const { className: t, children: r, value: n, refProp: l, ...s } = o, m = f(j.option, t);
85
+ return /* @__PURE__ */ e.createElement(i.ListBoxItem, { className: m, ref: l, ...s, id: n }, r);
81
86
  });
82
87
  export {
83
- te as Option,
84
- oe as Select,
85
- oe as default
88
+ se as Option,
89
+ le as Select,
90
+ le as default
86
91
  };
package/dist/Slider.js CHANGED
@@ -1,17 +1,17 @@
1
1
  "use client"
2
2
  /* */
3
3
  import e from "react";
4
- import { f as E } from "./flowComponent-CPKCCJEg.js";
4
+ import { f as E } from "./flowComponent-CWmvUeHT.js";
5
5
  import * as n from "react-aria-components";
6
6
  import h from "clsx";
7
7
  import "./propsContext-DzAKlmhS.js";
8
8
  import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
- import { B as i } from "./Button-BS1F0zPs.js";
11
+ import { B as i } from "./Button-Bs4J6es6.js";
12
12
  import "@tabler/icons-react";
13
- import "./Icon-D4bkU_pz.js";
14
- import { I as w, a as N } from "./IconPlus-CAQpgAH5.js";
13
+ import "./Icon-CvhSELPq.js";
14
+ import { I as w, a as N } from "./IconPlus-Uxpaa4X_.js";
15
15
  import { useLocalizedStringFormatter as k } from "react-aria";
16
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
17
  slider: x,
@@ -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-J28z-uQ4.js";
6
- import { T as i } from "./Text-D6e-S6em.js";
5
+ import { S as f } from "./StatusIcon-YOrSQbPf.js";
6
+ import { T as i } from "./Text-BgxTAtk1.js";
7
7
  import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
8
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-CPKCCJEg.js";
12
+ import { f as d } from "./flowComponent-CWmvUeHT.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,10 +2,10 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import "@tabler/icons-react";
5
- import "./Icon-D4bkU_pz.js";
6
- import { I as m } from "./IconDanger-PwvUWqzQ.js";
7
- import { I as f } from "./IconInfo-Dzy8qZId.js";
8
- import { I, a as l } from "./IconWarning-DHYHv9V-.js";
5
+ import "./Icon-CvhSELPq.js";
6
+ import { I as m } from "./IconDanger-C-H0zYrp.js";
7
+ import { I as f } from "./IconInfo-DDhh409U.js";
8
+ import { I, a as l } from "./IconWarning-zl3wRgfI.js";
9
9
  import { useLocalizedStringFormatter as g } from "react-aria";
10
10
  import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
11
11
  import "./propsContext-DzAKlmhS.js";
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { S as a } from "./StatusIcon-J28z-uQ4.js";
3
+ import { S as a } from "./StatusIcon-YOrSQbPf.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-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-5xy35UpX.js";
7
+ import "./Icon-CvhSELPq.js";
8
+ import { I as p } from "./IconCheck-Bx3sPenK.js";
9
+ import { I as h } from "./IconClose-DVwhXp3R.js";
10
+ import { L as w } from "./Label-25wKJcpL.js";
11
11
  import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
12
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-CPKCCJEg.js";
16
+ import { f as b } from "./flowComponent-CWmvUeHT.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,15 +4,15 @@ 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-CPKCCJEg.js";
7
+ import { f as S } from "./flowComponent-CWmvUeHT.js";
8
8
  import { useCallbackRef as O } from "use-callback-ref";
9
- import { a as B, C as K } from "./ContextMenuTrigger-DjZx2IST.js";
10
- import { M as A } from "./MenuItem-Dny58Rqq.js";
11
- import { B as L } from "./Button-BS1F0zPs.js";
9
+ import { a as B, C as K } from "./ContextMenuTrigger-CeyI6LLR.js";
10
+ import { M as A } from "./MenuItem-CCEquV9i.js";
11
+ import { B as L } from "./Button-Bs4J6es6.js";
12
12
  import "@tabler/icons-react";
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";
13
+ import "./Icon-CvhSELPq.js";
14
+ import { I as F } from "./IconContextMenu-B7agrmqo.js";
15
+ import { T as R } from "./Text-BgxTAtk1.js";
16
16
  import "./propsContext-DzAKlmhS.js";
17
17
  import { P as W } from "./PropsContextProvider-C6Z4XGp6.js";
18
18
  import "@react-aria/utils";
@@ -8,7 +8,7 @@ import "@react-aria/utils";
8
8
  import "./propsContext-DzAKlmhS.js";
9
9
  import "remeda";
10
10
  import u from "invariant";
11
- import { f as T } from "./flowComponent-CPKCCJEg.js";
11
+ import { f as T } from "./flowComponent-CWmvUeHT.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-D6e-S6em.js";
3
+ import { T as a } from "./Text-BgxTAtk1.js";
4
4
  export {
5
5
  a as Text,
6
6
  a as default
package/dist/TextArea.js CHANGED
@@ -2,13 +2,13 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as n from "react-aria-components";
5
- import { T as p } from "./TextFieldBase-Ciy6scGP.js";
5
+ import { T as p } from "./TextFieldBase-HHASqigh.js";
6
6
  import { C as i } from "./ClearPropsContext-CUvsbMn8.js";
7
7
  import "./propsContext-DzAKlmhS.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import "dot-prop";
11
- import { f as c } from "./flowComponent-CPKCCJEg.js";
11
+ import { f as c } from "./flowComponent-CWmvUeHT.js";
12
12
  const f = "flow--text-area", x = {
13
13
  textArea: f
14
14
  }, P = c("TextArea", (t) => {
package/dist/TextField.js CHANGED
@@ -2,13 +2,13 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as s from "react-aria-components";
5
- import { T as a } from "./TextFieldBase-Ciy6scGP.js";
5
+ import { T as a } from "./TextFieldBase-HHASqigh.js";
6
6
  import { C as n } from "./ClearPropsContext-CUvsbMn8.js";
7
7
  import "./propsContext-DzAKlmhS.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import "dot-prop";
11
- import { f as p } from "./flowComponent-CPKCCJEg.js";
11
+ import { f as p } from "./flowComponent-CWmvUeHT.js";
12
12
  const c = "flow--text-field", f = {
13
13
  textField: c
14
14
  }, w = p("TextField", (t) => {
@@ -9,8 +9,8 @@ import { P as B } from "./PropsContextProvider-C6Z4XGp6.js";
9
9
  import "@react-aria/utils";
10
10
  import "./propsContext-DzAKlmhS.js";
11
11
  import "remeda";
12
- import { F as P } from "./FieldError-D_VRyiJG.js";
13
- import { F as R } from "./FieldDescription-Brg52RqE.js";
12
+ import { F as P } from "./FieldError-eiEmcuuK.js";
13
+ import { F as R } from "./FieldDescription-jVeMFUA3.js";
14
14
  import { useLocalizedStringFormatter as g } from "react-aria";
15
15
  const L = { "de-DE": {
16
16
  "textFieldBase.characters": (e, r) => `${r.select({ 0: () => `${e.count}`, other: () => `${e.count}/${e.maxCount}` }, e.maxCount)} Zeichen`
@@ -0,0 +1,44 @@
1
+ "use client"
2
+ /* */
3
+ var r = Object.defineProperty;
4
+ var p = (s, e, t) => e in s ? r(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
5
+ var o = (s, e, t) => (p(s, typeof e != "symbol" ? e + "" : e, t), t);
6
+ import { makeObservable as u, observable as a, action as n } from "mobx";
7
+ import { u as O } from "./useSelector-DpU7_HMO.js";
8
+ import { useRef as c, createContext as l, useContext as b } from "react";
9
+ class i {
10
+ constructor(e = !1) {
11
+ o(this, "isOpen");
12
+ u(this, {
13
+ isOpen: a,
14
+ open: n.bound,
15
+ close: n.bound,
16
+ toggle: n.bound,
17
+ setOpen: n.bound
18
+ }), this.isOpen = e;
19
+ }
20
+ static useNew(e) {
21
+ return c(new i(e)).current;
22
+ }
23
+ open() {
24
+ this.isOpen = !0;
25
+ }
26
+ close() {
27
+ this.isOpen = !1;
28
+ }
29
+ toggle() {
30
+ this.isOpen = !this.isOpen;
31
+ }
32
+ setOpen(e) {
33
+ this.isOpen = e;
34
+ }
35
+ useIsOpen() {
36
+ return O(() => this.isOpen);
37
+ }
38
+ }
39
+ const h = l({}), g = () => b(h);
40
+ export {
41
+ i as O,
42
+ h as o,
43
+ g as u
44
+ };
@@ -1,7 +1,8 @@
1
1
  "use client"
2
2
  /* */
3
- import { O as l, u as o } from "./useOverlayController-CGKumeGL.js";
3
+ import { O as e } from "./context-Bdh6m_8S.js";
4
+ import { u as a } from "./useOverlayController-C88Gnnhi.js";
4
5
  export {
5
- l as OverlayController,
6
- o as useOverlayController
6
+ e as OverlayController,
7
+ a as useOverlayController
7
8
  };