@adgytec/adgytec-web-ui-components 0.0.16 → 0.0.18

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 (74) hide show
  1. package/dist/BaseCard-B3e3mo_b.js +27 -0
  2. package/dist/{Button-D2HmL9lT.js → Button-56jHeA-J.js} +2 -2
  3. package/dist/{ButtonLink-Bj0h692A.js → ButtonLink-0OcZwF8T.js} +2 -2
  4. package/dist/{Disclosure-Dmi6UFSF.js → Disclosure-xPwVxqaf.js} +1 -1
  5. package/dist/{FilledButton-SnAf5REc.js → FilledButton-CJvJUaRR.js} +1 -1
  6. package/dist/{Link-wdtV3-eC.js → Link-Be6F1iXD.js} +1 -1
  7. package/dist/Menu-LfX-Lcn4.js +55 -0
  8. package/dist/{MenuLabel-sb6mKBOL.js → MenuLabel-DvV0TSfU.js} +2 -2
  9. package/dist/ModalBase-B4mNuNF3.js +27 -0
  10. package/dist/{NavigationMenu-C64WpZpH.js → NavigationMenu-PXLXFps7.js} +3 -3
  11. package/dist/{NavigationSidebar-CdQlKp5A.js → NavigationSidebar-BB-dbfoF.js} +2 -2
  12. package/dist/{OutlinedButton-Bna2lY_l.js → OutlinedButton-BUSxFGXJ.js} +1 -1
  13. package/dist/{Popover-sX7uB5r0.js → Popover-CNBII_iI.js} +1 -1
  14. package/dist/Sidebar-cOdcO7SA.js +52 -0
  15. package/dist/Splash-B18GXq6Z.js +46 -0
  16. package/dist/{TextButton-CoRHw1vC.js → TextButton-l85Kmj6X.js} +1 -1
  17. package/dist/{ToggleButton-DuG32EKD.js → ToggleButton-CmwyKwP-.js} +2 -2
  18. package/dist/Tooltip-D-jCnOvo.js +29 -0
  19. package/dist/assets/BaseCard.css +1 -0
  20. package/dist/assets/Menu.css +1 -1
  21. package/dist/assets/ModalBase.css +1 -1
  22. package/dist/assets/Popover.css +1 -1
  23. package/dist/assets/Sidebar.css +1 -1
  24. package/dist/assets/Splash.css +1 -1
  25. package/dist/assets/Tooltip.css +1 -1
  26. package/dist/assets/index11.css +1 -1
  27. package/dist/assets/index3.css +1 -1
  28. package/dist/components/Avatar/index.js +24 -24
  29. package/dist/components/Button/FilledButton/index.js +1 -1
  30. package/dist/components/Button/OutlinedButton/index.js +1 -1
  31. package/dist/components/Button/TextButton/index.js +1 -1
  32. package/dist/components/Button/ToggleButton/index.js +1 -1
  33. package/dist/components/Card/BaseCard/BaseCard.d.ts +3 -0
  34. package/dist/components/Card/BaseCard/index.d.ts +2 -0
  35. package/dist/components/Card/BaseCard/index.js +5 -0
  36. package/dist/components/Card/BaseCard/types.d.ts +18 -0
  37. package/dist/components/Card/GradientCard/GradientCard.d.ts +2 -0
  38. package/dist/components/Card/GradientCard/index.d.ts +1 -0
  39. package/dist/components/Card/GradientCard/index.js +6 -0
  40. package/dist/components/Card/SolidCard/SolidCard.d.ts +3 -0
  41. package/dist/components/Card/SolidCard/index.d.ts +1 -0
  42. package/dist/components/Card/SolidCard/index.js +9 -0
  43. package/dist/components/Disclosure/Disclosure/index.js +1 -1
  44. package/dist/components/Disclosure/DisclousureGroup/index.js +1 -1
  45. package/dist/components/Link/FilledButtonLink/index.js +1 -1
  46. package/dist/components/Link/LinkBase/index.js +1 -1
  47. package/dist/components/Link/OutlinedButtonLink/index.js +1 -1
  48. package/dist/components/Menu/MenuBase/Menu.d.ts +1 -1
  49. package/dist/components/Menu/MenuBase/types.d.ts +3 -0
  50. package/dist/components/Menu/MenuButton/index.js +1 -1
  51. package/dist/components/Menu/MenuLabel/index.js +1 -1
  52. package/dist/components/Modal/ModalAction/index.js +2 -2
  53. package/dist/components/Modal/ModalBase/ModalBase.d.ts +1 -1
  54. package/dist/components/Modal/ModalBase/index.js +1 -1
  55. package/dist/components/Modal/ModalBase/types.d.ts +2 -0
  56. package/dist/components/Navigation/NavigationMenu/index.js +1 -1
  57. package/dist/components/Navigation/NavigationResponsive/index.js +2 -2
  58. package/dist/components/Navigation/NavigationSidebar/index.js +1 -1
  59. package/dist/components/Popover/PopoverBase/index.js +1 -1
  60. package/dist/components/Popover/PopoverDialog/index.js +1 -1
  61. package/dist/components/Select/Select.d.ts +1 -1
  62. package/dist/components/Select/index.js +52 -50
  63. package/dist/components/Select/types.d.ts +2 -0
  64. package/dist/components/Sidebar/Sidebar.d.ts +1 -1
  65. package/dist/components/Sidebar/index.js +1 -1
  66. package/dist/components/Sidebar/types.d.ts +2 -0
  67. package/dist/components/ToggleButtonGroup/index.js +1 -1
  68. package/dist/components/Tooltip/index.js +1 -1
  69. package/package.json +13 -1
  70. package/dist/Menu-B3oiOXZP.js +0 -36
  71. package/dist/ModalBase-B6E_69dY.js +0 -25
  72. package/dist/Sidebar-BWZan2PF.js +0 -50
  73. package/dist/Splash-DnaqZnSX.js +0 -46
  74. package/dist/Tooltip-B2vjUO40.js +0 -29
