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

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 (45) hide show
  1. package/dist/BaseCard-DrG8XXVz.js +30 -0
  2. package/dist/{Button-56jHeA-J.js → Button-C8yUSxx_.js} +1 -1
  3. package/dist/{ButtonLink-0OcZwF8T.js → ButtonLink-DNXUq90W.js} +1 -1
  4. package/dist/{Disclosure-xPwVxqaf.js → Disclosure-sItjZ-jf.js} +1 -1
  5. package/dist/{FilledButton-CJvJUaRR.js → FilledButton-LnYvKzE9.js} +1 -1
  6. package/dist/{Menu-LfX-Lcn4.js → Menu-DvZqs_yA.js} +1 -1
  7. package/dist/{MenuLabel-DvV0TSfU.js → MenuLabel-B0FrGXKS.js} +1 -1
  8. package/dist/{ModalBase-B4mNuNF3.js → ModalBase-DOU0cBij.js} +1 -1
  9. package/dist/{NavigationMenu-PXLXFps7.js → NavigationMenu-x2hSYr4B.js} +2 -2
  10. package/dist/{NavigationSidebar-BB-dbfoF.js → NavigationSidebar-mEaAZE9d.js} +2 -2
  11. package/dist/{OutlinedButton-BUSxFGXJ.js → OutlinedButton-BesEreKQ.js} +1 -1
  12. package/dist/{Sidebar-cOdcO7SA.js → Sidebar-BqNH6hIl.js} +1 -1
  13. package/dist/Splash-neeaI9j6.js +46 -0
  14. package/dist/{TextButton-l85Kmj6X.js → TextButton-Ct0ffSsq.js} +1 -1
  15. package/dist/{ToggleButton-CmwyKwP-.js → ToggleButton-DPy_Urwc.js} +1 -1
  16. package/dist/assets/BaseCard.css +1 -1
  17. package/dist/assets/Splash.css +1 -1
  18. package/dist/components/Button/FilledButton/index.js +1 -1
  19. package/dist/components/Button/OutlinedButton/index.js +1 -1
  20. package/dist/components/Button/TextButton/index.js +1 -1
  21. package/dist/components/Button/ToggleButton/index.js +1 -1
  22. package/dist/components/Card/BaseCard/index.js +1 -1
  23. package/dist/components/Card/BaseCard/types.d.ts +2 -0
  24. package/dist/components/Card/GradientCard/index.js +1 -1
  25. package/dist/components/Card/SolidCard/index.js +1 -1
  26. package/dist/components/Disclosure/Disclosure/index.js +1 -1
  27. package/dist/components/Disclosure/DisclousureGroup/index.js +1 -1
  28. package/dist/components/Link/FilledButtonLink/index.js +1 -1
  29. package/dist/components/Link/OutlinedButtonLink/index.js +1 -1
  30. package/dist/components/Menu/MenuButton/index.js +1 -1
  31. package/dist/components/Menu/MenuLabel/index.js +1 -1
  32. package/dist/components/Modal/ModalAction/index.js +2 -2
  33. package/dist/components/Modal/ModalBase/index.js +1 -1
  34. package/dist/components/Navigation/NavigationMenu/index.js +1 -1
  35. package/dist/components/Navigation/NavigationResponsive/index.js +2 -2
  36. package/dist/components/Navigation/NavigationSidebar/index.js +1 -1
  37. package/dist/components/Select/index.js +4 -4
  38. package/dist/components/Sidebar/index.js +1 -1
  39. package/dist/components/ToggleButtonGroup/index.js +1 -1
  40. package/dist/index.js +3 -2
  41. package/dist/styles/main.css +3 -0
  42. package/dist/utils/types.d.ts +4 -0
  43. package/package.json +1 -1
  44. package/dist/BaseCard-B3e3mo_b.js +0 -27
  45. package/dist/Splash-B18GXq6Z.js +0 -46
