@adgytec/adgytec-web-ui-components 0.0.12 → 0.0.14

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 (58) hide show
  1. package/dist/ButtonChild-BTPuUMU5.js +50 -0
  2. package/dist/{Disclosure-BUNppuMs.js → Disclosure-CL9F01im.js} +1 -1
  3. package/dist/{DisclousreGroup-3n2noZn8.js → DisclousreGroup-BfpSfSQm.js} +1 -1
  4. package/dist/{Link-DV_dPWbm.js → Link-EXFlPw9F.js} +1 -1
  5. package/dist/Loader-CLMHp6L7.js +8 -0
  6. package/dist/{MenuButton-BikS-I_v.js → MenuButton-KQA8EJUq.js} +1 -1
  7. package/dist/{MenuLabel-CqOBBOhO.js → MenuLabel-J8M7UwkA.js} +1 -1
  8. package/dist/ModalAction-BGTO18jV.js +52 -0
  9. package/dist/ModalBase-DQHNXJXh.js +25 -0
  10. package/dist/{NavigationMenu-BJh51iq8.js → NavigationMenu-C1AJ6mt-.js} +3 -3
  11. package/dist/{NavigationResponsive-DijNGfH2.js → NavigationResponsive-CET-JF26.js} +2 -2
  12. package/dist/{NavigationSidebar-QiavBbjq.js → NavigationSidebar-DWmAgVuG.js} +1 -1
  13. package/dist/{OutlinedButton-BcGOfKx6.js → OutlinedButton-gr4wDzFi.js} +1 -1
  14. package/dist/{OutlinedButtonLink-B31MVQKz.js → OutlinedButtonLink-DlQkc-PA.js} +1 -1
  15. package/dist/PopoverDialog-DHJavBLj.js +15 -0
  16. package/dist/{Select-DIaQ_hk2.js → Select-pUuSraok.js} +3 -3
  17. package/dist/{TextButton-CmbDjZsQ.js → TextButton-BmQL4LNA.js} +1 -1
  18. package/dist/{ToggleButtonGroup-B1eveh6s.js → ToggleButtonGroup-BhCWMTxP.js} +1 -1
  19. package/dist/Tooltip-D6naAVUi.js +29 -0
  20. package/dist/assets/ButtonChild.css +1 -0
  21. package/dist/assets/Loader.css +1 -0
  22. package/dist/components/Button/index.js +2 -2
  23. package/dist/components/ButtonChild/ButtonChild.d.ts +2 -0
  24. package/dist/components/ButtonChild/index.d.ts +2 -0
  25. package/dist/components/ButtonChild/index.js +5 -0
  26. package/dist/components/ButtonChild/types.d.ts +18 -0
  27. package/dist/components/Disclosure/Disclosure/index.js +1 -1
  28. package/dist/components/Disclosure/DisclousureGroup/index.js +1 -1
  29. package/dist/components/Link/index.js +2 -2
  30. package/dist/components/Loader/Loader.d.ts +1 -0
  31. package/dist/components/Loader/index.d.ts +1 -0
  32. package/dist/components/Loader/index.js +4 -0
  33. package/dist/components/Menu/index.js +2 -2
  34. package/dist/components/Modal/ModalAction/index.js +1 -1
  35. package/dist/components/Modal/ModalBase/ModalBase.d.ts +1 -1
  36. package/dist/components/Modal/ModalBase/index.js +1 -1
  37. package/dist/components/Modal/ModalBase/types.d.ts +6 -6
  38. package/dist/components/Modal/index.js +2 -2
  39. package/dist/components/Navigation/NavigationMenu/index.js +1 -1
  40. package/dist/components/Navigation/NavigationResponsive/index.js +1 -1
  41. package/dist/components/Navigation/NavigationSidebar/index.js +1 -1
  42. package/dist/components/Navigation/index.js +3 -3
  43. package/dist/components/Popover/PopoverDialog.d.ts +2 -0
  44. package/dist/components/Popover/index.d.ts +2 -0
  45. package/dist/components/Popover/index.js +3 -1
  46. package/dist/components/Popover/types.d.ts +8 -0
  47. package/dist/components/Select/index.js +1 -1
  48. package/dist/components/ToggleButtonGroup/index.js +1 -1
  49. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  50. package/dist/components/Tooltip/index.d.ts +2 -1
  51. package/dist/components/Tooltip/index.js +4 -1
  52. package/dist/components/Tooltip/types.d.ts +2 -0
  53. package/dist/index.d.ts +2 -0
  54. package/dist/index.js +63 -54
  55. package/package.json +1 -1
  56. package/dist/ModalAction-CG_70YMt.js +0 -50
  57. package/dist/ModalBase-DLaR_yid.js +0 -28
  58. package/dist/Tooltip-DAYtebkl.js +0 -27
