@mittwald/flow-react-components 0.1.0-alpha.261 → 0.1.0-alpha.262

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.
@@ -7,7 +7,7 @@ import { P as N } from "./PropsContextProvider-C6Z4XGp6.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import { d } from "./dynamic-ClpUSmEt.js";
10
- import { B as y } from "./Button-BepCRVIi.js";
10
+ import { B as y } from "./Button-mGobhr9A.js";
11
11
  import "@tabler/icons-react";
12
12
  import "./Icon-cEgH3ZXQ.js";
13
13
  import { I as B } from "./IconChevronDown-CQUk3agB.js";
package/dist/Accordion.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { A as r } from "./Accordion-CCq563rl.js";
3
+ import { A as r } from "./Accordion-Cna92lRM.js";
4
4
  export {
5
5
  r as Accordion,
6
6
  r as default
package/dist/Badge.js CHANGED
@@ -7,7 +7,7 @@ import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import { f as u } from "./flowComponent-CY2oW3O9.js";
10
- import { B as n } from "./Button-BepCRVIi.js";
10
+ import { B as n } from "./Button-mGobhr9A.js";
11
11
  import "@tabler/icons-react";
12
12
  import "./Icon-cEgH3ZXQ.js";
13
13
  import { I as w } from "./IconClose-DVYTU3Rp.js";
@@ -17,29 +17,30 @@ import { f as k } from "./flowComponent-CY2oW3O9.js";
17
17
  import { L as A } from "./LoadingSpinner-2FvUo7ie.js";
18
18
  import { useLocalizedStringFormatter as D } from "react-aria";
19
19
  import { useLiveRegion as T } from "@chakra-ui/live-region";
20
- const z = "flow--button", L = "flow--button--content", R = "flow--button--state-icon", K = "flow--button--avatar", U = "flow--button--icon", W = "flow--button--text", $ = "flow--button--counter-badge", j = "flow--button--is-succeeded", q = "flow--button--is-failed", G = "flow--button--is-pending", H = "flow--button--plain", J = "flow--button--primary", M = "flow--button--solid", O = "flow--button--aria-disabled", Q = "flow--button--accent", V = "flow--button--danger", X = "flow--button--secondary", Y = "flow--button--dark", Z = "flow--button--light", _ = "flow--button--soft", t = {
20
+ const z = "flow--button", L = "flow--button--outline", R = "flow--button--content", K = "flow--button--state-icon", U = "flow--button--avatar", W = "flow--button--icon", $ = "flow--button--text", j = "flow--button--counter-badge", q = "flow--button--is-succeeded", G = "flow--button--is-failed", H = "flow--button--is-pending", J = "flow--button--plain", M = "flow--button--primary", O = "flow--button--solid", Q = "flow--button--aria-disabled", V = "flow--button--accent", X = "flow--button--danger", Y = "flow--button--secondary", Z = "flow--button--dark", _ = "flow--button--light", ee = "flow--button--soft", t = {
21
21
  button: z,
22
- content: L,
23
- stateIcon: R,
24
- avatar: K,
25
- icon: U,
26
- text: W,
27
- counterBadge: $,
28
- isSucceeded: j,
29
- isFailed: q,
30
- isPending: G,
31
- plain: H,
22
+ outline: L,
23
+ content: R,
24
+ stateIcon: K,
25
+ avatar: U,
26
+ icon: W,
27
+ text: $,
28
+ counterBadge: j,
29
+ isSucceeded: q,
30
+ isFailed: G,
31
+ isPending: H,
32
+ plain: J,
32
33
  "size-s": "flow--button--size-s",
33
- primary: J,
34
- solid: M,
35
- ariaDisabled: O,
36
- accent: Q,
37
- danger: V,
38
- secondary: X,
39
- dark: Y,
40
- light: Z,
41
- soft: _
42
- }, ee = { "de-DE": {
34
+ primary: M,
35
+ solid: O,
36
+ ariaDisabled: Q,
37
+ accent: V,
38
+ danger: X,
39
+ secondary: Y,
40
+ dark: Z,
41
+ light: _,
42
+ soft: ee
43
+ }, te = { "de-DE": {
43
44
  "action.isFailed": "Fehlgeschlagen",
44
45
  "action.isPending": "Ausstehend...",
45
46
  "action.isSucceeded": "Erfolgreich"
@@ -47,8 +48,8 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
47
48
  "action.isFailed": "Failed",
48
49
  "action.isPending": "Pending...",
49
50
  "action.isSucceeded": "Succeeded"
50
- } }, te = (e, r = {}) => {
51
- const i = D(ee), {
51
+ } }, oe = (e, r = {}) => {
52
+ const i = D(te), {
52
53
  isPendingText: s = i.format("action.isPending"),
53
54
  isSucceededText: c = i.format("action.isSucceeded"),
54
55
  isFailedText: a = i.format("action.isFailed")
@@ -61,8 +62,8 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
61
62
  F(() => {
62
63
  e === "isPending" ? n.speak(s) : e === "isSucceeded" ? n.speak(c) : e === "isFailed" && n.speak(a);
63
64
  }, [e]);
64
- }, oe = (e) => ((e.isPending || e.isSucceeded || e.isFailed || e["aria-disabled"]) && (e = { ...e }, e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0), e), Se = k("Button", (e) => {
65
- e = oe(e);
65
+ }, ne = (e) => ((e.isPending || e.isSucceeded || e.isFailed || e["aria-disabled"]) && (e = { ...e }, e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0), e), xe = k("Button", (e) => {
66
+ e = ne(e);
66
67
  const {
67
68
  color: r = "primary",
68
69
  variant: i = "solid",
@@ -74,11 +75,11 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
74
75
  isFailed: l,
75
76
  "aria-disabled": g,
76
77
  refProp: b,
77
- slot: ne,
78
+ slot: ie,
78
79
  ariaSlot: P,
79
- unstyled: m,
80
+ unstyled: u,
80
81
  ...w
81
- } = e, v = m ? c : y(
82
+ } = e, v = u ? c : y(
82
83
  t.button,
83
84
  n && t.isPending,
84
85
  d && t.isSucceeded,
@@ -93,7 +94,7 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
93
94
  */
94
95
  g && t.ariaDisabled
95
96
  );
96
- te(
97
+ oe(
97
98
  n ? "isPending" : d ? "isSucceeded" : l ? "isFailed" : "isIdle"
98
99
  );
99
100
  const p = {
@@ -111,7 +112,7 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
111
112
  CounterBadge: {
112
113
  className: t.counterBadge
113
114
  }
114
- }, u = d ? I : l ? N : n ? A : void 0, S = u && /* @__PURE__ */ o.createElement(u, { size: a, className: t.stateIcon }), x = typeof s == "string";
115
+ }, m = d ? I : l ? N : n ? A : void 0, S = m && /* @__PURE__ */ o.createElement(m, { size: a, className: t.stateIcon }), x = typeof s == "string";
115
116
  return /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(
116
117
  E.Button,
117
118
  {
@@ -120,10 +121,10 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
120
121
  slot: P,
121
122
  ...w
122
123
  },
123
- /* @__PURE__ */ o.createElement(h, { props: p }, /* @__PURE__ */ o.createElement(f, { if: !m }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: x }, /* @__PURE__ */ o.createElement(B, null, s))))),
124
+ /* @__PURE__ */ o.createElement(h, { props: p }, /* @__PURE__ */ o.createElement(f, { if: !u }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: x }, /* @__PURE__ */ o.createElement(B, null, s))))),
124
125
  S
125
126
  ));
