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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/{Button-Byf2Pi9z.js → Button-CUr754ra.js} +38 -34
  2. package/dist/Button.js +1 -1
  3. package/dist/ContextMenu.js +2 -2
  4. package/dist/ContextMenuItem-7xGNJkkK.js +66 -0
  5. package/dist/CopyButton.js +1 -1
  6. package/dist/EmulatedBoldText-Dtox8Wd1.js +14 -0
  7. package/dist/FieldDescription.js +1 -1
  8. package/dist/HeaderNavigation.js +34 -0
  9. package/dist/List.js +10 -10
  10. package/dist/NumberField.js +1 -1
  11. package/dist/Popover-MmxZkKu3.js +15 -0
  12. package/dist/Popover.js +7 -0
  13. package/dist/Select.js +57 -0
  14. package/dist/StatusBadge.js +1 -1
  15. package/dist/Tabs.js +8 -8
  16. package/dist/Text-2sThcKor.js +37 -0
  17. package/dist/Text.js +1 -1
  18. package/dist/styles.css +1 -1
  19. package/dist/types/components/ContextMenu/ContextMenu.d.ts +3 -2
  20. package/dist/types/components/HeaderNavigation/HeaderNavigation.d.ts +7 -0
  21. package/dist/types/components/HeaderNavigation/index.d.ts +4 -0
  22. package/dist/types/components/HeaderNavigation/stories/Default.stories.d.ts +8 -0
  23. package/dist/types/components/Popover/Popover.d.ts +7 -0
  24. package/dist/types/components/Popover/index.d.ts +4 -0
  25. package/dist/types/components/Popover/stories/Default.stories.d.ts +7 -0
  26. package/dist/types/components/Select/Select.d.ts +10 -0
  27. package/dist/types/components/Select/components/Option/Option.d.ts +7 -0
  28. package/dist/types/components/Select/components/Option/index.d.ts +4 -0
  29. package/dist/types/components/Select/components/Options/Options.d.ts +8 -0
  30. package/dist/types/components/Select/components/Options/index.d.ts +4 -0
  31. package/dist/types/components/Select/index.d.ts +6 -0
  32. package/dist/types/components/Select/stories/Default.stories.d.ts +12 -0
  33. package/dist/types/components/Select/stories/EdgeCases.stories.d.ts +7 -0
  34. package/package.json +15 -3
  35. package/dist/ContextMenuItem-jQjIDLgf.js +0 -67
  36. package/dist/Text-BdJNMX4h.js +0 -43
@@ -1,8 +1,8 @@
1
1
  "use client"
2
2
  /* */
3
3
  import n from "react";
4
- import * as p from "react-aria-components";
5
- import v from "clsx";
4
+ import * as E from "react-aria-components";
5
+ import p from "clsx";
6
6
  import { C as x } from "./ClearPropsContext-CeCMjUK9.js";
7
7
  import { P as C } from "./PropsContextProvider-BcOGMJkn.js";
8
8
  import "@react-aria/utils";
@@ -12,27 +12,28 @@ import "@tabler/icons-react";
12
12
  import "html-react-parser";
13
13
  import { f as I } from "./flowComponent-Dfn_Z9Yx.js";
14
14
  import { I as N, a as h, b as z } from "./IconSucceeded-CENvDJzH.js";
