@mittwald/flow-react-components 0.1.0-alpha.50 → 0.1.0-alpha.52

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 (54) hide show
  1. package/dist/{Button-DXziN1Zz.js → Button-BnXrfuF-.js} +3 -3
  2. package/dist/Button.js +1 -1
  3. package/dist/Checkbox.js +8 -10
  4. package/dist/Content.js +1 -1
  5. package/dist/CopyButton.js +3 -3
  6. package/dist/FieldDescription.js +2 -2
  7. package/dist/{FieldError-BqM3R6B8.js → FieldError-CQNWNYnn.js} +2 -2
  8. package/dist/FieldError.js +1 -1
  9. package/dist/Header.js +1 -1
  10. package/dist/Heading.js +15 -14
  11. package/dist/{Icon-CVuHAKTy.js → Icon-D7MPmc4I.js} +1 -1
  12. package/dist/Icon.js +1 -1
  13. package/dist/{IconCheck-BBgaFuso.js → IconCheck-C_3X4AJ_.js} +1 -1
  14. package/dist/{IconChevronUp-WxE858Is.js → IconChevronUp-CT0CRmbO.js} +1 -1
  15. package/dist/{IconClose-HOOYba0n.js → IconClose-Dukg2r-O.js} +1 -1
  16. package/dist/{IconCopy-D-X5JJSk.js → IconCopy-B9yebcJo.js} +1 -1
  17. package/dist/{IconDanger-BxaqoG1h.js → IconDanger-Dm0XGnFW.js} +1 -1
  18. package/dist/{IconPlus-C_KrGwcv.js → IconPlus-CzStbn7o.js} +1 -1
  19. package/dist/{IconSucceeded-B0MTWMyT.js → IconSucceeded-C_S9H4Jp.js} +1 -1
  20. package/dist/{IconUnchecked-Dh6R-VMa.js → IconUnchecked-DFKAvzMH.js} +1 -1
  21. package/dist/{IconWarning-CwE-4DCj.js → IconWarning-D8yJVvRX.js} +1 -1
  22. package/dist/Icons.js +10 -10
  23. package/dist/Image.js +1 -1
  24. package/dist/Initials.js +1 -1
  25. package/dist/InlineAlert.js +2 -2
  26. package/dist/{Label-YM0J0DAt.js → Label-BtthqZPA.js} +1 -1
  27. package/dist/Label.js +1 -1
  28. package/dist/LayoutCard.js +1 -1
  29. package/dist/Link.js +1 -1
  30. package/dist/List.js +7 -7
  31. package/dist/Modal.js +29 -47
  32. package/dist/Navigation.js +1 -1
  33. package/dist/NumberField.js +12 -14
  34. package/dist/RadioGroup.js +12 -14
  35. package/dist/StatusBadge.js +3 -3
  36. package/dist/{StatusIcon-D5bsibLX.js → StatusIcon-BFfrWshd.js} +8 -10
  37. package/dist/StatusIcon.js +1 -1
  38. package/dist/Switch.js +4 -4
  39. package/dist/{Text-DpogSoua.js → Text-Dts2bzGQ.js} +1 -1
  40. package/dist/Text.js +1 -1
  41. package/dist/TextArea.js +1 -1
  42. package/dist/TextField.js +1 -1
  43. package/dist/{TextFieldBase-B4BOYXb1.js → TextFieldBase-DbCROXKW.js} +1 -1
  44. package/dist/flowComponent-92d7kP4i.js +19 -0
  45. package/dist/types/components/Heading/Heading.d.ts +3 -5
  46. package/package.json +3 -2
  47. package/dist/context-BzhxSFz9.js +0 -7
  48. package/dist/flowComponent-pdauvORb.js +0 -30
  49. package/dist/types/lib/react/components/Tunnel/Tunnel.test.d.ts +0 -1
  50. package/dist/types/lib/react/components/Tunnel/components/TunnelEntry.d.ts +0 -6
  51. package/dist/types/lib/react/components/Tunnel/components/TunnelExit.d.ts +0 -6
  52. package/dist/types/lib/react/components/Tunnel/components/TunnelProvider.d.ts +0 -3
  53. package/dist/types/lib/react/components/Tunnel/context.d.ts +0 -8
  54. package/dist/types/lib/react/components/Tunnel/index.d.ts +0 -3
@@ -10,9 +10,9 @@ import "./propsContext-Dx7WKmmM.js";
10
10
  import "remeda";
11
11
  import "@tabler/icons-react";
12
12
  import "html-react-parser";
