@adgytec/adgytec-web-ui-components 0.0.4 → 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.
Files changed (27) hide show
  1. package/README.md +22 -0
  2. package/dist/{Disclosure-D79gqK4z.js → Disclosure-VEgfonAa.js} +1 -1
  3. package/dist/{DisclousreGroup-BSUcVzWX.js → DisclousreGroup-DEhMBMtj.js} +1 -1
  4. package/dist/{MenuButton-BEwnL_jL.js → MenuButton-CAzQcvOm.js} +1 -1
  5. package/dist/{MenuLabel-ClmuA9_6.js → MenuLabel-B7jC7YwF.js} +8 -8
  6. package/dist/{NavigationMenu-DTqKWY2F.js → NavigationMenu-DNsB0lr1.js} +11 -11
  7. package/dist/{NavigationResponsive-BPybSnJ4.js → NavigationResponsive-D6d2f-k_.js} +2 -2
  8. package/dist/{NavigationSidebar-ByWsLISI.js → NavigationSidebar-CZEPGghA.js} +10 -10
  9. package/dist/{Select-D0U2rIL2.js → Select-pbrPLreh.js} +20 -20
  10. package/dist/{ToggleButtonGroup-BnNsIJX5.js → ToggleButtonGroup-Hw3WdsOM.js} +10 -10
  11. package/dist/Tree-DwJPCnFr.js +35 -0
  12. package/dist/assets/NavigationSidebar.css +1 -1
  13. package/dist/assets/ToggleButtonGroup.css +1 -1
  14. package/dist/assets/Tree.css +1 -1
  15. package/dist/components/Disclosure/Disclosure/index.js +1 -1
  16. package/dist/components/Disclosure/DisclousureGroup/index.js +1 -1
  17. package/dist/components/Menu/index.js +2 -2
  18. package/dist/components/Navigation/NavigationMenu/index.js +1 -1
  19. package/dist/components/Navigation/NavigationResponsive/index.js +1 -1
  20. package/dist/components/Navigation/NavigationSidebar/index.js +1 -1
  21. package/dist/components/Navigation/index.js +3 -3
  22. package/dist/components/Select/index.js +1 -1
  23. package/dist/components/ToggleButtonGroup/index.js +1 -1
  24. package/dist/components/Tree/index.js +1 -1
  25. package/dist/index.js +10 -10
  26. package/package.json +3 -3
  27. package/dist/Tree-BwmYvUlr.js +0 -35
package/README.md CHANGED
@@ -1 +1,23 @@
1
1
  # Adgytec Web UI Components
