@mittwald/flow-react-components 0.1.0-alpha.120 → 0.1.0-alpha.121

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 (76) hide show
  1. package/dist/{Accordion-OIqrGajq.js → Accordion-9wwB377E.js} +3 -3
  2. package/dist/Accordion.js +1 -1
  3. package/dist/Avatar.js +1 -1
  4. package/dist/Breadcrumb.js +2 -2
  5. package/dist/{Button-BCQWyOr4.js → Button-BGCNzfmU.js} +14 -14
  6. package/dist/Button.js +1 -1
  7. package/dist/ButtonGroup.js +1 -1
  8. package/dist/{Checkbox-D0OKOlbQ.js → Checkbox-HtVxajw_.js} +7 -7
  9. package/dist/Checkbox.js +1 -1
  10. package/dist/{CheckboxButton-m7uqvePd.js → CheckboxButton-BPC6RfJj.js} +2 -2
  11. package/dist/CheckboxButton.js +1 -1
  12. package/dist/CheckboxGroup.js +4 -4
  13. package/dist/{Content-Dv4LJl-8.js → Content-CPAYV7wp.js} +2 -2
  14. package/dist/Content.js +1 -1
  15. package/dist/{ContextMenu-BQ1H5T2h.js → ContextMenu-BGfJXwpB.js} +2 -2
  16. package/dist/ContextMenu.js +2 -2
  17. package/dist/CopyButton.js +9 -9
  18. package/dist/FieldDescription.js +8 -8
  19. package/dist/{FieldError-DaMdHZmc.js → FieldError--Qpixa12.js} +8 -8
  20. package/dist/FieldError.js +1 -1
  21. package/dist/Header.js +6 -6
  22. package/dist/{Heading-CI96mO-u.js → Heading-CYit9Nf-.js} +11 -11
  23. package/dist/Heading.js +1 -1
  24. package/dist/{Icon-BI5DQvoY.js → Icon-DhFv_0k_.js} +1 -1
  25. package/dist/Icon.js +1 -1
  26. package/dist/{IconCheck-BtMaGPKR.js → IconCheck-D8ys0_F5.js} +1 -1
  27. package/dist/{IconCheckboxEmpty-DS-0Y9DS.js → IconCheckboxEmpty-DRlqWMgD.js} +1 -1
  28. package/dist/{IconCheckboxIndeterminate-Coqmr05a.js → IconCheckboxIndeterminate-CfK_tk87.js} +1 -1
  29. package/dist/{IconChevronDown-B47aUcVu.js → IconChevronDown-gLJKgegq.js} +1 -1
  30. package/dist/{IconChevronRight-DRtwShTy.js → IconChevronRight-CqgfPevo.js} +1 -1
  31. package/dist/{IconClose-BCVIZgsO.js → IconClose-BEe9M79E.js} +1 -1
  32. package/dist/{IconContextMenu-B6l97s-1.js → IconContextMenu-B9OI5d_u.js} +1 -1
  33. package/dist/{IconCopy-CmdUQbjo.js → IconCopy-A7uxuck-.js} +1 -1
  34. package/dist/{IconDanger-FoTA8c58.js → IconDanger-ALKH8dEk.js} +1 -1
  35. package/dist/{IconPending-DaIqc2wH.js → IconPending-BV6Loio6.js} +1 -1
  36. package/dist/{IconPlus-DHGdrWaP.js → IconPlus-eFn-agxn.js} +1 -1
  37. package/dist/{IconRadioOn-Dw-cld05.js → IconRadioOn--oXSoOvP.js} +1 -1
  38. package/dist/{IconSearch-BfGdDu2q.js → IconSearch-BO1yNi13.js} +1 -1
  39. package/dist/{IconSucceeded-Dac_avN3.js → IconSucceeded-d8xQyLF2.js} +1 -1
  40. package/dist/{IconWarning-DW8orO_0.js → IconWarning-CAgZzx72.js} +1 -1
  41. package/dist/Icons.js +16 -16
  42. package/dist/Image.js +1 -1
  43. package/dist/Initials.js +6 -6
  44. package/dist/InlineAlert.js +2 -2
  45. package/dist/{Label-CZL5PpdM.js → Label-DWCo1l63.js} +7 -7
  46. package/dist/Label.js +1 -1
  47. package/dist/LayoutCard.js +8 -2
  48. package/dist/{Link-Dudjl8oZ.js → Link-BK57CeBv.js} +8 -8
  49. package/dist/Link.js +1 -1
  50. package/dist/List.js +11 -11
  51. package/dist/{LoadingSpinner-CKlvSFNo.js → LoadingSpinner-BV4S5RsS.js} +2 -2
  52. package/dist/LoadingSpinner.js +1 -1
  53. package/dist/{MenuItem-DhbpDBP7.js → MenuItem-CzSUuXS-.js} +5 -5
  54. package/dist/MenuItem.js +1 -1
  55. package/dist/Modal.js +1 -1
  56. package/dist/Navigation.js +2 -2
  57. package/dist/NumberField.js +9 -9
  58. package/dist/OffCanvas.js +3 -3
  59. package/dist/RadioGroup.js +15 -9
  60. package/dist/Section.js +1 -1
  61. package/dist/Select.js +13 -13
  62. package/dist/StatusBadge.js +8 -8
  63. package/dist/{StatusIcon-D1TnVROF.js → StatusIcon-CvIY_c35.js} +3 -3
  64. package/dist/StatusIcon.js +1 -1
  65. package/dist/Switch.js +6 -6
  66. package/dist/Tabs.js +7 -7
  67. package/dist/{Text-fD3dK4JJ.js → Text-DXApO_Re.js} +6 -6
  68. package/dist/Text.js +1 -1
  69. package/dist/TextArea.js +6 -6
  70. package/dist/TextField.js +7 -7
  71. package/dist/{TextFieldBase-CmWxHsqM.js → TextFieldBase-C7g5i_rC.js} +1 -1
  72. package/dist/{flowComponent-DZ4pwhof.js → flowComponent-Dha_9C4F.js} +1 -1
  73. package/dist/react-hook-form.js +1 -1
  74. package/dist/types/lib/componentFactory/flowComponent.d.ts +2 -4
  75. package/dist/types/lib/componentFactory/flowComponent.test.d.ts +1 -0
  76. package/package.json +4 -4