126
127
  });
127
128
  export {
128
- Se as B
129
+ xe as B
129
130
  };
package/dist/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { B as o } from "./Button-BepCRVIi.js";
3
+ import { B as o } from "./Button-mGobhr9A.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
3
  import e from "react";
4
- import { B as r } from "./Button-BepCRVIi.js";
4
+ import { B as r } from "./Button-mGobhr9A.js";
5
5
  import * as a from "react-aria-components";
6
6
  import "@tabler/icons-react";
7
7
  import "./Icon-cEgH3ZXQ.js";
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import i from "copy-to-clipboard";
5
- import { B as l } from "./Button-BepCRVIi.js";
5
+ import { B as l } from "./Button-mGobhr9A.js";
6
6
  import "@tabler/icons-react";
7
7
  import "./Icon-cEgH3ZXQ.js";
8
8
  import { I as c } from "./IconCopy-Ceve0ccv.js";
@@ -7,7 +7,7 @@ import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import * as r from "react-aria-components";
10
- import { B as E } from "./Button-BepCRVIi.js";
10
+ import { B as E } from "./Button-mGobhr9A.js";
11
11
  import "@tabler/icons-react";
12
12
  import "./Icon-cEgH3ZXQ.js";
13
13
  import { a as C } from "./IconCalendar-DBkKsCNt.js";
