@zenpatient-org/healthspan-marketing-ui 0.2.34 → 0.2.36

package/dist/components/ClaimBlock/ClaimBlock.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../../src/components/ClaimBlock/claimBlock.module.css"),i=require("../Typography/Typography.cjs.js");function o({value:n,subtitle:t,description:s,valuePrefix:l,valueSuffix:r}){return a.jsxs("div",{className:e.claimBlock,children:[a.jsxs("div",{className:e.valueContainer,children:[l&&a.jsx(i.Typography,{className:e.valuePrefix,as:"h3",defaultVariant:"headingSm",mobileVariant:"headingSm",children:l}),a.jsx(i.Typography,{className:e.value,as:"h3",defaultVariant:"displayXs",mobileVariant:"displayXs",children:n}),r&&a.jsx(i.Typography,{className:e.valueSuffix,as:"h3",defaultVariant:"headingSm",mobileVariant:"headingSm",children:r})]}),a.jsx(i.Typography,{className:e.subtitle,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:t}),s&&a.jsx(i.Typography,{className:e.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:s})]})}exports.ClaimBlock=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../../src/components/ClaimBlock/claimBlock.module.css"),s=require("../Typography/Typography.cjs.js"),o=require("../Superscript/Superscript.cjs.js");function m({value:c,subtitle:d,subtitleSuperscript:i,description:r,descriptionSuperscript:l,valuePrefix:n,valueSuffix:t}){return a.jsxs("div",{className:e.claimBlock,children:[a.jsxs("div",{className:e.valueContainer,children:[n&&a.jsx(s.Typography,{className:e.valuePrefix,as:"h3",defaultVariant:"headingSm",mobileVariant:"headingSm",children:n}),a.jsx(s.Typography,{className:e.value,as:"h3",defaultVariant:"displayXs",mobileVariant:"displayXs",children:c}),t&&a.jsx(s.Typography,{className:e.valueSuffix,as:"h3",defaultVariant:"headingSm",mobileVariant:"headingSm",children:t})]}),a.jsxs(s.Typography,{className:e.subtitle,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:[d,i&&a.jsx(o.Superscript,{value:i})]}),r&&a.jsxs(s.Typography,{className:e.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:[r,l&&a.jsx(o.Superscript,{value:l})]})]})}exports.ClaimBlock=m;

package/dist/components/ClaimBlock/ClaimBlock.d.ts

@@ -5,6 +5,8 @@ export type ClaimBlockProps = {
     valuePrefix?: string;
     valueSuffix?: string;
     subtitle: string;
+    subtitleSuperscript?: string;
     description?: string;
+    descriptionSuperscript?: string;
 };