@@ -0,0 +1 @@
1
+ export * from './SolidCard';
@@ -0,0 +1,9 @@
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { B as d, C as s } from "../../../BaseCard-B3e3mo_b.js";
3
+ const m = ({
4
+ background: r = s.solid,
5
+ ...o
6
+ }) => /* @__PURE__ */ a(d, { ...o, background: r });
7
+ export {
8
+ m as SolidCard
9
+ };
@@ -1,4 +1,4 @@
1
- import { D as s } from "../../../Disclosure-Dmi6UFSF.js";
1
+ import { D as s } from "../../../Disclosure-xPwVxqaf.js";
2
2
  export {
3
3
  s as Disclosure
4
4
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { D as i } from "../../../Disclosure-Dmi6UFSF.js";
2
+ import { D as i } from "../../../Disclosure-xPwVxqaf.js";
3
3
  import { DisclosureGroup as u } from "react-aria-components";
4
4
  import '../../../assets/index7.css';const e = {
5
5
  "disclosure-group": "_disclosure-group_vh6v0_1"
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { B as r } from "../../../ButtonLink-Bj0h692A.js";
2
+ import { B as r } from "../../../ButtonLink-0OcZwF8T.js";
3
3
  import { ButtonVariant as i } from "../../Button/ButtonBase/index.js";
4
4
  const e = (t) => /* @__PURE__ */ o(r, { ...t, variant: i.filled });
5
5
  export {
@@ -1,4 +1,4 @@
1
- import { L } from "../../../Link-wdtV3-eC.js";
1
+ import { L } from "../../../Link-Be6F1iXD.js";
2
2
  export {
3
3
  L as Link
4
4
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { B as n } from "../../../ButtonLink-Bj0h692A.js";
2
+ import { B as n } from "../../../ButtonLink-0OcZwF8T.js";
3
3
  import { ButtonVariant as r } from "../../Button/ButtonBase/index.js";
4
4
  const a = (t) => /* @__PURE__ */ o(n, { ...t, variant: r.outlined });
5
5
  export {
@@ -1,2 +1,2 @@
1
1
  import { MenuProps } from './types';
2
- export declare const Menu: ({ children, menuItems }: MenuProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Menu: ({ children, menuItems, cardBackground, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +1,11 @@
1
1
  import { ReactElement, ReactNode } from 'react';
2
2
  import { HierarchyItemType } from '../../../utils/types';
3
3
  import { ButtonVariantProps } from '../../Button/ButtonBase/types';
4
+ import { CardBackground } from '../../Card/BaseCard';
4
5
  export interface MenuProps {
5
6
  children: ReactNode;
6
7
  menuItems: HierarchyItemType[];
8
+ cardBackground?: CardBackground;
7
9
  }
8
10
  export interface MenuButtonProps {
9
11
  children: ReactElement<ButtonVariantProps>;
@@ -16,4 +18,5 @@ export interface MenuLabelProps {
16
18
  }
17
19
  export interface RenderMenuProps {
18
20
  menuItem: HierarchyItemType;
21
+ cardBackground: CardBackground;
19
22
  }
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { M as n } from "../../../Menu-B3oiOXZP.js";
2
+ import { M as n } from "../../../Menu-LfX-Lcn4.js";
3
3
  const u = ({ children: o, menuItems: r }) => /* @__PURE__ */ t(n, { menuItems: r, children: o });
4
4
  export {
5
5
  u as MenuButton
@@ -1,4 +1,4 @@
1
- import { M as o } from "../../../MenuLabel-sb6mKBOL.js";
1
+ import { M as o } from "../../../MenuLabel-DvV0TSfU.js";
2
2
  export {
3
3
  o as MenuLabel
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import { jsx as e, jsxs as s } from "react/jsx-runtime";
2
- import { M as h } from "../../../ModalBase-B6E_69dY.js";
3
- import { T as p } from "../../../TextButton-CoRHw1vC.js";
2
+ import { M as h } from "../../../ModalBase-B4mNuNF3.js";
3
+ import { T as p } from "../../../TextButton-l85Kmj6X.js";
4
4
  import { ColorTheme as u } from "../../../index.js";
5
5
  import '../../../assets/index8.css';var d = /* @__PURE__ */ ((o) => (o.start = "start", o.end = "end", o))(d || {});
6
6
  const v = "_modal_fqn0t_1", q = "_end_fqn0t_39", t = {
@@ -1,2 +1,2 @@
1
1
  import { ModalBaseProps } from './types';
2
- export declare const ModalBase: ({ trigger, modalOverlayProps, dialogTriggerProps, modalProps, ...dialogProps }: ModalBaseProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const ModalBase: ({ cardBackground, trigger, modalOverlayProps, dialogTriggerProps, modalProps, ...dialogProps }: ModalBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { M as e } from "../../../ModalBase-B6E_69dY.js";
1
+ import { M as e } from "../../../ModalBase-B4mNuNF3.js";
2
2
  export {
3
3
  e as ModalBase
4
4
  };
@@ -1,9 +1,11 @@
1
1
  import { ReactElement } from 'react';
2
2
  import { ButtonVariantProps } from '../../Button/ButtonBase/types';
3
3
  import { DialogProps, DialogTriggerProps, ModalOverlayProps } from 'react-aria-components';
4
+ import { CardBackground } from '../../Card/BaseCard';
4
5
  export interface ModalBaseProps extends DialogProps {
5
6
  trigger: ReactElement<ButtonVariantProps>;
6
7
  modalOverlayProps?: Omit<ModalOverlayProps, "children">;
7
8
  dialogTriggerProps?: Omit<DialogTriggerProps, "children">;
8
9
  modalProps?: Omit<React.RefAttributes<HTMLDivElement>, "children">;
10
+ cardBackground?: CardBackground;
9
11
  }
@@ -1,4 +1,4 @@
1
- import { N as e } from "../../../NavigationMenu-C64WpZpH.js";
1
+ import { N as e } from "../../../NavigationMenu-PXLXFps7.js";
2
2
  export {
3
3
  e as NavigationMenu
4
4
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { useMediaQuery as t } from "usehooks-ts";
3
- import { N as e } from "../../../NavigationMenu-C64WpZpH.js";
4
- import { N as m } from "../../../NavigationSidebar-CdQlKp5A.js";
3
+ import { N as e } from "../../../NavigationMenu-PXLXFps7.js";
4
+ import { N as m } from "../../../NavigationSidebar-BB-dbfoF.js";
5
5
  const f = ({
6
6
  items: o,
7
7
  mediaQuery: a,
@@ -1,4 +1,4 @@
1
- import { N as o } from "../../../NavigationSidebar-CdQlKp5A.js";
1
+ import { N as o } from "../../../NavigationSidebar-BB-dbfoF.js";
2
2
  export {
3
3
  o as NavigationSidebar
4
4
  };
@@ -1,4 +1,4 @@
1
- import { P as e } from "../../../Popover-sX7uB5r0.js";
1
+ import { P as e } from "../../../Popover-CNBII_iI.js";
2
2
  export {
3
3
  e as Popover
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
2
  import { DialogTrigger as t, Dialog as g } from "react-aria-components";
3
- import { P as l } from "../../../Popover-sX7uB5r0.js";
3
+ import { P as l } from "../../../Popover-CNBII_iI.js";
4
4
  const c = ({
5
5
  trigger: r,
6
6
  popoverProps: i,
@@ -1,2 +1,2 @@
1
1
  import { SelectProps } from './types';
2
- export declare const Select: ({ options, label, name, disabled, isRequired, triggerVariant, description, placeholder, selectedKey, onSelectionChange, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Select: ({ options, cardBackground, label, name, disabled, isRequired, triggerVariant, description, placeholder, selectedKey, onSelectionChange, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,88 +1,90 @@
1
1
  import { jsxs as s, jsx as e, Fragment as n } from "react/jsx-runtime";
2
- import { F as d } from "../../FilledButton-SnAf5REc.js";
2
+ import { F as m } from "../../FilledButton-CJvJUaRR.js";
3
3
  import { ButtonVariant as o } from "../Button/ButtonBase/index.js";
4
- import { Select as k, SelectValue as m, ListBox as B, Text as p, ListBoxItem as S } from "react-aria-components";
5
- import { P as V } from "../../Popover-sX7uB5r0.js";
6
- import { ChevronsUpDown as y, Check as F } from "lucide-react";
7
- import { O as $ } from "../../OutlinedButton-Bna2lY_l.js";
8
- import { T as C } from "../../TextButton-CoRHw1vC.js";
9
- import { ColorTheme as u } from "../../index.js";
10
- import { T as L } from "../../Tooltip-B2vjUO40.js";
4
+ import { Select as C, SelectValue as d, ListBox as N, Text as p, ListBoxItem as T } from "react-aria-components";
5
+ import { P as S } from "../../Popover-CNBII_iI.js";
6
+ import { ChevronsUpDown as V, Check as y } from "lucide-react";
7
+ import { O as F } from "../../OutlinedButton-BUSxFGXJ.js";
8
+ import { T as $ } from "../../TextButton-l85Kmj6X.js";
9
+ import { ColorTheme as h } from "../../index.js";
10
+ import { T as L } from "../../Tooltip-D-jCnOvo.js";
11
11
  import { L as D, F as j } from "../../FieldError-CvUKcRtm.js";
12
- import '../../assets/index3.css';const w = "_select_1ctdo_1", I = "_trigger_1ctdo_37", i = {
13
- select: w,
14
- "selected-value": "_selected-value_1ctdo_11",
15
- "option-description": "_option-description_1ctdo_19",
16
- trigger: I,
17
- "options-list": "_options-list_1ctdo_51",
18
- "options-item-group": "_options-item-group_1ctdo_63",
19
- "options-item": "_options-item_1ctdo_63"
20
- }, M = ({
21
- options: _,
22
- label: c,
23
- name: h,
24
- disabled: f,
25
- isRequired: g,
12
+ import { B as I, C as O } from "../../BaseCard-B3e3mo_b.js";
13
+ import '../../assets/index3.css';const P = "_select_1tehw_1", E = "_trigger_1tehw_37", r = {
14
+ select: P,
15
+ "selected-value": "_selected-value_1tehw_11",
16
+ "option-description": "_option-description_1tehw_19",
17
+ trigger: E,
18
+ "options-list": "_options-list_1tehw_51",
19
+ "options-item-group": "_options-item-group_1tehw_63",
20
+ "options-item": "_options-item_1tehw_63"
21
+ }, X = ({
22
+ options: u,
23
+ cardBackground: _ = O.gradient,
24
+ label: a,
25
+ name: f,
26
+ disabled: g,
27
+ isRequired: w,
26
28
  triggerVariant: x = o.filled,
27
- description: v,
28
- placeholder: a,
29
- selectedKey: N,
30
- onSelectionChange: T
29
+ description: B,
30
+ placeholder: c,
31
+ selectedKey: k,
32
+ onSelectionChange: v
31
33
  }) => {
32
- let r;
34
+ let i;
33
35
  switch (x) {
34
36
  case o.filled:
35
- r = d;
37
+ i = m;
36
38
  break;
37
39
  case o.outlined:
38
- r = $;
40
+ i = F;
39
41
  break;
40
42
  case o.text:
41
- r = C;
43
+ i = $;
42
44
  break;
43
45
  default:
44
- r = d;
46
+ i = m;
45
47
  }
46
48
  return /* @__PURE__ */ s(
47
- k,
49
+ C,
48
50
  {
49
- className: i.select,
50
- isDisabled: f,
51
- isRequired: g,
52
- name: h,
53
- selectedKey: N,
54
- onSelectionChange: T,
51
+ className: r.select,
52
+ isDisabled: g,
53
+ isRequired: w,
54
+ name: f,
55
+ selectedKey: k,
56
+ onSelectionChange: v,
55
57
  children: [
56
- c && /* @__PURE__ */ e(D, { children: c }),
57
- /* @__PURE__ */ e(L, { description: v, theme: u.inverseSurface, children: /* @__PURE__ */ e(r, { theme: u.inverseSurface, children: /* @__PURE__ */ s("span", { className: i.trigger, children: [
58
- a ? /* @__PURE__ */ e(m, { className: `${i["selected-value"]}`, children: ({ defaultChildren: t, isPlaceholder: l }) => l ? a : t }) : /* @__PURE__ */ e(m, {}),
59
- /* @__PURE__ */ e(y, {})
58
+ a && /* @__PURE__ */ e(D, { children: a }),
59
+ /* @__PURE__ */ e(L, { description: B, theme: h.inverseSurface, children: /* @__PURE__ */ e(i, { theme: h.inverseSurface, children: /* @__PURE__ */ s("span", { className: r.trigger, children: [
60
+ c ? /* @__PURE__ */ e(d, { className: `${r["selected-value"]}`, children: ({ defaultChildren: t, isPlaceholder: l }) => l ? c : t }) : /* @__PURE__ */ e(d, {}),
61
+ /* @__PURE__ */ e(V, {})
60
62
  ] }) }) }),
61
63
  /* @__PURE__ */ e(j, {}),
62
- /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(B, { className: `${i["options-list"]}`, items: _, children: (t) => {
64
+ /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(I, { background: _, children: /* @__PURE__ */ e(N, { className: `${r["options-list"]}`, items: u, children: (t) => {
63
65
  const l = /* @__PURE__ */ s(n, { children: [
64
66
  /* @__PURE__ */ e(p, { children: t.displayValue }),
65
- t.description && /* @__PURE__ */ e(p, { className: i["option-description"], children: t.description })
67
+ t.description && /* @__PURE__ */ e(p, { className: r["option-description"], children: t.description })
66
68
  ] });
67
69
  return /* @__PURE__ */ e(
68
- S,
70
+ T,
69
71
  {
70
- className: `${i["options-item-group"]}`,
72
+ className: `${r["options-item-group"]}`,
71
73
  id: t.key,
72
74
  textValue: t.displayValue,
73
75
  isDisabled: t.disabled,
74
76
  children: ({ isSelected: b }) => /* @__PURE__ */ s(n, { children: [
75
- /* @__PURE__ */ e("div", { className: `${i["options-item"]}`, children: l }),
76
- b && /* @__PURE__ */ e(F, {})
77
+ /* @__PURE__ */ e("div", { className: `${r["options-item"]}`, children: l }),
78
+ b && /* @__PURE__ */ e(y, {})
77
79
  ] })
78
80
  },
79
81
  t.key
80
82
  );
81
- } }) })
83
+ } }) }) })
82
84
  ]
83
85
  }
84
86
  );
85
87
  };
86
88
  export {
87
- M as Select
89
+ X as Select
88
90
  };
@@ -1,5 +1,6 @@
1
1
  import { Key } from 'react-aria-components';
2
2
  import { ButtonVariant } from '../Button/ButtonBase/types';
3
+ import { CardBackground } from '../Card/BaseCard';
3
4
  export type SelectOptions = {
4
5
  key: string;
5
6
  displayValue: string;
@@ -8,6 +9,7 @@ export type SelectOptions = {
8
9
  };
9
10
  export interface SelectProps {
10
11
  options: SelectOptions[];
12
+ cardBackground?: CardBackground;
11
13
  isRequired?: boolean;
12
14
  label?: string;
13
15
  name?: string;
@@ -1,2 +1,2 @@
1
1
  import { SidebarProps } from './types';
2
- export declare const Sidebar: ({ children, trigger, sidebarPosition, sidebarSize, isDismissable, isKeyboardDismissableDisabled, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Sidebar: ({ children, trigger, sidebarPosition, sidebarSize, isDismissable, isKeyboardDismissableDisabled, cardBackground, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { S as e, a as r, b as S } from "../../Sidebar-BWZan2PF.js";
1
+ import { S as e, a as r, b as S } from "../../Sidebar-cOdcO7SA.js";
2
2
  export {
3
3
  e as Sidebar,
4
4
  r as SidebarPosition,
@@ -1,6 +1,7 @@
1
1
  import { ReactNode, ReactElement } from 'react';
2
2
  import { DialogRenderProps } from 'react-aria-components';
3
3
  import { ButtonVariantProps } from '../Button/ButtonBase';
4
+ import { CardBackground } from '../Card/BaseCard';
4
5
  export declare enum SidebarPosition {
5
6
  inlineStart = "inline-start",
6
7
  inlineEnd = "inline-end",
@@ -20,4 +21,5 @@ export interface SidebarProps {
20
21
  sidebarSize?: SidebarSize;
21
22
  isDismissable?: boolean;
22
23
  isKeyboardDismissableDisabled?: boolean;
24
+ cardBackground?: CardBackground;
23
25
  }
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { ToggleButtonGroup as l } from "react-aria-components";
3
- import { T as s } from "../../ToggleButton-DuG32EKD.js";
3
+ import { T as s } from "../../ToggleButton-CmwyKwP-.js";
4
4
  import { ColorTheme as u } from "../../index.js";
5
5
  import '../../assets/index.css';const n = {
6
6
  "toggle-button-group": "_toggle-button-group_1tyg5_1"
@@ -1,4 +1,4 @@
1
- import { T as r } from "../../Tooltip-B2vjUO40.js";
1
+ import { T as r } from "../../Tooltip-D-jCnOvo.js";
2
2
  export {
3
3
  r as Tooltip
4
4
  };
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.16",
4
+ "version": "0.0.18",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"
@@ -42,6 +42,18 @@
42
42
  "import": "./dist/components/Button/ToggleButton/index.js",
43
43
  "types": "./dist/components/Button/ToggleButton/index.d.ts"
44
44
  },
45
+ "./Card/BaseCard": {
46
+ "import": "./dist/components/Card/BaseCard/index.js",
47
+ "types": "./dist/components/Card/BaseCard/index.d.ts"
48
+ },
49
+ "./Card/GradientCard": {
50
+ "import": "./dist/components/Card/GradientCard/index.js",
51
+ "types": "./dist/components/Card/GradientCard/index.d.ts"
52
+ },
53
+ "./Card/SolidCard": {
54
+ "import": "./dist/components/Card/SolidCard/index.js",
55
+ "types": "./dist/components/Card/SolidCard/index.d.ts"
56
+ },
45
57
  "./Disclosure/Disclosure": {
46
58
  "import": "./dist/components/Disclosure/Disclosure/index.js",
47
59
  "types": "./dist/components/Disclosure/Disclosure/index.d.ts"
@@ -1,36 +0,0 @@
1
- import { jsxs as o, jsx as r } from "react/jsx-runtime";
2
- import { MenuTrigger as c, Menu as u, Separator as l, MenuItem as p, SubmenuTrigger as d } from "react-aria-components";
3
- import { P as i } from "./Popover-sX7uB5r0.js";
4
- import { ChevronRight as h } from "lucide-react";
5
- import './assets/Menu.css';const _ = "_menu_ul0b1_1", f = "_separator_ul0b1_85", t = {
6
- menu: _,
7
- "menu-item": "_menu-item_ul0b1_13",
8
- "item-node": "_item-node_ul0b1_23",
9
- separator: f
10
- }, m = ({ menuItem: e }) => {
11
- if (e.type === "separator")
12
- return /* @__PURE__ */ r(l, { className: `${t.separator}` });
13
- const s = !!e.subItems?.length, n = /* @__PURE__ */ o(
14
- p,
15
- {
16
- className: `${t["menu-item"]} ${t[e.type]}`,
17
- onAction: e.onPress,
18
- href: e.href,
19
- target: e.target,
20
- children: [
21
- e.node,
22
- s && /* @__PURE__ */ r(h, {})
23
- ]
24
- }
25
- );
26
- return s ? /* @__PURE__ */ o(d, { children: [
27
- n,
28
- /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(u, { className: `${t.menu}`, children: e.subItems.map((a) => /* @__PURE__ */ r(m, { menuItem: a }, a.id)) }) })
29
- ] }) : n;
30
- }, N = ({ children: e, menuItems: s }) => /* @__PURE__ */ o(c, { children: [
31
- e,
32
- /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(u, { className: `${t.menu}`, children: s.map((n) => /* @__PURE__ */ r(m, { menuItem: n }, n.id)) }) })
33
- ] });
34
- export {
35
- N as M
36
- };
@@ -1,25 +0,0 @@
1
- import { jsxs as m, jsx as a } from "react/jsx-runtime";
2
- import { DialogTrigger as c, ModalOverlay as i, Modal as t, Dialog as n } from "react-aria-components";
3
- import './assets/ModalBase.css';const g = "_modal_8gqed_1", o = {
4
- "modal-overlay": "_modal-overlay_8gqed_1",
5
- modal: g
6
- }, M = ({
7
- trigger: e,
8
- modalOverlayProps: l,
9
- dialogTriggerProps: s,
10
- modalProps: d,
11
- ...r
12
- }) => /* @__PURE__ */ m(c, { ...s, children: [
13
- e,
14
- /* @__PURE__ */ a(
15
- i,
16
- {
17
- ...l,
18
- className: l?.className ?? o["modal-overlay"],
19
- children: /* @__PURE__ */ a(t, { ...d, className: o.modal, children: /* @__PURE__ */ a(n, { ...r }) })
20
- }
21
- )
22
- ] });
23
- export {
24
- M
25
- };
@@ -1,50 +0,0 @@
1
- import { jsxs as u, jsx as a } from "react/jsx-runtime";
2
- import { DialogTrigger as f, ModalOverlay as m, Modal as x, Dialog as h } from "react-aria-components";
3
- import './assets/Sidebar.css';var r = /* @__PURE__ */ ((l) => (l.inlineStart = "inline-start", l.inlineEnd = "inline-end", l.blockStart = "block-start", l.blockEnd = "block-end", l))(r || {}), t = /* @__PURE__ */ ((l) => (l.full = "full", l.threeQuarters = "three-quarters", l.half = "half", l.quarter = "quarter", l))(t || {});
4
- const k = "_modal_xld0i_1", b = "_full_xld0i_291", q = "_half_xld0i_313", y = "_quarter_xld0i_321", e = {
5
- "modal-overlay": "_modal-overlay_xld0i_1",
6
- "modal-fade": "_modal-fade_xld0i_1",
7
- modal: k,
8
- "inline-start": "_inline-start_xld0i_117",
9
- "inline-slide": "_inline-slide_xld0i_1",
10
- "inline-end": "_inline-end_xld0i_145",
11
- "block-start": "_block-start_xld0i_173",
12
- "block-slide": "_block-slide_xld0i_1",
13
- "block-end": "_block-end_xld0i_201",
14
- full: b,
15
- "three-quarters": "_three-quarters_xld0i_305",
16
- half: q,
17
- quarter: y
18
- }, p = ({
19
- children: l,
20
- trigger: n,
21
- sidebarPosition: i = r.inlineStart,
22
- sidebarSize: _ = t.full,
23
- isDismissable: d,
24
- isKeyboardDismissableDisabled: o
25
- }) => {
26
- const s = typeof l == "function";
27
- return /* @__PURE__ */ u(f, { children: [
28
- n,
29
- /* @__PURE__ */ a(
30
- m,
31
- {
32
- className: `${e["modal-overlay"]}`,
33
- isDismissable: d,
34
- isKeyboardDismissDisabled: o,
35
- children: /* @__PURE__ */ a(
36
- x,
37
- {
38
- className: `${e.modal} ${e[i]} ${e[_]}`,
39
- children: /* @__PURE__ */ a(h, { children: s ? (c) => l(c) : l })
40
- }
41
- )
42
- }
43
- )
44
- ] });
45
- };
46
- export {
47
- p as S,
48
- r as a,
49
- t as b
50
- };
@@ -1,46 +0,0 @@
1
- import { useState as _, useRef as n, useEffect as o } from "react";
2
- import { jsx as i } from "react/jsx-runtime";
3
- import './assets/Splash.css';const u = "_button_c4lxb_1", x = "_square_c4lxb_115", b = "_avatar_c4lxb_131", y = "_rectangle_c4lxb_147", d = "_shrink_c4lxb_159", m = "_primary_c4lxb_171", p = "_secondary_c4lxb_191", f = "_tertiary_c4lxb_201", h = "_error_c4lxb_211", v = "_success_c4lxb_231", k = "_filled_c4lxb_243", S = "_outlined_c4lxb_253", g = "_text_c4lxb_263", j = {
4
- button: u,
5
- "button-link": "_button-link_c4lxb_83",
6
- square: x,
7
- avatar: b,
8
- rectangle: y,
9
- shrink: d,
10
- primary: m,
11
- "primary-variant": "_primary-variant_c4lxb_181",
12
- secondary: p,
13
- tertiary: f,
14
- error: h,
15
- "inverse-surface": "_inverse-surface_c4lxb_221",
16
- success: v,
17
- filled: k,
18
- outlined: S,
19
- text: g
20
- }, w = (r) => {
21
- const [e, s] = _(null), l = n(0);
22
- let c = n(void 0), a = (t) => {
23
- s({ id: l.current++, x: t.x, y: t.y }), t.x !== -1 && t.y !== -1 && (clearTimeout(c.current), c.current = setTimeout(() => s(null), 500)), r?.(t);
24
- };
25
- return o(() => () => {
26
- clearTimeout(c.current);
27
- }, []), { coords: e, handlePress: a };
28
- }, q = "_splash_zhwi0_1", T = {
29
- splash: q
30
- }, z = ({ id: r, x: e, y: s }) => /* @__PURE__ */ i(
31
- "div",
32
- {
33
- className: `${T.splash}`,
34
- style: {
35
- insetInlineStart: e,
36
- insetBlockStart: s,
37
- translate: "-50% -50%"
38
- }
39
- },
40
- `${r}`
41
- );
42
- export {
43
- z as S,
44
- j as s,
45
- w as u
46
- };
@@ -1,29 +0,0 @@
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 { ColorTheme as p } from "./index.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
- };