@@ -17,7 +17,7 @@ import { P as N } from "./PopoverTrigger-CXPiJcMt.js";
17
17
  import "mobx";
18
18
  import { u as P } from "./useOverlayController-D8pgx8nV.js";
19
19
  import { f as y } from "./flowComponent-CY2oW3O9.js";
20
- import { s as F, C as b } from "./CalendarHeader-BlnCorxV.js";
20
+ import { s as F, C as b } from "./CalendarHeader-BhpwoC1A.js";
21
21
  const g = "flow--date-picker--date-input", v = {
22
22
  dateInput: g
23
23
  }, I = (t) => {
@@ -9,8 +9,8 @@ import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import * as t from "react-aria-components";
11
11
  import { P as g } from "./PopoverTrigger-CXPiJcMt.js";
12
- import { s as i, C } from "./CalendarHeader-BlnCorxV.js";
13
- import { B as D } from "./Button-BepCRVIi.js";
12
+ import { s as i, C } from "./CalendarHeader-BhpwoC1A.js";
13
+ import { B as D } from "./Button-mGobhr9A.js";
14
14
  import "@tabler/icons-react";
15
15
  import "./Icon-cEgH3ZXQ.js";
16
16
  import { a as R } from "./IconCalendar-DBkKsCNt.js";
package/dist/List.js CHANGED
@@ -9,7 +9,7 @@ import { P as bt } from "./PropsContextProvider-C6Z4XGp6.js";
9
9
  import "@react-aria/utils";
10
10
  import { isShallowEqual as Zt, unique as te, difference as ee, times as se } from "remeda";
11
11
  import { d as ie } from "./dynamic-ClpUSmEt.js";
12
- import { B as w } from "./Button-BepCRVIi.js";
12
+ import { B as w } from "./Button-mGobhr9A.js";
13
13
  import { IconArrowBackUp as ae } from "@tabler/icons-react";
14
14
  import { I as ne } from "./Icon-cEgH3ZXQ.js";
15
15
  import { I as re } from "./IconContextMenu-DLHXM1Ph.js";
@@ -29,7 +29,7 @@ import { a as ct, T as dt } from "./TooltipTrigger-TslkLN5s.js";
29
29
  import { makeObservable as fe, observable as ut, computed as mt, action as O } from "mobx";
30
30
  import "./context-Cf7tqFtF.js";
31
31
  import { u as Se } from "./useOnChange-C1Quwyuz.js";
32
- import { S as be } from "./SearchField-CMvYWO_P.js";
32
+ import { S as be } from "./SearchField-Dy_ogzQr.js";
33
33
  import { H as Y } from "./Heading-FRIQlW19.js";
34
34
  import { S as ve } from "./Section-DsyCp0AH.js";
35
35
  import { getProperty as we } from "dot-prop";
package/dist/Modal.js CHANGED
@@ -14,7 +14,7 @@ import { u as w } from "./useOverlayController-D8pgx8nV.js";
14
14
  import { O as E, a as h } from "./OverlayTrigger-bD8_mPel.js";
15
15
  import { H as O } from "./Header-B9w8yH1e.js";
16
16
  import { A as M } from "./Action-BBdK8ZAq.js";
17
- import { B as N } from "./Button-BepCRVIi.js";
17
+ import { B as N } from "./Button-mGobhr9A.js";
18
18
  import "@tabler/icons-react";
19
19
  import "./Icon-cEgH3ZXQ.js";
20
20
  import { I as x } from "./IconClose-DVYTU3Rp.js";
@@ -9,7 +9,7 @@ import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
11
  import { TunnelProvider as u, TunnelExit as p } from "@mittwald/react-tunnel";
12
- import { A as x } from "./Accordion-CCq563rl.js";
12
+ import { A as x } from "./Accordion-Cna92lRM.js";
13
13
  import { C as N } from "./Content-cYnXBHf-.js";
14
14
  const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", P = "flow--navigation--text", w = "flow--navigation--control-icon", r = {
15
15
  navigation: C,
@@ -8,7 +8,7 @@ import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import { S as g } from "./StatusIcon-DEK5-0Aw.js";
10
10
  import { L as h } from "./Link-DW8KPMYX.js";
11
- import { B as k } from "./Button-BepCRVIi.js";
11
+ import { B as k } from "./Button-mGobhr9A.js";
12
12
  import "@tabler/icons-react";
13
13
  import "./Icon-cEgH3ZXQ.js";
14
14
  import { I as x } from "./IconClose-DVYTU3Rp.js";
@@ -10,7 +10,7 @@ import "@react-aria/utils";
10
10
  import "./propsContext-DzAKlmhS.js";
11
11
  import "remeda";
12
12
  import { F as E } from "./FieldError-Crorz6g5.js";
13
- import { B as m } from "./Button-BepCRVIi.js";
13
+ import { B as m } from "./Button-mGobhr9A.js";
14
14
  import "@tabler/icons-react";
15
15
  import "./Icon-cEgH3ZXQ.js";
16
16
  import { I as N } from "./IconChevronDown-CQUk3agB.js";
@@ -11,7 +11,7 @@ import "./propsContext-DzAKlmhS.js";
11
11
  import "remeda";
12
12
  import { F as u } from "./FieldError-Crorz6g5.js";
13
13
  import { f as F } from "./flowComponent-CY2oW3O9.js";
14
- import { B as E } from "./Button-BepCRVIi.js";
14
+ import { B as E } from "./Button-mGobhr9A.js";
15
15
  import "@tabler/icons-react";
16
16
  import "./Icon-cEgH3ZXQ.js";
17
17
  import { I as N } from "./IconClose-DVYTU3Rp.js";
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { S as e } from "./SearchField-CMvYWO_P.js";
3
+ import { S as e } from "./SearchField-Dy_ogzQr.js";
4
4
  export {
5
5
  e as SearchField,
6
6
  e as default
package/dist/Slider.js CHANGED
@@ -8,7 +8,7 @@ import "./propsContext-DzAKlmhS.js";
8
8
  import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
9
9
  import "@react-aria/utils";
10
10
  import "remeda";
11
- import { B as i } from "./Button-BepCRVIi.js";
11
+ import { B as i } from "./Button-mGobhr9A.js";
12
12
  import "@tabler/icons-react";
13
13
  import "./Icon-cEgH3ZXQ.js";
14
14
  import { I as w, a as N } from "./IconPlus-5rBbsI1A.js";
package/dist/Tabs.js CHANGED
@@ -8,7 +8,7 @@ import { f as O } from "./flowComponent-CY2oW3O9.js";
8
8
  import { useCallbackRef as S } from "use-callback-ref";
9
9
  import { a as A, C as B } from "./ContextMenuTrigger-5-EjHDtY.js";
10
10
  import { M as K } from "./MenuItem-CFE7SA5J.js";
11
- import { B as L } from "./Button-BepCRVIi.js";
11
+ import { B as L } from "./Button-mGobhr9A.js";
12
12
  import "@tabler/icons-react";
13
13
  import "./Icon-cEgH3ZXQ.js";
14
14
  import { I as W } from "./IconContextMenu-DLHXM1Ph.js";