@mittwald/flow-react-components 0.1.0-alpha.41 → 0.1.0-alpha.42

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 (49) hide show
  1. package/dist/Avatar.js +1 -1
  2. package/dist/{Button-BmQ-57Vz.js → Button-FPl3fKiM.js} +5 -5
  3. package/dist/Button.js +1 -1
  4. package/dist/Checkbox.js +3 -3
  5. package/dist/Content.js +2 -2
  6. package/dist/CopyButton.js +5 -5
  7. package/dist/FieldDescription.js +3 -3
  8. package/dist/{FieldError-h_2c51Ws.js → FieldError-BK5ho6N9.js} +4 -4
  9. package/dist/FieldError.js +1 -1
  10. package/dist/Header.js +2 -2
  11. package/dist/Heading.js +2 -2
  12. package/dist/{Icon-pvbWA-vL.js → Icon-S-6j_Kl3.js} +2 -2
  13. package/dist/Icon.js +1 -1
  14. package/dist/{IconCheck-BhmzlVex.js → IconCheck-1PRSXamm.js} +1 -1
  15. package/dist/{IconClose-DP0Hbb0w.js → IconClose-D-8Y7fMZ.js} +1 -1
  16. package/dist/{IconCopy-f1oXwqHF.js → IconCopy-C1yg9WXZ.js} +1 -1
  17. package/dist/{IconDanger-DxWZvd65.js → IconDanger-Dd6HnAx9.js} +1 -1
  18. package/dist/{IconPlus-DQBvsCqr.js → IconPlus-C2E1lBEu.js} +1 -1
  19. package/dist/{IconSucceeded-Df3yoJLr.js → IconSucceeded-BvrlGH02.js} +1 -1
  20. package/dist/{IconUnchecked-CMZzDHYB.js → IconUnchecked-DuOQbrqC.js} +1 -1
  21. package/dist/{IconWarning-DhmOwBP9.js → IconWarning-h9MeCuZE.js} +1 -1
  22. package/dist/Icons.js +9 -9
  23. package/dist/Image.js +2 -2
  24. package/dist/Initials.js +2 -2
  25. package/dist/InlineAlert.js +3 -3
  26. package/dist/{Label-CoQ5dkQY.js → Label-B8RjhN8C.js} +2 -2
  27. package/dist/Label.js +1 -1
  28. package/dist/LabeledValue.js +1 -1
  29. package/dist/LayoutCard.js +2 -2
  30. package/dist/Link.js +2 -2
  31. package/dist/Navigation.js +2 -2
  32. package/dist/NumberField.js +5 -5
  33. package/dist/PropsContextProvider-C7Evvjhy.js +43 -0
  34. package/dist/RadioGroup.js +4 -4
  35. package/dist/Section.js +1 -1
  36. package/dist/StatusBadge.js +2 -2
  37. package/dist/{StatusIcon-BTmOqTZR.js → StatusIcon-ab4wFrRb.js} +4 -4
  38. package/dist/StatusIcon.js +1 -1
  39. package/dist/Switch.js +5 -5
  40. package/dist/{Text-BUVxBLdV.js → Text-B5YK5s7t.js} +2 -2
  41. package/dist/Text.js +1 -1
  42. package/dist/TextArea.js +1 -1
  43. package/dist/TextField.js +1 -1
  44. package/dist/{TextFieldBase-Ck-WpOdU.js → TextFieldBase-DSF3g83M.js} +2 -2
  45. package/dist/nextjs/LinkProvider.js +1 -1
  46. package/dist/useProps-d5Do2me4.js +69 -0
  47. package/package.json +2 -2
  48. package/dist/PropsContextProvider-C0o9mDtR.js +0 -29
  49. package/dist/useProps-DWCkDfxd.js +0 -67
package/dist/Avatar.js CHANGED
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import o, { isValidElement as l } from "react";
4
4
  import v from "clsx";
5
- import { P as m } from "./PropsContextProvider-C0o9mDtR.js";
5
+ import { P as m } from "./PropsContextProvider-C7Evvjhy.js";
6
6
  import "@react-aria/utils";
7
7
  import "remeda";
8
8
  import { hash as p } from "object-code";
@@ -3,13 +3,13 @@
3
3
  import o from "react";
4
4
  import * as y from "react-aria-components";
5
5
  import I from "clsx";
6
- import { P } from "./PropsContextProvider-C0o9mDtR.js";
7
- import { u as E } from "./useProps-DWCkDfxd.js";
6
+ import { P } from "./PropsContextProvider-C7Evvjhy.js";
7
+ import { u as E } from "./useProps-d5Do2me4.js";
8
8
  import "@tabler/icons-react";