2
+
3
+ So, this React component library? It's been put together super carefully to give you a really flexible and easy-to-use base for your web apps!
4
+
5
+ ### Key Features & Technologies
6
+
7
+ - **Dynamic Color Theming**: The entire color palette for this library is generated using the official [Material Color Tool](https://material-foundation.github.io/material-theme-builder/). This ensures a cohesive, aesthetically pleasing, and easily manageable color system that aligns with modern design principles.
8
+
9
+ - **Unstyled & Accessible Components**: We leverage [React Aria Components](https://react-spectrum.adobe.com/react-aria/components.html) to provide a set of robust, unstyled components. This approach gives you complete control over the visual styling while benefiting from built-in accessibility features, ensuring your applications are inclusive and user-friendly.
10
+
11
+ - **Comprehensive Icon Set**: All icons integrated into the components are sourced from [Lucide React](https://lucide.dev/guide/packages/lucide-react). This provides a consistent, high-quality, and easily scalable icon solution for your UI.
12
+
13
+ ### Customization and Styling Details
14
+
15
+ - **Global Styles**: For a complete overview of all defined color variables and elevation styles used across the library, please refer to the `main.css` file.
16
+
17
+ - **Edge Radii Configuration**: The visual appearance of component edges (rounded or sharp) can be easily configured. These styles are controlled via dedicated CSS variables related to `radius`. You can find more detailed information and configuration options within the `main.css` file.
18
+
19
+ ### Components Usage
20
+
21
+ - Check App.tsx for all the components example usage and you can further check implementation of each component for its usage.
22
+
23
+ Note: This readme is generated using gemini
@@ -16,7 +16,7 @@ import './assets/Disclosure.css';const h = "_disclosure_1cz7p_1", u = "_trigger_
16
16
  theme: m.inverseSurface,
17
17
  shape: p.shrink,
18
18
  children: [
19
- /* @__PURE__ */ r(a, { strokeWidth: 3 }),
19
+ /* @__PURE__ */ r(a, {}),
20
20
  o
21
21
  ]
22
22
  }
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { D as i } from "./Disclosure-D79gqK4z.js";
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,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { a as n } from "./MenuLabel-ClmuA9_6.js";
2
+ import { a as n } from "./MenuLabel-B7jC7YwF.js";
3
3
  const s = ({ children: o, menuItems: r }) => /* @__PURE__ */ t(n, { menuItems: r, children: o });
4
4
  export {
5
5
  s as M
@@ -1,4 +1,4 @@
1
- import { jsxs as o, jsx as r } from "react/jsx-runtime";
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__ */ o(
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(_, { size: 18, strokeWidth: 3 })
24
+ n && /* @__PURE__ */ r(_, {})
25
25
  ]
26
26
  }
27
27
  );
28
- return n ? /* @__PURE__ */ o(d, { children: [
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((a) => /* @__PURE__ */ r(u, { menuItem: a }, a.id)) }) })
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
- }, k = ({ children: e, menuItems: n }) => /* @__PURE__ */ o(m, { children: [
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(k, { menuItems: n, children: /* @__PURE__ */ r(b, { description: s, children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r("span", { role: "button", className: t.pressable, children: e }) }) }) });
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
- k as a
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-ClmuA9_6.js";
3
- import { L as i } from "./Link-CbLEp2fF.js";
4
- import { T as m } from "./TextButton-BJRez1un.js";
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 h } from "lucide-react";
8
- import './assets/NavigationMenu.css';const p = "_menu_sata7_1", d = {
9
- menu: p
10
- }, g = ({ items: s, className: o }) => {
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(h, { strokeWidth: 3 })
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
- i,
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
- m,
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
- g as N
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-DTqKWY2F.js";
4
- import { N as s } from "./NavigationSidebar-ByWsLISI.js";
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-BwmYvUlr.js";
6
- import { X as l, Menu as p } from "lucide-react";
7
- import { C as h } from "./types-C1YOMbh5.js";
8
- import './assets/NavigationSidebar.css';const d = "_nav_15psm_1", f = "_close_15psm_15", o = {
9
- nav: d,
10
- close: f
11
- }, g = ({
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(p, {}) }),
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: h.inverseSurface,
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
- g as N
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 q, F as B } from "./OutlinedButton-DaLKO8zx.js";
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 N, SelectValue as m, ListBox as S, Text as d, ListBoxItem as T } from "react-aria-components";
5
- import { P as b } from "./Popover-D3iGWJwQ.js";
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
- }, J = ({
20
- options: h,
19
+ }, K = ({
20
+ options: u,
21
21
  label: a,
22
- name: u,
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: k
29
+ onSelectionChange: v
30
30
  }) => {
31
31
  let s;
32
32
  switch (g) {
33
33
  case l.filled:
34
- s = B;
34
+ s = N;
35
35
  break;
36
36
  case l.outlined:
37
- s = q;
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
- N,
44
+ S,
45
45
  {
46
46
  className: i.select,
47
- isDisabled: _,
47
+ isDisabled: h,
48
48
  isRequired: f,
49
- name: u,
49
+ name: _,
50
50
  selectedKey: x,
51
- onSelectionChange: k,
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, { size: 16, strokeWidth: 3 })
56
+ /* @__PURE__ */ e(V, {})
57
57
  ] }) }) }),