13
- import { f as E } from "./flowComponent-pdauvORb.js";
14
- import { b as N, I as S, a as F } from "./IconSucceeded-B0MTWMyT.js";
15
- import { T as h } from "./Text-DpogSoua.js";
13
+ import { f as E } from "./flowComponent-92d7kP4i.js";
14
+ import { b as N, I as S, a as F } from "./IconSucceeded-C_S9H4Jp.js";
15
+ import { T as h } from "./Text-Dts2bzGQ.js";
16
16
  const z = "flow--button", B = "flow--button--icon", v = "flow--button--text", T = "flow--button--content", D = "flow--button--state-icon", A = "flow--button--is-succeeded", R = "flow--button--is-failed", W = "flow--button--is-pending", _ = "flow--button--plain", $ = "flow--button--primary", j = "flow--button--solid", k = "flow--button--accent", q = "flow--button--danger", G = "flow--button--secondary", H = "flow--button--soft", t = {
17
17
  button: z,
18
18
  icon: B,
package/dist/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { B as o } from "./Button-DXziN1Zz.js";
3
+ import { B as o } from "./Button-BnXrfuF-.js";
4
4
  export {
5
5
  o as Button,
6
6
  o as default
package/dist/Checkbox.js CHANGED
@@ -9,17 +9,15 @@ import { C as i } from "./ClearPropsContext-CD1-9TZA.js";
9
9
  import "./propsContext-Dx7WKmmM.js";
10
10
  import "@react-aria/utils";
11
11
  import "remeda";
12
- import "./context-BzhxSFz9.js";
13
- import "@preact/signals-react";
14
- import "@preact/signals-react/runtime";
15
- import { I as p, a as k } from "./IconUnchecked-Dh6R-VMa.js";
16
- const h = "flow--checkbox", t = {
12
+ import "@mittwald/react-tunnel";
13
+ import { I as p, a as k } from "./IconUnchecked-DFKAvzMH.js";
14
+ const h = "flow--checkbox", c = {
17
15
  checkbox: h
18
- }, A = (o) => {
19
- const { children: c, className: r, ...m } = o, a = n(t.checkbox, r);
20
- return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(l.Checkbox, { ...m, className: a }, ({ isSelected: s }) => /* @__PURE__ */ e.createElement(e.Fragment, null, s ? /* @__PURE__ */ e.createElement(p, { className: t.checkmark }) : /* @__PURE__ */ e.createElement(k, { className: t.checkmark }), c)));
16
+ }, w = (t) => {
17
+ const { children: o, className: r, ...m } = t, a = n(c.checkbox, r);
18
+ return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(l.Checkbox, { ...m, className: a }, ({ isSelected: s }) => /* @__PURE__ */ e.createElement(e.Fragment, null, s ? /* @__PURE__ */ e.createElement(p, { className: c.checkmark }) : /* @__PURE__ */ e.createElement(k, { className: c.checkmark }), o)));
21
19
  };
22
20
  export {
23
- A as Checkbox,
24
- A as default
21
+ w as Checkbox,
22
+ w as default
25
23
  };
package/dist/Content.js CHANGED
@@ -5,7 +5,7 @@ import { C as l } from "./ClearPropsContext-CD1-9TZA.js";
5
5
  import "./propsContext-Dx7WKmmM.js";
6
6
  import "@react-aria/utils";
7
7
  import "remeda";
8
- import { f as p } from "./flowComponent-pdauvORb.js";
8
+ import { f as p } from "./flowComponent-92d7kP4i.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));
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import n from "copy-to-clipboard";
5
- import { B as a } from "./Button-DXziN1Zz.js";
5
+ import { B as a } from "./Button-BnXrfuF-.js";
6
6
  import "@tabler/icons-react";
7
7
  import "clsx";
8
8
  import "html-react-parser";
@@ -10,8 +10,8 @@ import { C as l } from "./ClearPropsContext-CD1-9TZA.js";
10
10
  import "./propsContext-Dx7WKmmM.js";
11
11
  import "@react-aria/utils";
12
12
  import "remeda";
13
- import { f as i } from "./flowComponent-pdauvORb.js";
14
- import { I as c } from "./IconCopy-D-X5JJSk.js";
13
+ import { f as i } from "./flowComponent-92d7kP4i.js";
14
+ import { I as c } from "./IconCopy-B9yebcJo.js";
15
15
  import { useLocalizedStringFormatter as s } from "react-aria";
16
16
  import { T as u, a as f } from "./TooltipTrigger-BrP57dnv.js";
17
17
  import { onlyText as y } from "react-children-utilities";
@@ -6,8 +6,8 @@ import { C as n } from "./ClearPropsContext-CD1-9TZA.js";
6
6
  import "./propsContext-Dx7WKmmM.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
- import { T as c } from "./Text-DpogSoua.js";
10
- import { f as m } from "./flowComponent-pdauvORb.js";
9
+ import { T as c } from "./Text-Dts2bzGQ.js";
10
+ import { f as m } from "./flowComponent-92d7kP4i.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-pdauvORb.js";
13
- import { I as p } from "./IconDanger-BxaqoG1h.js";
12
+ import { f as c } from "./flowComponent-92d7kP4i.js";
13
+ import { I as p } from "./IconDanger-Dm0XGnFW.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-BqM3R6B8.js";
3
+ import { F as o } from "./FieldError-CQNWNYnn.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-pdauvORb.js";
4
+ import { f as m } from "./flowComponent-92d7kP4i.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);
package/dist/Heading.js CHANGED
@@ -1,27 +1,28 @@
1
1
  "use client"
2
2
  /* */
3
- import e from "react";
4
- import l from "clsx";
5
- import { C as p } from "./ClearPropsContext-CD1-9TZA.js";
6
- import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
3
+ import o from "react";
4
+ import c from "clsx";
5
+ import { C as l } from "./ClearPropsContext-CD1-9TZA.js";
6
+ import { P as p } from "./PropsContextProvider-B6QiUIPM.js";
7
7
  import "@react-aria/utils";
8
8
  import "./propsContext-Dx7WKmmM.js";
9
9
  import "remeda";
10
- import { f } from "./flowComponent-pdauvORb.js";
11
- const h = "flow--heading", g = "flow--heading--icon", o = {
12
- heading: h,
13
- icon: g
14
- }, H = f("Heading", (t) => {
15
- const { children: n, className: r, level: s = 2, ...a } = t, i = l(o.heading, r), c = `h${s}`, m = {
10
+ import { f as d } from "./flowComponent-92d7kP4i.js";
11
+ import * as f from "react-aria-components";
12
+ const g = "flow--heading", h = "flow--heading--icon", e = {
13
+ heading: g,
14
+ icon: h
15
+ }, v = d("Heading", (t) => {
16
+ const { children: r, className: n, level: a = 2, ...s } = t, i = c(e.heading, n), m = {
16
17
  Icon: {
17
18
  "aria-hidden": !0,
18
19
  size: "s",
19
- className: o.icon
20
+ className: e.icon
20
21
  }
21
22
  };
22
- return /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement(c, { className: i, ...a }, /* @__PURE__ */ e.createElement(d, { props: m }, n)));
23
+ return /* @__PURE__ */ o.createElement(l, null, /* @__PURE__ */ o.createElement(f.Heading, { level: a, className: i, ...s }, /* @__PURE__ */ o.createElement(p, { props: m }, r)));
23
24
  });
24
25
  export {
25
- H as Heading,
26
- H as default
26
+ v as Heading,
27
+ v as default
27
28
  };
@@ -7,7 +7,7 @@ import { C as w } from "./ClearPropsContext-CD1-9TZA.js";
7
7
  import "./propsContext-Dx7WKmmM.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
- import { f as z } from "./flowComponent-pdauvORb.js";
10
+ import { f as z } from "./flowComponent-92d7kP4i.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-CVuHAKTy.js";
3
+ import { I as a } from "./Icon-D7MPmc4I.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-CVuHAKTy.js";
5
+ import { I as t } from "./Icon-D7MPmc4I.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 o from "react";
4
4
  import { IconChevronDown as r, IconChevronUp as t } from "@tabler/icons-react";
5
- import { I as n } from "./Icon-CVuHAKTy.js";
5
+ import { I as n } from "./Icon-D7MPmc4I.js";
6
6
  const I = (e) => /* @__PURE__ */ o.createElement(n, { ...e }, /* @__PURE__ */ o.createElement(r, null)), l = (e) => /* @__PURE__ */ o.createElement(n, { ...e }, /* @__PURE__ */ o.createElement(t, null));
7
7
  export {
8
8
  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-CVuHAKTy.js";
5
+ import { I as r } from "./Icon-D7MPmc4I.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 { IconCopy as t } from "@tabler/icons-react";
5
- import { I as r } from "./Icon-CVuHAKTy.js";
5
+ import { I as r } from "./Icon-D7MPmc4I.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-CVuHAKTy.js";
5
+ import { I as t } from "./Icon-D7MPmc4I.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 { IconMinus as t, IconPlus as c } from "@tabler/icons-react";
5
- import { I as o } from "./Icon-CVuHAKTy.js";
5
+ import { I as o } from "./Icon-D7MPmc4I.js";
6
6
  const r = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(t, null)), m = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(c, null));
7
7
  export {
8
8
  r 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-CVuHAKTy.js";
5
+ import { I as c } from "./Icon-D7MPmc4I.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
  I,
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconSquareCheck as n, IconSquare as o } from "@tabler/icons-react";
5
- import { I as t } from "./Icon-CVuHAKTy.js";
5
+ import { I as t } from "./Icon-D7MPmc4I.js";
6
6
  const l = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(n, null)), I = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(o, null));
