@zenpatient-org/healthspan-marketing-ui 0.1.78 → 0.1.80

package/dist/modules/Grid/Grid.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),e=require("./grid.module.css.cjs.js"),r=({image:t,title:i,description:l})=>a.jsxs("div",{className:e.default.mobileContent,children:[a.jsx("div",{className:e.default.leftBorder}),a.jsxs("div",{className:e.default.mobileColumn,children:[a.jsx("img",{className:e.default.image,src:t}),a.jsxs("div",{className:e.default.mobileText,children:[a.jsx(s.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingSm",children:i}),a.jsx(s.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyMd",children:l})]})]}),a.jsx("div",{className:e.default.rightBorder})]}),n=({headline:t,topRow:i,middleRow:l,bottomRow:d,backgroundGradient:c})=>a.jsx("section",{className:e.default.root,"data-background":c,children:a.jsxs("div",{className:e.default.container,children:[a.jsx(s.Typography,{className:e.default.headline,as:"h2",defaultVariant:"displayXs",mobileVariant:"headingXl",children:t}),a.jsxs("div",{className:e.default.desktopGrid,children:[a.jsxs("div",{className:e.default.leftColumn,children:[a.jsxs("div",{className:e.default.halfVector,children:[a.jsx("div",{className:e.default.horizontalVector}),a.jsx("div",{className:e.default.horizontalVector})]}),a.jsxs("div",{className:e.default.row,children:[a.jsx("div",{className:e.default.horizontalVector}),a.jsxs("div",{className:e.default.leftText,children:[a.jsx(s.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingSm",children:l.title}),a.jsx(s.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyMd",children:l.description})]}),a.jsx("div",{className:e.default.horizontalVector})]}),a.jsxs("div",{className:e.default.halfVector,children:[a.jsx("div",{className:e.default.horizontalVector}),a.jsx("div",{className:e.default.horizontalVector})]})]}),a.jsxs("div",{className:e.default.midColumn,children:[a.jsx("img",{className:e.default.image,src:i.image}),a.jsx("img",{className:e.default.image,src:l.image}),a.jsx("img",{className:e.default.image,src:d.image})]}),a.jsxs("div",{className:e.default.rightColumn,children:[a.jsxs("div",{className:e.default.halfVector,children:[a.jsx("div",{className:e.default.horizontalVector}),a.jsx("div",{className:e.default.horizontalVector})]}),a.jsxs("div",{className:e.default.row,children:[a.jsx("div",{className:e.default.horizontalVector}),a.jsxs("div",{className:e.default.rightTopText,children:[a.jsx(s.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingSm",children:i.title}),a.jsx(s.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyMd",children:i.description})]}),a.jsx("div",{className:e.default.horizontalVector})]}),a.jsx("div",{className:e.default.rightVector}),a.jsxs("div",{className:e.default.row,children:[a.jsx("div",{className:e.default.horizontalVector}),a.jsxs("div",{className:e.default.rightBotText,children:[a.jsx(s.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingSm",children:d.title}),a.jsx(s.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyMd",children:d.description})]}),a.jsx("div",{className:e.default.horizontalVector})]}),a.jsxs("div",{className:e.default.halfVector,children:[a.jsx("div",{className:e.default.horizontalVector}),a.jsx("div",{className:e.default.horizontalVector})]})]})]}),a.jsxs("div",{className:e.default.mobileGrid,children:[a.jsx(r,{image:i.image,title:i.title,description:i.description}),a.jsx(r,{image:l.image,title:l.title,description:l.description}),a.jsx(r,{image:d.image,title:d.title,description:d.description})]})]})});exports.Grid=n;

package/dist/modules/Grid/Grid.d.ts

