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

package/dist/BaseCard-DrG8XXVz.js

@@ -0,0 +1,30 @@
+import { jsx as _ } from "react/jsx-runtime";
+import { ComponentStyle as e } from "./index.js";
+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 || {});
+const c = "_card_c3d4l_1", a = "_glass_c3d4l_51", h = "_solid_c3d4l_61", r = "_gradient_c3d4l_101", l = {
+  card: c,
+  glass: a,
+  solid: h,
+  "solid-low": "_solid-low_c3d4l_69",
+  "solid-lowest": "_solid-lowest_c3d4l_77",
+  "solid-high": "_solid-high_c3d4l_85",
+  "solid-highest": "_solid-highest_c3d4l_93",
+  gradient: r
+}, m = ({
+  background: s = o.solid,
+  componentStyle: d = e.normal,
+  children: t,
+  ...i
+}) => /* @__PURE__ */ _(
+  "div",
+  {
+    ...i,
+    className: `${i.className ?? ""} ${l[d]} ${l.card}  ${l[s]}`,
+    "data-card": "true",
+    children: t
+  }
+);
+export {
+  m as B,
+  o as C
+};

package/dist/{Menu-LfX-Lcn4.js → Menu-DvZqs_yA.js}

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { MenuTrigger as d, Menu as m, Separator as h, MenuItem as l, SubmenuTrigger as _ } from "react-aria-components";
 import { P as u } from "./Popover-CNBII_iI.js";
 import { ChevronRight as g } from "lucide-react";
