@zenpatient-org/healthspan-marketing-ui 0.2.27 → 0.2.29

package/dist/components/HighlightCard/HighlightCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../Icon/constants.cjs.js"),a=require("../../src/components/HighlightCard/highlightCard.module.css"),s=require("../Typography/Typography.cjs.js"),d=require("../IconButton/IconButton.cjs.js"),m=({image:h,eyebrow:t,title:r,description:i,link:n})=>{const o=e.jsxs(e.Fragment,{children:[t&&e.jsx(s.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,className:a.eyebrow,children:t}),e.jsxs("div",{className:a.bottomContainer,children:[e.jsxs("div",{className:a.titleContainer,children:[r&&e.jsx(s.Typography,{as:"p",defaultVariant:"headingXl",mobileVariant:"headingLg",className:a.title,children:r}),n&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.desktop,children:e.jsx(d.IconButton,{variant:"muted-invert",size:"lg",iconName:l.EIconName.ARROW_FORWARD})}),e.jsx("div",{className:a.mobile,children:e.jsx(d.IconButton,{variant:"muted-invert",size:"md",iconName:l.EIconName.ARROW_FORWARD})})]})]}),i&&e.jsx(s.Typography,{as:"p",defaultVariant:"bodySm",className:a.description,children:i})]})]}),c={backgroundImage:`url(${h})`,backgroundSize:"cover",backgroundPosition:"center"};return n?e.jsx("a",{href:n,className:a.highlightCard,style:c,children:o}):e.jsx("div",{className:a.highlightCard,style:c,children:o})};exports.HighlightCard=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("../Icon/constants.cjs.js"),a=require("../../src/components/HighlightCard/highlightCard.module.css"),s=require("../Typography/Typography.cjs.js"),m=require("../IconButton/IconButton.cjs.js"),u=({image:g,eyebrow:i,title:r,description:o,link:t,colorScheme:n="light"})=>{const c=n==="light"?"muted-invert":"muted",l=e.jsxs(e.Fragment,{children:[i&&e.jsx(s.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,className:a.eyebrow,children:i}),e.jsxs("div",{className:a.bottomContainer,children:[e.jsxs("div",{className:a.titleContainer,children:[r&&e.jsx(s.Typography,{as:"p",defaultVariant:"headingXl",mobileVariant:"headingLg",className:a.title,children:r}),t&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.desktop,children:e.jsx(m.IconButton,{variant:c,size:"lg",iconName:h.EIconName.ARROW_FORWARD})}),e.jsx("div",{className:a.mobile,children:e.jsx(m.IconButton,{variant:c,size:"md",iconName:h.EIconName.ARROW_FORWARD})})]})]}),o&&e.jsx(s.Typography,{as:"p",defaultVariant:"bodySm",className:a.description,children:o})]})]}),d={backgroundImage:`url(${g})`,backgroundSize:"cover",backgroundPosition:"center"};return t?e.jsx("a",{href:t,className:a.highlightCard,style:d,"data-scheme":n,children:l}):e.jsx("div",{className:a.highlightCard,style:d,"data-scheme":n,children:l})};exports.HighlightCard=u;

package/dist/components/HighlightCard/HighlightCard.d.ts

@@ -1,8 +1,11 @@
+import { TColorScheme } from '../../types/common';
+
 export type HighlightCardProps = {
     image: string;
     eyebrow?: string;
     title?: string;
     description?: string;
     link?: string;
+    colorScheme?: TColorScheme;
 };