15
- import { W as l } from "./Wrap-DGT1h1o3.js";
16
- import { T as B } from "./Text-BdJNMX4h.js";
17
- import { useLocalizedStringFormatter as D } from "react-aria";
18
- const L = "flow--button", T = "flow--button--icon", A = "flow--button--text", K = "flow--button--content", U = "flow--button--state-icon", W = "flow--button--is-succeeded", $ = "flow--button--is-failed", R = "flow--button--is-pending", j = "flow--button--plain", k = "flow--button--primary", q = "flow--button--solid", G = "flow--button--accent", H = "flow--button--danger", J = "flow--button--secondary", M = "flow--button--soft", e = {
19
- button: L,
15
+ import { W as d } from "./Wrap-DGT1h1o3.js";
16
+ import { T as B } from "./Text-2sThcKor.js";
17
+ import { useLocalizedStringFormatter as A } from "react-aria";
18
+ const D = "flow--button", L = "flow--button--avatar", T = "flow--button--icon", K = "flow--button--text", U = "flow--button--content", W = "flow--button--state-icon", $ = "flow--button--is-succeeded", R = "flow--button--is-failed", j = "flow--button--is-pending", k = "flow--button--plain", q = "flow--button--primary", G = "flow--button--solid", H = "flow--button--accent", J = "flow--button--danger", M = "flow--button--secondary", O = "flow--button--soft", e = {
19
+ button: D,
20
+ avatar: L,
20
21
  icon: T,
21
- text: A,
22
- content: K,
23
- stateIcon: U,
22
+ text: K,
23
+ content: U,
24
+ stateIcon: W,
24
25
  "size-s": "flow--button--size-s",
25
- isSucceeded: W,
26
- isFailed: $,
27
- isPending: R,
28
- plain: j,
29
- primary: k,
30
- solid: q,
31
- accent: G,
32
- danger: H,
33
- secondary: J,
34
- soft: M
35
- }, O = {
26
+ isSucceeded: $,
27
+ isFailed: R,
28
+ isPending: j,
29
+ plain: k,
30
+ primary: q,
31
+ solid: G,
32
+ accent: H,
33
+ danger: J,
34
+ secondary: M,
35
+ soft: O
36
+ }, Q = {
36
37
  "de-DE": {
37
38
  "button.isFailed": "Fehlgeschlagen",
38
39
  "button.isPending": "Ausstehend",
@@ -43,30 +44,30 @@ const L = "flow--button", T = "flow--button--icon", A = "flow--button--text", K
43
44
  "button.isPending": "Pending",
44
45
  "button.isSucceeded": "Succeeded"
45
46
  }
46
- }, Q = (t) => ((t.isPending || t.isSucceeded || t.isFailed) && (t = { ...t }, t.onPress = void 0, t.onPressStart = void 0, t.onPressEnd = void 0, t.onPressChange = void 0, t.onPressUp = void 0, t.onKeyDown = void 0, t.onKeyUp = void 0), t), dt = I("Button", (t) => {
47
- t = Q(t);
47
+ }, V = (t) => ((t.isPending || t.isSucceeded || t.isFailed) && (t = { ...t }, t.onPress = void 0, t.onPressStart = void 0, t.onPressEnd = void 0, t.onPressChange = void 0, t.onPressUp = void 0, t.onKeyDown = void 0, t.onKeyUp = void 0), t), dt = I("Button", (t) => {
48
+ t = V(t);
48
49
  const {
49
50
  variant: m = "primary",
50
51
  style: u = "solid",
51
- children: a,
52
+ children: c,
52
53
  className: f,
53
54
  size: i = "m",
54
- isPending: c,
55
+ isPending: a,
55
56
  isDisabled: b,
56
57
  isSucceeded: o,
57
58
  isFailed: s,
58
59
  "aria-label": g,
59
60
  ...P
60
- } = t, w = v(
61
+ } = t, w = p(
61
62
  e.button,
62
- c && e.isPending,
63
+ a && e.isPending,
63
64
  o && e.isSucceeded,
64
65
  s && e.isFailed,
65
66
  e[`size-${i}`],
66
67
  e[m],
67
68
  e[u],
68
69
  f
69
- ), S = {
70
+ ), v = {
70
71
  Icon: {
71
72
  className: e.icon,
72
73
  "aria-hidden": !0,
@@ -74,20 +75,23 @@ const L = "flow--button", T = "flow--button--icon", A = "flow--button--text", K
74
75
  },
75
76
  Text: {
76
77
  className: e.text
78
+ },
79
+ Avatar: {
80
+ className: e.avatar
77
81
  }
78
- }, F = D(O), y = o || s || c ? F.format(
82
+ }, S = A(Q), F = o || s || a ? S.format(
79
83
  `button.${o ? "isSucceeded" : s ? "isFailed" : "isPending"}`
80
- ) : void 0, r = o ? N : s ? h : c ? z : void 0, d = r && /* @__PURE__ */ n.createElement(r, { size: i, className: e.stateIcon }), E = typeof a == "string";
84
+ ) : void 0, r = o ? N : s ? h : a ? z : void 0, l = r && /* @__PURE__ */ n.createElement(r, { size: i, className: e.stateIcon }), y = typeof c == "string";
81
85
  return /* @__PURE__ */ n.createElement(x, null, /* @__PURE__ */ n.createElement(
82
- p.Button,
86
+ E.Button,
83
87
  {
84
88
  className: w,
85
89
  isDisabled: b,
86
- "aria-label": y ?? g,
90
+ "aria-label": F ?? g,
87
91
  ...P
88
92
  },
89
- /* @__PURE__ */ n.createElement(l, { if: d }, /* @__PURE__ */ n.createElement("span", { className: e.content }, /* @__PURE__ */ n.createElement(l, { if: E }, /* @__PURE__ */ n.createElement(B, null, /* @__PURE__ */ n.createElement(C, { props: S }, a))))),
90
- d
93
+ /* @__PURE__ */ n.createElement(d, { if: l }, /* @__PURE__ */ n.createElement("span", { className: e.content }, /* @__PURE__ */ n.createElement(d, { if: y }, /* @__PURE__ */ n.createElement(B, null, /* @__PURE__ */ n.createElement(C, { props: v }, c))))),
94
+ l
91
95
  ));
92
96
  });
93
97
  export {
package/dist/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { B as o } from "./Button-Byf2Pi9z.js";
3
+ import { B as o } from "./Button-CUr754ra.js";
4
4
  export {
5
5
  o as Button,
6
6
  o as default
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as t } from "./ContextMenuItem-jQjIDLgf.js";
4
- import { a as n } from "./ContextMenuItem-jQjIDLgf.js";
3
+ import { C as t } from "./ContextMenuItem-7xGNJkkK.js";
4
+ import { a as n } from "./ContextMenuItem-7xGNJkkK.js";
5
5
  import { MenuTrigger as x } from "react-aria-components";
6
6
  export {
7
7
  t as ContextMenu,
@@ -0,0 +1,66 @@
1
+ "use client"
2
+ /* */
3
+ import e from "react";
4
+ import * as i from "react-aria-components";
5
+ import { f as u } from "./flowComponent-Dfn_Z9Yx.js";
6
+ import { P as x } from "./Popover-MmxZkKu3.js";
7
+ import f from "clsx";
8
+ import "./propsContext-CauylOgH.js";
9
+ import { P as d } from "./PropsContextProvider-BcOGMJkn.js";
10
+ import "@react-aria/utils";
11
+ import "remeda";
12
+ import "@tabler/icons-react";
13
+ import "html-react-parser";
14
+ import "@mittwald/react-tunnel";
15
+ import { I as C, a as I } from "./IconCheckboxEmpty-BYBEifGn.js";
16
+ import { I as M, a as E } from "./IconRadioOn-VUVt3QQC.js";
17
+ import { T as a } from "./Text-2sThcKor.js";
18
+ import { d as h } from "./deepFindOfType-6pG0fH7S.js";
19
+ import { W as y } from "./Wrap-DGT1h1o3.js";
20
+ const N = "flow--context-menu", w = {
21
+ contextMenu: N
22
+ }, J = u("ContextMenu", (n) => {
23
+ const {
24
+ children: t,
25
+ onAction: o,
26
+ selectionMode: c,
27
+ selectedKeys: m,
28
+ defaultSelectedKeys: s,
29
+ onSelectionChange: r,
30
+ ...p
31
+ } = n;
32
+ return /* @__PURE__ */ e.createElement(x, { ...p }, /* @__PURE__ */ e.createElement(
33
+ i.Menu,
34
+ {
35
+ className: w.contextMenu,
36
+ onAction: o,
37
+ selectionMode: c,
38
+ selectedKeys: m,
39
+ defaultSelectedKeys: s,
40
+ onSelectionChange: r
41
+ },
42
+ t
43
+ ));
44
+ }), P = "flow--context-menu--context-menu-item", T = "flow--context-menu--context-menu-item--icon", g = "flow--context-menu--context-menu-item--text", l = {
45
+ contextMenuItem: P,
46
+ icon: T,
47
+ text: g
48
+ }, k = (n, t) => !!h(n, t), O = (n) => {
49
+ const { selectionMode: t, isSelected: o, children: c } = n, m = {
50
+ Icon: {
51
+ className: l.icon
52
+ },
53
+ Text: {
54
+ className: l.text
55
+ }
56
+ }, s = t === "none" ? null : t === "single" && o ? /* @__PURE__ */ e.createElement(M, null) : t === "single" && !o ? /* @__PURE__ */ e.createElement(E, null) : t === "multiple" && o ? /* @__PURE__ */ e.createElement(C, null) : /* @__PURE__ */ e.createElement(I, null), r = k(c, a);
57
+ return /* @__PURE__ */ e.createElement(d, { props: m }, s, /* @__PURE__ */ e.createElement(y, { if: !r }, /* @__PURE__ */ e.createElement(a, null, c)));
58
+ }, L = (n) => {
59
+ const { children: t, className: o, ...c } = n, m = f(l.contextMenuItem, o);
60
+ return /* @__PURE__ */ e.createElement(i.MenuItem, { ...c, className: m }, (s) => /* @__PURE__ */ e.createElement(O, { ...s }, t));
61
+ };
62
+ export {
63
+ J as C,
64
+ L as a,
65
+ k as d
66
+ };
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import p from "copy-to-clipboard";
5
- import { B as a } from "./Button-Byf2Pi9z.js";
5
+ import { B as a } from "./Button-CUr754ra.js";
6
6
  import "@tabler/icons-react";
7
7
  import "clsx";
8
8
  import "html-react-parser";
@@ -0,0 +1,14 @@
1
+ "use client"
2
+ /* */
3
+ import t from "react";
4
+ import m from "clsx";
5
+ const c = "flow--emulated-bold-text", r = "flow--emulated-bold-text--bold-text", l = {
6
+ emulatedBoldText: c,
7
+ boldText: r
8
+ }, u = (o) => {
9
+ const { children: e, className: a, ...s } = o, d = m(l.emulatedBoldText, a);
10
+ return /* @__PURE__ */ t.createElement("span", { className: d, ...s }, e, /* @__PURE__ */ t.createElement("span", { "aria-hidden": "true", className: l.boldText }, e));
11
+ };
12
+ export {
13
+ u as E
14
+ };
@@ -6,7 +6,7 @@ import { C as n } from "./ClearPropsContext-CeCMjUK9.js";
6
6
  import "./propsContext-CauylOgH.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
- import { T as c } from "./Text-BdJNMX4h.js";
9
+ import { T as c } from "./Text-2sThcKor.js";
10
10
  import { f as m } from "./flowComponent-Dfn_Z9Yx.js";
11
11
  const p = "flow--field-description", a = {
12
12
  fieldDescription: p
@@ -0,0 +1,34 @@
1
+ "use client"
2
+ /* */
3
+ import t from "react";
4
+ import "./propsContext-CauylOgH.js";
5
+ import { P as c } from "./PropsContextProvider-BcOGMJkn.js";
6
+ import "@react-aria/utils";
7
+ import "remeda";
8
+ import { d as m } from "./dynamic-ClpUSmEt.js";
9
+ import d from "clsx";
10
+ import { E as p } from "./EmulatedBoldText-Dtox8Wd1.js";
11
+ const u = "flow--header-navigation", h = "flow--header-navigation--button", v = "flow--header-navigation--link", n = {
12
+ headerNavigation: u,
13
+ button: h,
14
+ link: v
15
+ }, w = (o) => {
16
+ const { children: a, className: l, ...r } = o, i = d(n.headerNavigation, l), s = {
17
+ Link: {
18
+ hoc: (e) => /* @__PURE__ */ t.createElement("li", null, e),
19
+ className: n.link,
20
+ unstyled: !0,
21
+ children: m((e) => /* @__PURE__ */ t.createElement(p, null, e.children))
22
+ },
23
+ Button: {
24
+ hoc: (e) => /* @__PURE__ */ t.createElement("li", null, e),
25
+ className: n.button,
26
+ style: "plain"
27
+ }
28
+ };
29
+ return /* @__PURE__ */ t.createElement("nav", { className: i, role: "navigation", ...r }, /* @__PURE__ */ t.createElement("ul", null, /* @__PURE__ */ t.createElement(c, { props: s }, a)));
30
+ };
31
+ export {
32
+ w as HeaderNavigation,
33
+ w as default
34
+ };
package/dist/List.js CHANGED
@@ -10,13 +10,13 @@ import "./propsContext-CauylOgH.js";
10
10
  import "@react-aria/utils";
11
11
  import { times as st } from "remeda";
12
12
  import "@mittwald/react-tunnel";
13
- import { a as U, C as O, d as rt } from "./ContextMenuItem-jQjIDLgf.js";
14
- import { T as b } from "./Text-BdJNMX4h.js";
13
+ import U from "clsx";
14
+ import { a as O, C as $, d as rt } from "./ContextMenuItem-7xGNJkkK.js";
15
+ import { T as b } from "./Text-2sThcKor.js";
15
16
  import "@tabler/icons-react";
16
- import $ from "clsx";
17
17
  import "html-react-parser";
18
18
  import { I as H } from "./IconChevronDown-BmKMxrq1.js";
19
- import { B as h } from "./Button-Byf2Pi9z.js";
19
+ import { B as h } from "./Button-CUr754ra.js";
20
20
  import "react-children-utilities";
21
21
  import { useMessageFormatter as q, useLocalizedStringFormatter as K } from "react-aria";
22
22
  import { I as nt } from "./IconClose-BkmXvQ2z.js";
@@ -39,7 +39,7 @@ const J = Y({}), m = () => Z(J).list, Tt = (i) => /* @__PURE__ */ r.createElemen
39
39
  t();
40
40
  })), wt = (i) => {
41
41
  const { sorting: t } = i;
42
- return /* @__PURE__ */ r.createElement(U, { id: t.getTableColumn().id }, t.name);
42
+ return /* @__PURE__ */ r.createElement(O, { id: t.getTableColumn().id }, t.name);
43
43
  }, g = {
44
44
  "de-DE": {
45
45
  options: "Optionen",
@@ -77,7 +77,7 @@ const J = Y({}), m = () => Z(J).list, Tt = (i) => /* @__PURE__ */ r.createElemen
77
77
  "setSorting"
78
78
  ) : /* @__PURE__ */ r.createElement(v, { locales: g }, "sorting"));
79
79
  return /* @__PURE__ */ r.createElement(x.MenuTrigger, null, /* @__PURE__ */ r.createElement(h, { style: "soft", size: "s", variant: "secondary" }, a, /* @__PURE__ */ r.createElement(H, null)), /* @__PURE__ */ r.createElement(
80
- O,
80
+ $,
81
81
  {
82
82
  selectionMode: "single",
83
83
  selectedKeys: e ? [e.property] : [],
@@ -88,11 +88,11 @@ const J = Y({}), m = () => Z(J).list, Tt = (i) => /* @__PURE__ */ r.createElemen
88
88
  t
89
89
  ));
90
90
  }, It = (i) => {
91
- const { filter: t } = i, e = t.values.map((n) => /* @__PURE__ */ r.createElement(U, { key: t.getValueId(n), id: String(n) }, String(n))), a = t.values.filter((n) => t.isValueActive(n)).map((n) => String(n)), s = (n) => {
91
+ const { filter: t } = i, e = t.values.map((n) => /* @__PURE__ */ r.createElement(O, { key: t.getValueId(n), id: String(n) }, String(n))), a = t.values.filter((n) => t.isValueActive(n)).map((n) => String(n)), s = (n) => {
92
92
  t.toggleValue(n);
93
93
  };
94
94
  return /* @__PURE__ */ r.createElement(x.MenuTrigger, null, /* @__PURE__ */ r.createElement(h, { style: "soft", size: "s", variant: "secondary" }, /* @__PURE__ */ r.createElement(b, null, t.name ?? t.property), /* @__PURE__ */ r.createElement(H, null)), /* @__PURE__ */ r.createElement(
95
- O,
95
+ $,
96
96
  {
97
97
  onAction: s,
98
98
  selectionMode: "multiple",
@@ -132,7 +132,7 @@ const J = Y({}), m = () => Z(J).list, Tt = (i) => /* @__PURE__ */ r.createElemen
132
132
  ));
133
133
  }, Rt = (i) => {
134
134
  const { className: t } = i, a = m().filters.map((s) => /* @__PURE__ */ r.createElement(It, { key: s.property, filter: s }));
135
- return /* @__PURE__ */ r.createElement("div", { className: $(t, M.header) }, /* @__PURE__ */ r.createElement("div", { className: M.pickerList }, /* @__PURE__ */ r.createElement(Lt, null), a), /* @__PURE__ */ r.createElement(Pt, null));
135
+ return /* @__PURE__ */ r.createElement("div", { className: U(t, M.header) }, /* @__PURE__ */ r.createElement("div", { className: M.pickerList }, /* @__PURE__ */ r.createElement(Lt, null), a), /* @__PURE__ */ r.createElement(Pt, null));
136
136
  }, Vt = "flow--list", Mt = {
137
137
  list: Vt
138
138
  };
@@ -613,7 +613,7 @@ const Kt = "flow--list--items--item-list", jt = "flow--list--items--is-loading",
613
613
  };
614
614
  return /* @__PURE__ */ r.createElement(St, { if: !e }, /* @__PURE__ */ r.createElement("div", { className: c.item }, /* @__PURE__ */ r.createElement(bt, { props: s }, t)));
615
615
  }, ee = (i) => /* @__PURE__ */ r.createElement(vt, null, JSON.stringify(i.data)), ae = (i) => {
616
- const { className: t } = i, e = m(), a = e.loader.useIsLoading(), s = e.items.entries.map((l) => /* @__PURE__ */ r.createElement(te, { key: l.id }, /* @__PURE__ */ r.createElement(et, null, l.render()))), n = $(
616
+ const { className: t } = i, e = m(), a = e.loader.useIsLoading(), s = e.items.entries.map((l) => /* @__PURE__ */ r.createElement(te, { key: l.id }, /* @__PURE__ */ r.createElement(et, null, l.render()))), n = U(
617
617
  z.itemList,
618
618
  t,
619
619
  a && z.isLoading
@@ -10,7 +10,7 @@ import "@react-aria/utils";
10
10
  import "./propsContext-CauylOgH.js";
11
11
  import "remeda";
12
12
  import { F as f } from "./FieldError-D9ZaMqoL.js";
13
- import { B as s } from "./Button-Byf2Pi9z.js";
13
+ import { B as s } from "./Button-CUr754ra.js";
14
14
  import "@tabler/icons-react";
15
15
  import "html-react-parser";
16
16
  import "@mittwald/react-tunnel";
@@ -0,0 +1,15 @@
1
+ "use client"
2
+ /* */
3
+ import t from "react";
4
+ import * as a from "react-aria-components";
5
+ import c from "clsx";
6
+ const l = "flow--popover", m = {
7
+ popover: l,
8
+ "popover-slide": "flow--popover--popover-slide"
9
+ }, i = (o) => {
10
+ const { children: e, className: r, ...p } = o, s = c(m.popover, r);
11
+ return /* @__PURE__ */ t.createElement(a.Popover, { ...p, className: s }, e);
12
+ };
13
+ export {
14
+ i as P
15
+ };
@@ -0,0 +1,7 @@
1
+ "use client"
2
+ /* */
3
+ import { P as r } from "./Popover-MmxZkKu3.js";
4
+ export {
5
+ r as Popover,
6
+ r as default
7
+ };
package/dist/Select.js ADDED
@@ -0,0 +1,57 @@
1
+ "use client"
2
+ /* */
3
+ import e from "react";
4
+ import * as n from "react-aria-components";
5
+ import "./propsContext-CauylOgH.js";
6
+ import { P as f } from "./PropsContextProvider-BcOGMJkn.js";
7
+ import "@react-aria/utils";
8
+ import "remeda";
9
+ import { s as c } from "./FormField.module-DHK6nIcD.js";
10
+ import { F as N } from "./FieldError-D9ZaMqoL.js";
11
+ import a from "clsx";
12
+ import "@tabler/icons-react";
13
+ import "html-react-parser";
14
+ import "@mittwald/react-tunnel";
15
+ import { I as d } from "./IconChevronDown-BmKMxrq1.js";
16
+ import { P as E } from "./Popover-MmxZkKu3.js";
17
+ const u = "flow--select", x = "flow--select--toggle", i = {
18
+ select: u,
19
+ toggle: x
20
+ }, V = (o) => {
21
+ const { children: t, className: s, ...r } = o, l = a(
22
+ i.select,
23
+ c.formField,
24
+ s
25
+ ), p = {
26
+ Label: {
27
+ className: c.label,
28
+ optional: !o.isRequired
29
+ },
30
+ FieldDescription: {
31
+ className: c.fieldDescription
32
+ },
33
+ FieldError: {
34
+ className: c.customFieldError
35
+ }
36
+ };
37
+ return /* @__PURE__ */ e.createElement(n.Select, { ...r, className: l }, /* @__PURE__ */ e.createElement(n.Button, { className: i.toggle }, /* @__PURE__ */ e.createElement(n.SelectValue, null), /* @__PURE__ */ e.createElement(d, null)), /* @__PURE__ */ e.createElement(f, { props: p }, t), /* @__PURE__ */ e.createElement(N, { className: c.fieldError }));
38
+ }, g = "flow--select--options--popover", w = "flow--select--options", m = {
39
+ popover: g,
40
+ options: w
41
+ }, j = (o) => {
42
+ const { className: t, children: s, ...r } = o, l = a(m.options, t);
43
+ return /* @__PURE__ */ e.createElement(E, { className: m.popover }, /* @__PURE__ */ e.createElement(n.ListBox, { className: l, ...r }, s));
44
+ }, v = "flow--select--option", C = "flow--select--option--icon", F = "flow--select--option--text", P = {
45
+ option: v,
46
+ icon: C,
47
+ text: F
48
+ }, k = (o) => {
49
+ const { className: t, children: s, ...r } = o, l = a(P.option, t);
50
+ return /* @__PURE__ */ e.createElement(n.ListBoxItem, { className: l, ...r }, s);
51
+ };
52
+ export {
53
+ k as Option,
54
+ j as Options,
55
+ V as Select,
56
+ V as default
57
+ };
@@ -3,7 +3,7 @@
3
3
  import t from "react";
4
4
  import m from "clsx";
5
5
  import { S as l } from "./StatusIcon-D6re4qSI.js";
6
- import { T as u } from "./Text-BdJNMX4h.js";
6
+ import { T as u } from "./Text-2sThcKor.js";
7
7
  import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
8
8
  import "./propsContext-CauylOgH.js";
9
9
  import "@react-aria/utils";
package/dist/Tabs.js CHANGED
@@ -3,18 +3,18 @@
3
3
  import t, { createContext as x, useContext as N, useId as P } from "react";
4
4
  import * as l from "react-aria-components";
5
5
  import c from "clsx";
6
- import { TunnelProvider as f, TunnelExit as m, TunnelEntry as T } from "@mittwald/react-tunnel";
7
- import { T as p } from "./Text-BdJNMX4h.js";
8
- const C = "flow--tabs", h = "flow--tabs--tab-list", i = {
6
+ import { TunnelProvider as f, TunnelExit as i, TunnelEntry as T } from "@mittwald/react-tunnel";
7
+ import { T as p } from "./Text-2sThcKor.js";
8
+ const C = "flow--tabs", h = "flow--tabs--tab-list", m = {
9
9
  tabs: C,
10
10
  tabList: h
11
11
  }, M = (e) => {
12
- const { children: a, className: s, ...n } = e, o = c(i.tabs, s);
13
- return /* @__PURE__ */ t.createElement(f, null, /* @__PURE__ */ t.createElement(l.Tabs, { className: o, ...n }, /* @__PURE__ */ t.createElement(l.TabList, { className: i.tabList }, /* @__PURE__ */ t.createElement(m, { id: "TabTitles" })), /* @__PURE__ */ t.createElement(m, { id: "TabPanels" })), a);
14
- }, v = "flow--tabs--tab-title--tab", w = {
15
- tab: v
12
+ const { children: a, className: s, ...n } = e, o = c(m.tabs, s);
13
+ return /* @__PURE__ */ t.createElement(f, null, /* @__PURE__ */ t.createElement(l.Tabs, { className: o, ...n }, /* @__PURE__ */ t.createElement(l.TabList, { className: m.tabList }, /* @__PURE__ */ t.createElement(i, { id: "TabTitles" })), /* @__PURE__ */ t.createElement(i, { id: "TabPanels" })), a);
14
+ }, v = "flow--tabs--tab-title", w = {
15
+ tabTitle: v
16
16
  }, d = x({}), y = () => N(d), L = d.Provider, R = (e) => {
17
- const { children: a, className: s, ...n } = e, o = y(), r = c(w.tab, s);
17
+ const { children: a, className: s, ...n } = e, o = y(), r = c(w.tabTitle, s);
18
18
  return /* @__PURE__ */ t.createElement(T, { id: "TabTitles" }, /* @__PURE__ */ t.createElement(l.Tab, { className: r, ...n, id: o.id }, /* @__PURE__ */ t.createElement(p, { emulateBoldWidth: !0 }, a)));
19
19
  }, F = "flow--tabs--tab--tab-panel", I = {
20
20
  tabPanel: F
@@ -0,0 +1,37 @@
1
+ "use client"
2
+ /* */
3
+ import e from "react";
4
+ import * as c from "react-aria-components";
5
+ import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
6
+ import { P as x } from "./PropsContextProvider-BcOGMJkn.js";
7
+ import "@react-aria/utils";
8
+ import "./propsContext-CauylOgH.js";
9
+ import "remeda";
10
+ import E from "invariant";
11
+ import { f as u } from "./flowComponent-Dfn_Z9Yx.js";
12
+ import { E as T } from "./EmulatedBoldText-Dtox8Wd1.js";
13
+ import { W as d } from "./Wrap-DGT1h1o3.js";
14
+ const w = u("Text", (r) => {
15
+ const {
16
+ children: m,
17
+ className: i,
18
+ elementType: t = "span",
19
+ emulateBoldWidth: l,
20
+ ...p
21
+ } = r, o = { ...p, className: i }, s = {
22
+ Link: {
23
+ inline: !0
24
+ }
25
+ }, n = /* @__PURE__ */ e.createElement(x, { props: s }, /* @__PURE__ */ e.createElement(d, { if: l }, /* @__PURE__ */ e.createElement(T, null, m)));
26
+ if (!r.slot) {
27
+ const a = t;
28
+ return /* @__PURE__ */ e.createElement(a, { ...o }, n);
29
+ }
30
+ return E(
31
+ typeof t == "string",
32
+ "'elementType' in Text component must be of type string"
33
+ ), /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(c.Text, { ...o, elementType: t }, n));
34
+ });
35
+ export {
36
+ w as T
37
+ };
package/dist/Text.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { T as a } from "./Text-BdJNMX4h.js";
3
+ import { T as a } from "./Text-2sThcKor.js";
4
4
  export {
5
5
  a as Text,
6
6
  a as default