-import { B as c, C as f } from "./BaseCard-B3e3mo_b.js";
+import { B as c, C as f } from "./BaseCard-DrG8XXVz.js";
 import './assets/Menu.css';const x = "_menu_18vtx_1", v = "_separator_18vtx_85", s = {
   menu: x,
   "menu-item": "_menu-item_18vtx_13",

package/dist/{MenuLabel-DvV0TSfU.js → MenuLabel-B0FrGXKS.js}

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { M as l } from "./Menu-LfX-Lcn4.js";
+import { M as l } from "./Menu-DvZqs_yA.js";
 import { Pressable as t } from "react-aria-components";
 import { T as a } from "./Tooltip-D-jCnOvo.js";
 import './assets/MenuLabel.css';const p = "_pressable_13cip_1", n = {

package/dist/{ModalBase-B4mNuNF3.js → ModalBase-DOU0cBij.js}

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { DialogTrigger as i, ModalOverlay as n, Modal as t, Dialog as g } from "react-aria-components";
-import { B as _, C as h } from "./BaseCard-B3e3mo_b.js";
+import { B as _, C as h } from "./BaseCard-DrG8XXVz.js";
 import './assets/ModalBase.css';const y = "_modal_e27rd_1", r = {
   "modal-overlay": "_modal-overlay_e27rd_1",
   modal: y

package/dist/{NavigationMenu-CgdJVeVZ.js → NavigationMenu-x2hSYr4B.js}

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { M as u } from "./MenuLabel-DvV0TSfU.js";
+import { M as u } from "./MenuLabel-B0FrGXKS.js";
 import { L as m } from "./Link-Be6F1iXD.js";
 import { T as i } from "./TextButton-Ct0ffSsq.js";
 import { ColorTheme as n } from "./index.js";

package/dist/{NavigationSidebar-CxOmzvOb.js → NavigationSidebar-mEaAZE9d.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { T as r } from "./TextButton-Ct0ffSsq.js";
 import { ButtonShape as o } from "./components/Button/ButtonBase/index.js";
-import { S as m } from "./Sidebar-cOdcO7SA.js";
+import { S as m } from "./Sidebar-BqNH6hIl.js";
 import { T as c } from "./Tree-DwJPCnFr.js";
 import { X as l, Menu as h } from "lucide-react";
 import { ColorTheme as p } from "./index.js";

package/dist/{Sidebar-cOdcO7SA.js → Sidebar-BqNH6hIl.js}

@@ -1,6 +1,6 @@
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
 import { DialogTrigger as f, ModalOverlay as m, Modal as x, Dialog as k } from "react-aria-components";
-import { B as b, C as q } from "./BaseCard-B3e3mo_b.js";
+import { B as b, C as q } from "./BaseCard-DrG8XXVz.js";
 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 || {});
 const g = "_modal_1hdcx_1", y = "_full_1hdcx_275", v = "_half_1hdcx_297", p = "_quarter_1hdcx_305", r = {
   "modal-overlay": "_modal-overlay_1hdcx_1",

package/dist/assets/BaseCard.css

@@ -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}
+._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}

package/dist/components/Card/BaseCard/index.js

@@ -1,4 +1,4 @@
-import { B as d, C as o } from "../../../BaseCard-B3e3mo_b.js";
+import { B as d, C as o } from "../../../BaseCard-DrG8XXVz.js";
 export {
   d as BaseCard,
   o as CardBackground

package/dist/components/Card/BaseCard/types.d.ts

@@ -1,3 +1,4 @@
+import { ComponentStyle } from '../../../utils/types';
 import { default as React } from 'react';
 export declare enum CardBackground {
     solid = "solid",
@@ -9,6 +10,7 @@ export declare enum CardBackground {
 }
 export interface BaseCardProps extends React.HTMLAttributes<HTMLDivElement> {
     background?: CardBackground;
+    componentStyle?: ComponentStyle;
 }
 export interface StyledBaseCardProps extends Omit<BaseCardProps, "background"> {
 }

package/dist/components/Card/GradientCard/index.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { B as o, C as d } from "../../../BaseCard-B3e3mo_b.js";
+import { B as o, C as d } from "../../../BaseCard-DrG8XXVz.js";
 const e = ({ ...r }) => /* @__PURE__ */ a(o, { ...r, background: d.gradient });
 export {
   e as GradientCard

package/dist/components/Card/SolidCard/index.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { B as d, C as s } from "../../../BaseCard-B3e3mo_b.js";
+import { B as d, C as s } from "../../../BaseCard-DrG8XXVz.js";
 const m = ({
   background: r = s.solid,
   ...o

package/dist/components/Menu/MenuButton/index.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { M as n } from "../../../Menu-LfX-Lcn4.js";
+import { M as n } from "../../../Menu-DvZqs_yA.js";
 const u = ({ children: o, menuItems: r }) => /* @__PURE__ */ t(n, { menuItems: r, children: o });
 export {
   u as MenuButton

package/dist/components/Menu/MenuLabel/index.js

@@ -1,4 +1,4 @@
-import { M as o } from "../../../MenuLabel-DvV0TSfU.js";
+import { M as o } from "../../../MenuLabel-B0FrGXKS.js";
 export {
   o as MenuLabel
 };

package/dist/components/Modal/ModalAction/index.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { M as h } from "../../../ModalBase-B4mNuNF3.js";
+import { M as h } from "../../../ModalBase-DOU0cBij.js";
 import { T as p } from "../../../TextButton-Ct0ffSsq.js";
 import { ColorTheme as u } from "../../../index.js";
 import '../../../assets/index8.css';var d = /* @__PURE__ */ ((o) => (o.start = "start", o.end = "end", o))(d || {});

package/dist/components/Modal/ModalBase/index.js

@@ -1,4 +1,4 @@
-import { M as e } from "../../../ModalBase-B4mNuNF3.js";
+import { M as e } from "../../../ModalBase-DOU0cBij.js";
 export {
   e as ModalBase
 };

package/dist/components/Navigation/NavigationMenu/index.js

@@ -1,4 +1,4 @@
-import { N as e } from "../../../NavigationMenu-CgdJVeVZ.js";
+import { N as e } from "../../../NavigationMenu-x2hSYr4B.js";
 export {
   e as NavigationMenu
 };

package/dist/components/Navigation/NavigationResponsive/index.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useMediaQuery as t } from "usehooks-ts";
-import { N as e } from "../../../NavigationMenu-CgdJVeVZ.js";
-import { N as m } from "../../../NavigationSidebar-CxOmzvOb.js";
+import { N as e } from "../../../NavigationMenu-x2hSYr4B.js";
+import { N as m } from "../../../NavigationSidebar-mEaAZE9d.js";
 const f = ({
   items: o,
   mediaQuery: a,

package/dist/components/Navigation/NavigationSidebar/index.js

@@ -1,4 +1,4 @@
-import { N as o } from "../../../NavigationSidebar-CxOmzvOb.js";
+import { N as o } from "../../../NavigationSidebar-mEaAZE9d.js";
 export {
   o as NavigationSidebar
 };

package/dist/components/Select/index.js

@@ -9,7 +9,7 @@ import { T as $ } from "../../TextButton-Ct0ffSsq.js";
 import { ColorTheme as h } from "../../index.js";
 import { T as L } from "../../Tooltip-D-jCnOvo.js";
 import { L as D, F as j } from "../../FieldError-CvUKcRtm.js";
-import { B as I, C as O } from "../../BaseCard-B3e3mo_b.js";
+import { B as I, C as O } from "../../BaseCard-DrG8XXVz.js";
 import '../../assets/index3.css';const P = "_select_1tehw_1", E = "_trigger_1tehw_37", r = {
   select: P,
   "selected-value": "_selected-value_1tehw_11",

package/dist/components/Sidebar/index.js

@@ -1,4 +1,4 @@
-import { S as e, a as r, b as S } from "../../Sidebar-cOdcO7SA.js";
+import { S as e, a as r, b as S } from "../../Sidebar-BqNH6hIl.js";
 export {
   e as Sidebar,
   r as SidebarPosition,

package/dist/index.js

@@ -1,4 +1,5 @@
-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 || {});
+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 || {});
 export {
-  a as ColorTheme
+  a as ColorTheme,
+  s as ComponentStyle
 };

package/dist/styles/main.css

@@ -158,6 +158,9 @@
   --font-weight-medium: 600;
   --font-weight-bold: 700;
 
+  --glassmorphism-opacity: 0.625;
+  --glassmorphism-filter: blur(0.625rem) saturate(180%);
+
   caret-color: var(--color-primary);
   accent-color: var(--color-primary);
 }

package/dist/utils/types.d.ts

@@ -58,4 +58,8 @@ interface HierarchySeparator {
     subItems?: never;
 }
 export type HierarchyItemType = HierarchyItemNode | HierarchyItemLink | HierarchyItemButton | HierarchyItemsubItems | HierarchySeparator;
+export declare enum ComponentStyle {
+    normal = "normal",
+    glass = "glass"
+}
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adgytec/adgytec-web-ui-components",
   "private": false,
-  "version": "0.0.19",
+  "version": "0.0.20",
   "type": "module",
   "files": [
     "dist"

package/dist/BaseCard-B3e3mo_b.js

@@ -1,27 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-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 || {});
-const e = "_card_1hpxf_1", h = "_solid_1hpxf_41", _ = "_gradient_1hpxf_81", o = {
-  card: e,
-  solid: h,
-  "solid-low": "_solid-low_1hpxf_49",
-  "solid-lowest": "_solid-lowest_1hpxf_57",
-  "solid-high": "_solid-high_1hpxf_65",
-  "solid-highest": "_solid-highest_1hpxf_73",
-  gradient: _
-}, r = ({
-  background: s = l.solid,
-  children: d,
-  ...i
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    ...i,
-    className: `${i.className ?? ""} ${o.card}  ${o[s]}`,
-    "data-card": "true",
-    children: d
-  }
-);
-export {
-  r as B,
-  l as C
-};