@@ -0,0 +1,30 @@
1
+ import { jsx as _ } from "react/jsx-runtime";
2
+ import { ComponentStyle as e } from "./index.js";
3
+ import './assets/BaseCard.css';var o = /* @__PURE__ */ ((s) => (s.solid = "solid", s.solidLow = "solid-low", s.solidLowest = "solid-lowest", s.solidHigh = "solid-high", s.solidHighest = "solid-highest", s.gradient = "gradient", s))(o || {});
4
+ const c = "_card_c3d4l_1", a = "_glass_c3d4l_51", h = "_solid_c3d4l_61", r = "_gradient_c3d4l_101", l = {
5
+ card: c,
6
+ glass: a,
7
+ solid: h,
8
+ "solid-low": "_solid-low_c3d4l_69",
9
+ "solid-lowest": "_solid-lowest_c3d4l_77",
10
+ "solid-high": "_solid-high_c3d4l_85",
11
+ "solid-highest": "_solid-highest_c3d4l_93",
12
+ gradient: r
13
+ }, m = ({
14
+ background: s = o.solid,
15
+ componentStyle: d = e.normal,
16
+ children: t,
17
+ ...i
18
+ }) => /* @__PURE__ */ _(
19
+ "div",
20
+ {
21
+ ...i,
22
+ className: `${i.className ?? ""} ${l[d]} ${l.card} ${l[s]}`,
23
+ "data-card": "true",
24
+ children: t
25
+ }
26
+ );
27
+ export {
28
+ m as B,
29
+ o as C
30
+ };
@@ -1,5 +1,5 @@
1
1
  import { jsx as s, jsxs as l, Fragment as c } from "react/jsx-runtime";
2
- import { u as $, s as t, S as u } from "./Splash-B18GXq6Z.js";
2
+ import { u as $, s as t, S as u } from "./Splash-neeaI9j6.js";
3
3
  import { Button as d } from "react-aria-components";
4
4
  import { T as x } from "./Tooltip-D-jCnOvo.js";
5
5
  import { ButtonShape as a, ButtonVariant as S } from "./components/Button/ButtonBase/index.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as r, jsxs as i, Fragment as a } from "react/jsx-runtime";
2
- import { u as $, s as o, S as l } from "./Splash-B18GXq6Z.js";
2
+ import { u as $, s as o, S as l } from "./Splash-neeaI9j6.js";
3
3
  import { Link as B } from "react-aria-components";
4
4
  import { T as S } from "./Tooltip-D-jCnOvo.js";
5
5
  import { ButtonVariant as k, ButtonShape as x } from "./components/Button/ButtonBase/index.js";
@@ -1,7 +1,7 @@
1
1
  import { jsxs as s, 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 n } from "lucide-react";
4
- import { T as a } from "./TextButton-l85Kmj6X.js";
4
+ import { T as a } from "./TextButton-Ct0ffSsq.js";
5
5
  import { ColorTheme as m } from "./index.js";
6
6
  import { ButtonShape as p } from "./components/Button/ButtonBase/index.js";