9
- import "./Icon-pvbWA-vL.js";
9
+ import "./Icon-S-6j_Kl3.js";
10
10
  import "html-react-parser";
11
- import { b as N, I as S, a as C } from "./IconSucceeded-Df3yoJLr.js";
12
- import { T as F } from "./Text-BUVxBLdV.js";
11
+ import { b as N, I as S, a as C } from "./IconSucceeded-BvrlGH02.js";
12
+ import { T as F } from "./Text-B5YK5s7t.js";
13
13
  const h = "flow--button", z = "flow--button--icon", B = "flow--button--text", v = "flow--button--content", T = "flow--button--state-icon", D = "flow--button--is-succeeded", A = "flow--button--is-failed", R = "flow--button--is-pending", W = "flow--button--plain", _ = "flow--button--primary", $ = "flow--button--solid", j = "flow--button--accent", k = "flow--button--danger", q = "flow--button--secondary", G = "flow--button--soft", t = {
14
14
  button: h,
15
15
  icon: z,
package/dist/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { B as o } from "./Button-BmQ-57Vz.js";
3
+ import { B as o } from "./Button-FPl3fKiM.js";
4
4
  export {
5
5
  o as Button,
6
6
  o as default
package/dist/Checkbox.js CHANGED
@@ -4,12 +4,12 @@ import e from "react";
4
4
  import * as l from "react-aria-components";
5
5
  import n from "clsx";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-pvbWA-vL.js";
7
+ import "./Icon-S-6j_Kl3.js";
8
8
  import "html-react-parser";
9
- import "./PropsContextProvider-C0o9mDtR.js";
9
+ import "./PropsContextProvider-C7Evvjhy.js";
10
10
  import "@react-aria/utils";
11
11
  import "remeda";
12
- import { I as i, a as k } from "./IconUnchecked-CMZzDHYB.js";
12
+ import { I as i, a as k } from "./IconUnchecked-DuOQbrqC.js";
13
13
  const h = "flow--checkbox", c = {
14
14
  checkbox: h
15
15
  }, I = (o) => {
package/dist/Content.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
3
  import r from "react";
4
- import { p as l } from "./PropsContextProvider-C0o9mDtR.js";
4
+ import { p as l } from "./PropsContextProvider-C7Evvjhy.js";
5
5
  import "@react-aria/utils";
6
- import { u as m } from "./useProps-DWCkDfxd.js";
6
+ import { u as m } from "./useProps-d5Do2me4.js";
7
7
  const c = (e) => {
8
8
  const { children: t } = e;
9
9
  return /* @__PURE__ */ r.createElement(l.Provider, { value: {} }, t);
@@ -2,15 +2,15 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import n from "copy-to-clipboard";
5
- import { B as i } from "./Button-BmQ-57Vz.js";
5
+ import { B as i } from "./Button-FPl3fKiM.js";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-pvbWA-vL.js";
7
+ import "./Icon-S-6j_Kl3.js";
8
8
  import "clsx";
9
9
  import "html-react-parser";
10
- import "./PropsContextProvider-C0o9mDtR.js";
10
+ import "./PropsContextProvider-C7Evvjhy.js";
11
11
  import "@react-aria/utils";
12
- import { u as a } from "./useProps-DWCkDfxd.js";
13
- import { I as c } from "./IconCopy-f1oXwqHF.js";
12
+ import { u as a } from "./useProps-d5Do2me4.js";
13
+ import { I as c } from "./IconCopy-C1yg9WXZ.js";
14
14
  import { useLocalizedStringFormatter as l } from "react-aria";
15
15
  import { T as s } from "./Tooltip-Co5h9sSt.js";
16
16
  import { T as u } from "./TooltipTrigger-7-ynWHZ9.js";
@@ -2,10 +2,10 @@
2
2
  /* */
3
3
  import r from "react";
4
4
  import c from "clsx";
5
- import "./PropsContextProvider-C0o9mDtR.js";
5
+ import "./PropsContextProvider-C7Evvjhy.js";
6
6
  import "@react-aria/utils";
7
- import { u as l } from "./useProps-DWCkDfxd.js";
8
- import { T as n } from "./Text-BUVxBLdV.js";
7
+ import { u as l } from "./useProps-d5Do2me4.js";
8
+ import { T as n } from "./Text-B5YK5s7t.js";
9
9
  const p = "flow--field-description", m = {
10
10
  fieldDescription: p
11
11
  }, N = (e) => {
@@ -3,13 +3,13 @@
3
3
  import r from "react";
4
4
  import * as i from "react-aria-components";
5
5
  import a from "clsx";
6
- import "./PropsContextProvider-C0o9mDtR.js";
6
+ import "./PropsContextProvider-C7Evvjhy.js";
7
7
  import "@react-aria/utils";
8
- import { u as n } from "./useProps-DWCkDfxd.js";
8
+ import { u as n } from "./useProps-d5Do2me4.js";
9
9
  import "@tabler/icons-react";
10
- import "./Icon-pvbWA-vL.js";
10
+ import "./Icon-S-6j_Kl3.js";
11
11
  import "html-react-parser";
12
- import { I as c } from "./IconDanger-DxWZvd65.js";
12
+ import { I as c } from "./IconDanger-Dd6HnAx9.js";
13
13
  const p = "flow--field-error", f = {
14
14
  fieldError: p
15
15
  }, j = (o) => {
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { F as o } from "./FieldError-h_2c51Ws.js";
3
+ import { F as o } from "./FieldError-BK5ho6N9.js";
4
4
  export {
5
5
  o as FieldError,
6
6
  o as default
package/dist/Header.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
3
  import a from "react";
4
- import "./PropsContextProvider-C0o9mDtR.js";
4
+ import "./PropsContextProvider-C7Evvjhy.js";
5
5
  import "@react-aria/utils";
6
- import { u as n } from "./useProps-DWCkDfxd.js";
6
+ import { u as n } from "./useProps-d5Do2me4.js";
7
7
  const i = (e) => {
8
8
  const {
9
9
  children: r,
package/dist/Heading.js CHANGED
@@ -2,9 +2,9 @@
2
2
  /* */
3
3
  import m from "react";
4
4
  import c from "clsx";
5
- import "./PropsContextProvider-C0o9mDtR.js";
5
+ import "./PropsContextProvider-C7Evvjhy.js";
6
6
  import "@react-aria/utils";
7
- import { u as i } from "./useProps-DWCkDfxd.js";
7
+ import { u as i } from "./useProps-d5Do2me4.js";
8
8
  const l = "flow--heading", d = {
9
9
  heading: l
10
10
  }, N = (e) => {
@@ -3,9 +3,9 @@
3
3
  import s, { Children as f, useMemo as p } from "react";
4
4
  import g from "clsx";
5
5
  import d from "html-react-parser";
6
- import "./PropsContextProvider-C0o9mDtR.js";
6
+ import "./PropsContextProvider-C7Evvjhy.js";
7
7
  import "@react-aria/utils";
8
- import { u } from "./useProps-DWCkDfxd.js";
8
+ import { u } from "./useProps-d5Do2me4.js";
9
9
  const w = "flow--icon", c = {
10
10
  icon: w,
11
11
  "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-pvbWA-vL.js";
3
+ import { I as a } from "./Icon-S-6j_Kl3.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-pvbWA-vL.js";
5
+ import { I as t } from "./Icon-S-6j_Kl3.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 { IconX as t } from "@tabler/icons-react";
5
- import { I as r } from "./Icon-pvbWA-vL.js";
5
+ import { I as r } from "./Icon-S-6j_Kl3.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-pvbWA-vL.js";
5
+ import { I as r } from "./Icon-S-6j_Kl3.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-pvbWA-vL.js";
5
+ import { I as t } from "./Icon-S-6j_Kl3.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 n from "react";
4
4
  import { IconChevronDown as c, IconChevronUp as t, IconMinus as r, IconPlus as a } from "@tabler/icons-react";
5
- import { I as o } from "./Icon-pvbWA-vL.js";
5
+ import { I as o } from "./Icon-S-6j_Kl3.js";
6
6
  const m = (e) => /* @__PURE__ */ n.createElement(o, { ...e }, /* @__PURE__ */ n.createElement(c, null)), u = (e) => /* @__PURE__ */ n.createElement(o, { ...e }, /* @__PURE__ */ n.createElement(t, null)), E = (e) => /* @__PURE__ */ n.createElement(o, { ...e }, /* @__PURE__ */ n.createElement(r, null)), p = (e) => /* @__PURE__ */ n.createElement(o, { ...e }, /* @__PURE__ */ n.createElement(a, null));
7
7
  export {
8
8
  m 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-pvbWA-vL.js";
5
+ import { I as c } from "./Icon-S-6j_Kl3.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-pvbWA-vL.js";
5
+ import { I as t } from "./Icon-S-6j_Kl3.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-pvbWA-vL.js";
5
+ import { I as n } from "./Icon-S-6j_Kl3.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,15 +2,15 @@
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 C, IconFilter as d, IconEyeCancel as f, IconHome as S, IconList as L, IconPower as g, IconUsersGroup as v, IconBell as x, IconArchive as k, IconDice3 as D, IconSearch as b, IconListSearch as $, 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-pvbWA-vL.js";
6
- import { I as ge } from "./IconCheck-BhmzlVex.js";
7
- import { I as xe, a as ke } from "./IconUnchecked-CMZzDHYB.js";
8
- import { I as be, a as $e, b as we, c as He } from "./IconPlus-DQBvsCqr.js";
9
- import { I as Ae } from "./IconClose-DP0Hbb0w.js";
10
- import { I as Fe } from "./IconCopy-f1oXwqHF.js";
11
- import { I as Pe } from "./IconDanger-DxWZvd65.js";
12
- import { I as je, a as Me, b as Ue } from "./IconSucceeded-Df3yoJLr.js";
13
- import { I as Ge, a as Ve, b as ze } from "./IconWarning-DhmOwBP9.js";
5
+ import { I as t } from "./Icon-S-6j_Kl3.js";
6
+ import { I as ge } from "./IconCheck-1PRSXamm.js";
7
+ import { I as xe, a as ke } from "./IconUnchecked-DuOQbrqC.js";
8
+ import { I as be, a as $e, b as we, c as He } from "./IconPlus-C2E1lBEu.js";
9
+ import { I as Ae } from "./IconClose-D-8Y7fMZ.js";
10
+ import { I as Fe } from "./IconCopy-C1yg9WXZ.js";
11
+ import { I as Pe } from "./IconDanger-Dd6HnAx9.js";
12
+ import { I as je, a as Me, b as Ue } from "./IconSucceeded-BvrlGH02.js";
13
+ import { I as Ge, a as Ve, b as ze } from "./IconWarning-h9MeCuZE.js";
14
14
  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(C, null)), _ = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(d, null)), ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(f, 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(v, null)), le = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(x, 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(b, null)), me = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement($, 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)), Ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(R, null)), de = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(P, null)), fe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null));
15
15
  export {
16
16
  U as IconApp,
package/dist/Image.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
3
  import r from "react";
4
- import "./PropsContextProvider-C0o9mDtR.js";
4
+ import "./PropsContextProvider-C7Evvjhy.js";
5
5
  import "@react-aria/utils";
6
- import { u as t } from "./useProps-DWCkDfxd.js";
6
+ import { u as t } from "./useProps-d5Do2me4.js";
7
7
  const i = (e) => /* @__PURE__ */ r.createElement("img", { ...t("Image", e) });
8
8
  export {
9
9
  i as Image,
package/dist/Initials.js CHANGED
@@ -2,9 +2,9 @@
2
2
  /* */
3
3
  import s from "react";
4
4
  import m from "clsx";
5
- import "./PropsContextProvider-C0o9mDtR.js";
5
+ import "./PropsContextProvider-C7Evvjhy.js";
6
6
  import "@react-aria/utils";
7
- import { u as c } from "./useProps-DWCkDfxd.js";
7
+ import { u as c } from "./useProps-d5Do2me4.js";
8
8
  import { onlyText as p } from "react-children-utilities";
9
9
  const f = (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), u = "flow--initials", d = {
10
10
  initials: u
@@ -1,10 +1,10 @@
1
1
  "use client"
2
2
  /* */
3
3
  import e from "react";
4
- import { P as c } from "./PropsContextProvider-C0o9mDtR.js";
5
- import { u as m } from "./useProps-DWCkDfxd.js";
4
+ import { P as c } from "./PropsContextProvider-C7Evvjhy.js";
5
+ import { u as m } from "./useProps-d5Do2me4.js";
6
6
  import f from "clsx";
7
- import { S as u } from "./StatusIcon-BTmOqTZR.js";
7
+ import { S as u } from "./StatusIcon-ab4wFrRb.js";
8
8
  const d = "flow--inline-alert", p = "flow--inline-alert--content", g = "flow--inline-alert--status-icon", w = "flow--inline-alert--heading", I = "flow--inline-alert--info", N = "flow--inline-alert--warning", h = "flow--inline-alert--danger", A = "flow--inline-alert--success", n = {
9
9
  inlineAlert: d,
10
10
  content: p,
@@ -3,9 +3,9 @@
3
3
  import i from "react";
4
4
  import * as m from "react-aria-components";
5
5
  import c from "clsx";
6
- import "./PropsContextProvider-C0o9mDtR.js";
6
+ import "./PropsContextProvider-C7Evvjhy.js";
7
7
  import "@react-aria/utils";
8
- import { u as p } from "./useProps-DWCkDfxd.js";
8
+ import { u as p } from "./useProps-d5Do2me4.js";
9
9
  import { useLocalizedStringFormatter as b } from "react-aria";
10
10
  const f = "flow--label", L = {
11
11
  label: f
package/dist/Label.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { L as e } from "./Label-CoQ5dkQY.js";
3
+ import { L as e } from "./Label-B8RjhN8C.js";
4
4
  export {
5
5
  e as Label,
6
6
  e as default
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import l from "react";
4
4
  import r from "clsx";
5
- import { P as c } from "./PropsContextProvider-C0o9mDtR.js";
5
+ import { P as c } from "./PropsContextProvider-C7Evvjhy.js";
6
6
  import "@react-aria/utils";
7
7
  import "remeda";
8
8
  const b = "flow--labeled-value", m = "flow--labeled-value--button", u = "flow--labeled-value--label", e = {
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
3
  import m from "react";
4
- import "./PropsContextProvider-C0o9mDtR.js";
4
+ import "./PropsContextProvider-C7Evvjhy.js";
5
5
  import "@react-aria/utils";
6
- import { u as c } from "./useProps-DWCkDfxd.js";
6
+ import { u as c } from "./useProps-d5Do2me4.js";
7
7
  import n from "clsx";
8
8
  const u = "flow--layout-card", d = {
9
9
  layoutCard: u
package/dist/Link.js CHANGED
@@ -2,9 +2,9 @@
2
2
  /* */
3
3
  import m from "react";
4
4
  import * as c from "react-aria-components";
5
- import "./PropsContextProvider-C0o9mDtR.js";
5
+ import "./PropsContextProvider-C7Evvjhy.js";
6
6
  import "@react-aria/utils";
7
- import { u as k } from "./useProps-DWCkDfxd.js";
7
+ import { u as k } from "./useProps-d5Do2me4.js";
8
8
  import p from "clsx";
9
9
  const f = "flow--link", d = "flow--link--inline", u = "flow--link--primary", w = "flow--link--danger", n = {
10
10
  link: f,
@@ -2,8 +2,8 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import c from "clsx";
5
- import { P as l } from "./PropsContextProvider-C0o9mDtR.js";
6
- import { u as m } from "./useProps-DWCkDfxd.js";
5
+ import { P as l } from "./PropsContextProvider-C7Evvjhy.js";
6
+ import { u as m } from "./useProps-d5Do2me4.js";
7
7
  import * as v from "react-aria-components";
8
8
  const g = "flow--navigation", p = {
9
9
  navigation: g
@@ -4,15 +4,15 @@ 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
6
  import u from "clsx";
7
- import { P as p } from "./PropsContextProvider-C0o9mDtR.js";
7
+ import { P as p } from "./PropsContextProvider-C7Evvjhy.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
- import { F as d } from "./FieldError-h_2c51Ws.js";
11
- import { B as s } from "./Button-BmQ-57Vz.js";
10
+ import { F as d } from "./FieldError-BK5ho6N9.js";
11
+ import { B as s } from "./Button-FPl3fKiM.js";
12
12
  import "@tabler/icons-react";
13
- import "./Icon-pvbWA-vL.js";
13
+ import "./Icon-S-6j_Kl3.js";
14
14
  import "html-react-parser";
15
- import { I as f, b as E, a as N, c as b } from "./IconPlus-DQBvsCqr.js";
15
+ import { I as f, b as E, a as N, c as b } from "./IconPlus-C2E1lBEu.js";
16
16
  const I = "flow--number-field--group", B = "flow--number-field--input", F = "flow--number-field--decrement-button", P = "flow--number-field--increment-button", w = "flow--number-field--coarse-pointer-icon", h = "flow--number-field--touch-icon", t = {
17
17
  group: I,
18
18
  input: B,
@@ -0,0 +1,43 @@
1
+ "use client"
2
+ /* */
3
+ import C, { createContext as h, useContext as u, useMemo as c, isValidElement as d, cloneElement as x } from "react";
4
+ import { mergeProps as f } from "@react-aria/utils";
5
+ const i = h({}), g = (r, o) => {
6
+ const t = Object.keys({
7
+ ...r,
8
+ ...o
9
+ });
10
+ return Object.fromEntries(
11
+ t.map((e) => [
12
+ e,
13
+ f(
14
+ r[e],
15
+ o[e]
16
+ )
17
+ ])
18
+ );
19
+ }, b = (r) => {
20
+ const {
21
+ props: o,
22
+ dependencies: t = [],
23
+ children: e,
24
+ ...n
25
+ } = r, s = u(i), a = c(
26
+ () => g(s, o),
27
+ [s, ...t]
28
+ ), p = d(e) ? {
29
+ ...n,
30
+ ...e.props
31
+ } : n, l = [
32
+ e,
33
+ ...Object.entries(p).flatMap((P) => P)
34
+ ], m = c(
35
+ () => d(e) ? x(e, p) : e,
36
+ l
37
+ );
38
+ return /* @__PURE__ */ C.createElement(i.Provider, { value: a }, m);
39
+ };
40
+ export {
41
+ b as P,
42
+ i as p
43
+ };
@@ -3,14 +3,14 @@
3
3
  import o from "react";
4
4
  import * as n from "react-aria-components";
5
5
  import d from "clsx";
6
- import { P as m } from "./PropsContextProvider-C0o9mDtR.js";
6
+ import { P as m } from "./PropsContextProvider-C7Evvjhy.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
- import { F as p } from "./FieldError-h_2c51Ws.js";
9
+ import { F as p } from "./FieldError-BK5ho6N9.js";
10
10
  import "@tabler/icons-react";
11
- import "./Icon-pvbWA-vL.js";
11
+ import "./Icon-S-6j_Kl3.js";
12
12
  import "html-react-parser";
13
- import { I as f } from "./IconCheck-BhmzlVex.js";
13
+ import { I as f } from "./IconCheck-1PRSXamm.js";
14
14
  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 = {
15
15
  radioGroup: u,
16
16
  label: E,
package/dist/Section.js CHANGED
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import i from "clsx";
5
- import { P as l } from "./PropsContextProvider-C0o9mDtR.js";
5
+ import { P as l } from "./PropsContextProvider-C7Evvjhy.js";
6
6
  import "@react-aria/utils";
7
7
  import "remeda";
8
8
  const m = "flow--section", p = "flow--section--header", o = {
@@ -2,8 +2,8 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import l from "clsx";
5
- import { S as u } from "./StatusIcon-BTmOqTZR.js";
6
- import { T as d } from "./Text-BUVxBLdV.js";
5
+ import { S as u } from "./StatusIcon-ab4wFrRb.js";
6
+ import { T as d } from "./Text-B5YK5s7t.js";
7
7
  const g = "flow--status-badge", m = "flow--status-badge--text", f = "flow--status-badge--info", i = "flow--status-badge--success", w = "flow--status-badge--warning", x = "flow--status-badge--danger", s = {
8
8
  statusBadge: g,
9
9
  text: m,
@@ -2,14 +2,14 @@
2
2
  /* */
3
3
  import a from "react";
4
4
  import "@tabler/icons-react";
5
- import "./Icon-pvbWA-vL.js";
5
+ import "./Icon-S-6j_Kl3.js";
6
6
  import "clsx";
7
7
  import "html-react-parser";
8
- import "./PropsContextProvider-C0o9mDtR.js";
8
+ import "./PropsContextProvider-C7Evvjhy.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
- import { I as c } from "./IconDanger-DxWZvd65.js";
12
- import { I as e, a as i, b as m } from "./IconWarning-DhmOwBP9.js";
11
+ import { I as c } from "./IconDanger-Dd6HnAx9.js";
12
+ import { I as e, a as i, b as m } from "./IconWarning-h9MeCuZE.js";
13
13
  import { useLocalizedStringFormatter as u } from "react-aria";
14
14
  const I = {
15
15
  "de-DE": {
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { S as a } from "./StatusIcon-BTmOqTZR.js";
3
+ import { S as a } from "./StatusIcon-ab4wFrRb.js";
4
4
  export {
5
5
  a as StatusIcon,
6
6
  a as default
package/dist/Switch.js CHANGED
@@ -4,14 +4,14 @@ import e from "react";
4
4
  import * as m from "react-aria-components";
5
5
  import n from "clsx";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-pvbWA-vL.js";
7
+ import "./Icon-S-6j_Kl3.js";
8
8
  import "html-react-parser";
9
- import "./PropsContextProvider-C0o9mDtR.js";
9
+ import "./PropsContextProvider-C7Evvjhy.js";
10
10
  import "@react-aria/utils";
11
11
  import "remeda";
12
- import { I as h } from "./IconCheck-BhmzlVex.js";
13
- import { I as w } from "./IconClose-DP0Hbb0w.js";
14
- import { L as p } from "./Label-CoQ5dkQY.js";
12
+ import { I as h } from "./IconCheck-1PRSXamm.js";
13
+ import { I as w } from "./IconClose-D-8Y7fMZ.js";
14
+ import { L as p } from "./Label-B8RjhN8C.js";
15
15
  const f = "flow--switch--track", d = "flow--switch--handle", b = "flow--switch--label", t = {
16
16
  switch: "flow--switch",
17
17
  "label-leading": "flow--switch--label-leading",
@@ -2,8 +2,8 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as p from "react-aria-components";
5
- import { P as l } from "./PropsContextProvider-C0o9mDtR.js";
6
- import { u as x } from "./useProps-DWCkDfxd.js";
5
+ import { P as l } from "./PropsContextProvider-C7Evvjhy.js";
6
+ import { u as x } from "./useProps-d5Do2me4.js";
7
7
  const P = (t) => {
8
8
  const {
9
9
  children: s,
package/dist/Text.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { T as a } from "./Text-BUVxBLdV.js";
3
+ import { T as a } from "./Text-B5YK5s7t.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-Ck-WpOdU.js";
5
+ import { T as n } from "./TextFieldBase-DSF3g83M.js";
6
6
  const m = "flow--text-area", x = {
7
7
  textArea: m
8
8
  }, A = (t) => {
package/dist/TextField.js CHANGED
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as a from "react-aria-components";
5
- import { T as i } from "./TextFieldBase-Ck-WpOdU.js";
5
+ import { T as i } from "./TextFieldBase-DSF3g83M.js";
6
6
  const c = "flow--text-field", n = {
7
7
  textField: c
8
8
  }, p = (t) => {
@@ -4,10 +4,10 @@ import r from "react";
4
4
  import * as c from "react-aria-components";
5
5
  import { s as e } from "./FormField.module-DHK6nIcD.js";
6
6
  import p from "clsx";
7
- import { P as n } from "./PropsContextProvider-C0o9mDtR.js";
7
+ import { P as n } from "./PropsContextProvider-C7Evvjhy.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
- import { F as d } from "./FieldError-h_2c51Ws.js";
10
+ import { F as d } from "./FieldError-BK5ho6N9.js";
11
11
  const P = (o) => {
12
12
  const { children: s, className: t, input: a, ...i } = o, l = p(e.formField, t), m = {
13
13
  Label: {
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  /* */
3
3
  import o, { forwardRef as i } from "react";
4
- import { P as m } from "../PropsContextProvider-C0o9mDtR.js";
4
+ import { P as m } from "../PropsContextProvider-C7Evvjhy.js";
5
5
  import "@react-aria/utils";
6
6
  import "remeda";
7
7
  import a from "next/link";
@@ -0,0 +1,69 @@
1
+ "use client"
2
+ /* */
3
+ import { mergeProps as s } from "@react-aria/utils";
4
+ import p, { isValidElement as u, useContext as c } from "react";
5
+ import { P as d, p as m } from "./PropsContextProvider-C7Evvjhy.js";
6
+ import { pickBy as a } from "remeda";
7
+ function C(t) {
8
+ return !!t && typeof t == "object" && "__dynamicProp" in t;
9
+ }
10
+ const l = {
11
+ Text: !0,
12
+ Button: !0,
13
+ CopyButton: !0,
14
+ Header: !0,
15
+ Icon: !0,
16
+ Label: !0,
17
+ Content: !0,
18
+ LayoutCard: !0,
19
+ NavigationItem: !0,
20
+ Heading: !0,
21
+ InlineAlert: !0,
22
+ Link: !0,
23
+ Initials: !0,
24
+ Image: !0,
25
+ FieldError: !0,
26
+ FieldDescription: !0,
27
+ TestComponent: !0
28
+ }, f = Object.keys(
29
+ l
30
+ );
31
+ function i(t) {
32
+ return typeof t == "string" && f.includes(t);
33
+ }
34
+ function y(t) {
35
+ return !i(t);
36
+ }
37
+ const P = (t, r) => {
38
+ const e = {};
39
+ for (const n in t)
40
+ if (y(n)) {
41
+ const o = t[n];
42
+ C(o) ? e[n] = o.__dynamicProp(r) : e[n] = o;
43
+ }
44
+ return e;
45
+ };
46
+ function x(t) {
47
+ return !!t && typeof t == "object" && "children" in t && !!t.children;
48
+ }
49
+ const h = (t) => a(t, (r, e) => i(e)), v = (t, r) => {
50
+ if (!x(r))
51
+ return {};
52
+ const e = r.children;
53
+ if (!Array.isArray(e) && !u(e))
54
+ return {};
55
+ const n = h(t);
56
+ return Object.keys(n).length === 0 ? {} : {
57
+ children: /* @__PURE__ */ p.createElement(d, { props: n }, r.children)
58
+ };
59
+ }, E = (t, r) => {
60
+ const e = c(m)[t], n = e ? P(e, r) : void 0, o = e ? v(e, r) : void 0;
61
+ return s(
62
+ n,
63
+ r,
64
+ o
65
+ );
66
+ };
67
+ export {
68
+ E as u
69
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-react-components",
3
- "version": "0.1.0-alpha.41",
3
+ "version": "0.1.0-alpha.42",
4
4
  "type": "module",
5
5
  "description": "A React implementation of Flow, mittwald’s design system",
6
6
  "homepage": "https://mittwald.github.io/flow",
@@ -232,5 +232,5 @@
232
232
  "optional": true
233
233
  }
234
234
  },
235
- "gitHead": "c6a35419df441f7b0865519427836eff2ee6d3ab"
235
+ "gitHead": "835fb2130c3a17de560c02f9c970d1663872eaa1"
236
236
  }
@@ -1,29 +0,0 @@
1
- "use client"
2
- /* */
3
- import c, { createContext as m, useContext as P, useMemo as a } from "react";
4
- import { mergeProps as d } from "@react-aria/utils";
5
- const n = m({}), i = (r, t) => {
6
- const o = Object.keys({
7
- ...r,
8
- ...t
9
- });
10
- return Object.fromEntries(
11
- o.map((e) => [
12
- e,
13
- d(
14
- r[e],
15
- t[e]
16
- )
17
- ])
18
- );
19
- }, C = (r) => {
20
- const { props: t, dependencies: o = [], children: e } = r, s = P(n), p = a(
21
- () => i(s, t),
22
- [s, ...o]
23
- );
24
- return /* @__PURE__ */ c.createElement(n.Provider, { value: p }, e);
25
- };
26
- export {
27
- C as P,
28
- n as p
29
- };
@@ -1,67 +0,0 @@
1
- "use client"
2
- /* */
3
- import { mergeProps as p } from "@react-aria/utils";
4
- import s, { useContext as u } from "react";
5
- import { P as c, p as d } from "./PropsContextProvider-C0o9mDtR.js";
6
- import { pickBy as a } from "remeda";
7
- function m(t) {
8
- return !!t && typeof t == "object" && "__dynamicProp" in t;
9
- }
10
- const C = {
11
- Text: !0,
12
- Button: !0,
13
- CopyButton: !0,
14
- Icon: !0,
15
- Label: !0,
16
- Content: !0,
17
- LayoutCard: !0,
18
- Navigation: !0,
19
- NavigationItem: !0,
20
- Heading: !0,
21
- InlineAlert: !0,
22
- Link: !0,
23
- Initials: !0,
24
- Image: !0,
25
- FieldError: !0,
26
- FieldDescription: !0,
27
- TestComponent: !0
28
- }, f = Object.keys(
29
- C
30
- );
31
- function i(t) {
32
- return typeof t == "string" && f.includes(t);
33
- }
34
- function l(t) {
35
- return !i(t);
36
- }
37
- const y = (t, r) => {
38
- const e = {};
39
- for (const n in t)
40
- if (l(n)) {
41
- const o = t[n];
42
- m(o) ? e[n] = o.__dynamicProp(r) : e[n] = o;
43
- }
44
- return e;
45
- };
46
- function P(t) {
47
- return !!t && typeof t == "object" && "children" in t && !!t.children;
48
- }
49
- const x = (t) => a(t, (r, e) => i(e)), h = (t, r) => {
50
- const e = {};
51
- if (!P(r) || typeof r.children != "object")
52
- return e;
53
- const n = x(t);
54
- return {
55
- children: /* @__PURE__ */ s.createElement(c, { props: n }, r.children)
56
- };
57
- }, I = (t, r) => {
58
- const e = u(d)[t], n = e ? y(e, r) : void 0, o = e ? h(e, r) : void 0;
59
- return p(
60
- n,
61
- r,
62
- o
63
- );
64
- };
65
- export {
66
- I as u
67
- };