@@ -0,0 +1,20 @@
+export type GridProps = {
+    headline: string;
+    topRow: {
+        image: string;
+        title: string;
+        description: string;
+    };
+    middleRow: {
+        image: string;
+        title: string;
+        description: string;
+    };
+    bottomRow: {
+        image: string;
+        title: string;
+        description: string;
+    };
+    backgroundGradient: 'blue' | 'yellow' | 'grey';
+};
+export declare const Grid: ({ headline, topRow, middleRow, bottomRow, backgroundGradient }: GridProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/Grid/Grid.es.js

@@ -0,0 +1,90 @@
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { Typography as l } from "../../components/Typography/Typography.es.js";
+import a from "./grid.module.css.es.js";
+const t = ({ image: c, title: r, description: s }) => /* @__PURE__ */ e("div", { className: a.mobileContent, children: [
+  /* @__PURE__ */ i("div", { className: a.leftBorder }),
+  /* @__PURE__ */ e("div", { className: a.mobileColumn, children: [
+    /* @__PURE__ */ i("img", { className: a.image, src: c }),
+    /* @__PURE__ */ e("div", { className: a.mobileText, children: [
+      /* @__PURE__ */ i(l, { as: "p", defaultVariant: "headingSm", mobileVariant: "headingSm", children: r }),
+      /* @__PURE__ */ i(l, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodyMd", children: s })
+    ] })
+  ] }),
+  /* @__PURE__ */ i("div", { className: a.rightBorder })
+] }), N = ({ headline: c, topRow: r, middleRow: s, bottomRow: d, backgroundGradient: n }) => /* @__PURE__ */ i("section", { className: a.root, "data-background": n, children: /* @__PURE__ */ e("div", { className: a.container, children: [
+  /* @__PURE__ */ i(l, { className: a.headline, as: "h2", defaultVariant: "displayXs", mobileVariant: "headingXl", children: c }),
+  /* @__PURE__ */ e("div", { className: a.desktopGrid, children: [
+    /* @__PURE__ */ e("div", { className: a.leftColumn, children: [
+      /* @__PURE__ */ e("div", { className: a.halfVector, children: [
+        /* @__PURE__ */ i("div", { className: a.horizontalVector }),
+        /* @__PURE__ */ i("div", { className: a.horizontalVector })
+      ] }),
+      /* @__PURE__ */ e("div", { className: a.row, children: [
+        /* @__PURE__ */ i("div", { className: a.horizontalVector }),
+        /* @__PURE__ */ e("div", { className: a.leftText, children: [
+          /* @__PURE__ */ i(l, { as: "p", defaultVariant: "headingSm", mobileVariant: "headingSm", children: s.title }),
+          /* @__PURE__ */ i(l, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodyMd", children: s.description })
+        ] }),
+        /* @__PURE__ */ i("div", { className: a.horizontalVector })
+      ] }),
+      /* @__PURE__ */ e("div", { className: a.halfVector, children: [
+        /* @__PURE__ */ i("div", { className: a.horizontalVector }),
+        /* @__PURE__ */ i("div", { className: a.horizontalVector })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.midColumn, children: [
+      /* @__PURE__ */ i("img", { className: a.image, src: r.image }),
+      /* @__PURE__ */ i("img", { className: a.image, src: s.image }),
+      /* @__PURE__ */ i("img", { className: a.image, src: d.image })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.rightColumn, children: [
+      /* @__PURE__ */ e("div", { className: a.halfVector, children: [
+        /* @__PURE__ */ i("div", { className: a.horizontalVector }),
+        /* @__PURE__ */ i("div", { className: a.horizontalVector })
+      ] }),
+      /* @__PURE__ */ e("div", { className: a.row, children: [
+        /* @__PURE__ */ i("div", { className: a.horizontalVector }),
+        /* @__PURE__ */ e("div", { className: a.rightTopText, children: [
+          /* @__PURE__ */ i(l, { as: "p", defaultVariant: "headingSm", mobileVariant: "headingSm", children: r.title }),
+          /* @__PURE__ */ i(l, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodyMd", children: r.description })
+        ] }),
+        /* @__PURE__ */ i("div", { className: a.horizontalVector })
+      ] }),
+      /* @__PURE__ */ i("div", { className: a.rightVector }),
+      /* @__PURE__ */ e("div", { className: a.row, children: [
+        /* @__PURE__ */ i("div", { className: a.horizontalVector }),
+        /* @__PURE__ */ e("div", { className: a.rightBotText, children: [
+          /* @__PURE__ */ i(l, { as: "p", defaultVariant: "headingSm", mobileVariant: "headingSm", children: d.title }),
+          /* @__PURE__ */ i(l, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodyMd", children: d.description })
+        ] }),
+        /* @__PURE__ */ i("div", { className: a.horizontalVector })
+      ] }),
+      /* @__PURE__ */ e("div", { className: a.halfVector, children: [
+        /* @__PURE__ */ i("div", { className: a.horizontalVector }),
+        /* @__PURE__ */ i("div", { className: a.horizontalVector })
+      ] })
+    ] })
+  ] }),
+  /* @__PURE__ */ e("div", { className: a.mobileGrid, children: [
+    /* @__PURE__ */ i(t, { image: r.image, title: r.title, description: r.description }),
+    /* @__PURE__ */ i(
+      t,
+      {
+        image: s.image,
+        title: s.title,
+        description: s.description
+      }
+    ),
+    /* @__PURE__ */ i(
+      t,
+      {
+        image: d.image,
+        title: d.title,
+        description: d.description
+      }
+    )
+  ] })
+] }) });
+export {
+  N as Grid
+};

package/dist/modules/Grid/grid.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="grid-module__root___ENM5W",e="grid-module__container___npDAJ",t="grid-module__headline___cpLmE",_="grid-module__desktopGrid___xqK2R",r="grid-module__halfVector___K4N6M",i="grid-module__leftColumn___tsd-g",l="grid-module__rightColumn___ql0JS",d="grid-module__midColumn___pEZBo",n="grid-module__row___Uiqg0",m="grid-module__horizontalVector___rpCfN",g="grid-module__leftText___f7WFx",u="grid-module__rightTopText___9zVt1",c="grid-module__rightBotText___FdPY1",s="grid-module__image___vodyp",h="grid-module__rightVector___9dOwd",a="grid-module__mobileGrid___by4fK",C="grid-module__mobileColumn___bg2lL",f="grid-module__mobileText___a4VLJ",T="grid-module__mobileContent___C6dxe",b="grid-module__leftBorder___qmeje",x="grid-module__rightBorder___ady0d",p={root:o,container:e,headline:t,desktopGrid:_,halfVector:r,leftColumn:i,rightColumn:l,midColumn:d,row:n,horizontalVector:m,leftText:g,rightTopText:u,rightBotText:c,image:s,rightVector:h,mobileGrid:a,mobileColumn:C,mobileText:f,mobileContent:T,leftBorder:b,rightBorder:x};exports.container=e;exports.default=p;exports.desktopGrid=_;exports.halfVector=r;exports.headline=t;exports.horizontalVector=m;exports.image=s;exports.leftBorder=b;exports.leftColumn=i;exports.leftText=g;exports.midColumn=d;exports.mobileColumn=C;exports.mobileContent=T;exports.mobileGrid=a;exports.mobileText=f;exports.rightBorder=x;exports.rightBotText=c;exports.rightColumn=l;exports.rightTopText=u;exports.rightVector=h;exports.root=o;exports.row=n;

package/dist/modules/Grid/grid.module.css.es.js

@@ -0,0 +1,47 @@
+const o = "grid-module__root___ENM5W", _ = "grid-module__container___npDAJ", e = "grid-module__headline___cpLmE", t = "grid-module__desktopGrid___xqK2R", r = "grid-module__halfVector___K4N6M", d = "grid-module__leftColumn___tsd-g", i = "grid-module__rightColumn___ql0JS", l = "grid-module__midColumn___pEZBo", m = "grid-module__row___Uiqg0", n = "grid-module__horizontalVector___rpCfN", g = "grid-module__leftText___f7WFx", c = "grid-module__rightTopText___9zVt1", u = "grid-module__rightBotText___FdPY1", s = "grid-module__image___vodyp", h = "grid-module__rightVector___9dOwd", a = "grid-module__mobileGrid___by4fK", C = "grid-module__mobileColumn___bg2lL", f = "grid-module__mobileText___a4VLJ", x = "grid-module__mobileContent___C6dxe", T = "grid-module__leftBorder___qmeje", b = "grid-module__rightBorder___ady0d", p = {
+  root: o,
+  container: _,
+  headline: e,
+  desktopGrid: t,
+  halfVector: r,
+  leftColumn: d,
+  rightColumn: i,
+  midColumn: l,
+  row: m,
+  horizontalVector: n,
+  leftText: g,
+  rightTopText: c,
+  rightBotText: u,
+  image: s,
+  rightVector: h,
+  mobileGrid: a,
+  mobileColumn: C,
+  mobileText: f,
+  mobileContent: x,
+  leftBorder: T,
+  rightBorder: b
+};
+export {
+  _ as container,
+  p as default,
+  t as desktopGrid,
+  r as halfVector,
+  e as headline,
+  n as horizontalVector,
+  s as image,
+  T as leftBorder,
+  d as leftColumn,
+  g as leftText,
+  l as midColumn,
+  C as mobileColumn,
+  x as mobileContent,
+  a as mobileGrid,
+  f as mobileText,
+  b as rightBorder,
+  u as rightBotText,
+  i as rightColumn,
+  c as rightTopText,
+  h as rightVector,
+  o as root,
+  m as row
+};

package/dist/modules/Grid/index.d.ts

@@ -0,0 +1 @@
+export { Grid } from './Grid';

package/dist/modules/ResearchStudies/ResearchStudies.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const d=require("../../components/Icon/constants.cjs.js"),u=require("./components/StudyCard/StudyCard.cjs.js"),t=require("./researchStudies.module.css.cjs.js"),l=({studies:s,hasMoreButton:n,title:i,onClickShowMore:a})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(o.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:i}),e.jsx("div",{className:t.default.studies,children:s.map((r,h)=>e.jsx("div",{className:t.default.studyCard,children:e.jsx(u.StudyCard,{...r})},`${r.title}_${r.link}`))}),n&&e.jsx("div",{className:t.default.buttonContainer,children:e.jsx(c.Button,{size:"lg",variant:"muted",prefixIcon:d.EIconName.PLUS,onClick:a,children:"show more"})})]})});exports.ResearchStudies=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../components/Button/Button.cjs.js");require("../../components/Icon/Icon.cjs.js");const n=require("../../components/Icon/constants.cjs.js"),t=require("../../components/Typography/Typography.cjs.js"),h=require("./components/StudyCard/StudyCard.cjs.js"),s=require("./researchStudies.module.css.cjs.js"),m=({studies:d,hasMoreButton:l,title:o,backButton:a,loading:c,onClickShowMore:u})=>e.jsx("div",{className:s.default.root,children:e.jsxs("div",{className:s.default.container,children:[e.jsxs("div",{className:s.default.header,children:[a&&e.jsx("div",{className:s.default.backButton,children:e.jsx(i.Button,{as:"a",href:a.href,size:"xs",prefixIcon:n.EIconName.ARROW_BACK,variant:"ghost",children:a==null?void 0:a.label})}),e.jsx(t.Typography,{defaultVariant:"displayXs",mobileVariant:"headingLg",children:o})]}),e.jsx("div",{className:s.default.studies,children:d.map((r,p)=>e.jsx("div",{className:s.default.studyCard,children:e.jsx(h.StudyCard,{...r})},`${r.title}_${r.link}`))}),c&&e.jsx(t.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:s.default.loading,children:"Loading..."}),l&&e.jsx("div",{className:s.default.buttonContainer,children:e.jsx(i.Button,{size:"lg",variant:"muted",prefixIcon:n.EIconName.PLUS,onClick:u,children:"show more"})})]})});exports.ResearchStudies=m;

package/dist/modules/ResearchStudies/ResearchStudies.d.ts

@@ -2,9 +2,14 @@ import { TResearchArticleView } from '../../types/articles';
 
 type ResearchStudiesProps = {
     title: string;
+    backButton?: {
+        label: string;
+        href: string;
+    };
     studies: Array<TResearchArticleView>;
     hasMoreButton: boolean;
+    loading?: boolean;
     onClickShowMore: () => void;
 };
-export declare const ResearchStudies: ({ studies, hasMoreButton, title, onClickShowMore }: ResearchStudiesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResearchStudies: ({ studies, hasMoreButton, title, backButton, loading, onClickShowMore, }: ResearchStudiesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modules/ResearchStudies/ResearchStudies.es.js

@@ -1,16 +1,37 @@
 "use client";
-import { jsx as i, jsxs as s } from "react/jsx-runtime";
-import { Typography as m } from "../../components/Typography/Typography.es.js";
-import { Button as d } from "../../components/Button/Button.es.js";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Button as l } from "../../components/Button/Button.es.js";
 import "../../components/Icon/Icon.es.js";
-import { EIconName as l } from "../../components/Icon/constants.es.js";
-import { StudyCard as c } from "./components/StudyCard/StudyCard.es.js";
-import r from "./researchStudies.module.css.es.js";
-const y = ({ studies: o, hasMoreButton: t, title: a, onClickShowMore: n }) => /* @__PURE__ */ i("div", { className: r.root, children: /* @__PURE__ */ s("div", { className: r.container, children: [
-  /* @__PURE__ */ i(m, { defaultVariant: "displayXs", mobileVariant: "headingLg", children: a }),
-  /* @__PURE__ */ i("div", { className: r.studies, children: o.map((e, p) => /* @__PURE__ */ i("div", { className: r.studyCard, children: /* @__PURE__ */ i(c, { ...e }) }, `${e.title}_${e.link}`)) }),
-  t && /* @__PURE__ */ i("div", { className: r.buttonContainer, children: /* @__PURE__ */ i(d, { size: "lg", variant: "muted", prefixIcon: l.PLUS, onClick: n, children: "show more" }) })
+import { EIconName as d } from "../../components/Icon/constants.es.js";
+import { Typography as n } from "../../components/Typography/Typography.es.js";
+import { StudyCard as p } from "./components/StudyCard/StudyCard.es.js";
+import i from "./researchStudies.module.css.es.js";
+const S = ({
+  studies: m,
+  hasMoreButton: o,
+  title: t,
+  backButton: r,
+  loading: c,
+  onClickShowMore: h
+}) => /* @__PURE__ */ e("div", { className: i.root, children: /* @__PURE__ */ s("div", { className: i.container, children: [
+  /* @__PURE__ */ s("div", { className: i.header, children: [
+    r && /* @__PURE__ */ e("div", { className: i.backButton, children: /* @__PURE__ */ e(
+      l,
+      {
+        as: "a",
+        href: r.href,
+        size: "xs",
+        prefixIcon: d.ARROW_BACK,
+        variant: "ghost",
+        children: r == null ? void 0 : r.label
+      }
+    ) }),
+    /* @__PURE__ */ e(n, { defaultVariant: "displayXs", mobileVariant: "headingLg", children: t })
+  ] }),
+  /* @__PURE__ */ e("div", { className: i.studies, children: m.map((a, f) => /* @__PURE__ */ e("div", { className: i.studyCard, children: /* @__PURE__ */ e(p, { ...a }) }, `${a.title}_${a.link}`)) }),
+  c && /* @__PURE__ */ e(n, { as: "div", defaultVariant: "labelSm", emphasis: !0, className: i.loading, children: "Loading..." }),
+  o && /* @__PURE__ */ e("div", { className: i.buttonContainer, children: /* @__PURE__ */ e(l, { size: "lg", variant: "muted", prefixIcon: d.PLUS, onClick: h, children: "show more" }) })
 ] }) });
 export {
-  y as ResearchStudies
+  S as ResearchStudies
 };

package/dist/modules/ResearchStudies/researchStudies.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="researchStudies-module__root___l-DhN",e="researchStudies-module__container___K9kTm",o="researchStudies-module__studies___-dT6a",s="researchStudies-module__studyCard___Xqw5Q",r="researchStudies-module__buttonContainer___XKU7w",u={root:t,container:e,studies:o,studyCard:s,buttonContainer:r};exports.buttonContainer=r;exports.container=e;exports.default=u;exports.root=t;exports.studies=o;exports.studyCard=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="researchStudies-module__root___l-DhN",t="researchStudies-module__container___K9kTm",o="researchStudies-module__header___LMwvo",s="researchStudies-module__backButton___j5euv",_="researchStudies-module__studies___-dT6a",d="researchStudies-module__studyCard___Xqw5Q",r="researchStudies-module__loading___-bcYF",u="researchStudies-module__buttonContainer___XKU7w",n={root:e,container:t,header:o,backButton:s,studies:_,studyCard:d,loading:r,buttonContainer:u};exports.backButton=s;exports.buttonContainer=u;exports.container=t;exports.default=n;exports.header=o;exports.loading=r;exports.root=e;exports.studies=_;exports.studyCard=d;

package/dist/modules/ResearchStudies/researchStudies.module.css.es.js

@@ -1,15 +1,21 @@
-const t = "researchStudies-module__root___l-DhN", e = "researchStudies-module__container___K9kTm", s = "researchStudies-module__studies___-dT6a", o = "researchStudies-module__studyCard___Xqw5Q", _ = "researchStudies-module__buttonContainer___XKU7w", r = {
-  root: t,
-  container: e,
+const e = "researchStudies-module__root___l-DhN", t = "researchStudies-module__container___K9kTm", o = "researchStudies-module__header___LMwvo", _ = "researchStudies-module__backButton___j5euv", s = "researchStudies-module__studies___-dT6a", d = "researchStudies-module__studyCard___Xqw5Q", r = "researchStudies-module__loading___-bcYF", n = "researchStudies-module__buttonContainer___XKU7w", u = {
+  root: e,
+  container: t,
+  header: o,
+  backButton: _,
   studies: s,
-  studyCard: o,
-  buttonContainer: _
+  studyCard: d,
+  loading: r,
+  buttonContainer: n
 };
 export {
-  _ as buttonContainer,
-  e as container,
-  r as default,
-  t as root,
+  _ as backButton,
+  n as buttonContainer,
+  t as container,
+  u as default,
+  o as header,
+  r as loading,
+  e as root,
   s as studies,
-  o as studyCard
+  d as studyCard
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.78",
+    "version": "0.1.80",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -601,6 +601,11 @@
             "import": "./dist/pageComponents/CallToActionDefault/CallToActionDefault.es.js",
             "require": "./dist/pageComponents/CallToActionDefault/CallToActionDefault.cjs.js"
         },
+        "./Grid": {
+            "types": "./dist/modules/Grid/Grid.d.ts",
+            "import": "./dist/modules/Grid/Grid.es.js",
+            "require": "./dist/modules/Grid/Grid.cjs.js"
+        },
         "./dist/*.css": "./dist/*.css"
     }
 }