58
58
  /* @__PURE__ */ e(L, {}),
59
- /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(S, { className: `${i["options-list"]}`, items: h, children: (t) => {
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
- T,
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: v }) => /* @__PURE__ */ r(n, { children: [
71
+ children: ({ isSelected: q }) => /* @__PURE__ */ r(n, { children: [
72
72
  /* @__PURE__ */ e("div", { className: `${i["options-item"]}`, children: o }),
73
- v && /* @__PURE__ */ e(y, { strokeWidth: 3 })
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
- J as S
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 b } from "./Tooltip-DAYtebkl.js";
5
- import { C as l } from "./types-C1YOMbh5.js";
6
- import './assets/ToggleButtonGroup.css';const h = {
7
- "toggle-button-group": "_toggle-button-group_b7n8c_1"
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 = l.primary
13
+ theme: u = n.primary
14
14
  }) => {
15
- const { coords: n, handlePress: g } = c();
16
- return /* @__PURE__ */ r(b, { description: o, children: /* @__PURE__ */ i(
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
- n && /* @__PURE__ */ r(d, { ...n }),
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 = l.primary,
31
+ theme: a = n.primary,
32
32
  ...o
33
33
  }) => /* @__PURE__ */ r(
34
34
  p,
35
35
  {
36
36
  ...o,
37
- className: o.className ?? h["toggle-button-group"],
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
- ._nav_15psm_1{--_tree-font-size: 1.25rem;--_tree-gap: 1.5em;display:grid}._close_15psm_15{display:flex;justify-content:end;position:sticky;inset-block-start:0}
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-group_b7n8c_1{--_flex-direction: row;--button-border-width: .075rem;display:flex;flex-direction:var(--_flex-direction)}._toggle-button-group_b7n8c_1>button{border-radius:0}._toggle-button-group_b7n8c_1[data-orientation=vertical]{--_flex-direction: column;--radius-button: var(--radius)}._toggle-button-group_b7n8c_1[data-orientation=vertical]>button{margin-block-start:calc(-1 * var(--button-border-width))}._toggle-button-group_b7n8c_1[data-orientation=vertical]>button:first-child{border-radius:var(--radius-button) var(--radius-button) 0 0;margin-block-start:0}._toggle-button-group_b7n8c_1[data-orientation=vertical]>button:last-child{border-radius:0 0 var(--radius-button) var(--radius-button)}._toggle-button-group_b7n8c_1[data-orientation=horizontal]>button{margin-inline-start:calc(-1 * var(--button-border-width))}._toggle-button-group_b7n8c_1[data-orientation=horizontal]>button:first-child{margin-inline-start:0;border-radius:var(--radius-button) 0 0 var(--radius-button)}._toggle-button-group_b7n8c_1[data-orientation=horizontal]>button:last-child{border-radius:0 var(--radius-button) var(--radius-button) 0}
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}
@@ -1 +1 @@
1
- ._tree_1hbk9_1{display:grid;gap:var(--_tree-gap, 1em)}._tree-item_1hbk9_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_1hbk9_11[data-active]{color:var(--color-primary)}._tree-item_1hbk9_11:not([data-node]){cursor:pointer}._tree-item_1hbk9_11[data-link][data-hovered],._tree-item_1hbk9_11[data-link][data-focus-visible]{text-decoration-color:currentColor}._tree-item_1hbk9_11 svg{transition:rotate .25s;width:.875em}._tree-item_1hbk9_11[data-expanded] svg{rotate:90deg}
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,4 +1,4 @@
1
- import { D as s } from "../../../Disclosure-D79gqK4z.js";
1
+ import { D as s } from "../../../Disclosure-VEgfonAa.js";
2
2
  export {
3
3
  s as Disclosure
4
4
  };
@@ -1,4 +1,4 @@
1
- import { D as s } from "../../../DisclousreGroup-BSUcVzWX.js";
1
+ import { D as s } from "../../../DisclousreGroup-DEhMBMtj.js";
2
2
  export {
3
3
  s as DisclosureGroup
4
4
  };
@@ -1,5 +1,5 @@
1
- import { M as r } from "../../MenuButton-BEwnL_jL.js";
2
- import { M } from "../../MenuLabel-ClmuA9_6.js";
1
+ import { M as r } from "../../MenuButton-CAzQcvOm.js";
2
+ import { M } from "../../MenuLabel-B7jC7YwF.js";
3
3
  export {
4
4
  r as MenuButton,
5
5
  M as MenuLabel
@@ -1,4 +1,4 @@
1
- import { N as e } from "../../../NavigationMenu-DTqKWY2F.js";
1
+ import { N as e } from "../../../NavigationMenu-DNsB0lr1.js";
2
2
  export {
3
3
  e as NavigationMenu
4
4
  };
@@ -1,4 +1,4 @@
1
- import { N as e } from "../../../NavigationResponsive-BPybSnJ4.js";
1
+ import { N as e } from "../../../NavigationResponsive-D6d2f-k_.js";
2
2
  export {
3
3
  e as NavigationResponsive
4
4
  };
@@ -1,4 +1,4 @@
1
- import { N as o } from "../../../NavigationSidebar-ByWsLISI.js";
1
+ import { N as o } from "../../../NavigationSidebar-CZEPGghA.js";
2
2
  export {
3
3
  o as NavigationSidebar
4
4
  };
@@ -1,6 +1,6 @@
1
- import { N as i } from "../../NavigationResponsive-BPybSnJ4.js";
2
- import { N as r } from "../../NavigationSidebar-ByWsLISI.js";
3
- import { N } from "../../NavigationMenu-DTqKWY2F.js";
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,
@@ -1,4 +1,4 @@
1
- import { S as r } from "../../Select-D0U2rIL2.js";
1
+ import { S as r } from "../../Select-pbrPLreh.js";
2
2
  export {
3
3
  r as Select
4
4
  };
@@ -1,4 +1,4 @@
1
- import { T as t } from "../../ToggleButtonGroup-BnNsIJX5.js";
1
+ import { T as t } from "../../ToggleButtonGroup-Hw3WdsOM.js";
2
2
  export {
3
3
  t as ToggleButtonGroup
4
4
  };
@@ -1,4 +1,4 @@
1
- import { T as o } from "../../Tree-BwmYvUlr.js";
1
+ import { T as o } from "../../Tree-DwJPCnFr.js";
2
2
  export {
3
3
  o as Tree
4
4
  };
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-D79gqK4z.js";
7
- import { D as T } from "./DisclousreGroup-BSUcVzWX.js";
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-BEwnL_jL.js";
14
- import { M as z } from "./MenuLabel-ClmuA9_6.js";
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-BPybSnJ4.js";
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-ByWsLISI.js";
20
- import { N as X } from "./NavigationMenu-DTqKWY2F.js";
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-D0U2rIL2.js";
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-BnNsIJX5.js";
25
- import { T as so } from "./Tree-BwmYvUlr.js";
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",
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
- "publish": "npm run build && npm publish --public"
21
+ "release": "npm run build && npm publish --public"
22
22
  },
23
23
  "dependencies": {
24
24
  "lucide-react": "^0.525.0",
@@ -54,7 +54,7 @@
54
54
  "license": "MIT",
55
55
  "repository": {
56
56
  "type": "git",
57
- "url": "https://github.com/Adgytec/adgytec-web-ui-components.git"
57
+ "url": "git+https://github.com/Adgytec/adgytec-web-ui-components.git"
58
58
  },
59
59
  "homepage": "https://github.com/Adgytec/adgytec-web-ui-components/#/README.md"
60
60
  }
@@ -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
- };