@@ -0,0 +1,50 @@
1
+ import { jsx as s, Fragment as m, jsxs as n } from "react/jsx-runtime";
2
+ import { L as b } from "./Loader-CLMHp6L7.js";
3
+ import { TriangleAlert as t, Check as g } from "lucide-react";
4
+ import './assets/ButtonChild.css';var a = /* @__PURE__ */ ((e) => (e.enabled = "enabled", e.disabled = "disabled", e.pending = "pending", e.completed = "completed", e.error = "error", e))(a || {});
5
+ const c = {
6
+ "with-icon": "_with-icon_1rah3_1"
7
+ }, x = ({ buttonState: e, value: d }) => {
8
+ const {
9
+ enabled: i,
10
+ disabled: l = i,
11
+ pending: o = i,
12
+ completed: p = i,
13
+ error: h = "Try again"
14
+ } = d;
15
+ let r;
16
+ switch (e) {
17
+ case a.enabled:
18
+ r = i;
19
+ break;
20
+ case a.disabled:
21
+ r = l;
22
+ break;
23
+ case a.pending:
24
+ r = /* @__PURE__ */ n("span", { className: c["with-icon"], children: [
25
+ /* @__PURE__ */ s(b, {}),
26
+ " ",
27
+ o
28
+ ] });
29
+ break;
30
+ case a.completed:
31
+ r = /* @__PURE__ */ n("span", { className: c["with-icon"], children: [
32
+ /* @__PURE__ */ s(g, {}),
33
+ " ",
34
+ p
35
+ ] });
36
+ break;
37
+ case a.error:
38
+ r = /* @__PURE__ */ n("span", { className: c["with-icon"], children: [
39
+ /* @__PURE__ */ s(t, {}),
40
+ " ",
41
+ h
42
+ ] });
43
+ break;
44
+ }
45
+ return /* @__PURE__ */ s(m, { children: r });
46
+ };
47
+ export {
48
+ x as B,
49
+ a
50
+ };
@@ -1,7 +1,7 @@
1
1
  import { jsxs as e, jsx as r } from "react/jsx-runtime";
2
2
  import { Disclosure as c, DisclosurePanel as l } from "react-aria-components";
3
3
  import { ChevronRight as a } from "lucide-react";
4
- import { T as n } from "./TextButton-CmbDjZsQ.js";
4
+ import { T as n } from "./TextButton-BmQL4LNA.js";
5
5
  import { C as m } from "./types-C1YOMbh5.js";
6
6
  import { a as p } from "./useSplash-DOL9j-2c.js";
