@mittwald/flow-react-components 0.1.0-alpha.116 → 0.1.0-alpha.118
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.
- package/dist/{Accordion-BzSb2drj.js → Accordion-OIqrGajq.js} +3 -3
- package/dist/Accordion.js +1 -1
- package/dist/Avatar.js +25 -27
- package/dist/Breadcrumb.js +2 -2
- package/dist/{Button-_8JcP9d1.js → Button-BCQWyOr4.js} +5 -5
- package/dist/Button.js +1 -1
- package/dist/ButtonGroup.js +1 -1
- package/dist/{Checkbox-CoDeuNsM.js → Checkbox-D0OKOlbQ.js} +4 -4
- package/dist/Checkbox.js +1 -1
- package/dist/{CheckboxButton-D_i7P_qt.js → CheckboxButton-m7uqvePd.js} +2 -2
- package/dist/CheckboxButton.js +1 -1
- package/dist/CheckboxGroup.js +3 -3
- package/dist/{Content-BK2g3Yro.js → Content-Dv4LJl-8.js} +1 -1
- package/dist/Content.js +1 -1
- package/dist/{ContextMenu-kfsMEIUy.js → ContextMenu-BQ1H5T2h.js} +1 -1
- package/dist/ContextMenu.js +2 -2
- package/dist/CopyButton.js +4 -4
- package/dist/FieldDescription.js +2 -2
- package/dist/{FieldError-ef2wRBhJ.js → FieldError-DaMdHZmc.js} +3 -3
- package/dist/FieldError.js +1 -1
- package/dist/Header.js +1 -1
- package/dist/Heading-CI96mO-u.js +48 -0
- package/dist/Heading.js +3 -45
- package/dist/{Icon-DAE3MVF2.js → Icon-BI5DQvoY.js} +1 -1
- package/dist/Icon.js +1 -1
- package/dist/{IconCheck-B_TL6rk7.js → IconCheck-BtMaGPKR.js} +1 -1
- package/dist/{IconCheckboxEmpty-9LFcjE0j.js → IconCheckboxEmpty-DS-0Y9DS.js} +1 -1
- package/dist/{IconCheckboxIndeterminate-CVt-Emyf.js → IconCheckboxIndeterminate-Coqmr05a.js} +1 -1
- package/dist/{IconChevronDown-4x9PZE3A.js → IconChevronDown-B47aUcVu.js} +1 -1
- package/dist/{IconChevronRight-BGr3gKMc.js → IconChevronRight-DRtwShTy.js} +1 -1
- package/dist/{IconClose-D5y8_cAW.js → IconClose-BCVIZgsO.js} +1 -1
- package/dist/{IconContextMenu-CscpZMqu.js → IconContextMenu-B6l97s-1.js} +1 -1
- package/dist/{IconCopy-J5KCFCD0.js → IconCopy-CmdUQbjo.js} +1 -1
- package/dist/{IconDanger-Be-8YO4Z.js → IconDanger-FoTA8c58.js} +1 -1
- package/dist/{IconPending-UvsvM-yo.js → IconPending-DaIqc2wH.js} +1 -1
- package/dist/{IconPlus-BZ0ojVn-.js → IconPlus-DHGdrWaP.js} +1 -1
- package/dist/{IconRadioOn-DKF0Bkmh.js → IconRadioOn-Dw-cld05.js} +1 -1
- package/dist/IconSearch-BfGdDu2q.js +9 -0
- package/dist/{IconSucceeded-C8ICBiWF.js → IconSucceeded-Dac_avN3.js} +1 -1
- package/dist/{IconWarning-D4N03eMl.js → IconWarning-DW8orO_0.js} +1 -1
- package/dist/Icons.js +81 -80
- package/dist/IllustratedMessage-D1xVzeZO.js +38 -0
- package/dist/IllustratedMessage.js +3 -35
- package/dist/Image.js +1 -1
- package/dist/Initials.js +1 -1
- package/dist/InlineAlert.js +2 -2
- package/dist/{Label-u7aknIoq.js → Label-CZL5PpdM.js} +1 -1
- package/dist/Label.js +1 -1
- package/dist/LayoutCard.js +1 -1
- package/dist/{Link-DGmaq49u.js → Link-Dudjl8oZ.js} +1 -1
- package/dist/Link.js +1 -1
- package/dist/List.js +268 -250
- package/dist/{LoadingSpinner-DdxaPznB.js → LoadingSpinner-CKlvSFNo.js} +2 -2
- package/dist/LoadingSpinner.js +1 -1
- package/dist/{MenuItem-D4OlNY0-.js → MenuItem-DhbpDBP7.js} +5 -5
- package/dist/MenuItem.js +1 -1
- package/dist/Modal.js +1 -1
- package/dist/Navigation.js +2 -2
- package/dist/NumberField.js +6 -6
- package/dist/OffCanvas.js +3 -3
- package/dist/RadioGroup.js +5 -5
- package/dist/Section.js +1 -1
- package/dist/Select.js +4 -4
- package/dist/Separator.js +15 -0
- package/dist/StatusBadge.js +3 -3
- package/dist/{StatusIcon-bhiGnLh6.js → StatusIcon-D1TnVROF.js} +3 -3
- package/dist/StatusIcon.js +1 -1
- package/dist/Switch.js +5 -5
- package/dist/Tabs.js +7 -7
- package/dist/{Text-CMf42YK8.js → Text-fD3dK4JJ.js} +1 -1
- package/dist/Text.js +1 -1
- package/dist/TextArea.js +2 -2
- package/dist/TextField.js +2 -2
- package/dist/{TextFieldBase-DFFlaU7o.js → TextFieldBase-CmWxHsqM.js} +1 -1
- package/dist/flowComponent-DZ4pwhof.js +117 -0
- package/dist/react-hook-form.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/components/Avatar/Avatar.d.ts +4 -3
- package/dist/types/components/Content/Content.d.ts +1 -0
- package/dist/types/components/ContextMenu/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/Header/Header.d.ts +1 -1
- package/dist/types/components/List/stories/ListItem.stories.d.ts +5 -4
- package/dist/types/components/Navigation/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/Separator/Separator.d.ts +6 -0
- package/dist/types/components/Separator/index.d.ts +4 -0
- package/dist/types/components/Separator/stories/Default.stories.d.ts +7 -0
- package/package.json +8 -4
- package/dist/flowComponent-D-odaa-x.js +0 -36
- package/dist/useProps-L-mDIVx4.js +0 -91
|
@@ -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-
|
|
10
|
+
import { B as w } from "./Button-BCQWyOr4.js";
|
|
11
11
|
import "@tabler/icons-react";
|
|
12
|
-
import "./Icon-
|
|
13
|
-
import { I as y } from "./IconChevronDown-
|
|
12
|
+
import "./Icon-BI5DQvoY.js";
|
|
13
|
+
import { I as y } from "./IconChevronDown-B47aUcVu.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
package/dist/Avatar.js
CHANGED
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import i, { isValidElement as
|
|
4
|
-
import
|
|
5
|
-
import { C as
|
|
3
|
+
import i, { isValidElement as m } from "react";
|
|
4
|
+
import p from "clsx";
|
|
5
|
+
import { C as v } from "./ClearPropsContext-CeCMjUK9.js";
|
|
6
6
|
import { P as c } from "./PropsContextProvider-DZvwqHLP.js";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
import "./propsContext-CauylOgH.js";
|
|
9
|
+
import "remeda";
|
|
10
|
+
import { hash as f } from "object-code";
|
|
11
|
+
import { deepForEach as w } from "react-children-utilities";
|
|
12
|
+
import { f as z } from "./flowComponent-DZ4pwhof.js";
|
|
13
|
+
const d = "flow--avatar", C = "flow--avatar--icon", h = "flow--avatar--initials", r = {
|
|
11
14
|
avatar: d,
|
|
12
|
-
icon:
|
|
13
|
-
initials:
|
|
15
|
+
icon: C,
|
|
16
|
+
initials: h,
|
|
14
17
|
"size-m": "flow--avatar--size-m",
|
|
15
18
|
"size-xs": "flow--avatar--size-xs",
|
|
16
19
|
"size-s": "flow--avatar--size-s",
|
|
@@ -19,27 +22,22 @@ const d = "flow--avatar", h = "flow--avatar--icon", u = "flow--avatar--initials"
|
|
|
19
22
|
"variant-2": "flow--avatar--variant-2",
|
|
20
23
|
"variant-3": "flow--avatar--variant-3",
|
|
21
24
|
"variant-4": "flow--avatar--variant-4"
|
|
22
|
-
},
|
|
25
|
+
}, x = (o) => {
|
|
23
26
|
const a = [];
|
|
24
|
-
|
|
25
|
-
|
|
27
|
+
w(o, (t) => {
|
|
28
|
+
m(t) ? a.push({
|
|
26
29
|
props: t.props,
|
|
27
30
|
type: t.type
|
|
28
31
|
}) : a.push(t);
|
|
29
32
|
});
|
|
30
|
-
const
|
|
31
|
-
return Math.abs(
|
|
32
|
-
},
|
|
33
|
-
const {
|
|
34
|
-
children: a,
|
|
35
|
-
className: o,
|
|
36
|
-
variant: t,
|
|
37
|
-
size: e = "m"
|
|
38
|
-
} = f("Avatar", s), n = m(
|
|
33
|
+
const s = f(a);
|
|
34
|
+
return Math.abs(s % 4) + 1;
|
|
35
|
+
}, V = z("Avatar", (o) => {
|
|
36
|
+
const { children: a, className: s, variant: t, size: e = "m" } = o, n = p(
|
|
39
37
|
r.avatar,
|
|
40
38
|
r[`size-${e}`],
|
|
41
|
-
|
|
42
|
-
r[`variant-${t ??
|
|
39
|
+
s,
|
|
40
|
+
r[`variant-${t ?? x(a)}`]
|
|
43
41
|
), l = {
|
|
44
42
|
Initials: {
|
|
45
43
|
className: r.initials
|
|
@@ -48,9 +46,9 @@ const d = "flow--avatar", h = "flow--avatar--icon", u = "flow--avatar--initials"
|
|
|
48
46
|
className: r.icon
|
|
49
47
|
}
|
|
50
48
|
};
|
|
51
|
-
return /* @__PURE__ */ i.createElement(
|
|
52
|
-
};
|
|
49
|
+
return /* @__PURE__ */ i.createElement(v, null, /* @__PURE__ */ i.createElement("div", { className: n }, /* @__PURE__ */ i.createElement(c, { props: l }, a)));
|
|
50
|
+
});
|
|
53
51
|
export {
|
|
54
|
-
|
|
55
|
-
|
|
52
|
+
V as Avatar,
|
|
53
|
+
V as default
|
|
56
54
|
};
|
package/dist/Breadcrumb.js
CHANGED
|
@@ -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-
|
|
8
|
-
import { I as u } from "./IconChevronRight-
|
|
7
|
+
import "./Icon-BI5DQvoY.js";
|
|
8
|
+
import { I as u } from "./IconChevronRight-DRtwShTy.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-
|
|
13
|
-
import { I as C, a as I } from "./IconSucceeded-
|
|
12
|
+
import "./Icon-BI5DQvoY.js";
|
|
13
|
+
import { I as C, a as I } from "./IconSucceeded-Dac_avN3.js";
|
|
14
14
|
import { W as u } from "./Wrap-DGT1h1o3.js";
|
|
15
|
-
import { T as N } from "./Text-
|
|
16
|
-
import { f as k } from "./flowComponent-
|
|
17
|
-
import { L as A } from "./LoadingSpinner-
|
|
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";
|
|
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 = {
|
package/dist/Button.js
CHANGED
package/dist/ButtonGroup.js
CHANGED
|
@@ -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-
|
|
11
|
+
import { f as b } from "./flowComponent-DZ4pwhof.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,15 +4,15 @@ 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-
|
|
8
|
-
import { I as x, a as h } from "./IconCheckboxEmpty-
|
|
9
|
-
import { I as C } from "./IconCheckboxIndeterminate-
|
|
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
10
|
import { C as f } 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-
|
|
15
|
+
import { f as k } from "./flowComponent-DZ4pwhof.js";
|
|
16
16
|
const b = "flow--checkbox", E = "flow--checkbox--icon", o = {
|
|
17
17
|
checkbox: b,
|
|
18
18
|
icon: E
|
package/dist/Checkbox.js
CHANGED
|
@@ -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-
|
|
11
|
-
import { f as x } from "./flowComponent-
|
|
10
|
+
import { C as b } from "./Checkbox-D0OKOlbQ.js";
|
|
11
|
+
import { f as x } from "./flowComponent-DZ4pwhof.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,
|
package/dist/CheckboxButton.js
CHANGED
package/dist/CheckboxGroup.js
CHANGED
|
@@ -7,13 +7,13 @@ 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-
|
|
11
|
-
import { C as E } from "./CheckboxButton-
|
|
10
|
+
import { F as h } from "./FieldError-DaMdHZmc.js";
|
|
11
|
+
import { C as E } from "./CheckboxButton-m7uqvePd.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-
|
|
16
|
+
import { f as F } from "./flowComponent-DZ4pwhof.js";
|
|
17
17
|
const G = "flow--checkbox-group", s = {
|
|
18
18
|
checkboxGroup: G
|
|
19
19
|
}, j = F("CheckboxGroup", (l) => {
|
|
@@ -6,7 +6,7 @@ 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-
|
|
9
|
+
import { f as l } from "./flowComponent-DZ4pwhof.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) => {
|
package/dist/Content.js
CHANGED
|
@@ -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-
|
|
5
|
+
import { f as d } from "./flowComponent-DZ4pwhof.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";
|
package/dist/ContextMenu.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import { C as r } from "./ContextMenu-
|
|
4
|
-
import { M as n } from "./MenuItem-
|
|
3
|
+
import { C as r } from "./ContextMenu-BQ1H5T2h.js";
|
|
4
|
+
import { M as n } from "./MenuItem-DhbpDBP7.js";
|
|
5
5
|
import { MenuTrigger as m } from "react-aria-components";
|
|
6
6
|
export {
|
|
7
7
|
r as ContextMenu,
|
package/dist/CopyButton.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import o from "react";
|
|
4
4
|
import a from "copy-to-clipboard";
|
|
5
|
-
import { B as i } from "./Button-
|
|
5
|
+
import { B as i } from "./Button-BCQWyOr4.js";
|
|
6
6
|
import "@tabler/icons-react";
|
|
7
|
-
import "./Icon-
|
|
8
|
-
import { I as c } from "./IconCopy-
|
|
7
|
+
import "./Icon-BI5DQvoY.js";
|
|
8
|
+
import { I as c } from "./IconCopy-CmdUQbjo.js";
|
|
9
9
|
import { useLocalizedStringFormatter as l } from "react-aria";
|
|
10
10
|
import { a as s, T as u } from "./TooltipTrigger-TslkLN5s.js";
|
|
11
11
|
import { onlyText as f } from "react-children-utilities";
|
|
@@ -14,7 +14,7 @@ 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-
|
|
17
|
+
import { f as C } from "./flowComponent-DZ4pwhof.js";
|
|
18
18
|
import { A as E } from "./Action-BZHZj-BD.js";
|
|
19
19
|
const B = {
|
|
20
20
|
"de-DE": {
|
package/dist/FieldDescription.js
CHANGED
|
@@ -7,8 +7,8 @@ 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-
|
|
11
|
-
import { f as p } from "./flowComponent-
|
|
10
|
+
import { T as c } from "./Text-fD3dK4JJ.js";
|
|
11
|
+
import { f as p } from "./flowComponent-DZ4pwhof.js";
|
|
12
12
|
const a = "flow--field-description", f = {
|
|
13
13
|
fieldDescription: a
|
|
14
14
|
}, T = p("FieldDescription", (e) => {
|
|
@@ -9,9 +9,9 @@ import "@react-aria/utils";
|
|
|
9
9
|
import "remeda";
|
|
10
10
|
import "dot-prop";
|
|
11
11
|
import "@tabler/icons-react";
|
|
12
|
-
import "./Icon-
|
|
13
|
-
import { I as p } from "./IconDanger-
|
|
14
|
-
import { f } from "./flowComponent-
|
|
12
|
+
import "./Icon-BI5DQvoY.js";
|
|
13
|
+
import { I as p } from "./IconDanger-FoTA8c58.js";
|
|
14
|
+
import { f } from "./flowComponent-DZ4pwhof.js";
|
|
15
15
|
const E = "flow--field-error", d = {
|
|
16
16
|
fieldError: E
|
|
17
17
|
}, z = f("FieldError", (o) => {
|
package/dist/FieldError.js
CHANGED
package/dist/Header.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import m from "react";
|
|
4
|
-
import { f as c } from "./flowComponent-
|
|
4
|
+
import { f as c } from "./flowComponent-DZ4pwhof.js";
|
|
5
5
|
const s = c("Header", (e) => {
|
|
6
6
|
const { children: t, ref: r, elementType: o = "header", ...n } = e, a = o;
|
|
7
7
|
return /* @__PURE__ */ m.createElement(a, { ...n, ref: r }, t);
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import d from "clsx";
|
|
5
|
+
import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
|
|
6
|
+
import { P as g } from "./PropsContextProvider-DZvwqHLP.js";
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
import "./propsContext-CauylOgH.js";
|
|
9
|
+
import "remeda";
|
|
10
|
+
import { f as p } from "./flowComponent-DZ4pwhof.js";
|
|
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 = {
|
|
13
|
+
heading: C,
|
|
14
|
+
dark: x,
|
|
15
|
+
light: u,
|
|
16
|
+
icon: H,
|
|
17
|
+
h1: N,
|
|
18
|
+
h2: P,
|
|
19
|
+
h3: k,
|
|
20
|
+
h4: v,
|
|
21
|
+
h5: E,
|
|
22
|
+
h6: y
|
|
23
|
+
}, q = p("Heading", (a) => {
|
|
24
|
+
const {
|
|
25
|
+
children: r,
|
|
26
|
+
className: i,
|
|
27
|
+
level: n = 2,
|
|
28
|
+
levelVisual: t = n,
|
|
29
|
+
color: s = "primary",
|
|
30
|
+
ref: h,
|
|
31
|
+
...l
|
|
32
|
+
} = a, c = d(
|
|
33
|
+
o.heading,
|
|
34
|
+
t && o[`h${t}`],
|
|
35
|
+
o[s],
|
|
36
|
+
i
|
|
37
|
+
), m = {
|
|
38
|
+
Icon: {
|
|
39
|
+
"aria-hidden": !0,
|
|
40
|
+
size: "s",
|
|
41
|
+
className: o.icon
|
|
42
|
+
}
|
|
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)));
|
|
45
|
+
});
|
|
46
|
+
export {
|
|
47
|
+
q as H
|
|
48
|
+
};
|
package/dist/Heading.js
CHANGED
|
@@ -1,49 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import e from "
|
|
4
|
-
import m from "clsx";
|
|
5
|
-
import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
|
|
6
|
-
import { P as g } from "./PropsContextProvider-DZvwqHLP.js";
|
|
7
|
-
import "@react-aria/utils";
|
|
8
|
-
import "./propsContext-CauylOgH.js";
|
|
9
|
-
import "remeda";
|
|
10
|
-
import { f as p } from "./flowComponent-D-odaa-x.js";
|
|
11
|
-
import * as w from "react-aria-components";
|
|
12
|
-
const C = "flow--heading", u = "flow--heading--dark", x = "flow--heading--light", N = "flow--heading--icon", P = "flow--heading--h1", k = "flow--heading--h2", v = "flow--heading--h3", E = "flow--heading--h4", H = "flow--heading--h5", y = "flow--heading--h6", o = {
|
|
13
|
-
heading: C,
|
|
14
|
-
dark: u,
|
|
15
|
-
light: x,
|
|
16
|
-
icon: N,
|
|
17
|
-
h1: P,
|
|
18
|
-
h2: k,
|
|
19
|
-
h3: v,
|
|
20
|
-
h4: E,
|
|
21
|
-
h5: H,
|
|
22
|
-
h6: y
|
|
23
|
-
}, q = p("Heading", (a) => {
|
|
24
|
-
const {
|
|
25
|
-
children: r,
|
|
26
|
-
className: i,
|
|
27
|
-
level: n = 2,
|
|
28
|
-
levelVisual: t = n,
|
|
29
|
-
color: s = "primary",
|
|
30
|
-
ref: h,
|
|
31
|
-
...l
|
|
32
|
-
} = a, c = m(
|
|
33
|
-
o.heading,
|
|
34
|
-
t && o[`h${t}`],
|
|
35
|
-
o[s],
|
|
36
|
-
i
|
|
37
|
-
), d = {
|
|
38
|
-
Icon: {
|
|
39
|
-
"aria-hidden": !0,
|
|
40
|
-
size: "s",
|
|
41
|
-
className: o.icon
|
|
42
|
-
}
|
|
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: d }, r)));
|
|
45
|
-
});
|
|
3
|
+
import { H as e } from "./Heading-CI96mO-u.js";
|
|
46
4
|
export {
|
|
47
|
-
|
|
48
|
-
|
|
5
|
+
e as Heading,
|
|
6
|
+
e as default
|
|
49
7
|
};
|
|
@@ -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-
|
|
11
|
+
import { f as z } from "./flowComponent-DZ4pwhof.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
|
@@ -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-
|
|
5
|
+
import { I as t } from "./Icon-BI5DQvoY.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-
|
|
5
|
+
import { I as o } from "./Icon-BI5DQvoY.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,
|
package/dist/{IconCheckboxIndeterminate-CVt-Emyf.js → IconCheckboxIndeterminate-Coqmr05a.js}
RENAMED
|
@@ -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-
|
|
5
|
+
import { I as r } from "./Icon-BI5DQvoY.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-
|
|
5
|
+
import { I as r } from "./Icon-BI5DQvoY.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-
|
|
5
|
+
import { I as r } from "./Icon-BI5DQvoY.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-
|
|
5
|
+
import { I as r } from "./Icon-BI5DQvoY.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-
|
|
5
|
+
import { I as n } from "./Icon-BI5DQvoY.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-
|
|
5
|
+
import { I as r } from "./Icon-BI5DQvoY.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-
|
|
5
|
+
import { I as t } from "./Icon-BI5DQvoY.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-
|
|
5
|
+
import { I as t } from "./Icon-BI5DQvoY.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-
|
|
5
|
+
import { I as o } from "./Icon-BI5DQvoY.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-
|
|
5
|
+
import { I as t } from "./Icon-BI5DQvoY.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,
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import { IconSearch as r } from "@tabler/icons-react";
|
|
5
|
+
import { I as c } from "./Icon-BI5DQvoY.js";
|
|
6
|
+
const n = (o) => /* @__PURE__ */ e.createElement(c, { ...o }, /* @__PURE__ */ e.createElement(r, null));
|
|
7
|
+
export {
|
|
8
|
+
n as I
|
|
9
|
+
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import e from "react";
|
|
4
4
|
import { IconX as o, IconCheck as n } from "@tabler/icons-react";
|
|
5
|
-
import { I as t } from "./Icon-
|
|
5
|
+
import { I as t } from "./Icon-BI5DQvoY.js";
|
|
6
6
|
const l = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(o, null)), I = (c) => /* @__PURE__ */ e.createElement(t, { ...c }, /* @__PURE__ */ e.createElement(n, null));
|
|
7
7
|
export {
|
|
8
8
|
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-
|
|
5
|
+
import { I as n } from "./Icon-BI5DQvoY.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,
|