@@ -7,10 +7,10 @@ import { P as N } from "./PropsContextProvider-DZvwqHLP.js";
7
7
  import "@react-aria/utils";
8
8
  import "remeda";
9
9
  import { d } from "./dynamic-ClpUSmEt.js";
10
- import { B as w } from "./Button-BCQWyOr4.js";
10
+ import { B as w } from "./Button-BGCNzfmU.js";
11
11
  import "@tabler/icons-react";
12
- import "./Icon-BI5DQvoY.js";
13
- import { I as y } from "./IconChevronDown-B47aUcVu.js";
12
+ import "./Icon-DhFv_0k_.js";
13
+ import { I as y } from "./IconChevronDown-gLJKgegq.js";
14
14
  import { TunnelProvider as B, TunnelExit as C } from "@mittwald/react-tunnel";
15
15
  import { A as P } from "./Activity-CmfZpgOM.js";
16
16
  const A = "flow--accordion", b = "flow--accordion--header", g = "flow--accordion--header-button", D = "flow--accordion--content", T = "flow--accordion--content-inner", H = "flow--accordion--chevron", L = "flow--accordion--expanded", n = {
package/dist/Accordion.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { A as r } from "./Accordion-OIqrGajq.js";
3
+ import { A as r } from "./Accordion-9wwB377E.js";
4
4
  export {
5
5
  r as Accordion,
6
6
  r as default
package/dist/Avatar.js CHANGED
@@ -9,7 +9,7 @@ import "./propsContext-CauylOgH.js";
9
9
  import "remeda";
10
10
  import { hash as f } from "object-code";
11
11
  import { deepForEach as w } from "react-children-utilities";
12
- import { f as z } from "./flowComponent-DZ4pwhof.js";
12
+ import { f as z } from "./flowComponent-Dha_9C4F.js";
13
13
  const d = "flow--avatar", C = "flow--avatar--icon", h = "flow--avatar--initials", r = {
14
14
  avatar: d,
15
15
  icon: C,
@@ -4,8 +4,8 @@ import r from "react";
4
4
  import * as m from "react-aria-components";
5
5
  import a from "clsx";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-BI5DQvoY.js";
8
- import { I as u } from "./IconChevronRight-DRtwShTy.js";
7
+ import "./Icon-DhFv_0k_.js";
8
+ import { I as u } from "./IconChevronRight-CqgfPevo.js";
9
9
  import "./propsContext-CauylOgH.js";
10
10
  import { P as p } from "./PropsContextProvider-DZvwqHLP.js";
11
11
  import "@react-aria/utils";
@@ -9,12 +9,12 @@ import "@react-aria/utils";
9
9
  import "./propsContext-CauylOgH.js";
10
10
  import "remeda";
11
11
  import "@tabler/icons-react";
12
- import "./Icon-BI5DQvoY.js";
13
- import { I as C, a as I } from "./IconSucceeded-Dac_avN3.js";
12
+ import "./Icon-DhFv_0k_.js";
13
+ import { I as C, a as I } from "./IconSucceeded-d8xQyLF2.js";
14
14
  import { W as u } from "./Wrap-DGT1h1o3.js";
15
- import { T as N } from "./Text-fD3dK4JJ.js";
16
- import { f as k } from "./flowComponent-DZ4pwhof.js";
17
- import { L as A } from "./LoadingSpinner-CKlvSFNo.js";
15
+ import { T as N } from "./Text-DXApO_Re.js";
16
+ import { f as k } from "./flowComponent-Dha_9C4F.js";
17
+ import { L as A } from "./LoadingSpinner-BV4S5RsS.js";
18
18
  import { useLocalizedStringFormatter as D } from "react-aria";
19
19
  import { useLiveRegion as T } from "@chakra-ui/live-region";
20
20
  const z = "flow--button", B = "flow--button--content", L = "flow--button--state-icon", R = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--is-succeeded", $ = "flow--button--is-failed", j = "flow--button--is-pending", q = "flow--button--plain", G = "flow--button--primary", H = "flow--button--solid", J = "flow--button--aria-disabled", M = "flow--button--accent", O = "flow--button--danger", Q = "flow--button--secondary", V = "flow--button--dark", X = "flow--button--light", Y = "flow--button--soft", t = {
@@ -49,12 +49,12 @@ const z = "flow--button", B = "flow--button--content", L = "flow--button--state-
49
49
  "action.isPending": "Pending...",
50
50
  "action.isSucceeded": "Succeeded"
51
51
  }
52
- }, _ = (e, d = {}) => {
52
+ }, _ = (e, r = {}) => {
53
53
  const i = D(Z), {
54
54
  isPendingText: a = i.format("action.isPending"),
55
55
  isSucceededText: c = i.format("action.isSucceeded"),
56
56
  isFailedText: s = i.format("action.isFailed")
57
- } = d, n = T({
57
+ } = r, n = T({
58
58
  "aria-live": "polite",
59
59
  "aria-atomic": !1,
60
60
  "aria-relevant": "text additions",
@@ -66,25 +66,25 @@ const z = "flow--button", B = "flow--button--content", L = "flow--button--state-
66
66
  }, ee = (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), we = k("Button", (e) => {
67
67
  e = ee(e);
68
68
  const {
69
- color: d = "primary",
69
+ color: r = "primary",
70
70
  variant: i = "solid",
71
71
  children: a,
72
72
  className: c,
73
73
  size: s = "m",
74
74
  isPending: n,
75
- isSucceeded: r,
75
+ isSucceeded: d,
76
76
  isFailed: l,
77
77
  "aria-disabled": b,
78
- ref: g,
78
+ refProp: g,
79
79
  unstyled: m,
80
80
  ...P
81
81
  } = e, w = m ? c : E(
82
82
  t.button,
83
83
  n && t.isPending,
84
- r && t.isSucceeded,
84
+ d && t.isSucceeded,
85
85
  l && t.isFailed,
86
86
  t[`size-${s}`],
87
- t[d],
87
+ t[r],
88
88
  t[i],
89
89
  c,
90
90
  /**
@@ -94,7 +94,7 @@ const z = "flow--button", B = "flow--button--content", L = "flow--button--state-
94
94
  b && t.ariaDisabled
95
95
  );
96
96
  _(
97
- n ? "isPending" : r ? "isSucceeded" : l ? "isFailed" : "isIdle"
97
+ n ? "isPending" : d ? "isSucceeded" : l ? "isFailed" : "isIdle"
98
98
  );
99
99
  const v = {
100
100
  Icon: {
@@ -108,7 +108,7 @@ const z = "flow--button", B = "flow--button--content", L = "flow--button--state-
108
108
  Avatar: {
109
109
  className: t.avatar
110
110
  }
111
- }, f = r ? C : l ? I : n ? A : void 0, p = f && /* @__PURE__ */ o.createElement(f, { size: s, className: t.stateIcon }), S = typeof a == "string";
111
+ }, f = d ? C : l ? I : n ? A : void 0, p = f && /* @__PURE__ */ o.createElement(f, { size: s, className: t.stateIcon }), S = typeof a == "string";
112
112
  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(F.Button, { className: w, ref: g, ...P }, /* @__PURE__ */ o.createElement(h, { props: v }, /* @__PURE__ */ o.createElement(u, { if: !m }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(u, { if: S }, /* @__PURE__ */ o.createElement(N, null, a))))), p));
113
113
  });
114
114
  export {
package/dist/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { B as o } from "./Button-BCQWyOr4.js";
3
+ import { B as o } from "./Button-BGCNzfmU.js";
4
4
  export {
5
5
  o as Button,
6
6
  o as default
@@ -8,7 +8,7 @@ import "./propsContext-CauylOgH.js";
8
8
  import "remeda";
9
9
  import { d as i } from "./dynamic-ClpUSmEt.js";
10
10
  import r from "clsx";
11
- import { f as b } from "./flowComponent-DZ4pwhof.js";
11
+ import { f as b } from "./flowComponent-Dha_9C4F.js";
12
12
  const d = "flow--button-group--button-group-container", f = "flow--button-group", C = "flow--button-group--button", G = "flow--button-group--secondary", t = {
13
13
  buttonGroupContainer: d,
14
14
  buttonGroup: f,
@@ -4,21 +4,21 @@ import e from "react";
4
4
  import * as i from "react-aria-components";
5
5
  import p from "clsx";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-BI5DQvoY.js";
8
- import { I as x, a as h } from "./IconCheckboxEmpty-DS-0Y9DS.js";
9
- import { I as C } from "./IconCheckboxIndeterminate-Coqmr05a.js";
10
- import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
7
+ import "./Icon-DhFv_0k_.js";
8
+ import { I as x, a as f } from "./IconCheckboxEmpty-DRlqWMgD.js";
9
+ import { I as h } from "./IconCheckboxIndeterminate-CfK_tk87.js";
10
+ import { C } from "./ClearPropsContext-CeCMjUK9.js";
11
11
  import "./propsContext-CauylOgH.js";
12
12
  import "@react-aria/utils";
13
13
  import "remeda";
14
14
  import "dot-prop";
15
- import { f as k } from "./flowComponent-DZ4pwhof.js";
15
+ import { f as k } from "./flowComponent-Dha_9C4F.js";
16
16
  const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
17
17
  checkbox: b,
18
18
  icon: E
19
19
  }, q = k("Checkbox", (c) => {
20
- const { children: t, className: r, ref: m, ...a } = c, n = p(o.checkbox, r);
21
- return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(i.Checkbox, { ...a, className: n, ref: m }, ({ isSelected: s, isIndeterminate: l }) => /* @__PURE__ */ e.createElement(e.Fragment, null, s ? /* @__PURE__ */ e.createElement(x, { className: o.icon }) : l ? /* @__PURE__ */ e.createElement(C, { className: o.icon }) : /* @__PURE__ */ e.createElement(h, { className: o.icon }), t)));
20
+ const { children: t, className: r, refProp: m, ...a } = c, n = p(o.checkbox, r);
21
+ return /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(i.Checkbox, { ...a, className: n, ref: m }, ({ isSelected: s, isIndeterminate: l }) => /* @__PURE__ */ e.createElement(e.Fragment, null, s ? /* @__PURE__ */ e.createElement(x, { className: o.icon }) : l ? /* @__PURE__ */ e.createElement(h, { className: o.icon }) : /* @__PURE__ */ e.createElement(f, { className: o.icon }), t)));
22
22
  });
23
23
  export {
24
24
  q as C
package/dist/Checkbox.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as a } from "./Checkbox-D0OKOlbQ.js";
3
+ import { C as a } from "./Checkbox-HtVxajw_.js";
4
4
  export {
5
5
  a as Checkbox,
6
6
  a as default
@@ -7,8 +7,8 @@ import { P as p } from "./PropsContextProvider-DZvwqHLP.js";
7
7
  import "@react-aria/utils";
8
8
  import "./propsContext-CauylOgH.js";
9
9
  import "remeda";
10
- import { C as b } from "./Checkbox-D0OKOlbQ.js";
11
- import { f as x } from "./flowComponent-DZ4pwhof.js";
10
+ import { C as b } from "./Checkbox-HtVxajw_.js";
11
+ import { f as x } from "./flowComponent-Dha_9C4F.js";
12
12
  const C = "flow--checkbox-button", f = "flow--checkbox-button--label", i = "flow--checkbox-button--content", o = {
13
13
  checkboxButton: C,
14
14
  label: f,
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as t } from "./CheckboxButton-m7uqvePd.js";
3
+ import { C as t } from "./CheckboxButton-BPC6RfJj.js";
4
4
  export {
5
5
  t as CheckboxButton,
6
6
  t as default
@@ -7,17 +7,17 @@ import "./propsContext-CauylOgH.js";
7
7
  import { P as b } from "./PropsContextProvider-DZvwqHLP.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
- import { F as h } from "./FieldError-DaMdHZmc.js";
11
- import { C as E } from "./CheckboxButton-m7uqvePd.js";
10
+ import { F as h } from "./FieldError--Qpixa12.js";
11
+ import { C as E } from "./CheckboxButton-BPC6RfJj.js";
12
12
  import { TunnelProvider as k, TunnelExit as r } from "@mittwald/react-tunnel";
13
13
  import { s as o } from "./FormField.module-DHK6nIcD.js";
14
14
  import { C } from "./ColumnLayout-FMONjI17.js";
15
15
  import { d as N } from "./deepFindOfType-6pG0fH7S.js";
16
- import { f as F } from "./flowComponent-DZ4pwhof.js";
16
+ import { f as F } from "./flowComponent-Dha_9C4F.js";
17
17
  const G = "flow--checkbox-group", s = {
18
18
  checkboxGroup: G
19
19
  }, j = F("CheckboxGroup", (l) => {
20
- const { children: t, className: m, s: n, m: i, l: a, ref: y, ...p } = l, d = x(o.formField, m), f = {
20
+ const { children: t, className: m, s: n, m: i, l: a, refProp: P, ...p } = l, d = x(o.formField, m), f = {
21
21
  Label: {
22
22
  className: o.label
23
23
  },
@@ -6,14 +6,14 @@ import "./propsContext-CauylOgH.js";
6
6
  import "@react-aria/utils";
7
7
  import "remeda";
8
8
  import "dot-prop";
9
- import { f as l } from "./flowComponent-DZ4pwhof.js";
9
+ import { f as l } from "./flowComponent-Dha_9C4F.js";
10
10
  import { W as s } from "./Wrap-DGT1h1o3.js";
11
11
  import { A as f } from "./Activity-CmfZpgOM.js";
12
12
  const W = l("Content", (e) => {
13
13
  const {
14
14
  children: r,
15
15
  elementType: o = "div",
16
- ref: m,
16
+ refProp: m,
17
17
  clearPropsContext: n = !0,
18
18
  isActive: i = !0,
19
19
  ...p
package/dist/Content.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as o } from "./Content-Dv4LJl-8.js";
3
+ import { C as o } from "./Content-CPAYV7wp.js";
4
4
  export {
5
5
  o as Content,
6
6
  o as default
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as u from "react-aria-components";
5
- import { f as d } from "./flowComponent-DZ4pwhof.js";
5
+ import { f as d } from "./flowComponent-Dha_9C4F.js";
6
6
  import { P as x } from "./Popover-MmxZkKu3.js";
7
7
  import { C } from "./ClearPropsContext-CeCMjUK9.js";
8
8
  import { P as M } from "./PropsContextProvider-DZvwqHLP.js";
@@ -20,7 +20,7 @@ const P = "flow--context-menu", g = {
20
20
  defaultSelectedKeys: a,
21
21
  disabledKeys: i,
22
22
  onSelectionChange: c,
23
- ref: l,
23
+ refProp: l,
24
24
  ...m
25
25
  } = o, p = t === "navigation" ? "single" : t, f = {
26
26
  MenuItem: {
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  /* */
3
- import { C as r } from "./ContextMenu-BQ1H5T2h.js";
4
- import { M as n } from "./MenuItem-DhbpDBP7.js";
3
+ import { C as r } from "./ContextMenu-BGfJXwpB.js";
4
+ import { M as n } from "./MenuItem-CzSUuXS-.js";
5
5
  import { MenuTrigger as m } from "react-aria-components";
6
6
  export {
7
7
  r as ContextMenu,
@@ -2,19 +2,19 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import a from "copy-to-clipboard";
5
- import { B as i } from "./Button-BCQWyOr4.js";
5
+ import { B as i } from "./Button-BGCNzfmU.js";
6
6
  import "@tabler/icons-react";
7
- import "./Icon-BI5DQvoY.js";
8
- import { I as c } from "./IconCopy-CmdUQbjo.js";
7
+ import "./Icon-DhFv_0k_.js";
8
+ import { I as c } from "./IconCopy-A7uxuck-.js";
9
9
  import { useLocalizedStringFormatter as l } from "react-aria";
10
- import { a as s, T as u } from "./TooltipTrigger-TslkLN5s.js";
11
- import { onlyText as f } from "react-children-utilities";
10
+ import { a as s, T as f } from "./TooltipTrigger-TslkLN5s.js";
11
+ import { onlyText as u } from "react-children-utilities";
12
12
  import { C as y } from "./ClearPropsContext-CeCMjUK9.js";
13
13
  import "./propsContext-CauylOgH.js";
14
14
  import "@react-aria/utils";
15
15
  import "remeda";
16
16
  import "dot-prop";
17
- import { f as C } from "./flowComponent-DZ4pwhof.js";
17
+ import { f as C } from "./flowComponent-Dha_9C4F.js";
18
18
  import { A as E } from "./Action-5b_DWWiS.js";
19
19
  const B = {
20
20
  "de-DE": {
@@ -24,10 +24,10 @@ const B = {
24
24
  "copyButton.copy": "Copy"
25
25
  }
26
26
  }, R = C("CopyButton", (r) => {
27
- const { text: e, ref: m, ...n } = r, t = l(B).format("copyButton.copy"), p = () => {
28
- a(f(e));
27
+ const { text: e, refProp: m, ...p } = r, t = l(B).format("copyButton.copy"), n = () => {
28
+ a(u(e));
29
29
  };
30
- return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(s, null, /* @__PURE__ */ o.createElement(E, { action: p, showFeedback: !0 }, /* @__PURE__ */ o.createElement(i, { "aria-label": t, ...n, ref: m }, /* @__PURE__ */ o.createElement(c, null))), /* @__PURE__ */ o.createElement(u, null, t)));
30
+ return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(s, null, /* @__PURE__ */ o.createElement(E, { action: n, showFeedback: !0 }, /* @__PURE__ */ o.createElement(i, { "aria-label": t, ...p, ref: m }, /* @__PURE__ */ o.createElement(c, null))), /* @__PURE__ */ o.createElement(f, null, t)));
31
31
  });
32
32
  export {
33
33
  R as CopyButton,
@@ -1,21 +1,21 @@
1
1
  "use client"
2
2
  /* */
3
- import t from "react";
3
+ import e from "react";
4
4
  import m from "clsx";
5
5
  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
9
  import "dot-prop";
10
- import { T as c } from "./Text-fD3dK4JJ.js";
11
- import { f as p } from "./flowComponent-DZ4pwhof.js";
10
+ import { T as p } from "./Text-DXApO_Re.js";
11
+ import { f as c } from "./flowComponent-Dha_9C4F.js";
12
12
  const a = "flow--field-description", f = {
13
13
  fieldDescription: a
14
- }, T = p("FieldDescription", (e) => {
15
- const { children: o, className: r, ref: i, ...s } = e, l = m(f.fieldDescription, r);
16
- return /* @__PURE__ */ t.createElement(n, null, /* @__PURE__ */ t.createElement(c, { slot: "description", ...s, className: l, ref: i }, o));
14
+ }, P = c("FieldDescription", (o) => {
15
+ const { children: t, className: r, refProp: i, ...s } = o, l = m(f.fieldDescription, r);
16
+ return /* @__PURE__ */ e.createElement(n, null, /* @__PURE__ */ e.createElement(p, { slot: "description", ...s, className: l, ref: i }, t));
17
17
  });
18
18
  export {
19
- T as FieldDescription,
20
- T as default
19
+ P as FieldDescription,
20
+ P as default
21
21
  };
@@ -3,21 +3,21 @@
3
3
  import r from "react";
4
4
  import * as n from "react-aria-components";
5
5
  import a from "clsx";
6
- import { C as c } from "./ClearPropsContext-CeCMjUK9.js";
6
+ import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
7
7
  import "./propsContext-CauylOgH.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import "dot-prop";
11
11
  import "@tabler/icons-react";
12
- import "./Icon-BI5DQvoY.js";
13
- import { I as p } from "./IconDanger-FoTA8c58.js";
14
- import { f } from "./flowComponent-DZ4pwhof.js";
12
+ import "./Icon-DhFv_0k_.js";
13
+ import { I as c } from "./IconDanger-ALKH8dEk.js";
14
+ import { f } from "./flowComponent-Dha_9C4F.js";
15
15
  const E = "flow--field-error", d = {
16
16
  fieldError: E
17
- }, z = f("FieldError", (o) => {
18
- const { children: e, className: t, ref: m, ...l } = o, s = a(d.fieldError, t);
19
- return /* @__PURE__ */ r.createElement(c, null, /* @__PURE__ */ r.createElement(n.FieldError, { ...l, className: s, ref: m }, ({ validationErrors: i }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(p, { size: "s" }), /* @__PURE__ */ r.createElement("span", null, e || i.join(" ")))));
17
+ }, y = f("FieldError", (o) => {
18
+ const { children: e, className: t, refProp: m, ...l } = o, s = a(d.fieldError, t);
19
+ return /* @__PURE__ */ r.createElement(p, null, /* @__PURE__ */ r.createElement(n.FieldError, { ...l, className: s, ref: m }, ({ validationErrors: i }) => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(c, { size: "s" }), /* @__PURE__ */ r.createElement("span", null, e || i.join(" ")))));
20
20
  });
21
21
  export {
22
- z as F
22
+ y as F
23
23
  };
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { F as o } from "./FieldError-DaMdHZmc.js";
3
+ import { F as o } from "./FieldError--Qpixa12.js";
4
4
  export {
5
5
  o as FieldError,
6
6
  o as default
package/dist/Header.js CHANGED
@@ -1,12 +1,12 @@
1
1
  "use client"
2
2
  /* */
3
3
  import m from "react";
4
- import { f as c } from "./flowComponent-DZ4pwhof.js";
5
- const s = c("Header", (e) => {
6
- const { children: t, ref: r, elementType: o = "header", ...n } = e, a = o;
7
- return /* @__PURE__ */ m.createElement(a, { ...n, ref: r }, t);
4
+ import { f } from "./flowComponent-Dha_9C4F.js";
5
+ const p = f("Header", (e) => {
6
+ const { children: r, refProp: t, elementType: o = "header", ...n } = e, a = o;
7
+ return /* @__PURE__ */ m.createElement(a, { ...n, ref: t }, r);
8
8
  });
9
9
  export {
10
- s as Header,
11
- s as default
10
+ p as Header,
11
+ p as default
12
12
  };
@@ -7,29 +7,29 @@ import { P as g } from "./PropsContextProvider-DZvwqHLP.js";
7
7
  import "@react-aria/utils";
8
8
  import "./propsContext-CauylOgH.js";
9
9
  import "remeda";
10
- import { f as p } from "./flowComponent-DZ4pwhof.js";
10
+ import { f as p } from "./flowComponent-Dha_9C4F.js";
11
11
  import * as w from "react-aria-components";
12
- const C = "flow--heading", x = "flow--heading--dark", u = "flow--heading--light", H = "flow--heading--icon", N = "flow--heading--h1", P = "flow--heading--h2", k = "flow--heading--h3", v = "flow--heading--h4", E = "flow--heading--h5", y = "flow--heading--h6", o = {
12
+ const C = "flow--heading", x = "flow--heading--dark", P = "flow--heading--light", u = "flow--heading--icon", H = "flow--heading--h1", N = "flow--heading--h2", k = "flow--heading--h3", v = "flow--heading--h4", E = "flow--heading--h5", y = "flow--heading--h6", o = {
13
13
  heading: C,
14
14
  dark: x,
15
- light: u,
16
- icon: H,
17
- h1: N,
18
- h2: P,
15
+ light: P,
16
+ icon: u,
17
+ h1: H,
18
+ h2: N,
19
19
  h3: k,
20
20
  h4: v,
21
21
  h5: E,
22
22
  h6: y
23
- }, q = p("Heading", (a) => {
23
+ }, q = p("Heading", (r) => {
24
24
  const {
25
- children: r,
25
+ children: a,
26
26
  className: i,
27
27
  level: n = 2,
28
28
  levelVisual: t = n,
29
29
  color: s = "primary",
30
- ref: h,
30
+ refProp: h,
31
31
  ...l
32
- } = a, c = d(
32
+ } = r, c = d(
33
33
  o.heading,
34
34
  t && o[`h${t}`],
35
35
  o[s],
@@ -41,7 +41,7 @@ const C = "flow--heading", x = "flow--heading--dark", u = "flow--heading--light"
41
41
  className: o.icon
42
42
  }
43
43
  };
44
- return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(w.Heading, { level: n, className: c, ...l, ref: h }, /* @__PURE__ */ e.createElement(g, { props: m }, r)));
44
+ return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(w.Heading, { level: n, className: c, ...l, ref: h }, /* @__PURE__ */ e.createElement(g, { props: m }, a)));
45
45
  });
46
46
  export {
47
47
  q as H
package/dist/Heading.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { H as e } from "./Heading-CI96mO-u.js";
3
+ import { H as e } from "./Heading-CYit9Nf-.js";
4
4
  export {
5
5
  e as Heading,
6
6
  e as default
@@ -8,7 +8,7 @@ import "./propsContext-CauylOgH.js";
8
8
  import "@react-aria/utils";
9
9
  import "remeda";
10
10
  import "dot-prop";
11
- import { f as z } from "./flowComponent-DZ4pwhof.js";
11
+ import { f as z } from "./flowComponent-Dha_9C4F.js";
12
12
  const b = "flow--icon", c = {
13
13
  icon: b,
14
14
  "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-BI5DQvoY.js";
3
+ import { I as a } from "./Icon-DhFv_0k_.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-BI5DQvoY.js";
5
+ import { I as t } from "./Icon-DhFv_0k_.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 e from "react";
4
4
  import { IconSquareCheckFilled as t, IconSquare as n } from "@tabler/icons-react";
5
- import { I as o } from "./Icon-BI5DQvoY.js";
5
+ import { I as o } from "./Icon-DhFv_0k_.js";
6
6
  const l = (c) => /* @__PURE__ */ e.createElement(o, { ...c }, /* @__PURE__ */ e.createElement(t, null)), I = (c) => /* @__PURE__ */ e.createElement(o, { ...c }, /* @__PURE__ */ e.createElement(n, null));
7
7
  export {
8
8
  l as I,
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconSquareMinusFilled as t } from "@tabler/icons-react";
5
- import { I as r } from "./Icon-BI5DQvoY.js";
5
+ import { I as r } from "./Icon-DhFv_0k_.js";
6
6
  const a = (o) => /* @__PURE__ */ e.createElement(r, { ...o }, /* @__PURE__ */ e.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 { IconChevronDown as e } from "@tabler/icons-react";
5
- import { I as r } from "./Icon-BI5DQvoY.js";
5
+ import { I as r } from "./Icon-DhFv_0k_.js";
6
6
  const a = (n) => /* @__PURE__ */ o.createElement(r, { ...n }, /* @__PURE__ */ o.createElement(e, null));
7
7
  export {
8
8
  a as I
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import o from "react";
4
4
  import { IconChevronRight as t } from "@tabler/icons-react";
5
- import { I as r } from "./Icon-BI5DQvoY.js";
5
+ import { I as r } from "./Icon-DhFv_0k_.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 { IconX as t } from "@tabler/icons-react";
5
- import { I as r } from "./Icon-BI5DQvoY.js";
5
+ import { I as r } from "./Icon-DhFv_0k_.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 { IconDots as e } from "@tabler/icons-react";
5
- import { I as n } from "./Icon-BI5DQvoY.js";
5
+ import { I as n } from "./Icon-DhFv_0k_.js";
6
6
  const a = (t) => /* @__PURE__ */ o.createElement(n, { ...t }, /* @__PURE__ */ o.createElement(e, 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-BI5DQvoY.js";
5
+ import { I as r } from "./Icon-DhFv_0k_.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-BI5DQvoY.js";
5
+ import { I as t } from "./Icon-DhFv_0k_.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 { IconLoader2 as r } from "@tabler/icons-react";
5
- import { I as t } from "./Icon-BI5DQvoY.js";
5
+ import { I as t } from "./Icon-DhFv_0k_.js";
6
6
  const a = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(r, null));
7
7
  export {
8
8
  a as I
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconChevronUp as c, IconMinus as t, IconPlus as r } from "@tabler/icons-react";
5
- import { I as o } from "./Icon-BI5DQvoY.js";
5
+ import { I as o } from "./Icon-DhFv_0k_.js";
6
6
  const m = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(c, null)), I = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(t, null)), u = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(r, null));
7
7
  export {
8
8
  I,
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import { IconCircle as c, IconCircleDotFilled as n } from "@tabler/icons-react";
5
- import { I as t } from "./Icon-BI5DQvoY.js";
5
+ import { I as t } from "./Icon-DhFv_0k_.js";
6
6
  const m = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(c, null)), i = (o) => /* @__PURE__ */ e.createElement(t, { ...o }, /* @__PURE__ */ e.createElement(n, null));
7
7
  export {
8
8
  i as I,