-export declare function ClaimBlock({ value, subtitle, description, valuePrefix, valueSuffix }: ClaimBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClaimBlock({ value, subtitle, subtitleSuperscript, description, descriptionSuperscript, valuePrefix, valueSuffix, }: ClaimBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ClaimBlock/ClaimBlock.es.js

@@ -1,35 +1,50 @@
-import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
 import a from "../../components/ClaimBlock/claimBlock.module.css";
-import { Typography as e } from "../Typography/Typography.es.js";
-function h({ value: m, subtitle: n, description: l, valuePrefix: s, valueSuffix: r }) {
-  return /* @__PURE__ */ d("div", { className: a.claimBlock, children: [
-    /* @__PURE__ */ d("div", { className: a.valueContainer, children: [
-      s && /* @__PURE__ */ i(
-        e,
+import { Typography as l } from "../Typography/Typography.es.js";
+import { Superscript as o } from "../Superscript/Superscript.es.js";
+function b({
+  value: t,
+  subtitle: c,
+  subtitleSuperscript: m,
+  description: r,
+  descriptionSuperscript: s,
+  valuePrefix: d,
+  valueSuffix: n
+}) {
+  return /* @__PURE__ */ e("div", { className: a.claimBlock, children: [
+    /* @__PURE__ */ e("div", { className: a.valueContainer, children: [
+      d && /* @__PURE__ */ i(
+        l,
         {
           className: a.valuePrefix,
           as: "h3",
           defaultVariant: "headingSm",
           mobileVariant: "headingSm",
-          children: s
+          children: d
         }
       ),
-      /* @__PURE__ */ i(e, { className: a.value, as: "h3", defaultVariant: "displayXs", mobileVariant: "displayXs", children: m }),
-      r && /* @__PURE__ */ i(
-        e,
+      /* @__PURE__ */ i(l, { className: a.value, as: "h3", defaultVariant: "displayXs", mobileVariant: "displayXs", children: t }),
+      n && /* @__PURE__ */ i(
+        l,
         {
           className: a.valueSuffix,
           as: "h3",
           defaultVariant: "headingSm",
           mobileVariant: "headingSm",
-          children: r
+          children: n
         }
       )
     ] }),
-    /* @__PURE__ */ i(e, { className: a.subtitle, as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", children: n }),
-    l && /* @__PURE__ */ i(e, { className: a.description, as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", children: l })
+    /* @__PURE__ */ e(l, { className: a.subtitle, as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", children: [
+      c,
+      m && /* @__PURE__ */ i(o, { value: m })
+    ] }),
+    r && /* @__PURE__ */ e(l, { className: a.description, as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", children: [
+      r,
+      s && /* @__PURE__ */ i(o, { value: s })
+    ] })
   ] });
 }
 export {
-  h as ClaimBlock
+  b as ClaimBlock
 };

package/dist/components/ClaimBlock/claimBlock.module.css

@@ -15,20 +15,6 @@
     height: 100%;
 }
 
-.value sup,
-.value sub {
-    position: relative;
-    font-size: var(--font-size-heading-sm);
-    line-height: var(--line-height-sm);
-    letter-spacing: var(--letter-spacing-negative-sm);
-    vertical-align: super;
-    margin-left: 2px;
-}
-
-.value sub {
-    vertical-align: baseline;
-}
-
 .valuePrefix {
     width: 20px;
 }

package/dist/components/PlainFeaturesGroup/PlainFeaturesGroup.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./assets/VectorLogo.svg.cjs.js"),s=require("../../src/components/PlainFeaturesGroup/plainFeaturesGroup.module.css"),c=require("../Icon/Icon.cjs.js"),t=require("../Typography/Typography.cjs.js"),u=({items:a})=>e.jsxs("div",{className:s.container,children:[e.jsx("div",{className:s.plainFeaturesGroup,children:a&&a.map((r,o)=>e.jsxs("div",{className:s.feature,children:[r.icon&&e.jsx(c.Icon,{name:r.icon,className:s.featureIcon}),e.jsx(t.Typography,{className:s.featureText,defaultVariant:"bodyXs",children:r.text})]},o))}),e.jsx(n.default,{className:s.logo})]});exports.PlainFeaturesGroup=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./assets/VectorLogo.svg.cjs.js"),s=require("../../src/components/PlainFeaturesGroup/plainFeaturesGroup.module.css"),n=require("../Icon/Icon.cjs.js"),t=require("../Typography/Typography.cjs.js"),u=require("../Superscript/Superscript.cjs.js"),p=({items:o})=>e.jsxs("div",{className:s.container,children:[e.jsx("div",{className:s.plainFeaturesGroup,children:o&&o.map((r,c)=>e.jsxs("div",{className:s.feature,children:[r.icon&&e.jsx(n.Icon,{name:r.icon,className:s.featureIcon}),e.jsxs(t.Typography,{className:s.featureText,defaultVariant:"bodyXs",children:[r.text,r.superscript&&!isNaN(r.superscript)&&e.jsx(u.Superscript,{value:r.superscript.toString()})]})]},c))}),e.jsx(a.default,{className:s.logo})]});exports.PlainFeaturesGroup=p;

package/dist/components/PlainFeaturesGroup/PlainFeaturesGroup.d.ts

@@ -1,10 +1,11 @@
-import { EIconName } from '../Icon';
 import { TPlainFeaturesGroupView } from '../../modules/IndividualProductCardV2/types';
+import { EIconName } from '../Icon';
 
 export type TPlainFeaturesGroupProps = {
     items: Array<{
         icon: EIconName;
         text: string;
+        superscript?: number;
         href?: string;
     }>;
 };

package/dist/components/PlainFeaturesGroup/PlainFeaturesGroup.es.js

@@ -1,15 +1,19 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import c from "./assets/VectorLogo.svg.es.js";
-import r from "../../components/PlainFeaturesGroup/plainFeaturesGroup.module.css";
-import { Icon as n } from "../Icon/Icon.es.js";
+import o from "../../components/PlainFeaturesGroup/plainFeaturesGroup.module.css";
+import { Icon as p } from "../Icon/Icon.es.js";
 import { Typography as i } from "../Typography/Typography.es.js";
-const u = ({ items: o }) => /* @__PURE__ */ s("div", { className: r.container, children: [
-  /* @__PURE__ */ a("div", { className: r.plainFeaturesGroup, children: o && o.map((e, t) => /* @__PURE__ */ s("div", { className: r.feature, children: [
-    e.icon && /* @__PURE__ */ a(n, { name: e.icon, className: r.featureIcon }),
-    /* @__PURE__ */ a(i, { className: r.featureText, defaultVariant: "bodyXs", children: e.text })
+import { Superscript as n } from "../Superscript/Superscript.es.js";
+const g = ({ items: s }) => /* @__PURE__ */ e("div", { className: o.container, children: [
+  /* @__PURE__ */ a("div", { className: o.plainFeaturesGroup, children: s && s.map((r, t) => /* @__PURE__ */ e("div", { className: o.feature, children: [
+    r.icon && /* @__PURE__ */ a(p, { name: r.icon, className: o.featureIcon }),
+    /* @__PURE__ */ e(i, { className: o.featureText, defaultVariant: "bodyXs", children: [
+      r.text,
+      r.superscript && !isNaN(r.superscript) && /* @__PURE__ */ a(n, { value: r.superscript.toString() })
+    ] })
   ] }, t)) }),
-  /* @__PURE__ */ a(c, { className: r.logo })
+  /* @__PURE__ */ a(c, { className: o.logo })
 ] });
 export {
-  u as PlainFeaturesGroup
+  g as PlainFeaturesGroup
 };

package/dist/components/Superscript/Superscript.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("../../utils/cn/cn.cjs.js"),c=require("../../src/components/Superscript/superscript.module.css");function u({className:e,value:r}){return s.jsx("sup",{className:t.cn(c.superscript,e),children:r})}exports.Superscript=u;

package/dist/components/Superscript/Superscript.d.ts

@@ -0,0 +1,4 @@
+export declare function Superscript({ className, value }: {
+    className?: string;
+    value: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Superscript/Superscript.es.js

@@ -0,0 +1,9 @@
+import { jsx as s } from "react/jsx-runtime";
+import { cn as t } from "../../utils/cn/cn.es.js";
+import o from "../../components/Superscript/superscript.module.css";
+function c({ className: r, value: p }) {
+  return /* @__PURE__ */ s("sup", { className: t(o.superscript, r), children: p });
+}
+export {
+  c as Superscript
+};

package/dist/components/Superscript/index.d.ts

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

package/dist/components/Superscript/superscript.module.css

@@ -0,0 +1,5 @@
+.superscript {
+  font-size: 0.7em;
+  vertical-align: super;
+  margin-left: 2px;
+}

package/dist/modules/Claims/Claims.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../src/modules/Claims/claims.module.css"),l=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js"),o=require("../../components/ClaimBlock/ClaimBlock.cjs.js");function u({text:n,button:a,claimBlocks:r}){return e.jsx("section",{className:s.root,children:e.jsxs("div",{className:s.content,children:[(n||a)&&e.jsxs("div",{className:s.container,children:[n?e.jsx(l.Typography,{className:s.text,as:"h2",defaultVariant:"preambleLg",mobileVariant:"preambleSm",children:n}):e.jsx("div",{}),a&&e.jsx("div",{className:s.buttonContainer,children:e.jsx(c.Button,{as:"a",href:a.link,variant:"muted",size:"lg",children:a.text})})]}),e.jsx("div",{className:s.claimContainer,children:r.slice(0,4).map((i,t)=>e.jsx("div",{className:s.claimBlock,children:e.jsx(o.ClaimBlock,{value:i.value,subtitle:i.subtitle,description:i.description,valuePrefix:i.valuePrefix,valueSuffix:i.valueSuffix})},t))})]})})}exports.Claims=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../src/modules/Claims/claims.module.css"),l=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/Button/Button.cjs.js"),o=require("../../components/ClaimBlock/ClaimBlock.cjs.js");function u({text:t,button:r,claimBlocks:n}){return e.jsx("section",{className:i.root,children:e.jsxs("div",{className:i.content,children:[(t||r)&&e.jsxs("div",{className:i.container,children:[t?e.jsx(l.Typography,{className:i.text,as:"h2",defaultVariant:"preambleLg",mobileVariant:"preambleSm",children:t}):e.jsx("div",{}),r&&e.jsx("div",{className:i.buttonContainer,children:e.jsx(c.Button,{as:"a",href:r.link,variant:"muted",size:"lg",children:r.text})})]}),e.jsx("div",{className:i.claimContainer,children:n.slice(0,4).map((s,a)=>e.jsx("div",{className:i.claimBlock,children:e.jsx(o.ClaimBlock,{value:s.value,subtitle:s.subtitle,subtitleSuperscript:s.subtitleSuperscript,description:s.description,descriptionSuperscript:s.descriptionSuperscript,valuePrefix:s.valuePrefix,valueSuffix:s.valueSuffix})},a))})]})})}exports.Claims=u;

package/dist/modules/Claims/Claims.es.js

@@ -1,33 +1,35 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import i from "../../modules/Claims/claims.module.css";
-import { Typography as m } from "../../components/Typography/Typography.es.js";
-import { Button as o } from "../../components/Button/Button.es.js";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import r from "../../modules/Claims/claims.module.css";
+import { Typography as p } from "../../components/Typography/Typography.es.js";
+import { Button as m } from "../../components/Button/Button.es.js";
 import { ClaimBlock as c } from "../../components/ClaimBlock/ClaimBlock.es.js";
-function h({ text: l, button: r, claimBlocks: n }) {
-  return /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ s("div", { className: i.content, children: [
-    (l || r) && /* @__PURE__ */ s("div", { className: i.container, children: [
-      l ? /* @__PURE__ */ e(
-        m,
+function h({ text: a, button: s, claimBlocks: l }) {
+  return /* @__PURE__ */ e("section", { className: r.root, children: /* @__PURE__ */ t("div", { className: r.content, children: [
+    (a || s) && /* @__PURE__ */ t("div", { className: r.container, children: [
+      a ? /* @__PURE__ */ e(
+        p,
         {
-          className: i.text,
+          className: r.text,
           as: "h2",
           defaultVariant: "preambleLg",
           mobileVariant: "preambleSm",
-          children: l
+          children: a
         }
       ) : /* @__PURE__ */ e("div", {}),
-      r && /* @__PURE__ */ e("div", { className: i.buttonContainer, children: /* @__PURE__ */ e(o, { as: "a", href: r.link, variant: "muted", size: "lg", children: r.text }) })
+      s && /* @__PURE__ */ e("div", { className: r.buttonContainer, children: /* @__PURE__ */ e(m, { as: "a", href: s.link, variant: "muted", size: "lg", children: s.text }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: i.claimContainer, children: n.slice(0, 4).map((a, t) => /* @__PURE__ */ e("div", { className: i.claimBlock, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: r.claimContainer, children: l.slice(0, 4).map((i, n) => /* @__PURE__ */ e("div", { className: r.claimBlock, children: /* @__PURE__ */ e(
       c,
       {
-        value: a.value,
-        subtitle: a.subtitle,
-        description: a.description,
-        valuePrefix: a.valuePrefix,
-        valueSuffix: a.valueSuffix
+        value: i.value,
+        subtitle: i.subtitle,
+        subtitleSuperscript: i.subtitleSuperscript,
+        description: i.description,
+        descriptionSuperscript: i.descriptionSuperscript,
+        valuePrefix: i.valuePrefix,
+        valueSuffix: i.valueSuffix
       }
-    ) }, t)) })
+    ) }, n)) })
   ] }) });
 }
 export {

package/dist/modules/IndividualProductCard/components/Features/Features.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),y=require("../../../../utils/cn/cn.cjs.js"),c=require("../../../../src/modules/IndividualProductCard/components/Features/features.module.css"),b=require("../../../../components/TypeBadge/TypeBadge.cjs.js"),i=require("../../../../components/Typography/Typography.cjs.js"),g=require("../../../../components/IconBracket/IconBracket.cjs.js"),m=({features:p})=>{const[n,u]=l.useState([]),d=l.useCallback(e=>{u(s=>s.includes(e)?s.filter(r=>r!==e):[...s,e])},[]);return t.jsx("div",{className:c.root,children:p.map((e,s)=>{const r=e.description&&e.collapsible,a=!!e.description,o=t.jsxs("div",{className:c.labelWrapper,children:[t.jsx(b.TypeBadge,{type:e.type},s),t.jsx(i.Typography,{className:c.label,as:"span",defaultVariant:a?"bodySm":"bodyMd",mobileVariant:a?"labelMd":"bodySm",weight:"regular",children:e.label})]});return t.jsxs("div",{className:c.feature,children:[r?t.jsxs("button",{className:c.header,onClick:()=>d(s),children:[o,t.jsx(g.IconBracket,{variant:n.includes(s)?"close":"plus",size:"sm"})]}):o,a&&t.jsx(i.Typography,{as:"p",defaultVariant:"bodyXs",className:y.cn(c.description,{[c.descriptionActive]:n.includes(s)||!r}),weight:"regular",children:e.description})]},`${e.label}-${s}`)})})};exports.Features=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),y=require("../../../../utils/cn/cn.cjs.js"),t=require("../../../../src/modules/IndividualProductCard/components/Features/features.module.css"),g=require("../../../../components/TypeBadge/TypeBadge.cjs.js"),a=require("../../../../components/Typography/Typography.cjs.js"),p=require("../../../../components/Superscript/Superscript.cjs.js"),m=require("../../../../components/IconBracket/IconBracket.cjs.js"),S=({features:u})=>{const[n,d]=l.useState([]),b=l.useCallback(e=>{d(r=>r.includes(e)?r.filter(c=>c!==e):[...r,e])},[]);return s.jsx("div",{className:t.root,children:u.map((e,r)=>{const c=e.description&&e.collapsible,i=!!e.description,o=s.jsxs("div",{className:t.labelWrapper,children:[s.jsx(g.TypeBadge,{type:e.type},r),s.jsxs(a.Typography,{className:t.label,as:"h4",defaultVariant:i?"bodySm":"bodyMd",mobileVariant:i?"labelMd":"bodySm",weight:"regular",children:[e.label,e.labelSuperscript&&!isNaN(e.labelSuperscript)&&s.jsx(p.Superscript,{value:e.labelSuperscript.toString()})]})]});return s.jsxs("div",{className:t.feature,children:[c?s.jsxs("button",{className:t.header,onClick:()=>b(r),children:[o,s.jsx(m.IconBracket,{variant:n.includes(r)?"close":"plus",size:"sm"})]}):o,i&&s.jsxs(a.Typography,{as:"p",defaultVariant:"bodyXs",className:y.cn(t.description,{[t.descriptionActive]:n.includes(r)||!c}),weight:"regular",children:[e.description,e.descriptionSuperscript&&!isNaN(e.descriptionSuperscript)&&s.jsx(p.Superscript,{value:e.descriptionSuperscript.toString()})]})]},`${e.label}-${r}`)})})};exports.Features=S;

package/dist/modules/IndividualProductCard/components/Features/Features.es.js

@@ -1,50 +1,57 @@
 "use client";
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { useState as b, useCallback as u } from "react";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useState as u, useCallback as g } from "react";
 import { cn as h } from "../../../../utils/cn/cn.es.js";
-import l from "../../../../modules/IndividualProductCard/components/Features/features.module.css";
-import { TypeBadge as g } from "../../../../components/TypeBadge/TypeBadge.es.js";
-import { Typography as n } from "../../../../components/Typography/Typography.es.js";
+import r from "../../../../modules/IndividualProductCard/components/Features/features.module.css";
+import { TypeBadge as S } from "../../../../components/TypeBadge/TypeBadge.es.js";
+import { Typography as a } from "../../../../components/Typography/Typography.es.js";
+import { Superscript as n } from "../../../../components/Superscript/Superscript.es.js";
 import { IconBracket as y } from "../../../../components/IconBracket/IconBracket.es.js";
-const T = ({ features: p }) => {
-  const [i, m] = b([]), d = u((e) => {
-    m((s) => s.includes(e) ? s.filter((t) => t !== e) : [...s, e]);
+const w = ({ features: m }) => {
+  const [c, d] = u([]), b = g((s) => {
+    d((i) => i.includes(s) ? i.filter((t) => t !== s) : [...i, s]);
   }, []);
-  return /* @__PURE__ */ r("div", { className: l.root, children: p.map((e, s) => {
-    const t = e.description && e.collapsible, o = !!e.description, c = /* @__PURE__ */ a("div", { className: l.labelWrapper, children: [
-      /* @__PURE__ */ r(g, { type: e.type }, s),
-      /* @__PURE__ */ r(
-        n,
+  return /* @__PURE__ */ e("div", { className: r.root, children: m.map((s, i) => {
+    const t = s.description && s.collapsible, o = !!s.description, p = /* @__PURE__ */ l("div", { className: r.labelWrapper, children: [
+      /* @__PURE__ */ e(S, { type: s.type }, i),
+      /* @__PURE__ */ l(
+        a,
         {
-          className: l.label,
-          as: "span",
+          className: r.label,
+          as: "h4",
           defaultVariant: o ? "bodySm" : "bodyMd",
           mobileVariant: o ? "labelMd" : "bodySm",
           weight: "regular",
-          children: e.label
+          children: [
+            s.label,
+            s.labelSuperscript && !isNaN(s.labelSuperscript) && /* @__PURE__ */ e(n, { value: s.labelSuperscript.toString() })
+          ]
         }
       )
     ] });
-    return /* @__PURE__ */ a("div", { className: l.feature, children: [
-      t ? /* @__PURE__ */ a("button", { className: l.header, onClick: () => d(s), children: [
-        c,
-        /* @__PURE__ */ r(y, { variant: i.includes(s) ? "close" : "plus", size: "sm" })
-      ] }) : c,
-      o && /* @__PURE__ */ r(
-        n,
+    return /* @__PURE__ */ l("div", { className: r.feature, children: [
+      t ? /* @__PURE__ */ l("button", { className: r.header, onClick: () => b(i), children: [
+        p,
+        /* @__PURE__ */ e(y, { variant: c.includes(i) ? "close" : "plus", size: "sm" })
+      ] }) : p,
+      o && /* @__PURE__ */ l(
+        a,
         {
           as: "p",
           defaultVariant: "bodyXs",
-          className: h(l.description, {
-            [l.descriptionActive]: i.includes(s) || !t
+          className: h(r.description, {
+            [r.descriptionActive]: c.includes(i) || !t
           }),
           weight: "regular",
-          children: e.description
+          children: [
+            s.description,
+            s.descriptionSuperscript && !isNaN(s.descriptionSuperscript) && /* @__PURE__ */ e(n, { value: s.descriptionSuperscript.toString() })
+          ]
         }
       )
-    ] }, `${e.label}-${s}`);
+    ] }, `${s.label}-${i}`);
   }) });
 };
 export {
-  T as Features
+  w as Features
 };

package/dist/modules/IndividualProductCard/individualProductCard.module.css

@@ -11,7 +11,7 @@
     padding: 64px 120px;
     display: grid;
     grid-template-columns: 1fr 1fr;
-    grid-template-areas: 
+    grid-template-areas:
         "gallery info"
         "gallery plans";
     column-gap: 64px;
@@ -19,7 +19,7 @@
 }
 
 .container.noPlans {
-    grid-template-columns: 300px 1fr;
+    grid-template-columns: 1fr 1fr;
     grid-template-areas: "gallery info";
     column-gap: 120px;
 }

package/dist/modules/IndividualProductCard/types.d.ts

@@ -3,8 +3,10 @@ import { LabelColor } from '../../components/Label';
 
 export type TProductFeature = {
     label: string;
+    labelSuperscript?: number;
     type: ETypeBadge;
     description?: string;
+    descriptionSuperscript?: number;
     collapsible?: boolean;
 };
 export type TProductPlan = {

package/dist/modules/IndividualProductCardV2/types.d.ts

@@ -28,6 +28,7 @@ export type TPriceDisplayComponentView = {
 };
 export type TInternalPlainFeatureItemView = {
     text: string;
+    superscript?: number;
     icon: EIconName;
     href?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.2.34",
+    "version": "0.2.36",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -171,6 +171,11 @@
             "import": "./dist/components/StudyGridCard/StudyGridCard.es.js",
             "require": "./dist/components/StudyGridCard/StudyGridCard.cjs.js"
         },
+        "./Superscript": {
+            "types": "./dist/components/Superscript/index.d.ts",
+            "import": "./dist/components/Superscript/Superscript.es.js",
+            "require": "./dist/components/Superscript/Superscript.cjs.js"
+        },
         "./ProgramCard": {
             "types": "./dist/components/ProgramCard/ProgramCard.d.ts",
             "import": "./dist/components/ProgramCard/ProgramCard.es.js",