-export declare const HighlightCard: ({ image, eyebrow, title, description, link }: HighlightCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HighlightCard: ({ image, eyebrow, title, description, link, colorScheme, }: HighlightCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/HighlightCard/HighlightCard.es.js

@@ -1,33 +1,40 @@
-import { jsxs as i, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { EIconName as m } from "../Icon/constants.es.js";
-import a from "../../components/HighlightCard/highlightCard.module.css";
-import { Typography as t } from "../Typography/Typography.es.js";
-import { IconButton as h } from "../IconButton/IconButton.es.js";
-const b = ({ image: g, eyebrow: n, title: s, description: l, link: r }) => {
-  const o = /* @__PURE__ */ i(d, { children: [
-    n && /* @__PURE__ */ e(t, { as: "p", defaultVariant: "labelSm", emphasis: !0, className: a.eyebrow, children: n }),
-    /* @__PURE__ */ i("div", { className: a.bottomContainer, children: [
-      /* @__PURE__ */ i("div", { className: a.titleContainer, children: [
-        s && /* @__PURE__ */ e(
-          t,
+import { jsxs as t, Fragment as h, jsx as a } from "react/jsx-runtime";
+import { EIconName as g } from "../Icon/constants.es.js";
+import e from "../../components/HighlightCard/highlightCard.module.css";
+import { Typography as n } from "../Typography/Typography.es.js";
+import { IconButton as p } from "../IconButton/IconButton.es.js";
+const y = ({
+  image: u,
+  eyebrow: s,
+  title: l,
+  description: d,
+  link: i,
+  colorScheme: r = "light"
+}) => {
+  const c = r === "light" ? "muted-invert" : "muted", o = /* @__PURE__ */ t(h, { children: [
+    s && /* @__PURE__ */ a(n, { as: "p", defaultVariant: "labelSm", emphasis: !0, className: e.eyebrow, children: s }),
+    /* @__PURE__ */ t("div", { className: e.bottomContainer, children: [
+      /* @__PURE__ */ t("div", { className: e.titleContainer, children: [
+        l && /* @__PURE__ */ a(
+          n,
           {
             as: "p",
             defaultVariant: "headingXl",
             mobileVariant: "headingLg",
-            className: a.title,
-            children: s
+            className: e.title,
+            children: l
           }
         ),
-        r && /* @__PURE__ */ i(d, { children: [
-          /* @__PURE__ */ e("div", { className: a.desktop, children: /* @__PURE__ */ e(h, { variant: "muted-invert", size: "lg", iconName: m.ARROW_FORWARD }) }),
-          /* @__PURE__ */ e("div", { className: a.mobile, children: /* @__PURE__ */ e(h, { variant: "muted-invert", size: "md", iconName: m.ARROW_FORWARD }) })
+        i && /* @__PURE__ */ t(h, { children: [
+          /* @__PURE__ */ a("div", { className: e.desktop, children: /* @__PURE__ */ a(p, { variant: c, size: "lg", iconName: g.ARROW_FORWARD }) }),
+          /* @__PURE__ */ a("div", { className: e.mobile, children: /* @__PURE__ */ a(p, { variant: c, size: "md", iconName: g.ARROW_FORWARD }) })
         ] })
       ] }),
-      l && /* @__PURE__ */ e(t, { as: "p", defaultVariant: "bodySm", className: a.description, children: l })
+      d && /* @__PURE__ */ a(n, { as: "p", defaultVariant: "bodySm", className: e.description, children: d })
     ] })
-  ] }), c = { backgroundImage: `url(${g})`, backgroundSize: "cover", backgroundPosition: "center" };
-  return r ? /* @__PURE__ */ e("a", { href: r, className: a.highlightCard, style: c, children: o }) : /* @__PURE__ */ e("div", { className: a.highlightCard, style: c, children: o });
+  ] }), m = { backgroundImage: `url(${u})`, backgroundSize: "cover", backgroundPosition: "center" };
+  return i ? /* @__PURE__ */ a("a", { href: i, className: e.highlightCard, style: m, "data-scheme": r, children: o }) : /* @__PURE__ */ a("div", { className: e.highlightCard, style: m, "data-scheme": r, children: o });
 };
 export {
-  b as HighlightCard
+  y as HighlightCard
 };

package/dist/components/HighlightCard/highlightCard.module.css

@@ -1,20 +1,36 @@
 .highlightCard {
+    --primary-inverted: var(--color-text-primary-inverted);
+    --secondary-inverted: var(--color-text-secondary-inverted);
+
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding: 32px;
     border-radius: var(--border-radius-lg);
-    height: 483px;
-    color: var(--color-text-primary-inverted);
+    aspect-ratio: 389 / 483;
+    color: var(--primary-inverted);
     text-decoration: none;
 }
 
+.highlightCard[data-scheme='dark'] {
+    --primary-inverted: var(--color-text-primary);
+    --secondary-inverted: var(--color-text-secondary);
+}
+
 .eyebrow {
     width: 100%;
-    color: var(--color-text-secondary-inverted);
+    color: var(--secondary-inverted);
     align-self: flex-start;
 }
 
+.title {
+    color: var(--primary-inverted);
+}
+
+.description {
+    color: var(--secondary-inverted);
+}
+
 .bottomContainer {
     display: flex;
     flex-direction: column;
@@ -43,7 +59,6 @@
 
 @media (width <= 1200px) {
     .highlightCard {
-        height: 477px;
         padding: 24px;
     }
 
@@ -55,7 +70,6 @@
 
 @media (width <= 768px) {
     .highlightCard {
-        height: 415.5px;
         padding: 24px;
     }
 

package/dist/components/TypeBadge/typeBadge.module.css

@@ -36,7 +36,7 @@
 }
 
 .typeBadge[data-type='hormone'] {
-    background-color: var(--color-lilac-300);
+    background-color: var(--color-bg-fill-brand-lilac);
 }
 
 .badgeIcon {

package/dist/modules/Citation/Citation.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("../../src/modules/Citation/citation.module.css"),i=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Typography/Typography.cjs.js");function l({orderPadding:r,items:n,className:c}){const e=isNaN(Number(r))?0:r;return!n||n.length===0?null:t.jsx("section",{className:i.cn(a.root,c),children:n==null?void 0:n.map((o,s)=>t.jsxs(u.Typography,{as:"p",className:a.text,defaultVariant:"bodySm",mobileVariant:"bodyXs",children:[t.jsx("sup",{children:e?e+s:s+1})," ",o.item]},o.id))})}exports.Citation=l;

package/dist/modules/Citation/Citation.d.ts

@@ -0,0 +1,9 @@
+export type CitationProps = {
+    orderPadding?: number;
+    items?: Array<{
+        id: string | number;
+        item: string;
+    }>;
+    className?: string;
+};
+export declare function Citation({ orderPadding, items, className }: CitationProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/Citation/Citation.es.js

@@ -0,0 +1,15 @@
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
+import p from "../../modules/Citation/citation.module.css";
+import { cn as i } from "../../utils/cn/cn.es.js";
+import { Typography as e } from "../../components/Typography/Typography.es.js";
+function y({ orderPadding: o, items: r, className: s }) {
+  const t = isNaN(Number(o)) ? 0 : o;
+  return !r || r.length === 0 ? null : /* @__PURE__ */ l("section", { className: i(p.root, s), children: r == null ? void 0 : r.map((a, n) => /* @__PURE__ */ c(e, { as: "p", className: p.text, defaultVariant: "bodySm", mobileVariant: "bodyXs", children: [
+    /* @__PURE__ */ l("sup", { children: t ? t + n : n + 1 }),
+    " ",
+    a.item
+  ] }, a.id)) });
+}
+export {
+  y as Citation
+};

package/dist/modules/Citation/citation.module.css

@@ -0,0 +1,23 @@
+.root {
+    width: 100%;
+    padding: 16px 120px 48px 120px;
+    max-width: var(--content-max-width);
+    margin: 0 auto;
+}
+
+.text {
+    width: 100%;
+    color: var(--color-text-secondary);
+}
+
+.text sup {
+    font-size: 0.8em;
+    vertical-align: super;
+    line-height: 1;
+}
+
+@media (width <= 768px) {
+    .text {
+        padding: 24px;
+    }
+}

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

@@ -0,0 +1,2 @@
+export { Citation } from './Citation';
+export type { CitationProps } from './Citation';

package/dist/modules/Highlight/Highlight.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("swiper/modules"),o=require("swiper/react"),_=require("../../utils/useSwiper/useSwiper.cjs.js"),s=require("../../src/modules/Highlight/highlight.module.css");;/* empty css                                        */;/* empty css                                                    */const c=require("../../components/Typography/Typography.cjs.js"),d=require("../../components/HighlightCard/HighlightCard.cjs.js"),q=require("../../components/ProgressButton/ProgressButton.cjs.js"),P=[v.Navigation],k=({title:r,subtitle:t,highlightCards:n})=>{const h=_.useSwiper(),a=n.length===3,g=n.length>3,{isEnd:p,isBeginning:m,hideNav:u,handleSlideChange:w,handlePrevClick:x,handleNextClick:y,onSwiperInit:j,handleSwiperResize:S,handleReachEnd:N,handleReachBeginning:b}=h;return e.jsx("section",{className:s.root,children:e.jsxs("div",{className:s.container,children:[(r||t)&&e.jsxs("div",{className:s.textContent,children:[r&&e.jsx(c.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingLg",className:s.title,children:r}),t&&e.jsx(c.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:s.subtitle,children:t})]}),a&&e.jsx("div",{className:s.cardGrid,children:n.map((i,l)=>e.jsx("div",{className:s.cardGridItem,children:e.jsx(d.HighlightCard,{image:i.image,eyebrow:i.eyebrow,title:i.title,description:i.description,link:i.link})},`${i.title}_${l}`))}),!a&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.carouselArea,children:e.jsx(o.Swiper,{onSwiper:j,onResize:S,onSlideChange:w,onReachEnd:N,onReachBeginning:b,modules:P,spaceBetween:16,slidesPerView:3,breakpoints:{0:{slidesPerView:1},769:{slidesPerView:2},1201:{slidesPerView:3}},className:s.swiper,children:n.map((i,l)=>e.jsx(o.SwiperSlide,{className:s.swiperSlide,children:e.jsx(d.HighlightCard,{image:i.image,eyebrow:i.eyebrow,title:i.title,description:i.description,link:i.link})},`${i.title}_${l}`))})}),g&&!u&&e.jsx("div",{className:s.navigation,children:e.jsx(q.ProgressButton,{left:{disabled:m,onClick:x},right:{disabled:p,onClick:y}})})]})]})})};exports.Highlight=k;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("swiper/modules"),a=require("swiper/react"),_=require("../../utils/useSwiper/useSwiper.cjs.js"),s=require("../../src/modules/Highlight/highlight.module.css");;/* empty css                                        */;/* empty css                                                    */const c=require("../../components/Typography/Typography.cjs.js"),d=require("../../components/HighlightCard/HighlightCard.cjs.js"),q=require("../../components/ProgressButton/ProgressButton.cjs.js"),P=[v.Navigation],k=({title:r,subtitle:t,highlightCards:n})=>{const h=_.useSwiper(),o=n.length===3,g=n.length>3,{isEnd:p,isBeginning:m,hideNav:u,handleSlideChange:w,handlePrevClick:S,handleNextClick:x,onSwiperInit:y,handleSwiperResize:j,handleReachEnd:N,handleReachBeginning:b}=h;return e.jsx("section",{className:s.root,children:e.jsxs("div",{className:s.container,children:[(r||t)&&e.jsxs("div",{className:s.textContent,children:[r&&e.jsx(c.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingLg",className:s.title,children:r}),t&&e.jsx(c.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:s.subtitle,children:t})]}),o&&e.jsx("div",{className:s.cardGrid,children:n.map((i,l)=>e.jsx("div",{className:s.cardGridItem,children:e.jsx(d.HighlightCard,{image:i.image,eyebrow:i.eyebrow,title:i.title,description:i.description,link:i.link,colorScheme:i.colorScheme})},`${i.title}_${l}`))}),!o&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.carouselArea,children:e.jsx(a.Swiper,{onSwiper:y,onResize:j,onSlideChange:w,onReachEnd:N,onReachBeginning:b,modules:P,spaceBetween:16,slidesPerView:3,breakpoints:{0:{slidesPerView:1},769:{slidesPerView:2},1201:{slidesPerView:3}},className:s.swiper,children:n.map((i,l)=>e.jsx(a.SwiperSlide,{className:s.swiperSlide,children:e.jsx(d.HighlightCard,{image:i.image,eyebrow:i.eyebrow,title:i.title,description:i.description,link:i.link,colorScheme:i.colorScheme})},`${i.title}_${l}`))})}),g&&!u&&e.jsx("div",{className:s.navigation,children:e.jsx(q.ProgressButton,{left:{disabled:m,onClick:S},right:{disabled:p,onClick:x}})})]})]})})};exports.Highlight=k;

package/dist/modules/Highlight/Highlight.es.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsx as i, jsxs as o, Fragment as V } from "react/jsx-runtime";
+import { jsx as i, jsxs as t, Fragment as V } from "react/jsx-runtime";
 import { Navigation as u } from "swiper/modules";
 import { Swiper as P, SwiperSlide as R } from "swiper/react";
 import { useSwiper as x } from "../../utils/useSwiper/useSwiper.es.js";
 import n from "../../modules/Highlight/highlight.module.css";
 /* empty css                                      */
 /* empty css                                                  */
-import { Typography as d } from "../../components/Typography/Typography.es.js";
+import { Typography as c } from "../../components/Typography/Typography.es.js";
 import { HighlightCard as m } from "../../components/HighlightCard/HighlightCard.es.js";
 import { ProgressButton as E } from "../../components/ProgressButton/ProgressButton.es.js";
-const B = [u], T = ({ title: l, subtitle: r, highlightCards: s }) => {
-  const c = x(), t = s.length === 3, p = s.length > 3, {
-    isEnd: h,
+const B = [u], T = ({ title: l, subtitle: r, highlightCards: o }) => {
+  const d = x(), a = o.length === 3, h = o.length > 3, {
+    isEnd: p,
     isBeginning: g,
     hideNav: w,
-    handleSlideChange: N,
-    handlePrevClick: S,
+    handleSlideChange: S,
+    handlePrevClick: N,
     handleNextClick: f,
     onSwiperInit: v,
     handleSwiperResize: y,
     handleReachEnd: b,
     handleReachBeginning: k
-  } = c;
-  return /* @__PURE__ */ i("section", { className: n.root, children: /* @__PURE__ */ o("div", { className: n.container, children: [
-    (l || r) && /* @__PURE__ */ o("div", { className: n.textContent, children: [
+  } = d;
+  return /* @__PURE__ */ i("section", { className: n.root, children: /* @__PURE__ */ t("div", { className: n.container, children: [
+    (l || r) && /* @__PURE__ */ t("div", { className: n.textContent, children: [
       l && /* @__PURE__ */ i(
-        d,
+        c,
         {
           as: "h2",
           defaultVariant: "displayMd",
@@ -35,7 +35,7 @@ const B = [u], T = ({ title: l, subtitle: r, highlightCards: s }) => {
         }
       ),
       r && /* @__PURE__ */ i(
-        d,
+        c,
         {
           as: "p",
           defaultVariant: "bodyLg",
@@ -45,23 +45,24 @@ const B = [u], T = ({ title: l, subtitle: r, highlightCards: s }) => {
         }
       )
     ] }),
-    t && /* @__PURE__ */ i("div", { className: n.cardGrid, children: s.map((e, a) => /* @__PURE__ */ i("div", { className: n.cardGridItem, children: /* @__PURE__ */ i(
+    a && /* @__PURE__ */ i("div", { className: n.cardGrid, children: o.map((e, s) => /* @__PURE__ */ i("div", { className: n.cardGridItem, children: /* @__PURE__ */ i(
       m,
       {
         image: e.image,
         eyebrow: e.eyebrow,
         title: e.title,
         description: e.description,
-        link: e.link
+        link: e.link,
+        colorScheme: e.colorScheme
       }
-    ) }, `${e.title}_${a}`)) }),
-    !t && /* @__PURE__ */ o(V, { children: [
+    ) }, `${e.title}_${s}`)) }),
+    !a && /* @__PURE__ */ t(V, { children: [
       /* @__PURE__ */ i("div", { className: n.carouselArea, children: /* @__PURE__ */ i(
         P,
         {
           onSwiper: v,
           onResize: y,
-          onSlideChange: N,
+          onSlideChange: S,
           onReachEnd: b,
           onReachBeginning: k,
           modules: B,
@@ -79,27 +80,28 @@ const B = [u], T = ({ title: l, subtitle: r, highlightCards: s }) => {
             }
           },
           className: n.swiper,
-          children: s.map((e, a) => /* @__PURE__ */ i(R, { className: n.swiperSlide, children: /* @__PURE__ */ i(
+          children: o.map((e, s) => /* @__PURE__ */ i(R, { className: n.swiperSlide, children: /* @__PURE__ */ i(
             m,
             {
               image: e.image,
               eyebrow: e.eyebrow,
               title: e.title,
               description: e.description,
-              link: e.link
+              link: e.link,
+              colorScheme: e.colorScheme
             }
-          ) }, `${e.title}_${a}`))
+          ) }, `${e.title}_${s}`))
         }
       ) }),
-      p && !w && /* @__PURE__ */ i("div", { className: n.navigation, children: /* @__PURE__ */ i(
+      h && !w && /* @__PURE__ */ i("div", { className: n.navigation, children: /* @__PURE__ */ i(
         E,
         {
           left: {
             disabled: g,
-            onClick: S
+            onClick: N
           },
           right: {
-            disabled: h,
+            disabled: p,
             onClick: f
           }
         }

package/dist/modules/Highlight/highlight.module.css

@@ -74,16 +74,17 @@
     width: 100%;
 }
 
+@media (min-width: 900px) and (max-width: 1200px) {
+    .cardGridItem {
+        max-width: 290px;
+        width: 100%;
+    }
+}
 @media (min-width: 769px) and (max-width: 1200px) {
     .cardGrid {
         max-width: 100%;
     }
 
-    .cardGridItem {
-        max-width: 335px;
-        width: 100%;
-    }
-
     .title {
         font-size: 56px;
         letter-spacing: -2.24px;
@@ -99,7 +100,7 @@
     }
 }
 
-@media (max-width: 979px) {
+@media (max-width: 900px) {
     .cardGrid {
         flex-direction: column;
         align-items: center;
@@ -109,6 +110,7 @@
 @media (max-width: 768px) {
     .cardGridItem {
         max-width: 335px;
+        min-width: 250px;
         width: 100%;
     }
     .container {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.2.27",
+    "version": "0.2.29",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -346,6 +346,11 @@
             "import": "./dist/modules/CircleHighlights/CircleHighlights.es.js",
             "require": "./dist/modules/CircleHighlights/CircleHighlights.cjs.js"
         },
+        "./Citation": {
+            "types": "./dist/modules/Citation/Citation.d.ts",
+            "import": "./dist/modules/Citation/Citation.es.js",
+            "require": "./dist/modules/Citation/Citation.cjs.js"
+        },
         "./FeaturedIn": {
             "types": "./dist/modules/FeaturedIn/FeaturedIn.d.ts",
             "import": "./dist/modules/FeaturedIn/FeaturedIn.es.js",