7
7
  export {
8
8
  l 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-CVuHAKTy.js";
5
+ import { I as n } from "./Icon-D7MPmc4I.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,
package/dist/Icons.js CHANGED
@@ -2,16 +2,16 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconChevronRight as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as h, IconMail as p, IconExternalLink as f, IconFilter as C, IconEyeCancel as d, IconHome as S, IconList as L, IconPower as g, IconUsersGroup as x, IconBell as v, IconArchive as k, IconDice3 as D, IconSearch as $, IconListSearch as b, IconServer as w, IconSettings as H, IconEye as y, IconAdjustmentsHorizontal as A, IconDoor as B, IconHeadset as F, IconFileX as R, IconLayoutGrid as P } from "@tabler/icons-react";
5
- import { I as t } from "./Icon-CVuHAKTy.js";
6
- import { I as ge } from "./IconCheck-BBgaFuso.js";
7
- import { I as ve, a as ke } from "./IconUnchecked-Dh6R-VMa.js";
8
- import { I as $e, a as be } from "./IconChevronUp-WxE858Is.js";
9
- import { I as He } from "./IconClose-HOOYba0n.js";
10
- import { I as Ae } from "./IconCopy-D-X5JJSk.js";
11
- import { I as Fe } from "./IconDanger-BxaqoG1h.js";
12
- import { I as Pe, a as Te, b as je } from "./IconSucceeded-B0MTWMyT.js";
13
- import { I as Ue, a as We, b as Ge } from "./IconWarning-CwE-4DCj.js";
14
- import { I as ze, a as Ne } from "./IconPlus-C_KrGwcv.js";
5
+ import { I as t } from "./Icon-D7MPmc4I.js";
6
+ import { I as ge } from "./IconCheck-C_3X4AJ_.js";
7
+ import { I as ve, a as ke } from "./IconUnchecked-DFKAvzMH.js";
8
+ import { I as $e, a as be } from "./IconChevronUp-CT0CRmbO.js";
9
+ import { I as He } from "./IconClose-Dukg2r-O.js";
10
+ import { I as Ae } from "./IconCopy-B9yebcJo.js";
11
+ import { I as Fe } from "./IconDanger-Dm0XGnFW.js";
12
+ import { I as Pe, a as Te, b as je } from "./IconSucceeded-C_S9H4Jp.js";
13
+ import { I as Ue, a as We, b as Ge } from "./IconWarning-D8yJVvRX.js";
14
+ import { I as ze, a as Ne } from "./IconPlus-CzStbn7o.js";
15
15
  const U = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(o, null)), W = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(l, null)), G = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null)), V = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(a, null)), z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(r, null)), N = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(I, null)), X = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(m, null)), q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(s, null)), J = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(E, null)), K = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(u, null)), O = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(i, null)), Q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(h, null)), Y = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(p, null)), Z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(f, null)), _ = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(C, null)), ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(d, null)), ne = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(S, null)), te = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(L, null)), ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(g, null)), oe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(x, null)), le = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(v, null)), ae = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(k, null)), re = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(D, null)), Ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement($, null)), me = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(b, null)), se = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(w, null)), Ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(H, null)), ue = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(y, null)), ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(A, null)), he = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(B, null)), pe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(F, null)), fe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(R, null)), Ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(P, null)), de = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null));
