@adgytec/adgytec-web-ui-components 0.0.5 → 0.0.6
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/{Disclosure-D79gqK4z.js → Disclosure-VEgfonAa.js} +1 -1
- package/dist/{DisclousreGroup-BSUcVzWX.js → DisclousreGroup-DEhMBMtj.js} +1 -1
- package/dist/{MenuButton-BEwnL_jL.js → MenuButton-CAzQcvOm.js} +1 -1
- package/dist/{MenuLabel-ClmuA9_6.js → MenuLabel-B7jC7YwF.js} +8 -8
- package/dist/{NavigationMenu-DTqKWY2F.js → NavigationMenu-DNsB0lr1.js} +11 -11
- package/dist/{NavigationResponsive-BPybSnJ4.js → NavigationResponsive-D6d2f-k_.js} +2 -2
- package/dist/{NavigationSidebar-ByWsLISI.js → NavigationSidebar-CZEPGghA.js} +10 -10
- package/dist/{Select-D0U2rIL2.js → Select-pbrPLreh.js} +20 -20
- package/dist/{ToggleButtonGroup-BnNsIJX5.js → ToggleButtonGroup-Hw3WdsOM.js} +10 -10
- package/dist/Tree-DwJPCnFr.js +35 -0
- package/dist/assets/NavigationSidebar.css +1 -1
- package/dist/assets/ToggleButtonGroup.css +1 -1
- package/dist/assets/Tree.css +1 -1
- package/dist/components/Disclosure/Disclosure/index.js +1 -1
- package/dist/components/Disclosure/DisclousureGroup/index.js +1 -1
- package/dist/components/Menu/index.js +2 -2
- package/dist/components/Navigation/NavigationMenu/index.js +1 -1
- package/dist/components/Navigation/NavigationResponsive/index.js +1 -1
- package/dist/components/Navigation/NavigationSidebar/index.js +1 -1
- package/dist/components/Navigation/index.js +3 -3
- package/dist/components/Select/index.js +1 -1
- package/dist/components/ToggleButtonGroup/index.js +1 -1
- package/dist/components/Tree/index.js +1 -1
- package/dist/index.js +10 -10
- package/package.json +2 -2
- package/dist/Tree-BwmYvUlr.js +0 -35
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { D as i } from "./Disclosure-
|
|
2
|
+
import { D as i } from "./Disclosure-VEgfonAa.js";
|
|
3
3
|
import { DisclosureGroup as u } from "react-aria-components";
|
|
4
4
|
import './assets/DisclousreGroup.css';const e = {
|
|
5
5
|
"disclosure-group": "_disclosure-group_vh6v0_1"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { MenuTrigger as m, Menu as c, Separator as l, MenuItem as p, SubmenuTrigger as d, Pressable as h } from "react-aria-components";
|
|
3
3
|
import { P as i } from "./Popover-D3iGWJwQ.js";
|
|
4
4
|
import { ChevronRight as _ } from "lucide-react";
|
|
@@ -12,7 +12,7 @@ import './assets/MenuLabel.css';const f = "_menu_c70ku_1", g = "_separator_c70ku
|
|
|
12
12
|
}, u = ({ menuItem: e }) => {
|
|
13
13
|
if (e.type === "separator")
|
|
14
14
|
return /* @__PURE__ */ r(l, { className: `${t.separator}` });
|
|
15
|
-
const n = !!e.subItems?.length, s = /* @__PURE__ */
|
|
15
|
+
const n = !!e.subItems?.length, s = /* @__PURE__ */ a(
|
|
16
16
|
p,
|
|
17
17
|
{
|
|
18
18
|
className: `${t["menu-item"]} ${t[e.type]}`,
|
|
@@ -21,23 +21,23 @@ import './assets/MenuLabel.css';const f = "_menu_c70ku_1", g = "_separator_c70ku
|
|
|
21
21
|
target: e.target,
|
|
22
22
|
children: [
|
|
23
23
|
e.node,
|
|
24
|
-
n && /* @__PURE__ */ r(_, {
|
|
24
|
+
n && /* @__PURE__ */ r(_, {})
|
|
25
25
|
]
|
|
26
26
|
}
|
|
27
27
|
);
|
|
28
|
-
return n ? /* @__PURE__ */
|
|
28
|
+
return n ? /* @__PURE__ */ a(d, { children: [
|
|
29
29
|
s,
|
|
30
|
-
/* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(c, { className: `${t.menu}`, children: e.subItems.map((
|
|
30
|
+
/* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(c, { className: `${t.menu}`, children: e.subItems.map((o) => /* @__PURE__ */ r(u, { menuItem: o }, o.id)) }) })
|
|
31
31
|
] }) : s;
|
|
32
|
-
},
|
|
32
|
+
}, $ = ({ children: e, menuItems: n }) => /* @__PURE__ */ a(m, { children: [
|
|
33
33
|
e,
|
|
34
34
|
/* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(c, { className: `${t.menu}`, children: n.map((s) => /* @__PURE__ */ r(u, { menuItem: s }, s.id)) }) })
|
|
35
35
|
] }), y = ({
|
|
36
36
|
children: e,
|
|
37
37
|
menuItems: n,
|
|
38
38
|
description: s
|
|
39
|
-
}) => /* @__PURE__ */ r(
|
|
39
|
+
}) => /* @__PURE__ */ r($, { menuItems: n, children: /* @__PURE__ */ r(b, { description: s, children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r("span", { role: "button", className: t.pressable, children: e }) }) }) });
|
|
40
40
|
export {
|
|
41
41
|
y as M,
|
|
42
|
-
|
|
42
|
+
$ as a
|
|
43
43
|
};
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { jsx as r, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { M as u } from "./MenuLabel-
|
|
3
|
-
import { L as
|
|
4
|
-
import { T as
|
|
2
|
+
import { M as u } from "./MenuLabel-B7jC7YwF.js";
|
|
3
|
+
import { L as m } from "./Link-CbLEp2fF.js";
|
|
4
|
+
import { T as i } from "./TextButton-BJRez1un.js";
|
|
5
5
|
import { C as n } from "./types-C1YOMbh5.js";
|
|
6
6
|
import { a as c } from "./useSplash-7h6ni4l2.js";
|
|
7
|
-
import { ChevronDown as
|
|
8
|
-
import './assets/NavigationMenu.css';const
|
|
9
|
-
menu:
|
|
10
|
-
},
|
|
7
|
+
import { ChevronDown as p } from "lucide-react";
|
|
8
|
+
import './assets/NavigationMenu.css';const h = "_menu_sata7_1", d = {
|
|
9
|
+
menu: h
|
|
10
|
+
}, k = ({ items: s, className: o }) => {
|
|
11
11
|
const t = s.filter((e) => e.type !== "separator");
|
|
12
12
|
return /* @__PURE__ */ r("div", { className: o || d.menu, children: t.map((e) => {
|
|
13
13
|
switch (e.type) {
|
|
14
14
|
case "sub-items":
|
|
15
15
|
return /* @__PURE__ */ a(u, { menuItems: e.subItems, children: [
|
|
16
16
|
e.node,
|
|
17
|
-
/* @__PURE__ */ r(
|
|
17
|
+
/* @__PURE__ */ r(p, {})
|
|
18
18
|
] }, e.id);
|
|
19
19
|
case "item-node":
|
|
20
20
|
return e.node;
|
|
21
21
|
case "link":
|
|
22
22
|
return /* @__PURE__ */ r(
|
|
23
|
-
|
|
23
|
+
m,
|
|
24
24
|
{
|
|
25
25
|
href: e.href,
|
|
26
26
|
target: e.target,
|
|
@@ -31,7 +31,7 @@ import './assets/NavigationMenu.css';const p = "_menu_sata7_1", d = {
|
|
|
31
31
|
);
|
|
32
32
|
case "button":
|
|
33
33
|
return /* @__PURE__ */ r(
|
|
34
|
-
|
|
34
|
+
i,
|
|
35
35
|
{
|
|
36
36
|
onPress: e.onPress,
|
|
37
37
|
theme: n.inverseSurface,
|
|
@@ -43,5 +43,5 @@ import './assets/NavigationMenu.css';const p = "_menu_sata7_1", d = {
|
|
|
43
43
|
}) });
|
|
44
44
|
};
|
|
45
45
|
export {
|
|
46
|
-
|
|
46
|
+
k as N
|
|
47
47
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { useMediaQuery as t } from "usehooks-ts";
|
|
3
|
-
import { N as e } from "./NavigationMenu-
|
|
4
|
-
import { N as s } from "./NavigationSidebar-
|
|
3
|
+
import { N as e } from "./NavigationMenu-DNsB0lr1.js";
|
|
4
|
+
import { N as s } from "./NavigationSidebar-CZEPGghA.js";
|
|
5
5
|
const f = ({
|
|
6
6
|
items: o,
|
|
7
7
|
mediaQuery: r,
|
|
@@ -2,27 +2,27 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
|
|
|
2
2
|
import { T as r } from "./TextButton-BJRez1un.js";
|
|
3
3
|
import { a as s } from "./useSplash-7h6ni4l2.js";
|
|
4
4
|
import { S as m } from "./Sidebar-LlVvowsG.js";
|
|
5
|
-
import { T as c } from "./Tree-
|
|
6
|
-
import { X as l, Menu as
|
|
7
|
-
import { C as
|
|
8
|
-
import './assets/NavigationSidebar.css';const
|
|
9
|
-
nav:
|
|
10
|
-
close:
|
|
11
|
-
},
|
|
5
|
+
import { T as c } from "./Tree-DwJPCnFr.js";
|
|
6
|
+
import { X as l, Menu as h } from "lucide-react";
|
|
7
|
+
import { C as p } from "./types-C1YOMbh5.js";
|
|
8
|
+
import './assets/NavigationSidebar.css';const f = "_nav_1fjh5_1", d = "_close_1fjh5_15", o = {
|
|
9
|
+
nav: f,
|
|
10
|
+
close: d
|
|
11
|
+
}, N = ({
|
|
12
12
|
items: a,
|
|
13
13
|
...t
|
|
14
14
|
}) => /* @__PURE__ */ e(
|
|
15
15
|
m,
|
|
16
16
|
{
|
|
17
17
|
...t,
|
|
18
|
-
trigger: /* @__PURE__ */ e(r, { shape: s.square, children: /* @__PURE__ */ e(
|
|
18
|
+
trigger: /* @__PURE__ */ e(r, { shape: s.square, children: /* @__PURE__ */ e(h, {}) }),
|
|
19
19
|
children: ({ close: n }) => /* @__PURE__ */ i("div", { className: o.nav, children: [
|
|
20
20
|
/* @__PURE__ */ e("div", { className: o.close, children: /* @__PURE__ */ e(
|
|
21
21
|
r,
|
|
22
22
|
{
|
|
23
23
|
onPress: n,
|
|
24
24
|
shape: s.square,
|
|
25
|
-
theme:
|
|
25
|
+
theme: p.inverseSurface,
|
|
26
26
|
children: /* @__PURE__ */ e(l, {})
|
|
27
27
|
}
|
|
28
28
|
) }),
|
|
@@ -31,5 +31,5 @@ import './assets/NavigationSidebar.css';const d = "_nav_15psm_1", f = "_close_15
|
|
|
31
31
|
}
|
|
32
32
|
);
|
|
33
33
|
export {
|
|
34
|
-
|
|
34
|
+
N
|
|
35
35
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e, Fragment as n } from "react/jsx-runtime";
|
|
2
|
-
import { O as
|
|
2
|
+
import { O as B, F as N } from "./OutlinedButton-DaLKO8zx.js";
|
|
3
3
|
import { B as l } from "./useSplash-7h6ni4l2.js";
|
|
4
|
-
import { Select as
|
|
5
|
-
import { P as
|
|
4
|
+
import { Select as S, SelectValue as m, ListBox as T, Text as d, ListBoxItem as b } from "react-aria-components";
|
|
5
|
+
import { P as k } from "./Popover-D3iGWJwQ.js";
|
|
6
6
|
import { ChevronsUpDown as V, Check as y } from "lucide-react";
|
|
7
7
|
import { T as C } from "./TextButton-BJRez1un.js";
|
|
8
8
|
import { C as p } from "./types-C1YOMbh5.js";
|
|
@@ -16,61 +16,61 @@ import './assets/Select.css';const D = "_select_3q7jl_1", w = "_trigger_3q7jl_31
|
|
|
16
16
|
"options-list": "_options-list_3q7jl_45",
|
|
17
17
|
"options-item-group": "_options-item-group_3q7jl_57",
|
|
18
18
|
"options-item": "_options-item_3q7jl_57"
|
|
19
|
-
},
|
|
20
|
-
options:
|
|
19
|
+
}, K = ({
|
|
20
|
+
options: u,
|
|
21
21
|
label: a,
|
|
22
|
-
name:
|
|
23
|
-
disabled:
|
|
22
|
+
name: _,
|
|
23
|
+
disabled: h,
|
|
24
24
|
isRequired: f,
|
|
25
25
|
triggerVariant: g = l.filled,
|
|
26
26
|
description: j,
|
|
27
27
|
placeholder: c,
|
|
28
28
|
selectedKey: x,
|
|
29
|
-
onSelectionChange:
|
|
29
|
+
onSelectionChange: v
|
|
30
30
|
}) => {
|
|
31
31
|
let s;
|
|
32
32
|
switch (g) {
|
|
33
33
|
case l.filled:
|
|
34
|
-
s =
|
|
34
|
+
s = N;
|
|
35
35
|
break;
|
|
36
36
|
case l.outlined:
|
|
37
|
-
s =
|
|
37
|
+
s = B;
|
|
38
38
|
break;
|
|
39
39
|
case l.text:
|
|
40
40
|
s = C;
|
|
41
41
|
break;
|
|
42
42
|
}
|
|
43
43
|
return /* @__PURE__ */ r(
|
|
44
|
-
|
|
44
|
+
S,
|
|
45
45
|
{
|
|
46
46
|
className: i.select,
|
|
47
|
-
isDisabled:
|
|
47
|
+
isDisabled: h,
|
|
48
48
|
isRequired: f,
|
|
49
|
-
name:
|
|
49
|
+
name: _,
|
|
50
50
|
selectedKey: x,
|
|
51
|
-
onSelectionChange:
|
|
51
|
+
onSelectionChange: v,
|
|
52
52
|
children: [
|
|
53
53
|
a && /* @__PURE__ */ e($, { children: a }),
|
|
54
54
|
/* @__PURE__ */ e(F, { description: j, theme: p.inverseSurface, children: /* @__PURE__ */ e(s, { theme: p.inverseSurface, children: /* @__PURE__ */ r("span", { className: i.trigger, children: [
|
|
55
55
|
c ? /* @__PURE__ */ e(m, { className: `${i["selected-value"]}`, children: ({ defaultChildren: t, isPlaceholder: o }) => o ? c : t }) : /* @__PURE__ */ e(m, {}),
|
|
56
|
-
/* @__PURE__ */ e(V, {
|
|
56
|
+
/* @__PURE__ */ e(V, {})
|
|
57
57
|
] }) }) }),
|
|
58
58
|
/* @__PURE__ */ e(L, {}),
|
|
59
|
-
/* @__PURE__ */ e(
|
|
59
|
+
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(T, { className: `${i["options-list"]}`, items: u, children: (t) => {
|
|
60
60
|
const o = /* @__PURE__ */ r(n, { children: [
|
|
61
61
|
/* @__PURE__ */ e(d, { children: t.displayValue }),
|
|
62
62
|
t.description && /* @__PURE__ */ e(d, { className: i["option-description"], children: t.description })
|
|
63
63
|
] });
|
|
64
64
|
return /* @__PURE__ */ e(
|
|
65
|
-
|
|
65
|
+
b,
|
|
66
66
|
{
|
|
67
67
|
className: `${i["options-item-group"]}`,
|
|
68
68
|
id: t.key,
|
|
69
69
|
textValue: t.displayValue,
|
|
70
70
|
isDisabled: t.disabled,
|
|
71
|
-
children: ({ isSelected:
|
|
71
|
+
children: ({ isSelected: q }) => /* @__PURE__ */ r(n, { children: [
|
|
72
72
|
/* @__PURE__ */ e("div", { className: `${i["options-item"]}`, children: o }),
|
|
73
|
-
|
|
73
|
+
q && /* @__PURE__ */ e(y, {})
|
|
74
74
|
] })
|
|
75
75
|
},
|
|
76
76
|
t.key
|
|
@@ -81,5 +81,5 @@ import './assets/Select.css';const D = "_select_3q7jl_1", w = "_trigger_3q7jl_31
|
|
|
81
81
|
);
|
|
82
82
|
};
|
|
83
83
|
export {
|
|
84
|
-
|
|
84
|
+
K as S
|
|
85
85
|
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
2
2
|
import { ToggleButton as m, ToggleButtonGroup as p } from "react-aria-components";
|
|
3
3
|
import { u as c, s, S as d, B as T, a as B } from "./useSplash-7h6ni4l2.js";
|
|
4
|
-
import { T as
|
|
5
|
-
import { C as
|
|
6
|
-
import './assets/ToggleButtonGroup.css';const
|
|
7
|
-
"toggle-button-group": "_toggle-button-
|
|
4
|
+
import { T as h } from "./Tooltip-DAYtebkl.js";
|
|
5
|
+
import { C as n } from "./types-C1YOMbh5.js";
|
|
6
|
+
import './assets/ToggleButtonGroup.css';const b = {
|
|
7
|
+
"toggle-button-group": "_toggle-button-group_1tyg5_1"
|
|
8
8
|
}, $ = ({
|
|
9
9
|
id: e,
|
|
10
10
|
value: a,
|
|
11
11
|
description: o,
|
|
12
12
|
isDisabled: t,
|
|
13
|
-
theme: u =
|
|
13
|
+
theme: u = n.primary
|
|
14
14
|
}) => {
|
|
15
|
-
const { coords:
|
|
16
|
-
return /* @__PURE__ */ r(
|
|
15
|
+
const { coords: l, handlePress: g } = c();
|
|
16
|
+
return /* @__PURE__ */ r(h, { description: o, children: /* @__PURE__ */ i(
|
|
17
17
|
m,
|
|
18
18
|
{
|
|
19
19
|
id: e,
|
|
@@ -21,20 +21,20 @@ import './assets/ToggleButtonGroup.css';const h = {
|
|
|
21
21
|
className: `${s.button} ${s[u]} ${s[T.outlined]} ${s[B.rectangle]}`,
|
|
22
22
|
isDisabled: t,
|
|
23
23
|
children: [
|
|
24
|
-
|
|
24
|
+
l && /* @__PURE__ */ r(d, { ...l }),
|
|
25
25
|
a
|
|
26
26
|
]
|
|
27
27
|
}
|
|
28
28
|
) });
|
|
29
29
|
}, G = ({
|
|
30
30
|
items: e,
|
|
31
|
-
theme: a =
|
|
31
|
+
theme: a = n.primary,
|
|
32
32
|
...o
|
|
33
33
|
}) => /* @__PURE__ */ r(
|
|
34
34
|
p,
|
|
35
35
|
{
|
|
36
36
|
...o,
|
|
37
|
-
className: o.className ??
|
|
37
|
+
className: o.className ?? b["toggle-button-group"],
|
|
38
38
|
children: e.map((t) => /* @__PURE__ */ r(
|
|
39
39
|
$,
|
|
40
40
|
{
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as t, Fragment as i, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import { Tree as p, TreeItem as l, TreeItemContent as h } from "react-aria-components";
|
|
3
|
+
import { ChevronRight as T } from "lucide-react";
|
|
4
|
+
import './assets/Tree.css';const f = "_tree_1s2dv_1", o = {
|
|
5
|
+
tree: f,
|
|
6
|
+
"tree-item": "_tree-item_1s2dv_11"
|
|
7
|
+
}, a = ({ item: e }) => {
|
|
8
|
+
if (e.type === "separator") return /* @__PURE__ */ t(i, {});
|
|
9
|
+
const r = e.type === "link", d = e.type === "button", c = e.type === "item-node", u = e.active;
|
|
10
|
+
return /* @__PURE__ */ s(
|
|
11
|
+
l,
|
|
12
|
+
{
|
|
13
|
+
textValue: e.id,
|
|
14
|
+
target: e.target,
|
|
15
|
+
onAction: e.onPress,
|
|
16
|
+
href: e.href,
|
|
17
|
+
className: o["tree-item"],
|
|
18
|
+
...r && { "data-link": !0 },
|
|
19
|
+
...d && { "data-button": !0 },
|
|
20
|
+
...c && { "data-node": !0 },
|
|
21
|
+
...u && { "data-active": !0 },
|
|
22
|
+
children: [
|
|
23
|
+
/* @__PURE__ */ s(h, { children: [
|
|
24
|
+
e.node,
|
|
25
|
+
e.subItems && /* @__PURE__ */ t(T, {})
|
|
26
|
+
] }),
|
|
27
|
+
e.subItems && e.subItems.map((n) => /* @__PURE__ */ t(a, { item: n }, n.id))
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
e.id
|
|
31
|
+
);
|
|
32
|
+
}, y = ({ items: e }) => /* @__PURE__ */ t(p, { className: o.tree, children: e.map((r) => /* @__PURE__ */ t(a, { item: r }, r.id)) });
|
|
33
|
+
export {
|
|
34
|
+
y as T
|
|
35
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._nav_1fjh5_1{--tree-font-size: 1.25rem;--_tree-gap: 1.5em;display:grid}._close_1fjh5_15{display:flex;justify-content:end;position:sticky;inset-block-start:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._toggle-button-
|
|
1
|
+
._toggle-button-group_1tyg5_1{--_flex-direction: row;display:flex;flex-direction:var(--_flex-direction)}._toggle-button-group_1tyg5_1>button{border-radius:0}._toggle-button-group_1tyg5_1[data-orientation=vertical]{--_flex-direction: column;--radius-button: var(--radius)}._toggle-button-group_1tyg5_1[data-orientation=vertical]>button{margin-block-start:calc(-1 * var(--button-border-width))}._toggle-button-group_1tyg5_1[data-orientation=vertical]>button:first-child{border-radius:var(--radius-button) var(--radius-button) 0 0;margin-block-start:0}._toggle-button-group_1tyg5_1[data-orientation=vertical]>button:last-child{border-radius:0 0 var(--radius-button) var(--radius-button)}._toggle-button-group_1tyg5_1[data-orientation=horizontal]>button{margin-inline-start:calc(-1 * var(--button-border-width))}._toggle-button-group_1tyg5_1[data-orientation=horizontal]>button:first-child{margin-inline-start:0;border-radius:var(--radius-button) 0 0 var(--radius-button)}._toggle-button-group_1tyg5_1[data-orientation=horizontal]>button:last-child{border-radius:0 var(--radius-button) var(--radius-button) 0}
|
package/dist/assets/Tree.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tree_1s2dv_1{display:grid;gap:var(--_tree-gap, 1em)}._tree-item_1s2dv_11{display:flex;align-items:center;gap:.5em;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;font-size:var(--tree-font-size, 1rem);cursor:context-menu;padding-inline-start:calc(calc(var(--tree-item-level) - 1) * 1em);transition:text-decoration-color .25s}._tree-item_1s2dv_11[data-active]{color:var(--color-primary)}._tree-item_1s2dv_11:not([data-node]){cursor:pointer}._tree-item_1s2dv_11[data-link][data-hovered],._tree-item_1s2dv_11[data-link][data-focus-visible]{text-decoration-color:currentColor}._tree-item_1s2dv_11 svg{transition:rotate .25s;width:.875em}._tree-item_1s2dv_11[data-expanded] svg{rotate:90deg}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { N as i } from "../../NavigationResponsive-
|
|
2
|
-
import { N as r } from "../../NavigationSidebar-
|
|
3
|
-
import { N } from "../../NavigationMenu-
|
|
1
|
+
import { N as i } from "../../NavigationResponsive-D6d2f-k_.js";
|
|
2
|
+
import { N as r } from "../../NavigationSidebar-CZEPGghA.js";
|
|
3
|
+
import { N } from "../../NavigationMenu-DNsB0lr1.js";
|
|
4
4
|
export {
|
|
5
5
|
N as NavigationMenu,
|
|
6
6
|
i as NavigationResponsive,
|
package/dist/index.js
CHANGED
|
@@ -3,26 +3,26 @@ import { A as t, a as s, b as p } from "./Avatar-vPRORJSz.js";
|
|
|
3
3
|
import { a as i, B as m } from "./useSplash-7h6ni4l2.js";
|
|
4
4
|
import { F as f, O as u } from "./OutlinedButton-DaLKO8zx.js";
|
|
5
5
|
import { T as d } from "./TextButton-BJRez1un.js";
|
|
6
|
-
import { D as B } from "./Disclosure-
|
|
7
|
-
import { D as T } from "./DisclousreGroup-
|
|
6
|
+
import { D as B } from "./Disclosure-VEgfonAa.js";
|
|
7
|
+
import { D as T } from "./DisclousreGroup-DEhMBMtj.js";
|
|
8
8
|
import { E as c } from "./Error-y2dIWjyb.js";
|
|
9
9
|
import { I as A } from "./Input-KLfZufI4.js";
|
|
10
10
|
import { T as g } from "./TextArea-DBZO5z2H.js";
|
|
11
11
|
import { F as D, O as F } from "./OutlinedButtonLink-BvCiAZyQ.js";
|
|
12
12
|
import { L as P } from "./Link-CbLEp2fF.js";
|
|
13
|
-
import { M as C } from "./MenuButton-
|
|
14
|
-
import { M as z } from "./MenuLabel-
|
|
13
|
+
import { M as C } from "./MenuButton-CAzQcvOm.js";
|
|
14
|
+
import { M as z } from "./MenuLabel-B7jC7YwF.js";
|
|
15
15
|
import { M as G, a as I, b as y } from "./ModalAction-DjHBeAOr.js";
|
|
16
16
|
import { M as V } from "./ModalBase-DLaR_yid.js";
|
|
17
|
-
import { N as q } from "./NavigationResponsive-
|
|
17
|
+
import { N as q } from "./NavigationResponsive-D6d2f-k_.js";
|
|
18
18
|
import { S as H, a as J, b as K } from "./Sidebar-LlVvowsG.js";
|
|
19
|
-
import { N as U } from "./NavigationSidebar-
|
|
20
|
-
import { N as X } from "./NavigationMenu-
|
|
19
|
+
import { N as U } from "./NavigationSidebar-CZEPGghA.js";
|
|
20
|
+
import { N as X } from "./NavigationMenu-DNsB0lr1.js";
|
|
21
21
|
import { P as Z } from "./Popover-D3iGWJwQ.js";
|
|
22
|
-
import { S as $ } from "./Select-
|
|
22
|
+
import { S as $ } from "./Select-pbrPLreh.js";
|
|
23
23
|
import { S as ro } from "./Success-Bh3pb5T7.js";
|
|
24
|
-
import { T as eo } from "./ToggleButtonGroup-
|
|
25
|
-
import { T as so } from "./Tree-
|
|
24
|
+
import { T as eo } from "./ToggleButtonGroup-Hw3WdsOM.js";
|
|
25
|
+
import { T as so } from "./Tree-DwJPCnFr.js";
|
|
26
26
|
export {
|
|
27
27
|
t as Avatar,
|
|
28
28
|
s as AvatarSize,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adgytec/adgytec-web-ui-components",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.6",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"lint": "eslint .",
|
|
19
19
|
"preview": "vite preview",
|
|
20
20
|
"generate:exports": "node ./src/scripts/generate-exports.js",
|
|
21
|
-
"
|
|
21
|
+
"release": "npm run build && npm publish --public"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"lucide-react": "^0.525.0",
|
package/dist/Tree-BwmYvUlr.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsx as t, Fragment as u, jsxs as s } from "react/jsx-runtime";
|
|
2
|
-
import { Tree as p, TreeItem as h, TreeItemContent as l } from "react-aria-components";
|
|
3
|
-
import { ChevronRight as T } from "lucide-react";
|
|
4
|
-
import './assets/Tree.css';const b = "_tree_1hbk9_1", o = {
|
|
5
|
-
tree: b,
|
|
6
|
-
"tree-item": "_tree-item_1hbk9_11"
|
|
7
|
-
}, a = ({ item: e }) => {
|
|
8
|
-
if (e.type === "separator") return /* @__PURE__ */ t(u, {});
|
|
9
|
-
const r = e.type === "link", c = e.type === "button", d = e.type === "item-node", i = e.active;
|
|
10
|
-
return /* @__PURE__ */ s(
|
|
11
|
-
h,
|
|
12
|
-
{
|
|
13
|
-
textValue: e.id,
|
|
14
|
-
target: e.target,
|
|
15
|
-
onAction: e.onPress,
|
|
16
|
-
href: e.href,
|
|
17
|
-
className: o["tree-item"],
|
|
18
|
-
...r && { "data-link": !0 },
|
|
19
|
-
...c && { "data-button": !0 },
|
|
20
|
-
...d && { "data-node": !0 },
|
|
21
|
-
...i && { "data-active": !0 },
|
|
22
|
-
children: [
|
|
23
|
-
/* @__PURE__ */ s(l, { children: [
|
|
24
|
-
e.node,
|
|
25
|
-
e.subItems && /* @__PURE__ */ t(T, { strokeWidth: 3 })
|
|
26
|
-
] }),
|
|
27
|
-
e.subItems && e.subItems.map((n) => /* @__PURE__ */ t(a, { item: n }, n.id))
|
|
28
|
-
]
|
|
29
|
-
},
|
|
30
|
-
e.id
|
|
31
|
-
);
|
|
32
|
-
}, _ = ({ items: e }) => /* @__PURE__ */ t(p, { className: o.tree, children: e.map((r) => /* @__PURE__ */ t(a, { item: r }, r.id)) });
|
|
33
|
-
export {
|
|
34
|
-
_ as T
|
|
35
|
-
};
|