7
7
  import './assets/Disclosure.css';const h = "_disclosure_1cz7p_1", u = "_trigger_1cz7p_23", g = "_panel_1cz7p_55", s = {
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { D as i } from "./Disclosure-BUNppuMs.js";
2
+ import { D as i } from "./Disclosure-CL9F01im.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,7 +1,7 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
2
  import { Link as t } from "react-aria-components";
3
3
  import { C as _ } from "./types-C1YOMbh5.js";
4
- import { T as c } from "./Tooltip-DAYtebkl.js";
4
+ import { T as c } from "./Tooltip-D6naAVUi.js";
5
5
  import './assets/Link.css';const m = "_link_e0vn4_1", y = "_primary_e0vn4_65", v = "_secondary_e0vn4_81", l = "_tertiary_e0vn4_89", p = "_error_e0vn4_97", u = "_success_e0vn4_113", s = {
6
6
  link: m,
7
7
  primary: y,
@@ -0,0 +1,8 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { LoaderCircle as r } from "lucide-react";
3
+ import './assets/Loader.css';const e = "_loader_1u883_1", a = {
4
+ loader: e
5
+ }, l = () => /* @__PURE__ */ o(r, { className: a.loader });
6
+ export {
7
+ l as L
8
+ };
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { a as n } from "./MenuLabel-CqOBBOhO.js";
2
+ import { a as n } from "./MenuLabel-J8M7UwkA.js";
3
3
  const s = ({ children: o, menuItems: r }) => /* @__PURE__ */ t(n, { menuItems: r, children: o });
4
4
  export {
5
5
  s as M
@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
2
2
  import { MenuTrigger as l, Menu as i, Separator as p, MenuItem as u, SubmenuTrigger as d, Pressable as h } from "react-aria-components";
3
3
  import { P as m } from "./Popover-D3iGWJwQ.js";
4
4
  import { ChevronRight as _ } from "lucide-react";
5
- import { T as b } from "./Tooltip-DAYtebkl.js";
5
+ import { T as b } from "./Tooltip-D6naAVUi.js";
6
6
  import './assets/MenuLabel.css';const f = "_menu_vx3e4_1", g = "_separator_vx3e4_85", x = "_pressable_vx3e4_99", t = {
7
7
  menu: f,
8
8
  "menu-item": "_menu-item_vx3e4_13",
@@ -0,0 +1,52 @@
1
+ import { jsx as o, jsxs as r } from "react/jsx-runtime";
2
+ import { M as u } from "./ModalBase-DQHNXJXh.js";
3
+ import { T as p } from "./TextButton-BmQL4LNA.js";
4
+ import { C as v } from "./types-C1YOMbh5.js";
5
+ import './assets/ModalAction.css';var d = /* @__PURE__ */ ((a) => (a.start = "start", a.end = "end", a))(d || {}), l = /* @__PURE__ */ ((a) => (a.close = "Close", a.cancel = "Cancel", a))(l || {});
6
+ const q = "_modal_fqn0t_1", $ = "_end_fqn0t_39", e = {
7
+ modal: q,
8
+ "modal-header": "_modal-header_fqn0t_11",
9
+ "modal-content": "_modal-content_fqn0t_19",
10
+ "modal-action": "_modal-action_fqn0t_29",
11
+ end: $
12
+ }, C = ({
13
+ trigger: a,
14
+ header: s,
15
+ children: m,
16
+ actionPlacement: c = d.start,
17
+ modalAction: n,
18
+ closeText: i = l.close,
19
+ isDismissable: _,
20
+ isKeyboardDismissableDisabled: f
21
+ }) => {
22
+ const h = typeof n == "function";
23
+ return /* @__PURE__ */ o(
24
+ u,
25
+ {
26
+ trigger: a,
27
+ modalOverlayProps: {
28
+ isDismissable: _,
29
+ isKeyboardDismissDisabled: f
30
+ },
31
+ children: ({ close: t }) => /* @__PURE__ */ r("div", { className: `${e.modal}`, children: [
32
+ s && /* @__PURE__ */ o("h2", { className: `${e["modal-header"]}`, children: s }),
33
+ /* @__PURE__ */ o("div", { className: `${e["modal-content"]}`, children: m }),
34
+ /* @__PURE__ */ r(
35
+ "div",
36
+ {
37
+ className: `${e["modal-action"]} ${e[c]}`,
38
+ children: [
39
+ h ? n({ close: t }) : n,
40
+ /* @__PURE__ */ o(p, { onPress: t, theme: v.inverseSurface, children: i })
41
+ ]
42
+ }
43
+ )
44
+ ] })
45
+ }
46
+ );
47
+ };
48
+ export {
49
+ C as M,
50
+ d as a,
51
+ l as b
52
+ };
@@ -0,0 +1,25 @@
1
+ import { jsxs as d, jsx as l } from "react/jsx-runtime";
2
+ import { DialogTrigger as c, ModalOverlay as n, Modal as i, Dialog as t } from "react-aria-components";
3
+ import './assets/ModalBase.css';const g = "_modal_nlxyg_1", o = {
4
+ "modal-overlay": "_modal-overlay_nlxyg_1",
5
+ modal: g
6
+ }, x = ({
7
+ trigger: s,
8
+ modalOverlayProps: a,
9
+ dialogTriggerProps: e,
10
+ modalProps: r,
11
+ ...m
12
+ }) => /* @__PURE__ */ d(c, { ...e, children: [
13
+ s,
14
+ /* @__PURE__ */ l(
15
+ n,
16
+ {
17
+ ...a,
18
+ className: a?.className ?? o["modal-overlay"],
19
+ children: /* @__PURE__ */ l(i, { ...r, className: o.modal, children: /* @__PURE__ */ l(t, { ...m }) })
20
+ }
21
+ )
22
+ ] });
23
+ export {
24
+ x as M
25
+ };
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, jsxs as a } from "react/jsx-runtime";
2
- import { M as u } from "./MenuLabel-CqOBBOhO.js";
3
- import { L as m } from "./Link-DV_dPWbm.js";
4
- import { T as i } from "./TextButton-CmbDjZsQ.js";
2
+ import { M as u } from "./MenuLabel-J8M7UwkA.js";
3
+ import { L as m } from "./Link-EXFlPw9F.js";
4
+ import { T as i } from "./TextButton-BmQL4LNA.js";
5
5
  import { C as n } from "./types-C1YOMbh5.js";
6
6
  import { a as c } from "./useSplash-DOL9j-2c.js";
7
7
  import { ChevronDown as p } from "lucide-react";
@@ -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-BJh51iq8.js";
4
- import { N as s } from "./NavigationSidebar-QiavBbjq.js";
3
+ import { N as e } from "./NavigationMenu-C1AJ6mt-.js";
4
+ import { N as s } from "./NavigationSidebar-DWmAgVuG.js";
5
5
  const f = ({
6
6
  items: o,
7
7
  mediaQuery: r,
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as i } from "react/jsx-runtime";
2
- import { T as r } from "./TextButton-CmbDjZsQ.js";
2
+ import { T as r } from "./TextButton-BmQL4LNA.js";
3
3
  import { a as s } from "./useSplash-DOL9j-2c.js";
4
4
  import { S as m } from "./Sidebar-LlVvowsG.js";
5
5
  import { T as c } from "./Tree-DwJPCnFr.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { B as r } from "./TextButton-CmbDjZsQ.js";
2
+ import { B as r } from "./TextButton-BmQL4LNA.js";
3
3
  import { B as i } from "./useSplash-DOL9j-2c.js";
4
4
  const u = (t) => {
5
5
  const { children: n } = t;
@@ -1,7 +1,7 @@
1
1
  import { jsx as t, jsxs as l, Fragment as u } from "react/jsx-runtime";
2
2
  import { u as $, s as o, S as m, B as a, a as F } from "./useSplash-DOL9j-2c.js";
3
3
  import { Link as L } from "react-aria-components";
4
- import { T as S } from "./Tooltip-DAYtebkl.js";
4
+ import { T as S } from "./Tooltip-D6naAVUi.js";
5
5
  import { C as x } from "./types-C1YOMbh5.js";
6
6
  const c = ({
7
7
  variant: n = a.filled,
@@ -0,0 +1,15 @@
1
+ import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
+ import { DialogTrigger as s, Dialog as t } from "react-aria-components";
3
+ import { P as a } from "./Popover-D3iGWJwQ.js";
4
+ const P = ({
5
+ trigger: r,
6
+ popoverProps: i,
7
+ dialogTriggerProps: e,
8
+ ...m
9
+ }) => /* @__PURE__ */ p(s, { ...e, children: [
10
+ r,
11
+ /* @__PURE__ */ o(a, { ...i, children: /* @__PURE__ */ o(t, { ...m }) })
12
+ ] });
13
+ export {
14
+ P
15
+ };
@@ -1,12 +1,12 @@
1
1
  import { jsxs as r, jsx as e, Fragment as n } from "react/jsx-runtime";
2
- import { O as S, F as T } from "./OutlinedButton-BcGOfKx6.js";
2
+ import { O as S, F as T } from "./OutlinedButton-gr4wDzFi.js";
3
3
  import { B as o } from "./useSplash-DOL9j-2c.js";
4
4
  import { Select as b, SelectValue as d, ListBox as k, Text as m, ListBoxItem as V } from "react-aria-components";
5
5
  import { P as y } from "./Popover-D3iGWJwQ.js";
6
6
  import { ChevronsUpDown as C, Check as F } from "lucide-react";
7
- import { T as $ } from "./TextButton-CmbDjZsQ.js";
7
+ import { T as $ } from "./TextButton-BmQL4LNA.js";
8
8
  import { C as p } from "./types-C1YOMbh5.js";
9
- import { T as L } from "./Tooltip-DAYtebkl.js";
9
+ import { T as L } from "./Tooltip-D6naAVUi.js";
10
10
  import { L as D, F as j } from "./FieldError-CvUKcRtm.js";
11
11
  import './assets/Select.css';const w = "_select_1ctdo_1", I = "_trigger_1ctdo_37", i = {
12
12
  select: w,
@@ -1,7 +1,7 @@
1
1
  import { jsx as o, jsxs as l, Fragment as m } from "react/jsx-runtime";
2
2
  import { u as $, a as c, B as f, s, S as u } from "./useSplash-DOL9j-2c.js";
3
3
  import { Button as T } from "react-aria-components";
4
- import { T as p } from "./Tooltip-DAYtebkl.js";
4
+ import { T as p } from "./Tooltip-D6naAVUi.js";
5
5
  import { C as S } from "./types-C1YOMbh5.js";
6
6
  const g = ({
7
7
  variant: t,
@@ -1,7 +1,7 @@
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-DOL9j-2c.js";
4
- import { T as h } from "./Tooltip-DAYtebkl.js";
4
+ import { T as h } from "./Tooltip-D6naAVUi.js";
5
5
  import { C as n } from "./types-C1YOMbh5.js";
6
6
  import './assets/ToggleButtonGroup.css';const b = {
7
7
  "toggle-button-group": "_toggle-button-group_1tyg5_1"
@@ -0,0 +1,29 @@
1
+ import { jsxs as e, jsx as r } from "react/jsx-runtime";
2
+ import { TooltipTrigger as c, Tooltip as g, OverlayArrow as n } from "react-aria-components";
3
+ import { C as p } from "./types-C1YOMbh5.js";
4
+ import './assets/Tooltip.css';const l = "_tooltip_xgkug_1", u = "_primary_xgkug_133", m = "_secondary_xgkug_153", x = "_tertiary_xgkug_163", y = "_error_xgkug_173", k = "_success_xgkug_193", o = {
5
+ tooltip: l,
6
+ "tooltip-arrow": "_tooltip-arrow_xgkug_53",
7
+ primary: u,
8
+ "primary-variant": "_primary-variant_xgkug_143",
9
+ secondary: m,
10
+ tertiary: x,
11
+ error: y,
12
+ "inverse-surface": "_inverse-surface_xgkug_183",
13
+ success: k
14
+ }, d = ({
15
+ children: t,
16
+ description: s,
17
+ theme: i = p.inverseSurface,
18
+ delay: a = 250,
19
+ closeDelay: _ = 150
20
+ }) => s ? /* @__PURE__ */ e(c, { delay: a, closeDelay: _, children: [
21
+ t,
22
+ /* @__PURE__ */ e(g, { className: `${o.tooltip} ${o[i]}`, children: [
23
+ /* @__PURE__ */ r(n, { className: `${o["tooltip-arrow"]}`, children: /* @__PURE__ */ r("svg", { viewBox: "0 0 8 8", children: /* @__PURE__ */ r("path", { d: "M0 0 L4 4 L8 0" }) }) }),
24
+ s
25
+ ] })
26
+ ] }) : t;
27
+ export {
28
+ d as T
29
+ };
@@ -0,0 +1 @@
1
+ ._with-icon_1rah3_1{display:flex;gap:.5em;align-items:center;justify-content:space-between}._with-icon_1rah3_1 svg{width:1.125em;height:1.125em}
@@ -0,0 +1 @@
1
+ ._loader_1u883_1{animation:_loader_1u883_1 1s infinite linear}@keyframes _loader_1u883_1{0%{rotate:0deg}to{rotate:360deg}}
@@ -1,6 +1,6 @@
1
1
  import { a, B as e } from "../../useSplash-DOL9j-2c.js";
2
- import { F as r, O as u } from "../../OutlinedButton-BcGOfKx6.js";
3
- import { T as s } from "../../TextButton-CmbDjZsQ.js";
2
+ import { F as r, O as u } from "../../OutlinedButton-gr4wDzFi.js";
3
+ import { T as s } from "../../TextButton-BmQL4LNA.js";
4
4
  export {
5
5
  a as ButtonShape,
6
6
  e as ButtonVariant,
@@ -0,0 +1,2 @@
1
+ import { ButtonChildProps } from './types';
2
+ export declare const ButtonChild: ({ buttonState, value }: ButtonChildProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export * from './ButtonChild';
2
+ export * from './types';
@@ -0,0 +1,5 @@
1
+ import { B as o, a as B } from "../../ButtonChild-BTPuUMU5.js";
2
+ export {
3
+ o as ButtonChild,
4
+ B as ButtonState
5
+ };
@@ -0,0 +1,18 @@
1
+ export declare enum ButtonState {
2
+ enabled = "enabled",
3
+ disabled = "disabled",
4
+ pending = "pending",
5
+ completed = "completed",
6
+ error = "error"
7
+ }
8
+ export interface ButtonStateText {
9
+ enabled: string;
10
+ disabled?: string;
11
+ pending?: string;
12
+ completed?: string;
13
+ error?: string;
14
+ }
15
+ export interface ButtonChildProps {
16
+ buttonState: ButtonState;
17
+ value: ButtonStateText;
18
+ }
@@ -1,4 +1,4 @@
1
- import { D as s } from "../../../Disclosure-BUNppuMs.js";
1
+ import { D as s } from "../../../Disclosure-CL9F01im.js";
2
2
  export {
3
3
  s as Disclosure
4
4
  };
@@ -1,4 +1,4 @@
1
- import { D as s } from "../../../DisclousreGroup-3n2noZn8.js";
1
+ import { D as s } from "../../../DisclousreGroup-BfpSfSQm.js";
2
2
  export {
3
3
  s as DisclosureGroup
4
4
  };
@@ -1,5 +1,5 @@
1
- import { F as o, O as i } from "../../OutlinedButtonLink-B31MVQKz.js";
2
- import { L as r } from "../../Link-DV_dPWbm.js";
1
+ import { F as o, O as i } from "../../OutlinedButtonLink-DlQkc-PA.js";
2
+ import { L as r } from "../../Link-EXFlPw9F.js";
3
3
  export {
4
4
  o as FilledButtonLink,
5
5
  r as Link,
@@ -0,0 +1 @@
1
+ export declare const Loader: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Loader';
@@ -0,0 +1,4 @@
1
+ import { L as a } from "../../Loader-CLMHp6L7.js";
2
+ export {
3
+ a as Loader
4
+ };
@@ -1,5 +1,5 @@
1
- import { M as r } from "../../MenuButton-BikS-I_v.js";
2
- import { M } from "../../MenuLabel-CqOBBOhO.js";
1
+ import { M as r } from "../../MenuButton-KQA8EJUq.js";
2
+ import { M } from "../../MenuLabel-J8M7UwkA.js";
3
3
  export {
4
4
  r as MenuButton,
5
5
  M as MenuLabel
@@ -1,4 +1,4 @@
1
- import { M as e, a as l, b as t } from "../../../ModalAction-CG_70YMt.js";
1
+ import { M as e, a as l, b as t } from "../../../ModalAction-BGTO18jV.js";
2
2
  export {
3
3
  e as ModalAction,
4
4
  l as ModalActionPlacement,
@@ -1,2 +1,2 @@
1
1
  import { ModalBaseProps } from './types';
2
- export declare const ModalBase: ({ trigger, children, isDismissable, isKeyboardDismissableDisabled, }: ModalBaseProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const ModalBase: ({ trigger, modalOverlayProps, dialogTriggerProps, modalProps, ...dialogProps }: ModalBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { M as e } from "../../../ModalBase-DLaR_yid.js";
1
+ import { M as e } from "../../../ModalBase-DQHNXJXh.js";
2
2
  export {
3
3
  e as ModalBase
4
4
  };
@@ -1,9 +1,9 @@
1
- import { ReactElement, ReactNode } from 'react';
1
+ import { ReactElement } from 'react';
2
2
  import { ButtonVariantProps } from '../../Button/types';
3
- import { DialogRenderProps } from 'react-aria-components';
4
- export interface ModalBaseProps {
3
+ import { DialogProps, DialogTriggerProps, ModalOverlayProps } from 'react-aria-components';
4
+ export interface ModalBaseProps extends DialogProps {
5
5
  trigger: ReactElement<ButtonVariantProps>;
6
- children: ReactNode | ((opts: DialogRenderProps) => ReactNode);
7
- isDismissable?: boolean;
8
- isKeyboardDismissableDisabled?: boolean;
6
+ modalOverlayProps?: Omit<ModalOverlayProps, "children">;
7
+ dialogTriggerProps?: Omit<DialogTriggerProps, "children">;
8
+ modalProps?: Omit<React.RefAttributes<HTMLDivElement>, "children">;
9
9
  }
@@ -1,5 +1,5 @@
1
- import { M as e, a as l, b as s } from "../../ModalAction-CG_70YMt.js";
2
- import { M } from "../../ModalBase-DLaR_yid.js";
1
+ import { M as e, a as l, b as s } from "../../ModalAction-BGTO18jV.js";
2
+ import { M } from "../../ModalBase-DQHNXJXh.js";
3
3
  export {
4
4
  e as ModalAction,
5
5
  l as ModalActionPlacement,
@@ -1,4 +1,4 @@
1
- import { N as e } from "../../../NavigationMenu-BJh51iq8.js";
1
+ import { N as e } from "../../../NavigationMenu-C1AJ6mt-.js";
2
2
  export {
3
3
  e as NavigationMenu
4
4
  };
@@ -1,4 +1,4 @@
1
- import { N as e } from "../../../NavigationResponsive-DijNGfH2.js";
1
+ import { N as e } from "../../../NavigationResponsive-CET-JF26.js";
2
2
  export {
3
3
  e as NavigationResponsive
4
4
  };
@@ -1,4 +1,4 @@
1
- import { N as o } from "../../../NavigationSidebar-QiavBbjq.js";
1
+ import { N as o } from "../../../NavigationSidebar-DWmAgVuG.js";
2
2
  export {
3
3
  o as NavigationSidebar
4
4
  };
@@ -1,6 +1,6 @@
1
- import { N as i } from "../../NavigationResponsive-DijNGfH2.js";
2
- import { N as r } from "../../NavigationSidebar-QiavBbjq.js";
3
- import { N } from "../../NavigationMenu-BJh51iq8.js";
1
+ import { N as i } from "../../NavigationResponsive-CET-JF26.js";
2
+ import { N as r } from "../../NavigationSidebar-DWmAgVuG.js";
3
+ import { N } from "../../NavigationMenu-C1AJ6mt-.js";
4
4
  export {
5
5
  N as NavigationMenu,
6
6
  i as NavigationResponsive,
@@ -0,0 +1,2 @@
1
+ import { PopoverDialogProps } from './types';
2
+ export declare const PopoverDialog: ({ trigger, popoverProps, dialogTriggerProps, ...dialogProps }: PopoverDialogProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1,3 @@
1
1
  export * from './Popover';
2
+ export * from './PopoverDialog';
3
+ export * from './types';
@@ -1,4 +1,6 @@
1
1
  import { P as e } from "../../Popover-D3iGWJwQ.js";
2
+ import { P } from "../../PopoverDialog-DHJavBLj.js";
2
3
  export {
3
- e as Popover
4
+ e as Popover,
5
+ P as PopoverDialog
4
6
  };
@@ -0,0 +1,8 @@
1
+ import { ReactElement } from 'react';
2
+ import { PopoverProps as AriaPopoverProps, DialogProps, DialogTriggerProps } from 'react-aria-components';
3
+ import { ButtonVariantProps } from '../Button';
4
+ export interface PopoverDialogProps extends DialogProps {
5
+ trigger: ReactElement<ButtonVariantProps>;
6
+ popoverProps?: Omit<AriaPopoverProps, "children">;
7
+ dialogTriggerProps?: Omit<DialogTriggerProps, "children">;
8
+ }
@@ -1,4 +1,4 @@
1
- import { S as r } from "../../Select-DIaQ_hk2.js";
1
+ import { S as r } from "../../Select-pUuSraok.js";
2
2
  export {
3
3
  r as Select
4
4
  };
@@ -1,4 +1,4 @@
1
- import { T as t } from "../../ToggleButtonGroup-B1eveh6s.js";
1
+ import { T as t } from "../../ToggleButtonGroup-BhCWMTxP.js";
2
2
  export {
3
3
  t as ToggleButtonGroup
4
4
  };
@@ -1,2 +1,2 @@
1
1
  import { TooltipProps } from './types';
2
- export declare const Tooltip: ({ children, description, theme, }: TooltipProps) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
2
+ export declare const Tooltip: ({ children, description, theme, delay, closeDelay, }: TooltipProps) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
@@ -1 +1,2 @@
1
- export {};
1
+ export * from './Tooltip';
2
+ export * from './types';
@@ -1 +1,4 @@
1
-
1
+ import { T as r } from "../../Tooltip-D6naAVUi.js";
2
+ export {
3
+ r as Tooltip
4
+ };
@@ -4,4 +4,6 @@ export interface TooltipProps {
4
4
  children: ReactNode;
5
5
  description?: string;
6
6
  theme?: ColorTheme;
7
+ delay?: number;
8
+ closeDelay?: number;
7
9
  }
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export * from './utils/types';
2
2
  export * from './components/Avatar';
3
3
  export * from './components/Button';
4
+ export * from './components/ButtonChild';
4
5
  export * from './components/Disclosure/Disclosure';
5
6
  export * from './components/Disclosure/DisclousureGroup';
6
7
  export * from './components/Error';
@@ -8,6 +9,7 @@ export * from './components/Form/Form';
8
9
  export * from './components/Form/Input';
9
10
  export * from './components/Form/TextArea';
10
11
  export * from './components/Link';
12
+ export * from './components/Loader';
11
13
  export * from './components/Menu';
12
14
  export * from './components/Modal';
13
15
  export * from './components/Modal/ModalAction';
package/dist/index.js CHANGED
@@ -1,64 +1,73 @@
1
- import { C as e } from "./types-C1YOMbh5.js";
1
+ import { C as t } from "./types-C1YOMbh5.js";
2
2
  import { A as s, a as p, b as m } from "./Avatar-BRt91J0i.js";
3
- import { a as i, B as n } from "./useSplash-DOL9j-2c.js";
4
- import { F as u, O as l } from "./OutlinedButton-BcGOfKx6.js";
5
- import { T as S } from "./TextButton-CmbDjZsQ.js";
6
- import { D as M } from "./Disclosure-BUNppuMs.js";
7
- import { D as b } from "./DisclousreGroup-3n2noZn8.js";
8
- import { E as v } from "./Error--Jbz8Uoy.js";
3
+ import { a as i, B as f } from "./useSplash-DOL9j-2c.js";
4
+ import { F as u, O as l } from "./OutlinedButton-gr4wDzFi.js";
5
+ import { T as B } from "./TextButton-BmQL4LNA.js";
6
+ import { B as T, a as M } from "./ButtonChild-BTPuUMU5.js";
7
+ import { D as b } from "./Disclosure-CL9F01im.js";
8
+ import { D as A } from "./DisclousreGroup-BfpSfSQm.js";
9
+ import { E as g } from "./Error--Jbz8Uoy.js";
9
10
  import "zod";
10
- import { F } from "./Form-B7w2oUTu.js";
11
- import { I as g } from "./Input-fPkzWJI-.js";
12
- import { T as D } from "./TextArea-BqYpfMqm.js";
13
- import { F as P, O as k } from "./OutlinedButtonLink-B31MVQKz.js";
14
- import { L as h } from "./Link-DV_dPWbm.js";
15
- import { M as E } from "./MenuButton-BikS-I_v.js";
16
- import { M as I } from "./MenuLabel-CqOBBOhO.js";
17
- import { M as R, a as V, b as j } from "./ModalAction-CG_70YMt.js";
18
- import { M as w } from "./ModalBase-DLaR_yid.js";
19
- import { N as J } from "./NavigationResponsive-DijNGfH2.js";
20
- import { S as Q, a as U, b as W } from "./Sidebar-LlVvowsG.js";
21
- import { N as Y } from "./NavigationSidebar-QiavBbjq.js";
22
- import { N as _ } from "./NavigationMenu-BJh51iq8.js";
23
- import { P as oo } from "./Popover-D3iGWJwQ.js";
24
- import { S as ao } from "./Select-DIaQ_hk2.js";
25
- import { S as to } from "./Success-FBfAAtBv.js";
26
- import { T as po } from "./ToggleButtonGroup-B1eveh6s.js";
27
- import { T as xo } from "./Tree-DwJPCnFr.js";
11
+ import { F as N } from "./Form-B7w2oUTu.js";
12
+ import { I as D } from "./Input-fPkzWJI-.js";
13
+ import { T as O } from "./TextArea-BqYpfMqm.js";
14
+ import { F as k, O as z } from "./OutlinedButtonLink-DlQkc-PA.js";
15
+ import { L as G } from "./Link-EXFlPw9F.js";
16
+ import { L as y } from "./Loader-CLMHp6L7.js";
17
+ import { M as V } from "./MenuButton-KQA8EJUq.js";
18
+ import { M as q } from "./MenuLabel-J8M7UwkA.js";
19
+ import { M as H, a as J, b as K } from "./ModalAction-BGTO18jV.js";
20
+ import { M as U } from "./ModalBase-DQHNXJXh.js";
21
+ import { N as X } from "./NavigationResponsive-CET-JF26.js";
22
+ import { S as Z, a as _, b as $ } from "./Sidebar-LlVvowsG.js";
23
+ import { N as ro } from "./NavigationSidebar-DWmAgVuG.js";
24
+ import { N as to } from "./NavigationMenu-C1AJ6mt-.js";
25
+ import { P as so } from "./Popover-D3iGWJwQ.js";
26
+ import { P as mo } from "./PopoverDialog-DHJavBLj.js";
27
+ import { S as io } from "./Select-pUuSraok.js";
28
+ import { S as no } from "./Success-FBfAAtBv.js";
29
+ import { T as lo } from "./ToggleButtonGroup-BhCWMTxP.js";
30
+ import { T as So } from "./Tooltip-D6naAVUi.js";
31
+ import { T as Mo } from "./Tree-DwJPCnFr.js";
28
32
  export {
29
33
  s as Avatar,
30
34
  p as AvatarSize,
31
35
  m as AvatarType,
36
+ T as ButtonChild,
32
37
  i as ButtonShape,
33
- n as ButtonVariant,
34
- e as ColorTheme,
35
- M as Disclosure,
36
- b as DisclosureGroup,
37
- v as Error,
38
+ M as ButtonState,
39
+ f as ButtonVariant,
40
+ t as ColorTheme,
41
+ b as Disclosure,
42
+ A as DisclosureGroup,
43
+ g as Error,
38
44
  u as FilledButton,
39
- P as FilledButtonLink,
40
- F as Form,
41
- g as Input,
42
- h as Link,
43
- E as MenuButton,
44
- I as MenuLabel,
45
- R as ModalAction,
46
- V as ModalActionPlacement,
47
- w as ModalBase,
48
- j as ModalCloseText,
49
- _ as NavigationMenu,
50
- J as NavigationResponsive,
51
- Y as NavigationSidebar,
45
+ k as FilledButtonLink,
46
+ N as Form,
47
+ D as Input,
48
+ G as Link,
49
+ y as Loader,
50
+ V as MenuButton,
51
+ q as MenuLabel,
52
+ H as ModalAction,
53
+ J as ModalActionPlacement,
54
+ U as ModalBase,
55
+ K as ModalCloseText,
56
+ to as NavigationMenu,
57
+ X as NavigationResponsive,
58
+ ro as NavigationSidebar,
52
59
  l as OutlinedButton,
53
- k as OutlinedButtonLink,
54
- oo as Popover,
55
- ao as Select,
56
- Q as Sidebar,
57
- U as SidebarPosition,
58
- W as SidebarSize,
59
- to as Success,
60
- D as TextArea,
61
- S as TextButton,
62
- po as ToggleButtonGroup,
63
- xo as Tree
60
+ z as OutlinedButtonLink,
61
+ so as Popover,
62
+ mo as PopoverDialog,
63
+ io as Select,
64
+ Z as Sidebar,
65
+ _ as SidebarPosition,
66
+ $ as SidebarSize,
67
+ no as Success,
68
+ O as TextArea,
69
+ B as TextButton,
70
+ lo as ToggleButtonGroup,
71
+ So as Tooltip,
72
+ Mo as Tree
64
73
  };
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.12",
4
+ "version": "0.0.14",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"
@@ -1,50 +0,0 @@
1
- import { jsx as t, jsxs as s } from "react/jsx-runtime";
2
- import { M as u } from "./ModalBase-DLaR_yid.js";
3
- import { T as p } from "./TextButton-CmbDjZsQ.js";
4
- import { C as v } from "./types-C1YOMbh5.js";
5
- import './assets/ModalAction.css';var d = /* @__PURE__ */ ((n) => (n.start = "start", n.end = "end", n))(d || {}), c = /* @__PURE__ */ ((n) => (n.close = "Close", n.cancel = "Cancel", n))(c || {});
6
- const q = "_modal_fqn0t_1", $ = "_end_fqn0t_39", a = {
7
- modal: q,
8
- "modal-header": "_modal-header_fqn0t_11",
9
- "modal-content": "_modal-content_fqn0t_19",
10
- "modal-action": "_modal-action_fqn0t_29",
11
- end: $
12
- }, y = ({
13
- trigger: n,
14
- header: o,
15
- children: l,
16
- actionPlacement: m = d.start,
17
- modalAction: e,
18
- closeText: i = c.close,
19
- isDismissable: _,
20
- isKeyboardDismissableDisabled: f
21
- }) => {
22
- const h = typeof e == "function";
23
- return /* @__PURE__ */ t(
24
- u,
25
- {
26
- trigger: n,
27
- isDismissable: _,
28
- isKeyboardDismissableDisabled: f,
29
- children: ({ close: r }) => /* @__PURE__ */ s("div", { className: `${a.modal}`, children: [
30
- o && /* @__PURE__ */ t("h2", { className: `${a["modal-header"]}`, children: o }),
31
- /* @__PURE__ */ t("div", { className: `${a["modal-content"]}`, children: l }),
32
- /* @__PURE__ */ s(
33
- "div",
34
- {
35
- className: `${a["modal-action"]} ${a[m]}`,
36
- children: [
37
- h ? e({ close: r }) : e,
38
- /* @__PURE__ */ t(p, { onPress: r, theme: v.inverseSurface, children: i })
39
- ]
40
- }
41
- )
42
- ] })
43
- }
44
- );
45
- };
46
- export {
47
- y as M,
48
- d as a,
49
- c as b
50
- };
@@ -1,28 +0,0 @@
1
- import { jsxs as m, jsx as l } from "react/jsx-runtime";
2
- import { DialogTrigger as n, ModalOverlay as t, Modal as c, Dialog as y } from "react-aria-components";
3
- import './assets/ModalBase.css';const g = "_modal_nlxyg_1", a = {
4
- "modal-overlay": "_modal-overlay_nlxyg_1",
5
- modal: g
6
- }, f = ({
7
- trigger: s,
8
- children: o,
9
- isDismissable: e,
10
- isKeyboardDismissableDisabled: r
11
- }) => {
12
- const d = typeof o == "function";
13
- return /* @__PURE__ */ m(n, { children: [
14
- s,
15
- /* @__PURE__ */ l(
16
- t,
17
- {
18
- className: `${a["modal-overlay"]}`,
19
- isDismissable: e,
20
- isKeyboardDismissDisabled: r,
21
- children: /* @__PURE__ */ l(c, { className: `${a.modal}`, children: /* @__PURE__ */ l(y, { children: d ? (i) => o(i) : o }) })
22
- }
23
- )
24
- ] });
25
- };
26
- export {
27
- f as M
28
- };
@@ -1,27 +0,0 @@
1
- import { jsxs as e, jsx as r } from "react/jsx-runtime";
2
- import { TooltipTrigger as i, Tooltip as _, OverlayArrow as c } from "react-aria-components";
3
- import { C as g } from "./types-C1YOMbh5.js";
4
- import './assets/Tooltip.css';const l = "_tooltip_xgkug_1", n = "_primary_xgkug_133", p = "_secondary_xgkug_153", u = "_tertiary_xgkug_163", m = "_error_xgkug_173", y = "_success_xgkug_193", o = {
5
- tooltip: l,
6
- "tooltip-arrow": "_tooltip-arrow_xgkug_53",
7
- primary: n,
8
- "primary-variant": "_primary-variant_xgkug_143",
9
- secondary: p,
10
- tertiary: u,
11
- error: m,
12
- "inverse-surface": "_inverse-surface_xgkug_183",
13
- success: y
14
- }, d = ({
15
- children: t,
16
- description: s,
17
- theme: a = g.inverseSurface
18
- }) => s ? /* @__PURE__ */ e(i, { delay: 500, children: [
19
- t,
20
- /* @__PURE__ */ e(_, { className: `${o.tooltip} ${o[a]}`, children: [
21
- /* @__PURE__ */ r(c, { className: `${o["tooltip-arrow"]}`, children: /* @__PURE__ */ r("svg", { viewBox: "0 0 8 8", children: /* @__PURE__ */ r("path", { d: "M0 0 L4 4 L8 0" }) }) }),
22
- s
23
- ] })
24
- ] }) : t;
25
- export {
26
- d as T
27
- };