16
16
  export {
17
17
  U as IconApp,
package/dist/Image.js CHANGED
@@ -5,7 +5,7 @@ import { C as r } from "./ClearPropsContext-CD1-9TZA.js";
5
5
  import "./propsContext-Dx7WKmmM.js";
6
6
  import "@react-aria/utils";
7
7
  import "remeda";
8
- import { f as m } from "./flowComponent-pdauvORb.js";
8
+ import { f as m } from "./flowComponent-92d7kP4i.js";
9
9
  const f = m("Image", (o) => {
10
10
  const e = o;
11
11
  return /* @__PURE__ */ t.createElement(r, null, /* @__PURE__ */ t.createElement("img", { ...e }));
package/dist/Initials.js CHANGED
@@ -7,7 +7,7 @@ import "./propsContext-Dx7WKmmM.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import { onlyText as f } from "react-children-utilities";
10
- import { f as C } from "./flowComponent-pdauvORb.js";
10
+ import { f as C } from "./flowComponent-92d7kP4i.js";
11
11
  const u = (i) => i.replace(/[^\p{L}\s]/giu, "").split(" ").map((t) => t.trim()[0]).filter((t) => t !== void 0).map((t) => t.toUpperCase()).slice(0, 2), x = "flow--initials", d = {
12
12
  initials: x
13
13
  }, h = C("Initials", (i) => {
@@ -7,8 +7,8 @@ import "@react-aria/utils";
7
7
  import "./propsContext-Dx7WKmmM.js";
8
8
  import "remeda";
9
9
  import f from "clsx";
10
- import { S as p } from "./StatusIcon-D5bsibLX.js";
11
- import { f as d } from "./flowComponent-pdauvORb.js";
10
+ import { S as p } from "./StatusIcon-BFfrWshd.js";
11
+ import { f as d } from "./flowComponent-92d7kP4i.js";
12
12
  const u = "flow--inline-alert", w = "flow--inline-alert--content", g = "flow--inline-alert--status-icon", C = "flow--inline-alert--heading", I = "flow--inline-alert--info", N = "flow--inline-alert--warning", h = "flow--inline-alert--danger", x = "flow--inline-alert--success", n = {
13
13
  inlineAlert: u,
14
14
  content: w,
@@ -8,7 +8,7 @@ import "./propsContext-Dx7WKmmM.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import { useLocalizedStringFormatter as b } from "react-aria";
11
- import { f } from "./flowComponent-pdauvORb.js";
11
+ import { f } from "./flowComponent-92d7kP4i.js";
12
12
  const C = "flow--label", L = {
13
13
  label: C
14
14
  }, E = {
package/dist/Label.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { L as e } from "./Label-YM0J0DAt.js";
3
+ import { L as e } from "./Label-BtthqZPA.js";
4
4
  export {
5
5
  e as Label,
6
6
  e as default
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import c from "react";
4
4
  import m from "clsx";
5
- import { f as n } from "./flowComponent-pdauvORb.js";
5
+ import { f as n } from "./flowComponent-92d7kP4i.js";
6
6
  const d = "flow--layout-card", u = {
7
7
  layoutCard: d
8
8
  }, p = n("LayoutCard", (t) => {
package/dist/Link.js CHANGED
@@ -7,7 +7,7 @@ import "./propsContext-Dx7WKmmM.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import f from "clsx";
10
- import { f as k } from "./flowComponent-pdauvORb.js";
10
+ import { f as k } from "./flowComponent-92d7kP4i.js";
11
11
  const d = "flow--link", C = "flow--link--inline", w = "flow--link--primary", u = "flow--link--danger", n = {
12
12
  link: d,
13
13
  inline: C,
package/dist/List.js CHANGED
@@ -5,21 +5,21 @@ var B = (i, t, e) => t in i ? V(i, t, { enumerable: !0, configurable: !0, writab
5
5
  var n = (i, t, e) => (B(i, typeof t != "symbol" ? t + "" : t, e), e);
6
6
  import r, { createContext as U, useContext as $, Suspense as D, createElement as x, useMemo as O, useEffect as I, isValidElement as H } from "react";
7
7
  import { useMessageFormatter as j, useLocalizedStringFormatter as q } from "react-aria";
8
- import { T as J } from "./Text-DpogSoua.js";
9
- import { B as b } from "./Button-DXziN1Zz.js";
8
+ import { T as J } from "./Text-Dts2bzGQ.js";
9
+ import { B as b } from "./Button-BnXrfuF-.js";
10
10
  import "@tabler/icons-react";
11
11
  import R from "clsx";
12
12
  import "html-react-parser";
13
13
  import "./propsContext-Dx7WKmmM.js";
14
14
  import "@react-aria/utils";
15
15
  import { times as K } from "remeda";
16
- import "./context-BzhxSFz9.js";
17
- import { useSignal as f } from "@preact/signals-react";
18
- import { useSignals as S } from "@preact/signals-react/runtime";
19
- import { a as G, I as Q } from "./IconChevronUp-WxE858Is.js";
20
- import { L as W } from "./Label-YM0J0DAt.js";
16
+ import "@mittwald/react-tunnel";
17
+ import { a as G, I as Q } from "./IconChevronUp-CT0CRmbO.js";
18
+ import { L as W } from "./Label-BtthqZPA.js";
21
19
  import { getProperty as X } from "dot-prop";
20
+ import { useSignal as f } from "@preact/signals-react";
22
21
  import { useReactTable as Y, getCoreRowModel as Z, getSortedRowModel as _, getFilteredRowModel as tt, getPaginationRowModel as et, getFacetedUniqueValues as at } from "@tanstack/react-table";
22
+ import { useSignals as S } from "@preact/signals-react/runtime";
23
23
  import it from "invariant";
24
24
  import { getAsyncResource as T } from "@mittwald/react-use-promise";
25
25
  import { deepFind as st, deepForEach as nt } from "react-children-utilities";
package/dist/Modal.js CHANGED
@@ -1,55 +1,37 @@
1
1
  "use client"
2
2
  /* */
3
- import * as r from "react-aria-components";
4
- import { DialogTrigger as H } from "react-aria-components";
5
- import e, { useContext as d } from "react";
6
- import p from "clsx";
3
+ import * as t from "react-aria-components";
4
+ import { DialogTrigger as O } from "react-aria-components";
5
+ import o, { useContext as p } from "react";
6
+ import f from "clsx";
7
7
  import "./propsContext-Dx7WKmmM.js";
8
- import { P as g } from "./PropsContextProvider-B6QiUIPM.js";
8
+ import { P as u } from "./PropsContextProvider-B6QiUIPM.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
- import { t as c } from "./context-BzhxSFz9.js";
12
- import { useSignal as v } from "@preact/signals-react";
13
- import { useSignals as w } from "@preact/signals-react/runtime";
14
- const z = (l) => {
15
- const { children: t } = l;
16
- return /* @__PURE__ */ e.createElement(
17
- c.Provider,
18
- {
19
- value: {
20
- nodes: v({})
21
- }
22
- },
23
- t
24
- );
25
- }, i = (l) => {
26
- const { children: t, id: n = "default" } = l;
27
- w();
28
- const { nodes: s } = d(c);
29
- return n === void 0 ? t : s.value[n] ?? t;
30
- }, E = "flow--modal", x = "flow--modal--dialog", y = "flow--modal--overlay", C = "flow--modal--button-group", N = "flow--modal--content", T = "flow--modal--panel", o = {
31
- modal: E,
11
+ import { TunnelProvider as g, TunnelExit as m } from "@mittwald/react-tunnel";
12
+ const w = "flow--modal", v = "flow--modal--dialog", z = "flow--modal--overlay", y = "flow--modal--button-group", E = "flow--modal--content", x = "flow--modal--panel", e = {
13
+ modal: w,
32
14
  "modal-zoom": "flow--modal--modal-zoom",
33
- dialog: x,
34
- overlay: y,
15
+ dialog: v,
16
+ overlay: z,
35
17
  "modal-fade": "flow--modal--modal-fade",
36
- buttonGroup: C,
37
- content: N,
18
+ buttonGroup: y,
19
+ content: E,
38
20
  "size-s": "flow--modal--size-s",
39
21
  "size-m": "flow--modal--size-m",
40
22
  "size-l": "flow--modal--size-l",
41
- panel: T,
23
+ panel: x,
42
24
  "modal-slide-in": "flow--modal--modal-slide-in",
43
25
  "modal-slide-up": "flow--modal--modal-slide-up"
44
- }, A = (l) => {
45
- const { size: t = "s", panel: n, ...s } = l, u = p(
46
- o.modal,
47
- o[`size-${t}`],
48
- n && o.panel
49
- ), f = {
26
+ }, D = (n) => {
27
+ const { size: r = "s", panel: s, ...d } = n, i = f(
28
+ e.modal,
29
+ e[`size-${r}`],
30
+ s && e.panel
31
+ ), c = {
50
32
  Content: {
51
33
  tunnelId: "content",
52
- elementType: e.Fragment
34
+ elementType: o.Fragment
53
35
  },
54
36
  Heading: {
55
37
  level: 2,
@@ -57,17 +39,17 @@ const z = (l) => {
57
39
  slot: "title"
58
40
  },
59
41
  ButtonGroup: {
60
- className: o.buttonGroup
42
+ className: e.buttonGroup
61
43
  }
62
- }, m = d(r.OverlayTriggerStateContext);
63
- let a = l.children;
64
- return typeof a == "function" && (a = a({
65
- close: (m == null ? void 0 : m.close) || (() => {
44
+ }, a = p(t.OverlayTriggerStateContext);
45
+ let l = n.children;
46
+ return typeof l == "function" && (l = l({
47
+ close: (a == null ? void 0 : a.close) || (() => {
66
48
  })
67
- })), /* @__PURE__ */ e.createElement(r.ModalOverlay, { className: o.overlay, ...s, isDismissable: !0 }, /* @__PURE__ */ e.createElement(r.Modal, { className: u }, /* @__PURE__ */ e.createElement(r.Dialog, { className: o.dialog }, /* @__PURE__ */ e.createElement(g, { props: f }, /* @__PURE__ */ e.createElement(z, null, /* @__PURE__ */ e.createElement("div", { className: o.content }, /* @__PURE__ */ e.createElement(i, { id: "title" }), /* @__PURE__ */ e.createElement(i, { id: "content" })), a)))));
49
+ })), /* @__PURE__ */ o.createElement(t.ModalOverlay, { className: e.overlay, ...d, isDismissable: !0 }, /* @__PURE__ */ o.createElement(t.Modal, { className: i }, /* @__PURE__ */ o.createElement(t.Dialog, { className: e.dialog }, /* @__PURE__ */ o.createElement(u, { props: c }, /* @__PURE__ */ o.createElement(g, null, /* @__PURE__ */ o.createElement("div", { className: e.content }, /* @__PURE__ */ o.createElement(m, { id: "title" }), /* @__PURE__ */ o.createElement(m, { id: "content" })), l)))));
68
50
  };
69
51
  export {
70
- A as Modal,
71
- H as ModalTrigger,
72
- A as default
52
+ D as Modal,
53
+ O as ModalTrigger,
54
+ D as default
73
55
  };
@@ -7,7 +7,7 @@ import { P as c } from "./PropsContextProvider-B6QiUIPM.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import * as l from "react-aria-components";
10
- import { f as v } from "./flowComponent-pdauvORb.js";
10
+ import { f as v } from "./flowComponent-92d7kP4i.js";
11
11
  const g = "flow--navigation", p = {
12
12
  navigation: g
13
13
  }, P = (n) => {
@@ -3,21 +3,19 @@
3
3
  import e from "react";
4
4
  import * as r from "react-aria-components";
5
5
  import { s as o } from "./FormField.module-DHK6nIcD.js";
6
- import p from "clsx";
7
- import { C as u } from "./ClearPropsContext-CD1-9TZA.js";
6
+ import u from "clsx";
7
+ import { C as p } from "./ClearPropsContext-CD1-9TZA.js";
8
8
  import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
9
9
  import "@react-aria/utils";
10
10
  import "./propsContext-Dx7WKmmM.js";
11
11
  import "remeda";
12
- import { F as f } from "./FieldError-BqM3R6B8.js";
13
- import { B as s } from "./Button-DXziN1Zz.js";
12
+ import { F as f } from "./FieldError-CQNWNYnn.js";
13
+ import { B as s } from "./Button-BnXrfuF-.js";
14
14
  import "@tabler/icons-react";
15
15
  import "html-react-parser";
16
- import "./context-BzhxSFz9.js";
17
- import "@preact/signals-react";
18
- import "@preact/signals-react/runtime";
19
- import { I as E, a as N } from "./IconChevronUp-WxE858Is.js";
20
- import { I, a as b } from "./IconPlus-C_KrGwcv.js";
16
+ import "@mittwald/react-tunnel";
17
+ import { I as E, a as N } from "./IconChevronUp-CT0CRmbO.js";
18
+ import { I, a as b } from "./IconPlus-CzStbn7o.js";
21
19
  const P = "flow--number-field--group", B = "flow--number-field--input", C = "flow--number-field--decrement-button", F = "flow--number-field--increment-button", w = "flow--number-field--coarse-pointer-icon", h = "flow--number-field--touch-icon", t = {
22
20
  group: P,
23
21
  input: B,
@@ -25,8 +23,8 @@ const P = "flow--number-field--group", B = "flow--number-field--input", C = "flo
25
23
  incrementButton: F,
26
24
  coarsePointerIcon: w,
27
25
  touchIcon: h
28
- }, J = (n) => {
29
- const { children: c, className: m, ...a } = n, l = p(o.formField, m), i = {
26
+ }, k = (n) => {
27
+ const { children: c, className: a, ...m } = n, l = u(o.formField, a), i = {
30
28
  Label: {
31
29
  className: o.label,
32
30
  optional: !n.isRequired
@@ -38,7 +36,7 @@ const P = "flow--number-field--group", B = "flow--number-field--input", C = "flo
38
36
  className: o.customFieldError
39
37
  }
40
38
  };
41
- return /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(r.NumberField, { ...a, className: l }, /* @__PURE__ */ e.createElement(r.Group, { className: t.group }, /* @__PURE__ */ e.createElement(
39
+ return /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement(r.NumberField, { ...m, className: l }, /* @__PURE__ */ e.createElement(r.Group, { className: t.group }, /* @__PURE__ */ e.createElement(
42
40
  s,
43
41
  {
44
42
  slot: "decrement",
@@ -63,6 +61,6 @@ const P = "flow--number-field--group", B = "flow--number-field--input", C = "flo
63
61
  )), /* @__PURE__ */ e.createElement(d, { props: i }, c), /* @__PURE__ */ e.createElement(f, { className: o.fieldError })));
64
62
  };
65
63
  export {
66
- J as NumberField,
67
- J as default
64
+ k as NumberField,
65
+ k as default
68
66
  };
@@ -7,21 +7,19 @@ import "./propsContext-Dx7WKmmM.js";
7
7
  import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
- import { F as p } from "./FieldError-BqM3R6B8.js";
10
+ import { F as p } from "./FieldError-CQNWNYnn.js";
11
11
  import "@tabler/icons-react";
12
12
  import "html-react-parser";
13
- import "./context-BzhxSFz9.js";
14
- import "@preact/signals-react";
15
- import "@preact/signals-react/runtime";
16
- import { I as f } from "./IconCheck-BBgaFuso.js";
13
+ import "@mittwald/react-tunnel";
14
+ import { I as f } from "./IconCheck-C_3X4AJ_.js";
17
15
  const u = "flow--radio-group", E = "flow--radio-group--label", N = "flow--radio-group--field-error", g = "flow--radio-group--custom-field-error", w = "flow--radio-group--field-description", r = {
18
16
  radioGroup: u,
19
17
  label: E,
20
18
  fieldError: N,
21
19
  customFieldError: g,
22
20
  fieldDescription: w
23
- }, q = (t) => {
24
- const { children: a, className: s, ...i } = t, c = m(r.radioGroup, s), l = {
21
+ }, T = (t) => {
22
+ const { children: a, className: s, ...c } = t, i = m(r.radioGroup, s), l = {
25
23
  Label: {
26
24
  className: r.label
27
25
  },
@@ -32,15 +30,15 @@ const u = "flow--radio-group", E = "flow--radio-group--label", N = "flow--radio-
32
30
  className: r.customFieldError
33
31
  }
34
32
  };
35
- return /* @__PURE__ */ o.createElement(n.RadioGroup, { ...i, className: c }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(p, { className: r.fieldError }));
33
+ return /* @__PURE__ */ o.createElement(n.RadioGroup, { ...c, className: i }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(p, { className: r.fieldError }));
36
34
  }, b = "flow--radio-group--radio", k = "flow--radio-group--radio--content", h = "flow--radio-group--radio--icon", C = "flow--radio-group--radio--checkmark", F = "flow--radio-group--radio--label", e = {
37
35
  radio: b,
38
36
  content: k,
39
37
  icon: h,
40
38
  checkmark: C,
41
39
  label: F
42
- }, z = (t) => {
43
- const { children: a, className: s, ...i } = t, c = m(e.radio, s), l = {
40
+ }, j = (t) => {
41
+ const { children: a, className: s, ...c } = t, i = m(e.radio, s), l = {
44
42
  Icon: {
45
43
  className: e.icon
46
44
  },
@@ -51,10 +49,10 @@ const u = "flow--radio-group", E = "flow--radio-group--label", N = "flow--radio-
51
49
  className: e.content
52
50
  }
53
51
  };
54
- return /* @__PURE__ */ o.createElement(n.Radio, { ...i, className: c }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(f, { className: e.checkmark }));
52
+ return /* @__PURE__ */ o.createElement(n.Radio, { ...c, className: i }, /* @__PURE__ */ o.createElement(d, { props: l }, a), /* @__PURE__ */ o.createElement(f, { className: e.checkmark }));
55
53
  };
56
54
  export {
57
- z as Radio,
58
- q as RadioGroup,
59
- q as default
55
+ j as Radio,
56
+ T as RadioGroup,
57
+ T as default
60
58
  };
@@ -2,13 +2,13 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import m from "clsx";
5
- import { S as l } from "./StatusIcon-D5bsibLX.js";
6
- import { T as u } from "./Text-DpogSoua.js";
5
+ import { S as l } from "./StatusIcon-BFfrWshd.js";
6
+ import { T as u } from "./Text-Dts2bzGQ.js";
7
7
  import { C as f } from "./ClearPropsContext-CD1-9TZA.js";
8
8
  import "./propsContext-Dx7WKmmM.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
- import { f as i } from "./flowComponent-pdauvORb.js";
11
+ import { f as i } from "./flowComponent-92d7kP4i.js";
12
12
  const d = "flow--status-badge", g = "flow--status-badge--text", p = "flow--status-badge--info", w = "flow--status-badge--success", x = "flow--status-badge--warning", b = "flow--status-badge--danger", s = {
13
13
  statusBadge: d,
14
14
  text: g,
@@ -8,13 +8,11 @@ import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
8
8
  import "./propsContext-Dx7WKmmM.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
- import "./context-BzhxSFz9.js";
12
- import "@preact/signals-react";
13
- import "@preact/signals-react/runtime";
14
- import { I as e } from "./IconDanger-BxaqoG1h.js";
15
- import { I as i, a as m, b as u } from "./IconWarning-CwE-4DCj.js";
11
+ import "@mittwald/react-tunnel";
12
+ import { I as e } from "./IconDanger-Dm0XGnFW.js";
13
+ import { I as i, a as m, b as u } from "./IconWarning-D8yJVvRX.js";
16
14
  import { useLocalizedStringFormatter as I } from "react-aria";
17
- const p = {
15
+ const f = {
18
16
  "de-DE": {
19
17
  "statusIcon.danger": "Fehler",
20
18
  "statusIcon.info": "Information",
@@ -27,15 +25,15 @@ const p = {
27
25
  "statusIcon.success": "Successful",
28
26
  "statusIcon.warning": "Warning"
29
27
  }
30
- }, f = {
28
+ }, g = {
31
29
  danger: e,
32
30
  info: i,
33
31
  success: m,
34
32
  warning: u
35
- }, N = (n) => {
36
- const { status: t = "info", ...r } = n, s = I(p).format(`statusIcon.${t}`), a = f[t];
33
+ }, L = (n) => {
34
+ const { status: t = "info", ...r } = n, s = I(f).format(`statusIcon.${t}`), a = g[t];
37
35
  return /* @__PURE__ */ o.createElement(c, null, /* @__PURE__ */ o.createElement(a, { "aria-label": s, ...r }));
38
36
  };
39
37
  export {
40
- N as S
38
+ L as S
41
39
  };
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { S as a } from "./StatusIcon-D5bsibLX.js";
3
+ import { S as a } from "./StatusIcon-BFfrWshd.js";
4
4
  export {
5
5
  a as StatusIcon,
6
6
  a as default
package/dist/Switch.js CHANGED
@@ -9,10 +9,10 @@ import { C as f } from "./ClearPropsContext-CD1-9TZA.js";
9
9
  import "./propsContext-Dx7WKmmM.js";
10
10
  import "@react-aria/utils";
11
11
  import "remeda";
12
- import { f as h } from "./flowComponent-pdauvORb.js";
13
- import { I as p } from "./IconCheck-BBgaFuso.js";
14
- import { I as w } from "./IconClose-HOOYba0n.js";
15
- import { L as d } from "./Label-YM0J0DAt.js";
12
+ import { f as h } from "./flowComponent-92d7kP4i.js";
13
+ import { I as p } from "./IconCheck-C_3X4AJ_.js";
14
+ import { I as w } from "./IconClose-Dukg2r-O.js";
15
+ import { L as d } from "./Label-BtthqZPA.js";
16
16
  const b = "flow--switch--track", E = "flow--switch--handle", C = "flow--switch--label", t = {
17
17
  switch: "flow--switch",
18
18
  "label-leading": "flow--switch--label-leading",
@@ -8,7 +8,7 @@ import "@react-aria/utils";
8
8
  import "./propsContext-Dx7WKmmM.js";
9
9
  import "remeda";
10
10
  import x from "invariant";
11
- import { f as T } from "./flowComponent-pdauvORb.js";
11
+ import { f as T } from "./flowComponent-92d7kP4i.js";
12
12
  const v = T("Text", (r) => {
13
13
  const { children: m, className: s, elementType: e = "span", ...i } = r, o = { ...i, className: s }, p = {
14
14
  Link: {
package/dist/Text.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { T as a } from "./Text-DpogSoua.js";
3
+ import { T as a } from "./Text-Dts2bzGQ.js";
4
4
  export {
5
5
  a as Text,
6
6
  a as default
package/dist/TextArea.js CHANGED
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as l from "react-aria-components";
5
- import { T as n } from "./TextFieldBase-B4BOYXb1.js";
5
+ import { T as n } from "./TextFieldBase-DbCROXKW.js";
6
6
  import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
7
7
  import "./propsContext-Dx7WKmmM.js";
8
8
  import "@react-aria/utils";
package/dist/TextField.js CHANGED
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import * as s from "react-aria-components";
5
- import { T as a } from "./TextFieldBase-B4BOYXb1.js";
5
+ import { T as a } from "./TextFieldBase-DbCROXKW.js";
6
6
  import { C as m } from "./ClearPropsContext-CD1-9TZA.js";
7
7
  import "./propsContext-Dx7WKmmM.js";
8
8
  import "@react-aria/utils";
@@ -9,7 +9,7 @@ import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
9
9
  import "@react-aria/utils";
10
10
  import "./propsContext-Dx7WKmmM.js";
11
11
  import "remeda";
12
- import { F as f } from "./FieldError-BqM3R6B8.js";
12
+ import { F as f } from "./FieldError-CQNWNYnn.js";
13
13
  const D = (o) => {
14
14
  const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {
15
15
  Label: {
@@ -0,0 +1,19 @@
1
+ "use client"
2
+ /* */
3
+ import e from "react";
4
+ import "./propsContext-Dx7WKmmM.js";
5
+ import { u as i } from "./useProps-U3eRrkW6.js";
6
+ import { TunnelEntry as c } from "@mittwald/react-tunnel";
7
+ function E(r, n) {
8
+ return function(o) {
9
+ const t = i(r, o);
10
+ if ("tunnelId" in t) {
11
+ const { tunnelId: m, ...u } = t;
12
+ return /* @__PURE__ */ e.createElement(c, { id: m }, /* @__PURE__ */ e.createElement(n, { ...u }));
13
+ }
14
+ return /* @__PURE__ */ e.createElement(n, { ...t });
15
+ };
16
+ }
17
+ export {
18
+ E as f
19
+ };
@@ -1,9 +1,7 @@
1
- import React, { ComponentPropsWithoutRef, PropsWithChildren } from "react";
1
+ import React from "react";
2
2
  import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
3
- type Level = 1 | 2 | 3 | 4 | 5 | 6;
4
- export interface HeadingProps extends PropsWithChildren, ComponentPropsWithoutRef<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">, FlowComponentProps {
5
- level?: Level;
6
- tunnelId?: string;
3
+ import * as Aria from "react-aria-components";
4
+ export interface HeadingProps extends Aria.HeadingProps, FlowComponentProps {
7
5
  }
8
6
  export declare const Heading: React.ComponentClass<HeadingProps & import("../../lib/types/props").PropsWithTunnel, any> | React.FunctionComponent<HeadingProps & import("../../lib/types/props").PropsWithTunnel>;
9
7
  export default Heading;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-react-components",
3
- "version": "0.1.0-alpha.50",
3
+ "version": "0.1.0-alpha.52",
4
4
  "type": "module",
5
5
  "description": "A React implementation of Flow, mittwald’s design system",
6
6
  "homepage": "https://mittwald.github.io/flow",
@@ -170,6 +170,7 @@
170
170
  "test:unit": "run vitest run"
171
171
  },
172
172
  "dependencies": {
173
+ "@mittwald/react-tunnel": "^0.1.0-alpha.51",
173
174
  "@mittwald/react-use-promise": "^2.3.12",
174
175
  "@preact/signals-react": "^2.0.1",
175
176
  "@react-aria/utils": "^3.23.2",
@@ -261,5 +262,5 @@
261
262
  "optional": true
262
263
  }
263
264
  },
264
- "gitHead": "1101c1b89d5d2b2ed6c0e3ecab13e98cb4d24647"
265
+ "gitHead": "7339d3ce93b0fca97688050f6f7959e801a5534e"
265
266
  }
@@ -1,7 +0,0 @@
1
- "use client"
2
- /* */
3
- import { createContext as t } from "react";
4
- const o = t({});
5
- export {
6
- o as t
7
- };
@@ -1,30 +0,0 @@
1
- "use client"
2
- /* */
3
- import u, { useContext as s, useLayoutEffect as a } from "react";
4
- import "./propsContext-Dx7WKmmM.js";
5
- import { u as c } from "./useProps-U3eRrkW6.js";
6
- import { t as f } from "./context-BzhxSFz9.js";
7
- import "@preact/signals-react";
8
- import "@preact/signals-react/runtime";
9
- const m = (r) => {
10
- const { children: e, id: n = "default" } = r, { nodes: t } = s(f);
11
- return a(() => {
12
- if (n !== void 0 && e !== t.value[n])
13
- return t.value = { ...t.value, [n]: e }, () => {
14
- t.value = { ...t.value, [n]: void 0 };
15
- };
16
- }, [e, n, t]), null;
17
- };
18
- function w(r, e) {
19
- return function(t) {
20
- const o = c(r, t);
21
- if ("tunnelId" in o) {
22
- const { tunnelId: l, ...i } = o;
23
- return /* @__PURE__ */ u.createElement(m, { id: l }, /* @__PURE__ */ u.createElement(e, { ...i }));
24
- }
25
- return /* @__PURE__ */ u.createElement(e, { ...o });
26
- };
27
- }
28
- export {
29
- w as f
30
- };
@@ -1,6 +0,0 @@
1
- import { FC, PropsWithChildren } from "react";
2
- interface Props extends PropsWithChildren {
3
- id?: string;
4
- }
5
- export declare const TunnelEntry: FC<Props>;
6
- export default TunnelEntry;
@@ -1,6 +0,0 @@
1
- import { FC, PropsWithChildren } from "react";
2
- interface Props extends PropsWithChildren {
3
- id?: string;
4
- }
5
- export declare const TunnelExit: FC<Props>;
6
- export default TunnelExit;
@@ -1,3 +0,0 @@
1
- import { FC, PropsWithChildren } from "react";
2
- export declare const TunnelProvider: FC<PropsWithChildren>;
3
- export default TunnelProvider;
@@ -1,8 +0,0 @@
1
- import { Signal } from "@preact/signals-react";
2
- import { ReactNode } from "react";
3
- export type TunnelNodes = Record<string, ReactNode>;
4
- export interface TunnelContext {
5
- nodes: Signal<TunnelNodes>;
6
- }
7
- export declare const tunnelContext: import("react").Context<TunnelContext>;
8
- export default tunnelContext;
@@ -1,3 +0,0 @@
1
- export { TunnelProvider } from "./components/TunnelProvider";
2
- export { TunnelEntry } from "./components/TunnelEntry";
3
- export { TunnelExit } from "./components/TunnelExit";