7
7
  import './assets/Disclosure.css';const h = "_disclosure_1cz7p_1", u = "_trigger_1cz7p_23", g = "_panel_1cz7p_55", e = {
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { ButtonVariant as n } from "./components/Button/ButtonBase/index.js";
3
- import { B as i } from "./Button-56jHeA-J.js";
3
+ import { B as i } from "./Button-C8yUSxx_.js";
4
4
  const l = (t) => {
5
5
  const { children: o } = t;
6
6
  return /* @__PURE__ */ r(i, { ...t, variant: n.filled, children: o });
@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
2
2
  import { MenuTrigger as d, Menu as m, Separator as h, MenuItem as l, SubmenuTrigger as _ } from "react-aria-components";
3
3
  import { P as u } from "./Popover-CNBII_iI.js";
4
4
  import { ChevronRight as g } from "lucide-react";
5
- import { B as c, C as f } from "./BaseCard-B3e3mo_b.js";
5
+ import { B as c, C as f } from "./BaseCard-DrG8XXVz.js";
6
6
  import './assets/Menu.css';const x = "_menu_18vtx_1", v = "_separator_18vtx_85", s = {
7
7
  menu: x,
8
8
  "menu-item": "_menu-item_18vtx_13",
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { M as l } from "./Menu-LfX-Lcn4.js";
2
+ import { M as l } from "./Menu-DvZqs_yA.js";
3
3
  import { Pressable as t } from "react-aria-components";
4
4
  import { T as a } from "./Tooltip-D-jCnOvo.js";
5
5
  import './assets/MenuLabel.css';const p = "_pressable_13cip_1", n = {
@@ -1,6 +1,6 @@
1
1
  import { jsxs as c, jsx as a } from "react/jsx-runtime";
2
2
  import { DialogTrigger as i, ModalOverlay as n, Modal as t, Dialog as g } from "react-aria-components";
3
- import { B as _, C as h } from "./BaseCard-B3e3mo_b.js";
3
+ import { B as _, C as h } from "./BaseCard-DrG8XXVz.js";
4
4
  import './assets/ModalBase.css';const y = "_modal_e27rd_1", r = {
5
5
  "modal-overlay": "_modal-overlay_e27rd_1",
6
6
  modal: y
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, jsxs as a } from "react/jsx-runtime";
2
- import { M as u } from "./MenuLabel-DvV0TSfU.js";
2
+ import { M as u } from "./MenuLabel-B0FrGXKS.js";
3
3
  import { L as m } from "./Link-Be6F1iXD.js";
4
- import { T as i } from "./TextButton-l85Kmj6X.js";
4
+ import { T as i } from "./TextButton-Ct0ffSsq.js";
5
5
  import { ColorTheme as n } from "./index.js";
6
6
  import { ButtonShape as c } from "./components/Button/ButtonBase/index.js";
7
7
  import { ChevronDown as p } from "lucide-react";
@@ -1,7 +1,7 @@
1
1
  import { jsx as e, jsxs as i } from "react/jsx-runtime";
2
- import { T as r } from "./TextButton-l85Kmj6X.js";
2
+ import { T as r } from "./TextButton-Ct0ffSsq.js";
3
3
  import { ButtonShape as o } from "./components/Button/ButtonBase/index.js";
4
- import { S as m } from "./Sidebar-cOdcO7SA.js";
4
+ import { S as m } from "./Sidebar-BqNH6hIl.js";
5
5
  import { T as c } from "./Tree-DwJPCnFr.js";
6
6
  import { X as l, Menu as h } from "lucide-react";
7
7
  import { ColorTheme as p } from "./index.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
2
  import { ButtonVariant as r } from "./components/Button/ButtonBase/index.js";
3
- import { B as i } from "./Button-56jHeA-J.js";
3
+ import { B as i } from "./Button-C8yUSxx_.js";
4
4
  const e = (t) => {
5
5
  const { children: o } = t;
6
6
  return /* @__PURE__ */ n(i, { ...t, variant: r.outlined, children: o });
@@ -1,6 +1,6 @@
1
1
  import { jsxs as u, jsx as a } from "react/jsx-runtime";
2
2
  import { DialogTrigger as f, ModalOverlay as m, Modal as x, Dialog as k } from "react-aria-components";
3
- import { B as b, C as q } from "./BaseCard-B3e3mo_b.js";
3
+ import { B as b, C as q } from "./BaseCard-DrG8XXVz.js";
4
4
  import './assets/Sidebar.css';var e = /* @__PURE__ */ ((l) => (l.inlineStart = "inline-start", l.inlineEnd = "inline-end", l.blockStart = "block-start", l.blockEnd = "block-end", l))(e || {}), n = /* @__PURE__ */ ((l) => (l.full = "full", l.threeQuarters = "three-quarters", l.half = "half", l.quarter = "quarter", l))(n || {});
5
5
  const g = "_modal_1hdcx_1", y = "_full_1hdcx_275", v = "_half_1hdcx_297", p = "_quarter_1hdcx_305", r = {
6
6
  "modal-overlay": "_modal-overlay_1hdcx_1",
@@ -0,0 +1,46 @@
1
+ import { useState as o, useRef as i, useEffect as c } from "react";
2
+ import { jsx as l } from "react/jsx-runtime";
3
+ import './assets/Splash.css';const u = "_button_iyh6t_1", y = "_square_iyh6t_123", h = "_avatar_iyh6t_139", d = "_rectangle_iyh6t_155", m = "_shrink_iyh6t_167", p = "_primary_iyh6t_179", f = "_secondary_iyh6t_199", v = "_tertiary_iyh6t_209", x = "_error_iyh6t_219", k = "_success_iyh6t_239", S = "_filled_iyh6t_251", b = "_outlined_iyh6t_261", g = "_text_iyh6t_271", j = {
4
+ button: u,
5
+ "button-link": "_button-link_iyh6t_91",
6
+ square: y,
7
+ avatar: h,
8
+ rectangle: d,
9
+ shrink: m,
10
+ primary: p,
11
+ "primary-variant": "_primary-variant_iyh6t_189",
12
+ secondary: f,
13
+ tertiary: v,
14
+ error: x,
15
+ "inverse-surface": "_inverse-surface_iyh6t_229",
16
+ success: k,
17
+ filled: S,
18
+ outlined: b,
19
+ text: g
20
+ }, w = (r) => {
21
+ const [e, s] = o(null), a = i(0);
22
+ let n = i(void 0), _ = (t) => {
23
+ s({ id: a.current++, x: t.x, y: t.y }), t.x !== -1 && t.y !== -1 && (clearTimeout(n.current), n.current = setTimeout(() => s(null), 500)), r?.(t);
24
+ };
25
+ return c(() => () => {
26
+ clearTimeout(n.current);
27
+ }, []), { coords: e, handlePress: _ };
28
+ }, q = "_splash_zhwi0_1", T = {
29
+ splash: q
30
+ }, z = ({ id: r, x: e, y: s }) => /* @__PURE__ */ l(
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,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { ButtonVariant as n } from "./components/Button/ButtonBase/index.js";
3
- import { B as a } from "./Button-56jHeA-J.js";
3
+ import { B as a } from "./Button-C8yUSxx_.js";
4
4
  const s = (t) => {
5
5
  const { children: o } = t;
6
6
  return /* @__PURE__ */ r(a, { ...t, variant: n.text, children: o });
@@ -1,6 +1,6 @@
1
1
  import { jsx as r, jsxs as i } from "react/jsx-runtime";
2
2
  import { ToggleButton as p } from "react-aria-components";
3
- import { u, s as o, S as c } from "./Splash-B18GXq6Z.js";
3
+ import { u, s as o, S as c } from "./Splash-neeaI9j6.js";
4
4
  import { ColorTheme as g } from "./index.js";
5
5
  import { T as h } from "./Tooltip-D-jCnOvo.js";
6
6
  import { ButtonVariant as T, ButtonShape as f } from "./components/Button/ButtonBase/index.js";
@@ -1 +1 @@
1
- ._card_1hpxf_1{--_card-color: var(--color-on-surface);--_card-background: var(--color-surface);--_card-elevation: var(--elevation-1);--_card-radius: var(--radius);--_card-padding-inline: 1rem;--_card-padding-block: 1rem;padding-inline:var(--_card-padding-inline);padding-block:var(--_card-padding-block);border-radius:var(--_card-radius);box-shadow:var(--_card-elevation);background-color:var(--_card-background);color:var(--_card-color)}._solid_1hpxf_41{--_card-background: var(--color-surface-container)}._solid-low_1hpxf_49{--_card-background: var(--color-surface-container-low)}._solid-lowest_1hpxf_57{--_card-background: var(--color-surface-container-lowest)}._solid-high_1hpxf_65{--_card-background: var(--color-surface-container-high)}._solid-highest_1hpxf_73{--_card-background: var(--color-surface-container-highest)}._gradient_1hpxf_81{background-image:radial-gradient(ellipse at top,var(--color-surface-container-low),transparent),radial-gradient(ellipse at bottom,var(--color-surface-container-high),transparent);background-repeat:no-repeat}
1
+ ._card_c3d4l_1{--_card-color: var(--color-on-surface);--_card-background: var(--color-surface);--_card-elevation: var(--elevation-1);--_card-radius: var(--radius);--_card-padding-inline: 1rem;--_card-padding-block: 1rem;--_card-opacity: 1;padding-inline:var(--_card-padding-inline);padding-block:var(--_card-padding-block);border-radius:var(--_card-radius);box-shadow:var(--_card-elevation);background-color:hsl(from var(--_card-background) h s l / var(--_card-opacity));color:var(--_card-color)}._glass_c3d4l_51{--_card-opacity: var(--glassmorphism-opacity);-webkit-backdrop-filter:var(--glassmorphism-filter);backdrop-filter:var(--glassmorphism-filter)}._solid_c3d4l_61{--_card-background: var(--color-surface-container)}._solid-low_c3d4l_69{--_card-background: var(--color-surface-container-low)}._solid-lowest_c3d4l_77{--_card-background: var(--color-surface-container-lowest)}._solid-high_c3d4l_85{--_card-background: var(--color-surface-container-high)}._solid-highest_c3d4l_93{--_card-background: var(--color-surface-container-highest)}._gradient_c3d4l_101{background-image:radial-gradient(ellipse at top,hsl(from var(--color-surface-container-low) h s l / var(--_card-opacity)),transparent),radial-gradient(ellipse at bottom,hsl(from var(--color-surface-container-high) h s l / var(--_card-opacity)),transparent);background-repeat:no-repeat}
@@ -1 +1 @@
1
- ._button_16mhs_1{--_button-theme-background: transparent;--_button-theme-color: transparent;--_button-border-color: var(--_button-color);border-radius:var(--_button-radius);cursor:pointer;border:var(--button-border-width) solid var(--_button-border-color);font-weight:var(--font-weight-medium);text-align:center;padding-inline:var(--_button-padding-inline);padding-block:var(--_button-padding-block);background-color:var(--_button-background);color:var(--_button-color);position:relative;overflow:hidden;transition:background-color .25s,color .25s}._button_16mhs_1[data-hovered],._button_16mhs_1[data-focus-visible]{--_button-background: hsl( from var(--_button-theme-background) h s calc(l + 10) );--_button-color: hsl(from var(--_button-theme-color) h s calc(l + 10) )}._button_16mhs_1[data-pressed]{--_button-background: hsl( from var(--_button-theme-background) h s calc(l - 5) );--_button-color: hsl(from var(--_button-theme-color) h s calc(l - 5) )}._button_16mhs_1[data-selected]{--_button-background: var(--_button-theme-background);--_button-color: var(--_button-theme-color)}._button-link_16mhs_91{text-underline-offset:.125em;text-decoration-thickness:.075em;text-decoration-color:transparent}._button-link_16mhs_91[data-hovered],._button-link_16mhs_91[data-focus-visible],._button-link_16mhs_91[data-underline]{text-decoration-color:currentColor}._square_16mhs_123{--_button-padding-inline: .625em;--_button-padding-block: .625em;aspect-ratio:1/1;--_button-radius: var(--radius-circular)}._avatar_16mhs_139{--_button-padding-inline: .125em;--_button-padding-block: .125em;aspect-ratio:1/1;--_button-radius: var(--radius-circular)}._rectangle_16mhs_155{--_button-padding-inline: 1.125em;--_button-padding-block: .625em;--_button-radius: var(--radius-button)}._shrink_16mhs_167{--_button-padding-inline: 0;--_button-padding-block: 0}._primary_16mhs_179{--_button-theme-background: var(--color-primary);--_button-theme-color: var(--color-on-primary)}._primary-variant_16mhs_189{--_button-theme-background: var(--color-primary-variant);--_button-theme-color: var(--color-on-primary-variant)}._secondary_16mhs_199{--_button-theme-background: var(--color-secondary);--_button-theme-color: var(--color-on-secondary)}._tertiary_16mhs_209{--_button-theme-background: var(--color-tertiary);--_button-theme-color: var(--color-on-tertiary)}._error_16mhs_219{--_button-theme-background: var(--color-error);--_button-theme-color: var(--color-on-error)}._inverse-surface_16mhs_229{--_button-theme-background: var(--color-inverse-surface);--_button-theme-color: var(--color-inverse-on-surface)}._success_16mhs_239{--_button-theme-background: var(--color-success);--_button-theme-color: var(--color-on-success)}._filled_16mhs_251{--_button-background: var(--_button-theme-background);--_button-color: var(--_button-theme-color)}._outlined_16mhs_261{--_button-background: transparent;--_button-color: var(--_button-theme-background)}._text_16mhs_271{--_button-background: transparent;--_border-color: transparent;--_button-color: var(--_button-theme-background)}._splash_zhwi0_1{position:absolute;inline-size:25%;aspect-ratio:1/1;border-radius:50%;background-color:hsl(from var(--color-surface-variant) h s l / .5);animation:_ripple_zhwi0_1 .5s linear;opacity:0}@keyframes _ripple_zhwi0_1{0%{scale:0;opacity:1}to{scale:8;opacity:0}}
1
+ ._button_iyh6t_1{--_button-theme-background: transparent;--_button-theme-color: transparent;--_button-border-color: var(--_button-theme-background);border-radius:var(--_button-radius);cursor:pointer;border:var(--button-border-width) solid var(--_button-border-color);font-weight:var(--font-weight-medium);text-align:center;padding-inline:var(--_button-padding-inline);padding-block:var(--_button-padding-block);background-color:var(--_button-background);color:var(--_button-color);position:relative;overflow:hidden;transition:background-color .25s,color .25s}._button_iyh6t_1[data-hovered],._button_iyh6t_1[data-focus-visible]{--_button-background: hsl( from var(--_button-theme-background) h s calc(l + 10) );--_button-color: hsl(from var(--_button-theme-color) h s calc(l + 10) )}._button_iyh6t_1[data-pressed]{--_button-background: hsl( from var(--_button-theme-background) h s calc(l - 5) );--_button-color: hsl(from var(--_button-theme-color) h s calc(l - 5) )}._button_iyh6t_1[data-selected]{--_button-background: var(--_button-theme-background);--_button-color: var(--_button-theme-color)}._button-link_iyh6t_91{text-underline-offset:.125em;text-decoration-thickness:.075em;text-decoration-color:transparent}._button-link_iyh6t_91[data-hovered],._button-link_iyh6t_91[data-focus-visible],._button-link_iyh6t_91[data-underline]{text-decoration-color:currentColor}._square_iyh6t_123{--_button-padding-inline: .625em;--_button-padding-block: .625em;aspect-ratio:1/1;--_button-radius: var(--radius-circular)}._avatar_iyh6t_139{--_button-padding-inline: .125em;--_button-padding-block: .125em;aspect-ratio:1/1;--_button-radius: var(--radius-circular)}._rectangle_iyh6t_155{--_button-padding-inline: 1.125em;--_button-padding-block: .625em;--_button-radius: var(--radius-button)}._shrink_iyh6t_167{--_button-padding-inline: 0;--_button-padding-block: 0}._primary_iyh6t_179{--_button-theme-background: var(--color-primary);--_button-theme-color: var(--color-on-primary)}._primary-variant_iyh6t_189{--_button-theme-background: var(--color-primary-variant);--_button-theme-color: var(--color-on-primary-variant)}._secondary_iyh6t_199{--_button-theme-background: var(--color-secondary);--_button-theme-color: var(--color-on-secondary)}._tertiary_iyh6t_209{--_button-theme-background: var(--color-tertiary);--_button-theme-color: var(--color-on-tertiary)}._error_iyh6t_219{--_button-theme-background: var(--color-error);--_button-theme-color: var(--color-on-error)}._inverse-surface_iyh6t_229{--_button-theme-background: var(--color-inverse-surface);--_button-theme-color: var(--color-inverse-on-surface)}._success_iyh6t_239{--_button-theme-background: var(--color-success);--_button-theme-color: var(--color-on-success)}._filled_iyh6t_251{--_button-background: var(--_button-theme-background);--_button-color: var(--_button-theme-color)}._outlined_iyh6t_261{--_button-background: transparent;--_button-color: var(--_button-theme-background)}._text_iyh6t_271{--_button-background: transparent;--_button-border-color: transparent;--_button-color: var(--_button-theme-background)}._splash_zhwi0_1{position:absolute;inline-size:25%;aspect-ratio:1/1;border-radius:50%;background-color:hsl(from var(--color-surface-variant) h s l / .5);animation:_ripple_zhwi0_1 .5s linear;opacity:0}@keyframes _ripple_zhwi0_1{0%{scale:0;opacity:1}to{scale:8;opacity:0}}
@@ -1,4 +1,4 @@
1
- import { F as e } from "../../../FilledButton-CJvJUaRR.js";
1
+ import { F as e } from "../../../FilledButton-LnYvKzE9.js";
2
2
  export {
3
3
  e as FilledButton
4
4
  };
@@ -1,4 +1,4 @@
1
- import { O as e } from "../../../OutlinedButton-BUSxFGXJ.js";
1
+ import { O as e } from "../../../OutlinedButton-BesEreKQ.js";
2
2
  export {
3
3
  e as OutlinedButton
4
4
  };
@@ -1,4 +1,4 @@
1
- import { T as e } from "../../../TextButton-l85Kmj6X.js";
1
+ import { T as e } from "../../../TextButton-Ct0ffSsq.js";
2
2
  export {
3
3
  e as TextButton
4
4
  };
@@ -1,4 +1,4 @@
1
- import { T as e } from "../../../ToggleButton-CmwyKwP-.js";
1
+ import { T as e } from "../../../ToggleButton-DPy_Urwc.js";
2
2
  export {
3
3
  e as ToggleButton
4
4
  };
@@ -1,4 +1,4 @@
1
- import { B as d, C as o } from "../../../BaseCard-B3e3mo_b.js";
1
+ import { B as d, C as o } from "../../../BaseCard-DrG8XXVz.js";
2
2
  export {
3
3
  d as BaseCard,
4
4
  o as CardBackground
@@ -1,3 +1,4 @@
1
+ import { ComponentStyle } from '../../../utils/types';
1
2
  import { default as React } from 'react';
2
3
  export declare enum CardBackground {
3
4
  solid = "solid",
@@ -9,6 +10,7 @@ export declare enum CardBackground {
9
10
  }
10
11
  export interface BaseCardProps extends React.HTMLAttributes<HTMLDivElement> {
11
12
  background?: CardBackground;
13
+ componentStyle?: ComponentStyle;
12
14
  }
13
15
  export interface StyledBaseCardProps extends Omit<BaseCardProps, "background"> {
14
16
  }
@@ -1,5 +1,5 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
- import { B as o, C as d } from "../../../BaseCard-B3e3mo_b.js";
2
+ import { B as o, C as d } from "../../../BaseCard-DrG8XXVz.js";
3
3
  const e = ({ ...r }) => /* @__PURE__ */ a(o, { ...r, background: d.gradient });
4
4
  export {
5
5
  e as GradientCard
@@ -1,5 +1,5 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
- import { B as d, C as s } from "../../../BaseCard-B3e3mo_b.js";
2
+ import { B as d, C as s } from "../../../BaseCard-DrG8XXVz.js";
3
3
  const m = ({
4
4
  background: r = s.solid,
5
5
  ...o
@@ -1,4 +1,4 @@
1
- import { D as s } from "../../../Disclosure-xPwVxqaf.js";
1
+ import { D as s } from "../../../Disclosure-sItjZ-jf.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-xPwVxqaf.js";
2
+ import { D as i } from "../../../Disclosure-sItjZ-jf.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-0OcZwF8T.js";
2
+ import { B as r } from "../../../ButtonLink-DNXUq90W.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,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { B as n } from "../../../ButtonLink-0OcZwF8T.js";
2
+ import { B as n } from "../../../ButtonLink-DNXUq90W.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,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { M as n } from "../../../Menu-LfX-Lcn4.js";
2
+ import { M as n } from "../../../Menu-DvZqs_yA.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-DvV0TSfU.js";
1
+ import { M as o } from "../../../MenuLabel-B0FrGXKS.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-B4mNuNF3.js";
3
- import { T as p } from "../../../TextButton-l85Kmj6X.js";
2
+ import { M as h } from "../../../ModalBase-DOU0cBij.js";
3
+ import { T as p } from "../../../TextButton-Ct0ffSsq.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,4 +1,4 @@
1
- import { M as e } from "../../../ModalBase-B4mNuNF3.js";
1
+ import { M as e } from "../../../ModalBase-DOU0cBij.js";
2
2
  export {
3
3
  e as ModalBase
4
4
  };
@@ -1,4 +1,4 @@
1
- import { N as e } from "../../../NavigationMenu-PXLXFps7.js";
1
+ import { N as e } from "../../../NavigationMenu-x2hSYr4B.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-PXLXFps7.js";
4
- import { N as m } from "../../../NavigationSidebar-BB-dbfoF.js";
3
+ import { N as e } from "../../../NavigationMenu-x2hSYr4B.js";
4
+ import { N as m } from "../../../NavigationSidebar-mEaAZE9d.js";
5
5
  const f = ({
6
6
  items: o,
7
7
  mediaQuery: a,
@@ -1,4 +1,4 @@
1
- import { N as o } from "../../../NavigationSidebar-BB-dbfoF.js";
1
+ import { N as o } from "../../../NavigationSidebar-mEaAZE9d.js";
2
2
  export {
3
3
  o as NavigationSidebar
4
4
  };
@@ -1,15 +1,15 @@
1
1
  import { jsxs as s, jsx as e, Fragment as n } from "react/jsx-runtime";
2
- import { F as m } from "../../FilledButton-CJvJUaRR.js";
2
+ import { F as m } from "../../FilledButton-LnYvKzE9.js";
3
3
  import { ButtonVariant as o } from "../Button/ButtonBase/index.js";
4
4
  import { Select as C, SelectValue as d, ListBox as N, Text as p, ListBoxItem as T } from "react-aria-components";
5
5
  import { P as S } from "../../Popover-CNBII_iI.js";
6
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";
7
+ import { O as F } from "../../OutlinedButton-BesEreKQ.js";
8
+ import { T as $ } from "../../TextButton-Ct0ffSsq.js";
9
9
  import { ColorTheme as h } from "../../index.js";
10
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 { B as I, C as O } from "../../BaseCard-B3e3mo_b.js";
12
+ import { B as I, C as O } from "../../BaseCard-DrG8XXVz.js";
13
13
  import '../../assets/index3.css';const P = "_select_1tehw_1", E = "_trigger_1tehw_37", r = {
14
14
  select: P,
15
15
  "selected-value": "_selected-value_1tehw_11",
@@ -1,4 +1,4 @@
1
- import { S as e, a as r, b as S } from "../../Sidebar-cOdcO7SA.js";
1
+ import { S as e, a as r, b as S } from "../../Sidebar-BqNH6hIl.js";
2
2
  export {
3
3
  e as Sidebar,
4
4
  r as SidebarPosition,
@@ -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-CmwyKwP-.js";
3
+ import { T as s } from "../../ToggleButton-DPy_Urwc.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"
package/dist/index.js CHANGED
@@ -1,4 +1,5 @@
1
- var a = /* @__PURE__ */ ((r) => (r.primary = "primary", r.primaryVariant = "primary-variant", r.secondary = "secondary", r.tertiary = "tertiary", r.error = "error", r.inverseSurface = "inverse-surface", r.success = "success", r))(a || {});
1
+ var a = /* @__PURE__ */ ((r) => (r.primary = "primary", r.primaryVariant = "primary-variant", r.secondary = "secondary", r.tertiary = "tertiary", r.error = "error", r.inverseSurface = "inverse-surface", r.success = "success", r))(a || {}), s = /* @__PURE__ */ ((r) => (r.normal = "normal", r.glass = "glass", r))(s || {});
2
2
  export {
3
- a as ColorTheme
3
+ a as ColorTheme,
4
+ s as ComponentStyle
4
5
  };
@@ -158,6 +158,9 @@
158
158
  --font-weight-medium: 600;
159
159
  --font-weight-bold: 700;
160
160
 
161
+ --glassmorphism-opacity: 0.625;
162
+ --glassmorphism-filter: blur(0.625rem) saturate(180%);
163
+
161
164
  caret-color: var(--color-primary);
162
165
  accent-color: var(--color-primary);
163
166
  }
@@ -58,4 +58,8 @@ interface HierarchySeparator {
58
58
  subItems?: never;
59
59
  }
60
60
  export type HierarchyItemType = HierarchyItemNode | HierarchyItemLink | HierarchyItemButton | HierarchyItemsubItems | HierarchySeparator;
61
+ export declare enum ComponentStyle {
62
+ normal = "normal",
63
+ glass = "glass"
64
+ }
61
65
  export {};
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.18",
4
+ "version": "0.0.20",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"
@@ -1,27 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import './assets/BaseCard.css';var l = /* @__PURE__ */ ((s) => (s.solid = "solid", s.solidLow = "solid-low", s.solidLowest = "solid-lowest", s.solidHigh = "solid-high", s.solidHighest = "solid-highest", s.gradient = "gradient", s))(l || {});
3
- const e = "_card_1hpxf_1", h = "_solid_1hpxf_41", _ = "_gradient_1hpxf_81", o = {
4
- card: e,
5
- solid: h,
6
- "solid-low": "_solid-low_1hpxf_49",
7
- "solid-lowest": "_solid-lowest_1hpxf_57",
8
- "solid-high": "_solid-high_1hpxf_65",
9
- "solid-highest": "_solid-highest_1hpxf_73",
10
- gradient: _
11
- }, r = ({
12
- background: s = l.solid,
13
- children: d,
14
- ...i
15
- }) => /* @__PURE__ */ t(
16
- "div",
17
- {
18
- ...i,
19
- className: `${i.className ?? ""} ${o.card} ${o[s]}`,
20
- "data-card": "true",
21
- children: d
22
- }
23
- );
24
- export {
25
- r as B,
26
- l as C
27
- };
@@ -1,46 +0,0 @@
1
- import { useState as c, useRef as a, useEffect as i } from "react";
2
- import { jsx as l } from "react/jsx-runtime";
3
- import './assets/Splash.css';const u = "_button_16mhs_1", m = "_square_16mhs_123", h = "_avatar_16mhs_139", y = "_rectangle_16mhs_155", d = "_shrink_16mhs_167", p = "_primary_16mhs_179", f = "_secondary_16mhs_199", v = "_tertiary_16mhs_209", x = "_error_16mhs_219", k = "_success_16mhs_239", S = "_filled_16mhs_251", b = "_outlined_16mhs_261", g = "_text_16mhs_271", j = {
4
- button: u,
5
- "button-link": "_button-link_16mhs_91",
6
- square: m,
7
- avatar: h,
8
- rectangle: y,
9
- shrink: d,
10
- primary: p,
11
- "primary-variant": "_primary-variant_16mhs_189",
12
- secondary: f,
13
- tertiary: v,
14
- error: x,
15
- "inverse-surface": "_inverse-surface_16mhs_229",
16
- success: k,
17
- filled: S,
18
- outlined: b,
19
- text: g
20
- }, w = (r) => {
21
- const [e, t] = c(null), _ = a(0);
22
- let n = a(void 0), o = (s) => {
23
- t({ id: _.current++, x: s.x, y: s.y }), s.x !== -1 && s.y !== -1 && (clearTimeout(n.current), n.current = setTimeout(() => t(null), 500)), r?.(s);
24
- };
25
- return i(() => () => {
26
- clearTimeout(n.current);
27
- }, []), { coords: e, handlePress: o };
28
- }, q = "_splash_zhwi0_1", T = {
29
- splash: q
30
- }, z = ({ id: r, x: e, y: t }) => /* @__PURE__ */ l(
31
- "div",
32
- {
33
- className: `${T.splash}`,
34
- style: {
35
- insetInlineStart: e,
36
- insetBlockStart: t,
37
- translate: "-50% -50%"
38
- }
39
- },
40
- `${r}`
41
- );
42
- export {
43
- z as S,
44
- j as s,
45
- w as u
46
- };