@zenpatient-org/healthspan-marketing-ui 0.4.21 → 0.4.23

package/dist/components/labs/BioAgeCard/BioAgeCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),N=require("../../../utils/cn/cn.cjs.js"),u=require("./assets/logo-glass-outer.svg.cjs.js"),p=require("./assets/logo-wordmark.png.cjs.js"),a=require("../../../src/components/labs/BioAgeCard/bioAgeCard.module.css"),m=require("../../Icon/Icon.cjs.js"),j=require("../../Icon/constants.cjs.js"),d=({description:e})=>s.jsx("span",{className:a.copy,"data-description":e.type,children:e.type==="default"?s.jsxs(s.Fragment,{children:[s.jsx("span",{className:a.headline,children:e.headline}),s.jsx("span",{className:a.subline,children:e.subline})]}):s.jsxs(s.Fragment,{children:[s.jsxs("span",{className:a.headline,children:[s.jsxs("span",{className:a.historyLead,children:[e.lead," "]}),s.jsx("span",{className:a.historyDelta,children:e.delta})]}),s.jsx("span",{className:a.subline,children:e.subline})]})}),g=({rows:e})=>s.jsx("div",{className:a.timeline,children:e.map(l=>s.jsxs("div",{className:a.timelineRow,"data-kind":l.kind,children:[s.jsx("span",{className:a.timelineLine}),s.jsx("span",{className:a.timelineLabel,children:l.label})]},l.label))}),t=()=>s.jsxs("span",{className:a.logoButton,children:[s.jsx("span",{"aria-hidden":!0,className:a.logoGlow}),s.jsx("img",{alt:"",src:u.default,className:a.logoGlassOuter}),s.jsxs("span",{className:a.logoGlassInner,children:[s.jsx(m.Icon,{name:j.EIconName.PLUS,className:a.logoPlus}),s.jsx("span",{"aria-hidden":!0,className:a.logoGlassSheen})]})]}),b=({score:e,description:l,timeline:x,tier:n="plus",mobile:c=!1,href:o,onClick:i,className:h})=>{const r=o?"a":i?"button":"div";return s.jsx(r,{...r==="a"?{href:o}:r==="button"?{type:"button"}:{},onClick:i,className:N.cn(a.root,h),"data-tier":n,"data-mobile":c,children:s.jsxs("div",{className:a.card,children:[s.jsxs("div",{className:a.content,children:[c?s.jsxs("div",{className:a.mobileHeader,children:[s.jsxs("div",{className:a.scoreRow,children:[s.jsx("span",{className:a.scoreContent,children:s.jsx("span",{className:a.score,children:e})}),n==="plus"&&s.jsx(t,{})]}),s.jsx(d,{description:l})]}):s.jsxs("div",{className:a.header,children:[s.jsx("span",{className:a.score,children:e}),s.jsx(d,{description:l})]}),s.jsx(g,{rows:x}),!c&&s.jsxs("div",{className:a.footer,children:[s.jsxs("span",{className:a.logo,children:[s.jsx("span",{className:a.wordmark,children:s.jsx("span",{className:a.wordmarkPlate,children:s.jsx("img",{alt:"",src:p.default,className:a.wordmarkImage})})}),n==="plus"&&s.jsx(t,{})]}),s.jsx("span",{className:a.arrow,children:s.jsx(m.Icon,{name:j.EIconName.ARROW_FORWARD,className:a.arrowIcon})})]})]}),n==="plus"&&s.jsx("span",{"aria-hidden":!0,className:a.innerGlow})]})})};exports.BioAgeCard=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("../../../utils/cn/cn.cjs.js"),p=require("./assets/logo-glass-outer.svg.cjs.js"),g=require("./assets/logo-wordmark.png.cjs.js"),a=require("../../../src/components/labs/BioAgeCard/bioAgeCard.module.css"),m=require("../../Icon/Icon.cjs.js"),j=require("../../Icon/constants.cjs.js"),d=({description:e})=>s.jsx("span",{className:a.copy,"data-description":e.type,children:e.type==="default"?s.jsxs(s.Fragment,{children:[s.jsx("span",{className:a.headline,children:e.headline}),s.jsx("span",{className:a.subline,children:e.subline})]}):s.jsxs(s.Fragment,{children:[s.jsxs("span",{className:a.headline,children:[s.jsxs("span",{className:a.historyLead,children:[e.lead," "]}),s.jsx("span",{className:a.historyDelta,children:e.delta})]}),s.jsx("span",{className:a.subline,children:e.subline})]})}),b=({rows:e})=>s.jsx("div",{className:a.timeline,children:e.map(l=>s.jsxs("div",{className:a.timelineRow,"data-kind":l.kind,children:[s.jsx("span",{className:a.timelineLine}),s.jsx("span",{className:a.timelineLabel,children:l.label})]},l.label))}),t=()=>s.jsxs("span",{className:a.logoButton,children:[s.jsx("span",{"aria-hidden":!0,className:a.logoGlow}),s.jsx("img",{alt:"",src:p.default,className:a.logoGlassOuter}),s.jsxs("span",{className:a.logoGlassInner,children:[s.jsx(m.Icon,{name:j.EIconName.PLUS,className:a.logoPlus}),s.jsx("span",{"aria-hidden":!0,className:a.logoGlassSheen})]})]}),v=({score:e,description:l,timeline:x,tier:n="plus",mobile:c=!1,pending:h=!1,href:o,onClick:i,className:N})=>{const r=o?"a":i?"button":"div";return s.jsx(r,{...r==="a"?{href:o}:r==="button"?{type:"button"}:{},onClick:i,className:u.cn(a.root,N),"data-tier":n,"data-mobile":c,"data-pending":h,children:s.jsxs("div",{className:a.card,children:[s.jsxs("div",{className:a.content,children:[c?s.jsxs("div",{className:a.mobileHeader,children:[s.jsxs("div",{className:a.scoreRow,children:[s.jsx("span",{className:a.scoreContent,children:s.jsx("span",{className:a.score,children:e})}),n==="plus"&&s.jsx(t,{})]}),s.jsx(d,{description:l})]}):s.jsxs("div",{className:a.header,children:[s.jsx("span",{className:a.score,children:e}),s.jsx(d,{description:l})]}),s.jsx(b,{rows:x}),!c&&s.jsxs("div",{className:a.footer,children:[s.jsxs("span",{className:a.logo,children:[s.jsx("span",{className:a.wordmark,children:s.jsx("span",{className:a.wordmarkPlate,children:s.jsx("img",{alt:"",src:g.default,className:a.wordmarkImage})})}),n==="plus"&&s.jsx(t,{})]}),s.jsx("span",{className:a.arrow,children:s.jsx(m.Icon,{name:j.EIconName.ARROW_FORWARD,className:a.arrowIcon})})]})]}),n==="plus"&&s.jsx("span",{"aria-hidden":!0,className:a.innerGlow})]})})};exports.BioAgeCard=v;

package/dist/components/labs/BioAgeCard/BioAgeCard.d.ts

@@ -1,3 +1,3 @@
 import { BioAgeCardProps } from './types';
-/** Figma "BioAge+ Widget" (184:77406, hover 184:77597) / "BioAge Widget" (set 184:76861); mobile 1288:35310 in library set 1051:66621, xepxS2NjDp88HSMW1UdMZo. */
-export declare const BioAgeCard: ({ score, description, timeline, tier, mobile, href, onClick, className, }: BioAgeCardProps) => import("react").JSX.Element;
+/** Figma "BioAge+ Widget" (184:77406, hover 184:77597) / "BioAge Widget" (set 184:76861); mobile 1288:35310 in library set 1051:66621, xepxS2NjDp88HSMW1UdMZo; pending 1248:143463 in vPQ8BAu1f9o7sX83utQ5yA. */
+export declare const BioAgeCard: ({ score, description, timeline, tier, mobile, pending, href, onClick, className, }: BioAgeCardProps) => import("react").JSX.Element;

package/dist/components/labs/BioAgeCard/BioAgeCard.es.js

@@ -1,77 +1,79 @@
-import { jsx as s, jsxs as e, Fragment as d } from "react/jsx-runtime";
-import { cn as b } from "../../../utils/cn/cn.es.js";
-import f from "./assets/logo-glass-outer.svg.es.js";
-import v from "./assets/logo-wordmark.png.es.js";
+import { jsx as e, jsxs as s, Fragment as d } from "react/jsx-runtime";
+import { cn as f } from "../../../utils/cn/cn.es.js";
+import v from "./assets/logo-glass-outer.svg.es.js";
+import w from "./assets/logo-wordmark.png.es.js";
 import a from "../../../components/labs/BioAgeCard/bioAgeCard.module.css";
 import { Icon as N } from "../../Icon/Icon.es.js";
 import { EIconName as p } from "../../Icon/constants.es.js";
-const t = ({ description: l }) => /* @__PURE__ */ s("span", { className: a.copy, "data-description": l.type, children: l.type === "default" ? /* @__PURE__ */ e(d, { children: [
-  /* @__PURE__ */ s("span", { className: a.headline, children: l.headline }),
-  /* @__PURE__ */ s("span", { className: a.subline, children: l.subline })
-] }) : /* @__PURE__ */ e(d, { children: [
-  /* @__PURE__ */ e("span", { className: a.headline, children: [
-    /* @__PURE__ */ e("span", { className: a.historyLead, children: [
+const t = ({ description: l }) => /* @__PURE__ */ e("span", { className: a.copy, "data-description": l.type, children: l.type === "default" ? /* @__PURE__ */ s(d, { children: [
+  /* @__PURE__ */ e("span", { className: a.headline, children: l.headline }),
+  /* @__PURE__ */ e("span", { className: a.subline, children: l.subline })
+] }) : /* @__PURE__ */ s(d, { children: [
+  /* @__PURE__ */ s("span", { className: a.headline, children: [
+    /* @__PURE__ */ s("span", { className: a.historyLead, children: [
       l.lead,
       " "
     ] }),
-    /* @__PURE__ */ s("span", { className: a.historyDelta, children: l.delta })
+    /* @__PURE__ */ e("span", { className: a.historyDelta, children: l.delta })
   ] }),
-  /* @__PURE__ */ s("span", { className: a.subline, children: l.subline })
-] }) }), w = ({ rows: l }) => /* @__PURE__ */ s("div", { className: a.timeline, children: l.map((n) => /* @__PURE__ */ e("div", { className: a.timelineRow, "data-kind": n.kind, children: [
-  /* @__PURE__ */ s("span", { className: a.timelineLine }),
-  /* @__PURE__ */ s("span", { className: a.timelineLabel, children: n.label })
-] }, n.label)) }), h = () => /* @__PURE__ */ e("span", { className: a.logoButton, children: [
-  /* @__PURE__ */ s("span", { "aria-hidden": !0, className: a.logoGlow }),
-  /* @__PURE__ */ s("img", { alt: "", src: f, className: a.logoGlassOuter }),
-  /* @__PURE__ */ e("span", { className: a.logoGlassInner, children: [
-    /* @__PURE__ */ s(N, { name: p.PLUS, className: a.logoPlus }),
-    /* @__PURE__ */ s("span", { "aria-hidden": !0, className: a.logoGlassSheen })
+  /* @__PURE__ */ e("span", { className: a.subline, children: l.subline })
+] }) }), y = ({ rows: l }) => /* @__PURE__ */ e("div", { className: a.timeline, children: l.map((n) => /* @__PURE__ */ s("div", { className: a.timelineRow, "data-kind": n.kind, children: [
+  /* @__PURE__ */ e("span", { className: a.timelineLine }),
+  /* @__PURE__ */ e("span", { className: a.timelineLabel, children: n.label })
+] }, n.label)) }), h = () => /* @__PURE__ */ s("span", { className: a.logoButton, children: [
+  /* @__PURE__ */ e("span", { "aria-hidden": !0, className: a.logoGlow }),
+  /* @__PURE__ */ e("img", { alt: "", src: v, className: a.logoGlassOuter }),
+  /* @__PURE__ */ s("span", { className: a.logoGlassInner, children: [
+    /* @__PURE__ */ e(N, { name: p.PLUS, className: a.logoPlus }),
+    /* @__PURE__ */ e("span", { "aria-hidden": !0, className: a.logoGlassSheen })
   ] })
-] }), x = ({
+] }), A = ({
   score: l,
   description: n,
   timeline: u,
   tier: c = "plus",
   mobile: r = !1,
+  pending: g = !1,
   href: m,
   onClick: i,
-  className: g
+  className: b
 }) => {
   const o = m ? "a" : i ? "button" : "div";
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ e(
     o,
     {
       ...o === "a" ? { href: m } : o === "button" ? { type: "button" } : {},
       onClick: i,
-      className: b(a.root, g),
+      className: f(a.root, b),
       "data-tier": c,
       "data-mobile": r,
-      children: /* @__PURE__ */ e("div", { className: a.card, children: [
-        /* @__PURE__ */ e("div", { className: a.content, children: [
-          r ? /* @__PURE__ */ e("div", { className: a.mobileHeader, children: [
-            /* @__PURE__ */ e("div", { className: a.scoreRow, children: [
-              /* @__PURE__ */ s("span", { className: a.scoreContent, children: /* @__PURE__ */ s("span", { className: a.score, children: l }) }),
-              c === "plus" && /* @__PURE__ */ s(h, {})
+      "data-pending": g,
+      children: /* @__PURE__ */ s("div", { className: a.card, children: [
+        /* @__PURE__ */ s("div", { className: a.content, children: [
+          r ? /* @__PURE__ */ s("div", { className: a.mobileHeader, children: [
+            /* @__PURE__ */ s("div", { className: a.scoreRow, children: [
+              /* @__PURE__ */ e("span", { className: a.scoreContent, children: /* @__PURE__ */ e("span", { className: a.score, children: l }) }),
+              c === "plus" && /* @__PURE__ */ e(h, {})
             ] }),
-            /* @__PURE__ */ s(t, { description: n })
-          ] }) : /* @__PURE__ */ e("div", { className: a.header, children: [
-            /* @__PURE__ */ s("span", { className: a.score, children: l }),
-            /* @__PURE__ */ s(t, { description: n })
+            /* @__PURE__ */ e(t, { description: n })
+          ] }) : /* @__PURE__ */ s("div", { className: a.header, children: [
+            /* @__PURE__ */ e("span", { className: a.score, children: l }),
+            /* @__PURE__ */ e(t, { description: n })
           ] }),
-          /* @__PURE__ */ s(w, { rows: u }),
-          !r && /* @__PURE__ */ e("div", { className: a.footer, children: [
-            /* @__PURE__ */ e("span", { className: a.logo, children: [
-              /* @__PURE__ */ s("span", { className: a.wordmark, children: /* @__PURE__ */ s("span", { className: a.wordmarkPlate, children: /* @__PURE__ */ s("img", { alt: "", src: v, className: a.wordmarkImage }) }) }),
-              c === "plus" && /* @__PURE__ */ s(h, {})
+          /* @__PURE__ */ e(y, { rows: u }),
+          !r && /* @__PURE__ */ s("div", { className: a.footer, children: [
+            /* @__PURE__ */ s("span", { className: a.logo, children: [
+              /* @__PURE__ */ e("span", { className: a.wordmark, children: /* @__PURE__ */ e("span", { className: a.wordmarkPlate, children: /* @__PURE__ */ e("img", { alt: "", src: w, className: a.wordmarkImage }) }) }),
+              c === "plus" && /* @__PURE__ */ e(h, {})
             ] }),
-            /* @__PURE__ */ s("span", { className: a.arrow, children: /* @__PURE__ */ s(N, { name: p.ARROW_FORWARD, className: a.arrowIcon }) })
+            /* @__PURE__ */ e("span", { className: a.arrow, children: /* @__PURE__ */ e(N, { name: p.ARROW_FORWARD, className: a.arrowIcon }) })
           ] })
         ] }),
-        c === "plus" && /* @__PURE__ */ s("span", { "aria-hidden": !0, className: a.innerGlow })
+        c === "plus" && /* @__PURE__ */ e("span", { "aria-hidden": !0, className: a.innerGlow })
       ] })
     }
   );
 };
 export {
-  x as BioAgeCard
+  A as BioAgeCard
 };

package/dist/components/labs/BioAgeCard/bioAgeCard.module.css

@@ -430,3 +430,23 @@ button.root {
 .root[data-mobile='true'] .logoGlassSheen {
     box-shadow: inset 0 -1.577px 3.68px 0 rgba(57, 105, 136, 0.4);
 }
+
+/* Pending (no results yet, node 1248:143463): ghosted score, wider copy, long timeline labels, no arrow. */
+.root[data-pending='true'] .score {
+    opacity: 0.2;
+    background-image: linear-gradient(140.79deg, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
+}
+
+.root[data-pending='true'] .copy {
+    width: 174px;
+    font-size: 14px;
+    letter-spacing: -0.28px;
+}
+
+.root[data-pending='true'] .timelineLabel {
+    width: 100px;
+}
+
+.root[data-pending='true'] .arrow {
+    display: none;
+}

package/dist/components/labs/BioAgeCard/types.d.ts

@@ -19,6 +19,7 @@ export type BioAgeCardProps = {
     timeline: BioAgeTimelineRow[];
     tier?: 'plus' | 'classic';
     mobile?: boolean;
+    pending?: boolean;
     href?: string;
     onClick?: () => void;
     className?: string;

package/dist/components/labs/BiomarkerHero/BiomarkerHero.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("../../../utils/cn/cn.cjs.js"),f=require("./assets/hero-desktop-borderline.webp.cjs.js"),v=require("./assets/hero-desktop-healthy.webp.cjs.js"),S=require("./assets/hero-desktop-optimal.webp.cjs.js"),q=require("./assets/hero-desktop-priority.webp.cjs.js"),B=require("./assets/hero-mobile-borderline.webp.cjs.js"),V=require("./assets/hero-mobile-healthy.webp.cjs.js"),O=require("./assets/hero-mobile-optimal.webp.cjs.js"),_=require("./assets/hero-mobile-priority.webp.cjs.js"),e=require("../../../src/components/labs/BiomarkerHero/biomarkerHero.module.css"),k=require("../../IconButton/IconButton.cjs.js"),I=require("../../Icon/constants.cjs.js"),r=require("../../Typography/Typography.cjs.js"),g={optimal:"Optimal",healthy:"Opportunity",borderline:"Borderline",priority:"Priority"},D={optimal:S.default,healthy:v.default,borderline:f.default,priority:q.default},H={optimal:O.default,healthy:V.default,borderline:B.default,priority:_.default},M=({name:t,category:c,value:o,unit:d,status:i,statusLabel:n,date:h,onBack:j,backLabel:N="Back",notes:l,children:m,mobile:T=!1,className:p})=>{const u=a.jsx(k.IconButton,{iconName:I.EIconName.ARROW_BACK,variant:"muted-invert",size:"sm","aria-label":N,onClick:j}),y=l&&l.length>0&&a.jsx("div",{className:e.notes,children:l.map((x,b)=>a.jsxs("div",{className:e.note,children:[a.jsx("span",{className:e.noteLabel,children:x.label}),a.jsx("span",{"aria-hidden":!0,className:e.noteDivider}),a.jsx(r.Typography,{defaultVariant:"bodySm",className:e.noteText,children:x.sentence})]},b))});return T?a.jsxs("div",{className:s.cn(e.root,e.mobileRoot,p),"data-status":i,children:[a.jsx("span",{"aria-hidden":!0,className:e.bg,children:a.jsx("span",{className:e.bgBlob,style:{backgroundImage:`url(${H[i]})`}})}),a.jsxs("div",{className:e.mobileHeader,children:[u,a.jsxs("div",{className:e.mobileCopy,children:[a.jsx(r.Typography,{as:"h1",defaultVariant:"headingSm",align:"center",className:s.cn(e.gradientText,e.title),children:t}),a.jsx(r.Typography,{defaultVariant:"labelSm",align:"center",className:e.category,children:c})]})]}),y,a.jsxs("div",{className:e.mobileCard,children:[a.jsxs("div",{className:e.mobileValues,children:[a.jsxs("span",{className:e.mobileValueGroup,children:[a.jsx("span",{className:s.cn(e.gradientText,e.mobileValue),children:o}),a.jsx(r.Typography,{defaultVariant:"bodySm",className:s.cn(e.gradientText,e.unit),children:d})]}),a.jsxs("span",{className:e.mobileStatusDate,children:[a.jsx("span",{className:s.cn(e.gradientText,e.mobileStatus),children:n!=null?n:g[i]}),a.jsx(r.Typography,{defaultVariant:"labelXs",emphasis:!0,className:e.date,children:h})]})]}),a.jsx("div",{className:e.chart,children:m})]})]}):a.jsx("div",{className:s.cn(e.root,p),"data-status":i,children:a.jsxs("div",{className:e.card,style:{backgroundImage:`url(${D[i]})`},children:[a.jsxs("div",{className:e.details,children:[a.jsxs("div",{className:e.left,children:[u,a.jsxs("div",{className:e.copy,children:[a.jsx(r.Typography,{as:"h1",defaultVariant:"headingSm",className:s.cn(e.gradientText,e.title),children:t}),a.jsx(r.Typography,{defaultVariant:"labelMd",className:e.category,children:c})]})]}),a.jsxs("div",{className:e.right,children:[a.jsxs("span",{className:e.statusGroup,children:[a.jsxs("span",{className:e.valueGroup,children:[a.jsx(r.Typography,{defaultVariant:"headingSm",className:e.gradientText,children:o}),a.jsx(r.Typography,{defaultVariant:"headingSm",className:s.cn(e.gradientText,e.unit),children:d})]}),a.jsx(r.Typography,{defaultVariant:"headingSm",className:e.gradientText,children:n!=null?n:g[i]})]}),a.jsx(r.Typography,{defaultVariant:"labelXs",emphasis:!0,className:e.date,children:h})]})]}),a.jsxs("div",{className:e.chart,children:[y,m]})]})})};exports.BiomarkerHero=M;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("../../../utils/cn/cn.cjs.js"),f=require("./assets/hero-desktop-borderline.webp.cjs.js"),v=require("./assets/hero-desktop-healthy.webp.cjs.js"),S=require("./assets/hero-desktop-optimal.webp.cjs.js"),B=require("./assets/hero-desktop-priority.webp.cjs.js"),q=require("./assets/hero-mobile-borderline.webp.cjs.js"),V=require("./assets/hero-mobile-healthy.webp.cjs.js"),O=require("./assets/hero-mobile-optimal.webp.cjs.js"),_=require("./assets/hero-mobile-priority.webp.cjs.js"),e=require("../../../src/components/labs/BiomarkerHero/biomarkerHero.module.css"),k=require("../../IconButton/IconButton.cjs.js"),I=require("../../Icon/constants.cjs.js"),r=require("../../Typography/Typography.cjs.js"),x={optimal:"Optimal",healthy:"Opportunity",borderline:"Borderline",priority:"Priority"},D={optimal:S.default,healthy:v.default,borderline:f.default,priority:B.default},H={optimal:O.default,healthy:V.default,borderline:q.default,priority:_.default},M=({name:t,category:c,value:o,unit:d,status:i,statusLabel:n,date:h,onBack:g,backLabel:j="Back",notes:l,children:m,mobile:N=!1,className:p})=>{const u=a.jsx(k.IconButton,{iconName:I.EIconName.ARROW_BACK,variant:"muted-invert",size:"sm","aria-label":j,onClick:g}),y=l&&l.sentences.length>0&&a.jsxs("div",{className:e.notes,children:[a.jsx("span",{className:e.noteLabel,children:l.label}),a.jsx("span",{"aria-hidden":!0,className:e.noteDivider}),a.jsx("div",{className:e.noteBody,children:l.sentences.map((T,b)=>a.jsx(r.Typography,{defaultVariant:"bodySm",className:e.noteText,children:T},b))})]});return N?a.jsxs("div",{className:s.cn(e.root,e.mobileRoot,p),"data-status":i,children:[a.jsx("span",{"aria-hidden":!0,className:e.bg,children:a.jsx("span",{className:e.bgBlob,style:{backgroundImage:`url(${H[i]})`}})}),a.jsxs("div",{className:e.mobileHeader,children:[u,a.jsxs("div",{className:e.mobileCopy,children:[a.jsx(r.Typography,{as:"h1",defaultVariant:"headingSm",align:"center",className:s.cn(e.gradientText,e.title),children:t}),a.jsx(r.Typography,{defaultVariant:"labelSm",align:"center",className:e.category,children:c})]})]}),y,a.jsxs("div",{className:e.mobileCard,children:[a.jsxs("div",{className:e.mobileValues,children:[a.jsxs("span",{className:e.mobileValueGroup,children:[a.jsx("span",{className:s.cn(e.gradientText,e.mobileValue),children:o}),a.jsx(r.Typography,{defaultVariant:"bodySm",className:s.cn(e.gradientText,e.unit),children:d})]}),a.jsxs("span",{className:e.mobileStatusDate,children:[a.jsx("span",{className:s.cn(e.gradientText,e.mobileStatus),children:n!=null?n:x[i]}),a.jsx(r.Typography,{defaultVariant:"labelXs",emphasis:!0,className:e.date,children:h})]})]}),a.jsx("div",{className:e.chart,children:m})]})]}):a.jsx("div",{className:s.cn(e.root,p),"data-status":i,children:a.jsxs("div",{className:e.card,style:{backgroundImage:`url(${D[i]})`},children:[a.jsxs("div",{className:e.details,children:[a.jsxs("div",{className:e.left,children:[u,a.jsxs("div",{className:e.copy,children:[a.jsx(r.Typography,{as:"h1",defaultVariant:"headingSm",className:s.cn(e.gradientText,e.title),children:t}),a.jsx(r.Typography,{defaultVariant:"labelMd",className:e.category,children:c})]})]}),a.jsxs("div",{className:e.right,children:[a.jsxs("span",{className:e.statusGroup,children:[a.jsxs("span",{className:e.valueGroup,children:[a.jsx(r.Typography,{defaultVariant:"headingSm",className:e.gradientText,children:o}),a.jsx(r.Typography,{defaultVariant:"headingSm",className:s.cn(e.gradientText,e.unit),children:d})]}),a.jsx(r.Typography,{defaultVariant:"headingSm",className:e.gradientText,children:n!=null?n:x[i]})]}),a.jsx(r.Typography,{defaultVariant:"labelXs",emphasis:!0,className:e.date,children:h})]})]}),a.jsxs("div",{className:e.chart,children:[y,m]})]})})};exports.BiomarkerHero=M;

package/dist/components/labs/BiomarkerHero/BiomarkerHero.es.js

@@ -13,7 +13,7 @@ import e from "../../../components/labs/BiomarkerHero/biomarkerHero.module.css";
 import { IconButton as P } from "../../IconButton/IconButton.es.js";
 import { EIconName as I } from "../../Icon/constants.es.js";
 import { Typography as i } from "../../Typography/Typography.es.js";
-const b = {
+const u = {
   optimal: "Optimal",
   healthy: "Opportunity",
   borderline: "Borderline",
@@ -37,10 +37,10 @@ const b = {
   statusLabel: t,
   date: h,
   onBack: y,
-  backLabel: v = "Back",
+  backLabel: b = "Back",
   notes: o,
   children: p,
-  mobile: S = !1,
+  mobile: v = !1,
   className: N
 }) => {
   const f = /* @__PURE__ */ a(
@@ -49,15 +49,15 @@ const b = {
       iconName: I.ARROW_BACK,
       variant: "muted-invert",
       size: "sm",
-      "aria-label": v,
+      "aria-label": b,
       onClick: y
     }
-  ), g = o && o.length > 0 && /* @__PURE__ */ a("div", { className: e.notes, children: o.map((u, T) => /* @__PURE__ */ r("div", { className: e.note, children: [
-    /* @__PURE__ */ a("span", { className: e.noteLabel, children: u.label }),
+  ), g = o && o.sentences.length > 0 && /* @__PURE__ */ r("div", { className: e.notes, children: [
+    /* @__PURE__ */ a("span", { className: e.noteLabel, children: o.label }),
     /* @__PURE__ */ a("span", { "aria-hidden": !0, className: e.noteDivider }),
-    /* @__PURE__ */ a(i, { defaultVariant: "bodySm", className: e.noteText, children: u.sentence })
-  ] }, T)) });
-  return S ? /* @__PURE__ */ r("div", { className: l(e.root, e.mobileRoot, N), "data-status": n, children: [
+    /* @__PURE__ */ a("div", { className: e.noteBody, children: o.sentences.map((S, T) => /* @__PURE__ */ a(i, { defaultVariant: "bodySm", className: e.noteText, children: S }, T)) })
+  ] });
+  return v ? /* @__PURE__ */ r("div", { className: l(e.root, e.mobileRoot, N), "data-status": n, children: [
     /* @__PURE__ */ a("span", { "aria-hidden": !0, className: e.bg, children: /* @__PURE__ */ a("span", { className: e.bgBlob, style: { backgroundImage: `url(${C[n]})` } }) }),
     /* @__PURE__ */ r("div", { className: e.mobileHeader, children: [
       f,
@@ -83,7 +83,7 @@ const b = {
           /* @__PURE__ */ a(i, { defaultVariant: "bodySm", className: l(e.gradientText, e.unit), children: c })
         ] }),
         /* @__PURE__ */ r("span", { className: e.mobileStatusDate, children: [
-          /* @__PURE__ */ a("span", { className: l(e.gradientText, e.mobileStatus), children: t != null ? t : b[n] }),
+          /* @__PURE__ */ a("span", { className: l(e.gradientText, e.mobileStatus), children: t != null ? t : u[n] }),
           /* @__PURE__ */ a(i, { defaultVariant: "labelXs", emphasis: !0, className: e.date, children: h })
         ] })
       ] }),
@@ -112,7 +112,7 @@ const b = {
             /* @__PURE__ */ a(i, { defaultVariant: "headingSm", className: e.gradientText, children: s }),
             /* @__PURE__ */ a(i, { defaultVariant: "headingSm", className: l(e.gradientText, e.unit), children: c })
           ] }),
-          /* @__PURE__ */ a(i, { defaultVariant: "headingSm", className: e.gradientText, children: t != null ? t : b[n] })
+          /* @__PURE__ */ a(i, { defaultVariant: "headingSm", className: e.gradientText, children: t != null ? t : u[n] })
         ] }),
         /* @__PURE__ */ a(i, { defaultVariant: "labelXs", emphasis: !0, className: e.date, children: h })
       ] })

package/dist/components/labs/BiomarkerHero/biomarkerHero.module.css

@@ -105,8 +105,8 @@
 .notes {
     box-sizing: border-box;
     display: flex;
-    flex-direction: column;
     gap: var(--spacing-20);
+    align-items: center;
     width: 100%;
     padding: var(--spacing-20) var(--spacing-28);
     border: 1px solid var(--border-color-alpha-white-10);
@@ -118,13 +118,6 @@
         0 8px 10px 0 rgba(0, 0, 0, 0.1);
 }
 
-.note {
-    display: flex;
-    gap: var(--spacing-20);
-    align-items: center;
-    width: 100%;
-}
-
 .noteLabel {
     font-family: var(--font-decorative), monospace;
     font-weight: var(--font-weight-regular);
@@ -143,9 +136,15 @@
     background: var(--border-color-alpha-white-10);
 }
 
-.noteText {
+.noteBody {
+    display: flex;
     flex: 1;
+    flex-direction: column;
+    gap: var(--spacing-20);
     min-width: 0;
+}
+
+.noteText {
     margin: 0;
     color: var(--color-text-primary-inverted);
 }
@@ -258,14 +257,14 @@
 .mobileRoot .notes {
     position: relative;
     z-index: 1;
+    flex-direction: column;
     gap: var(--spacing-8);
+    align-items: flex-start;
     padding: var(--spacing-16) var(--spacing-20);
 }
 
-.mobileRoot .note {
-    flex-direction: column;
+.mobileRoot .noteBody {
     gap: var(--spacing-8);
-    align-items: flex-start;
 }
 
 .mobileRoot .noteLabel {

package/dist/components/labs/BiomarkerHero/types.d.ts

@@ -10,12 +10,12 @@ export type BiomarkerHeroProps = {
     date: string;
     onBack?: () => void;
     backLabel?: string;
-    notes?: BiomarkerHeroNote[];
+    notes?: BiomarkerHeroNotes;
     children: ReactNode;
     mobile?: boolean;
     className?: string;
 };
-export type BiomarkerHeroNote = {
+export type BiomarkerHeroNotes = {
     label: string;
-    sentence: string;
+    sentences: string[];
 };

package/dist/components/labs/CategoryStatus/CategoryStatus.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../utils/cn/cn.cjs.js"),l=require("./assets/status-needs-attention-dark.svg.cjs.js"),c=require("./assets/status-room-for-improvement-dark.svg.cjs.js"),u=require("./assets/status-well-balanced-dark.svg.cjs.js"),i=require("./assets/status-well-balanced.svg.cjs.js"),t=require("../../../src/components/labs/CategoryStatus/categoryStatus.module.css"),d={"well-balanced":u.default,"room-for-improvement":c.default,"needs-attention":l.default},m=({status:a="well-balanced",theme:s="light",size:r=24,className:n})=>e.jsx("span",{className:o.cn(t.root,n),"data-size":r,children:e.jsx("img",{alt:"",src:s==="dark"?d[a]:i.default,className:t.image})});exports.CategoryStatus=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("../../../utils/cn/cn.cjs.js"),c=require("./assets/status-needs-attention-dark.svg.cjs.js"),u=require("./assets/status-room-for-improvement-dark.svg.cjs.js"),i=require("./assets/status-room-for-improvement.svg.cjs.js"),d=require("./assets/status-well-balanced-dark.svg.cjs.js"),a=require("./assets/status-well-balanced.svg.cjs.js"),r=require("../../../src/components/labs/CategoryStatus/categoryStatus.module.css"),m={"well-balanced":a.default,"room-for-improvement":i.default,"needs-attention":a.default},S={"well-balanced":d.default,"room-for-improvement":u.default,"needs-attention":c.default},f=({status:e="well-balanced",theme:s="light",size:o=24,className:n})=>t.jsx("span",{className:l.cn(r.root,n),"data-size":o,children:t.jsx("img",{alt:"",src:s==="dark"?S[e]:m[e],className:r.image})});exports.CategoryStatus=f;

package/dist/components/labs/CategoryStatus/CategoryStatus.d.ts

@@ -1,3 +1,3 @@
 import { CategoryStatusProps } from './types';
-/** Figma "Status / Category Radial" (light 927:367866, dark 927:367877; legacy "./CategoryStatus" 685:202414). */
+/** Figma "Status / Category Radial" (light 927:367866 + High 1119:66004, dark 927:367877; legacy "./CategoryStatus" 685:202414). */
 export declare const CategoryStatus: ({ status, theme, size, className, }: CategoryStatusProps) => import("react").JSX.Element;

package/dist/components/labs/CategoryStatus/CategoryStatus.es.js

@@ -1,20 +1,25 @@
 import { jsx as t } from "react/jsx-runtime";
-import { cn as s } from "../../../utils/cn/cn.es.js";
+import { cn as n } from "../../../utils/cn/cn.es.js";
 import l from "./assets/status-needs-attention-dark.svg.es.js";
-import n from "./assets/status-room-for-improvement-dark.svg.es.js";
-import i from "./assets/status-well-balanced-dark.svg.es.js";
-import c from "./assets/status-well-balanced.svg.es.js";
-import o from "../../../components/labs/CategoryStatus/categoryStatus.module.css";
-const p = {
-  "well-balanced": i,
-  "room-for-improvement": n,
+import i from "./assets/status-room-for-improvement-dark.svg.es.js";
+import p from "./assets/status-room-for-improvement.svg.es.js";
+import c from "./assets/status-well-balanced-dark.svg.es.js";
+import e from "./assets/status-well-balanced.svg.es.js";
+import r from "../../../components/labs/CategoryStatus/categoryStatus.module.css";
+const d = {
+  "well-balanced": e,
+  "room-for-improvement": p,
+  "needs-attention": e
+}, f = {
+  "well-balanced": c,
+  "room-for-improvement": i,
   "needs-attention": l
-}, A = ({
-  status: a = "well-balanced",
-  theme: r = "light",
-  size: e = 24,
-  className: m
-}) => /* @__PURE__ */ t("span", { className: s(o.root, m), "data-size": e, children: /* @__PURE__ */ t("img", { alt: "", src: r === "dark" ? p[a] : c, className: o.image }) });
+}, w = ({
+  status: o = "well-balanced",
+  theme: m = "light",
+  size: a = 24,
+  className: s
+}) => /* @__PURE__ */ t("span", { className: n(r.root, s), "data-size": a, children: /* @__PURE__ */ t("img", { alt: "", src: m === "dark" ? f[o] : d[o], className: r.image }) });
 export {
-  A as CategoryStatus
+  w as CategoryStatus
 };

package/dist/components/labs/CategoryStatus/assets/status-room-for-improvement.svg

@@ -0,0 +1,8 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Status / Category Radial ">
+<g id="Vector">
+<path d="M12.6712 23.9813C12.4489 23.9935 12.225 24 12 24C11.775 24 11.5511 23.9935 11.3287 23.9813L11.5941 19.1888C11.7282 19.1962 11.8635 19.2 12 19.2C12.1365 19.2 12.2718 19.1962 12.4059 19.1888L12.6712 23.9813ZM8.87625 18.4894C9.11725 18.6056 9.36588 18.7096 9.62062 18.7987L8.03531 23.3287C7.60904 23.1796 7.19378 23.0073 6.79125 22.8131L8.87625 18.4894ZM17.2087 22.8131C16.8062 23.0073 16.391 23.1796 15.9647 23.3287L14.3794 18.7987C14.6341 18.7096 14.8828 18.6056 15.1237 18.4894L17.2087 22.8131ZM6.63094 16.7972C6.81077 16.9983 7.00172 17.1892 7.20281 17.3691L4.00312 20.9475C3.66889 20.6486 3.35139 20.3311 3.0525 19.9969L6.63094 16.7972ZM20.9475 19.9969C20.6486 20.3311 20.3311 20.6486 19.9969 20.9475L16.7972 17.3691C16.9983 17.1892 17.1892 16.9983 17.3691 16.7972L20.9475 19.9969ZM5.20125 14.3794C5.2904 14.6341 5.39436 14.8828 5.51062 15.1237L1.18687 17.2087C0.992688 16.8062 0.820423 16.391 0.67125 15.9647L5.20125 14.3794ZM23.3287 15.9647C23.1796 16.391 23.0073 16.8062 22.8131 17.2087L18.4894 15.1237C18.6056 14.8828 18.7096 14.6341 18.7987 14.3794L23.3287 15.9647ZM0 12C0 11.775 0.00645264 11.5511 0.01875 11.3287L4.81125 11.5941C4.80383 11.7282 4.8 11.8635 4.8 12C4.8 12.1365 4.80383 12.2718 4.81125 12.4059L0.01875 12.6712C0.00645264 12.4489 0 12.225 0 12ZM19.2 12C19.2 11.8635 19.1962 11.7282 19.1888 11.5941L23.9813 11.3287C23.9935 11.5511 24 11.775 24 12C24 12.225 23.9935 12.4489 23.9813 12.6712L19.1888 12.4059C19.1962 12.2718 19.2 12.1365 19.2 12ZM5.51062 8.87625C5.39436 9.11725 5.29039 9.36588 5.20125 9.62062L0.67125 8.03531C0.820423 7.60904 0.992688 7.19378 1.18687 6.79125L5.51062 8.87625ZM22.8131 6.79125C23.0073 7.19378 23.1796 7.60904 23.3287 8.03531L18.7987 9.62062C18.7096 9.36588 18.6056 9.11725 18.4894 8.87625L22.8131 6.79125ZM7.20281 6.63094C7.00172 6.81077 6.81077 7.00172 6.63094 7.20281L3.0525 4.00312C3.35139 3.66889 3.66889 3.35139 4.00312 3.0525L7.20281 6.63094ZM19.9969 3.0525C20.3311 3.35139 20.6486 3.66889 20.9475 4.00312L17.3691 7.20281C17.1892 7.00172 16.9983 6.81077 16.7972 6.63094L19.9969 3.0525ZM9.62062 5.20125C9.36588 5.2904 9.11725 5.39436 8.87625 5.51062L6.79125 1.18687C7.19378 0.992688 7.60904 0.820423 8.03531 0.67125L9.62062 5.20125ZM15.9647 0.67125C16.391 0.820423 16.8062 0.992688 17.2087 1.18687L15.1237 5.51062C14.8828 5.39436 14.6341 5.2904 14.3794 5.20125L15.9647 0.67125ZM12 0C12.225 0 12.4489 0.00645264 12.6712 0.01875L12.4059 4.81125C12.2718 4.80383 12.1365 4.8 12 4.8C11.8635 4.8 11.7282 4.80383 11.5941 4.81125L11.3287 0.01875C11.5511 0.00645264 11.775 0 12 0Z" fill="black" fill-opacity="0.1"/>
+<path d="M12.6712 23.9813C12.4489 23.9935 12.225 24 12 24C11.775 24 11.5511 23.9935 11.3287 23.9813L11.5941 19.1888C11.7282 19.1962 11.8635 19.2 12 19.2C12.1365 19.2 12.2718 19.1962 12.4059 19.1888L12.6712 23.9813ZM8.87625 18.4894C9.11725 18.6056 9.36588 18.7096 9.62062 18.7987L8.03531 23.3287C7.60904 23.1796 7.19378 23.0073 6.79125 22.8131L8.87625 18.4894ZM17.2087 22.8131C16.8062 23.0073 16.391 23.1796 15.9647 23.3287L14.3794 18.7987C14.6341 18.7096 14.8828 18.6056 15.1237 18.4894L17.2087 22.8131ZM6.63094 16.7972C6.81077 16.9983 7.00172 17.1892 7.20281 17.3691L4.00312 20.9475C3.66889 20.6486 3.35139 20.3311 3.0525 19.9969L6.63094 16.7972ZM20.9475 19.9969C20.6486 20.3311 20.3311 20.6486 19.9969 20.9475L16.7972 17.3691C16.9983 17.1892 17.1892 16.9983 17.3691 16.7972L20.9475 19.9969ZM5.20125 14.3794C5.2904 14.6341 5.39436 14.8828 5.51062 15.1237L1.18687 17.2087C0.992688 16.8062 0.820423 16.391 0.67125 15.9647L5.20125 14.3794ZM23.3287 15.9647C23.1796 16.391 23.0073 16.8062 22.8131 17.2087L18.4894 15.1237C18.6056 14.8828 18.7096 14.6341 18.7987 14.3794L23.3287 15.9647ZM19.2 12C19.2 11.8635 19.1962 11.7282 19.1888 11.5941L23.9813 11.3287C23.9935 11.5511 24 11.775 24 12C24 12.225 23.9935 12.4489 23.9813 12.6712L19.1888 12.4059C19.1962 12.2718 19.2 12.1365 19.2 12ZM22.8131 6.79125C23.0073 7.19378 23.1796 7.60904 23.3287 8.03531L18.7987 9.62062C18.7096 9.36588 18.6056 9.11725 18.4894 8.87625L22.8131 6.79125ZM19.9969 3.0525C20.3311 3.35139 20.6486 3.66889 20.9475 4.00312L17.3691 7.20281C17.1892 7.00172 16.9983 6.81077 16.7972 6.63094L19.9969 3.0525ZM15.9647 0.67125C16.391 0.820423 16.8062 0.992688 17.2087 1.18687L15.1237 5.51062C14.8828 5.39436 14.6341 5.2904 14.3794 5.20125L15.9647 0.67125ZM12 0C12.225 0 12.4489 0.00645264 12.6712 0.01875L12.4059 4.81125C12.2718 4.80383 12.1365 4.8 12 4.8C11.8635 4.8 11.7282 4.80383 11.5941 4.81125L11.3287 0.01875C11.5511 0.00645264 11.775 0 12 0Z" fill="#5999D9"/>
+</g>
+</g>
+</svg>

package/dist/components/labs/CategoryStatus/assets/status-room-for-improvement.svg.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C="data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Status%20/%20Category%20Radial%20'%3e%3cg%20id='Vector'%3e%3cpath%20d='M12.6712%2023.9813C12.4489%2023.9935%2012.225%2024%2012%2024C11.775%2024%2011.5511%2023.9935%2011.3287%2023.9813L11.5941%2019.1888C11.7282%2019.1962%2011.8635%2019.2%2012%2019.2C12.1365%2019.2%2012.2718%2019.1962%2012.4059%2019.1888L12.6712%2023.9813ZM8.87625%2018.4894C9.11725%2018.6056%209.36588%2018.7096%209.62062%2018.7987L8.03531%2023.3287C7.60904%2023.1796%207.19378%2023.0073%206.79125%2022.8131L8.87625%2018.4894ZM17.2087%2022.8131C16.8062%2023.0073%2016.391%2023.1796%2015.9647%2023.3287L14.3794%2018.7987C14.6341%2018.7096%2014.8828%2018.6056%2015.1237%2018.4894L17.2087%2022.8131ZM6.63094%2016.7972C6.81077%2016.9983%207.00172%2017.1892%207.20281%2017.3691L4.00312%2020.9475C3.66889%2020.6486%203.35139%2020.3311%203.0525%2019.9969L6.63094%2016.7972ZM20.9475%2019.9969C20.6486%2020.3311%2020.3311%2020.6486%2019.9969%2020.9475L16.7972%2017.3691C16.9983%2017.1892%2017.1892%2016.9983%2017.3691%2016.7972L20.9475%2019.9969ZM5.20125%2014.3794C5.2904%2014.6341%205.39436%2014.8828%205.51062%2015.1237L1.18687%2017.2087C0.992688%2016.8062%200.820423%2016.391%200.67125%2015.9647L5.20125%2014.3794ZM23.3287%2015.9647C23.1796%2016.391%2023.0073%2016.8062%2022.8131%2017.2087L18.4894%2015.1237C18.6056%2014.8828%2018.7096%2014.6341%2018.7987%2014.3794L23.3287%2015.9647ZM0%2012C0%2011.775%200.00645264%2011.5511%200.01875%2011.3287L4.81125%2011.5941C4.80383%2011.7282%204.8%2011.8635%204.8%2012C4.8%2012.1365%204.80383%2012.2718%204.81125%2012.4059L0.01875%2012.6712C0.00645264%2012.4489%200%2012.225%200%2012ZM19.2%2012C19.2%2011.8635%2019.1962%2011.7282%2019.1888%2011.5941L23.9813%2011.3287C23.9935%2011.5511%2024%2011.775%2024%2012C24%2012.225%2023.9935%2012.4489%2023.9813%2012.6712L19.1888%2012.4059C19.1962%2012.2718%2019.2%2012.1365%2019.2%2012ZM5.51062%208.87625C5.39436%209.11725%205.29039%209.36588%205.20125%209.62062L0.67125%208.03531C0.820423%207.60904%200.992688%207.19378%201.18687%206.79125L5.51062%208.87625ZM22.8131%206.79125C23.0073%207.19378%2023.1796%207.60904%2023.3287%208.03531L18.7987%209.62062C18.7096%209.36588%2018.6056%209.11725%2018.4894%208.87625L22.8131%206.79125ZM7.20281%206.63094C7.00172%206.81077%206.81077%207.00172%206.63094%207.20281L3.0525%204.00312C3.35139%203.66889%203.66889%203.35139%204.00312%203.0525L7.20281%206.63094ZM19.9969%203.0525C20.3311%203.35139%2020.6486%203.66889%2020.9475%204.00312L17.3691%207.20281C17.1892%207.00172%2016.9983%206.81077%2016.7972%206.63094L19.9969%203.0525ZM9.62062%205.20125C9.36588%205.2904%209.11725%205.39436%208.87625%205.51062L6.79125%201.18687C7.19378%200.992688%207.60904%200.820423%208.03531%200.67125L9.62062%205.20125ZM15.9647%200.67125C16.391%200.820423%2016.8062%200.992688%2017.2087%201.18687L15.1237%205.51062C14.8828%205.39436%2014.6341%205.2904%2014.3794%205.20125L15.9647%200.67125ZM12%200C12.225%200%2012.4489%200.00645264%2012.6712%200.01875L12.4059%204.81125C12.2718%204.80383%2012.1365%204.8%2012%204.8C11.8635%204.8%2011.7282%204.80383%2011.5941%204.81125L11.3287%200.01875C11.5511%200.00645264%2011.775%200%2012%200Z'%20fill='black'%20fill-opacity='0.1'/%3e%3cpath%20d='M12.6712%2023.9813C12.4489%2023.9935%2012.225%2024%2012%2024C11.775%2024%2011.5511%2023.9935%2011.3287%2023.9813L11.5941%2019.1888C11.7282%2019.1962%2011.8635%2019.2%2012%2019.2C12.1365%2019.2%2012.2718%2019.1962%2012.4059%2019.1888L12.6712%2023.9813ZM8.87625%2018.4894C9.11725%2018.6056%209.36588%2018.7096%209.62062%2018.7987L8.03531%2023.3287C7.60904%2023.1796%207.19378%2023.0073%206.79125%2022.8131L8.87625%2018.4894ZM17.2087%2022.8131C16.8062%2023.0073%2016.391%2023.1796%2015.9647%2023.3287L14.3794%2018.7987C14.6341%2018.7096%2014.8828%2018.6056%2015.1237%2018.4894L17.2087%2022.8131ZM6.63094%2016.7972C6.81077%2016.9983%207.00172%2017.1892%207.20281%2017.3691L4.00312%2020.9475C3.66889%2020.6486%203.35139%2020.3311%203.0525%2019.9969L6.63094%2016.7972ZM20.9475%2019.9969C20.6486%2020.3311%2020.3311%2020.6486%2019.9969%2020.9475L16.7972%2017.3691C16.9983%2017.1892%2017.1892%2016.9983%2017.3691%2016.7972L20.9475%2019.9969ZM5.20125%2014.3794C5.2904%2014.6341%205.39436%2014.8828%205.51062%2015.1237L1.18687%2017.2087C0.992688%2016.8062%200.820423%2016.391%200.67125%2015.9647L5.20125%2014.3794ZM23.3287%2015.9647C23.1796%2016.391%2023.0073%2016.8062%2022.8131%2017.2087L18.4894%2015.1237C18.6056%2014.8828%2018.7096%2014.6341%2018.7987%2014.3794L23.3287%2015.9647ZM19.2%2012C19.2%2011.8635%2019.1962%2011.7282%2019.1888%2011.5941L23.9813%2011.3287C23.9935%2011.5511%2024%2011.775%2024%2012C24%2012.225%2023.9935%2012.4489%2023.9813%2012.6712L19.1888%2012.4059C19.1962%2012.2718%2019.2%2012.1365%2019.2%2012ZM22.8131%206.79125C23.0073%207.19378%2023.1796%207.60904%2023.3287%208.03531L18.7987%209.62062C18.7096%209.36588%2018.6056%209.11725%2018.4894%208.87625L22.8131%206.79125ZM19.9969%203.0525C20.3311%203.35139%2020.6486%203.66889%2020.9475%204.00312L17.3691%207.20281C17.1892%207.00172%2016.9983%206.81077%2016.7972%206.63094L19.9969%203.0525ZM15.9647%200.67125C16.391%200.820423%2016.8062%200.992688%2017.2087%201.18687L15.1237%205.51062C14.8828%205.39436%2014.6341%205.2904%2014.3794%205.20125L15.9647%200.67125ZM12%200C12.225%200%2012.4489%200.00645264%2012.6712%200.01875L12.4059%204.81125C12.2718%204.80383%2012.1365%204.8%2012%204.8C11.8635%204.8%2011.7282%204.80383%2011.5941%204.81125L11.3287%200.01875C11.5511%200.00645264%2011.775%200%2012%200Z'%20fill='%235999D9'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";exports.default=C;

package/dist/components/labs/CategoryStatus/assets/status-room-for-improvement.svg.es.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Status%20/%20Category%20Radial%20'%3e%3cg%20id='Vector'%3e%3cpath%20d='M12.6712%2023.9813C12.4489%2023.9935%2012.225%2024%2012%2024C11.775%2024%2011.5511%2023.9935%2011.3287%2023.9813L11.5941%2019.1888C11.7282%2019.1962%2011.8635%2019.2%2012%2019.2C12.1365%2019.2%2012.2718%2019.1962%2012.4059%2019.1888L12.6712%2023.9813ZM8.87625%2018.4894C9.11725%2018.6056%209.36588%2018.7096%209.62062%2018.7987L8.03531%2023.3287C7.60904%2023.1796%207.19378%2023.0073%206.79125%2022.8131L8.87625%2018.4894ZM17.2087%2022.8131C16.8062%2023.0073%2016.391%2023.1796%2015.9647%2023.3287L14.3794%2018.7987C14.6341%2018.7096%2014.8828%2018.6056%2015.1237%2018.4894L17.2087%2022.8131ZM6.63094%2016.7972C6.81077%2016.9983%207.00172%2017.1892%207.20281%2017.3691L4.00312%2020.9475C3.66889%2020.6486%203.35139%2020.3311%203.0525%2019.9969L6.63094%2016.7972ZM20.9475%2019.9969C20.6486%2020.3311%2020.3311%2020.6486%2019.9969%2020.9475L16.7972%2017.3691C16.9983%2017.1892%2017.1892%2016.9983%2017.3691%2016.7972L20.9475%2019.9969ZM5.20125%2014.3794C5.2904%2014.6341%205.39436%2014.8828%205.51062%2015.1237L1.18687%2017.2087C0.992688%2016.8062%200.820423%2016.391%200.67125%2015.9647L5.20125%2014.3794ZM23.3287%2015.9647C23.1796%2016.391%2023.0073%2016.8062%2022.8131%2017.2087L18.4894%2015.1237C18.6056%2014.8828%2018.7096%2014.6341%2018.7987%2014.3794L23.3287%2015.9647ZM0%2012C0%2011.775%200.00645264%2011.5511%200.01875%2011.3287L4.81125%2011.5941C4.80383%2011.7282%204.8%2011.8635%204.8%2012C4.8%2012.1365%204.80383%2012.2718%204.81125%2012.4059L0.01875%2012.6712C0.00645264%2012.4489%200%2012.225%200%2012ZM19.2%2012C19.2%2011.8635%2019.1962%2011.7282%2019.1888%2011.5941L23.9813%2011.3287C23.9935%2011.5511%2024%2011.775%2024%2012C24%2012.225%2023.9935%2012.4489%2023.9813%2012.6712L19.1888%2012.4059C19.1962%2012.2718%2019.2%2012.1365%2019.2%2012ZM5.51062%208.87625C5.39436%209.11725%205.29039%209.36588%205.20125%209.62062L0.67125%208.03531C0.820423%207.60904%200.992688%207.19378%201.18687%206.79125L5.51062%208.87625ZM22.8131%206.79125C23.0073%207.19378%2023.1796%207.60904%2023.3287%208.03531L18.7987%209.62062C18.7096%209.36588%2018.6056%209.11725%2018.4894%208.87625L22.8131%206.79125ZM7.20281%206.63094C7.00172%206.81077%206.81077%207.00172%206.63094%207.20281L3.0525%204.00312C3.35139%203.66889%203.66889%203.35139%204.00312%203.0525L7.20281%206.63094ZM19.9969%203.0525C20.3311%203.35139%2020.6486%203.66889%2020.9475%204.00312L17.3691%207.20281C17.1892%207.00172%2016.9983%206.81077%2016.7972%206.63094L19.9969%203.0525ZM9.62062%205.20125C9.36588%205.2904%209.11725%205.39436%208.87625%205.51062L6.79125%201.18687C7.19378%200.992688%207.60904%200.820423%208.03531%200.67125L9.62062%205.20125ZM15.9647%200.67125C16.391%200.820423%2016.8062%200.992688%2017.2087%201.18687L15.1237%205.51062C14.8828%205.39436%2014.6341%205.2904%2014.3794%205.20125L15.9647%200.67125ZM12%200C12.225%200%2012.4489%200.00645264%2012.6712%200.01875L12.4059%204.81125C12.2718%204.80383%2012.1365%204.8%2012%204.8C11.8635%204.8%2011.7282%204.80383%2011.5941%204.81125L11.3287%200.01875C11.5511%200.00645264%2011.775%200%2012%200Z'%20fill='black'%20fill-opacity='0.1'/%3e%3cpath%20d='M12.6712%2023.9813C12.4489%2023.9935%2012.225%2024%2012%2024C11.775%2024%2011.5511%2023.9935%2011.3287%2023.9813L11.5941%2019.1888C11.7282%2019.1962%2011.8635%2019.2%2012%2019.2C12.1365%2019.2%2012.2718%2019.1962%2012.4059%2019.1888L12.6712%2023.9813ZM8.87625%2018.4894C9.11725%2018.6056%209.36588%2018.7096%209.62062%2018.7987L8.03531%2023.3287C7.60904%2023.1796%207.19378%2023.0073%206.79125%2022.8131L8.87625%2018.4894ZM17.2087%2022.8131C16.8062%2023.0073%2016.391%2023.1796%2015.9647%2023.3287L14.3794%2018.7987C14.6341%2018.7096%2014.8828%2018.6056%2015.1237%2018.4894L17.2087%2022.8131ZM6.63094%2016.7972C6.81077%2016.9983%207.00172%2017.1892%207.20281%2017.3691L4.00312%2020.9475C3.66889%2020.6486%203.35139%2020.3311%203.0525%2019.9969L6.63094%2016.7972ZM20.9475%2019.9969C20.6486%2020.3311%2020.3311%2020.6486%2019.9969%2020.9475L16.7972%2017.3691C16.9983%2017.1892%2017.1892%2016.9983%2017.3691%2016.7972L20.9475%2019.9969ZM5.20125%2014.3794C5.2904%2014.6341%205.39436%2014.8828%205.51062%2015.1237L1.18687%2017.2087C0.992688%2016.8062%200.820423%2016.391%200.67125%2015.9647L5.20125%2014.3794ZM23.3287%2015.9647C23.1796%2016.391%2023.0073%2016.8062%2022.8131%2017.2087L18.4894%2015.1237C18.6056%2014.8828%2018.7096%2014.6341%2018.7987%2014.3794L23.3287%2015.9647ZM19.2%2012C19.2%2011.8635%2019.1962%2011.7282%2019.1888%2011.5941L23.9813%2011.3287C23.9935%2011.5511%2024%2011.775%2024%2012C24%2012.225%2023.9935%2012.4489%2023.9813%2012.6712L19.1888%2012.4059C19.1962%2012.2718%2019.2%2012.1365%2019.2%2012ZM22.8131%206.79125C23.0073%207.19378%2023.1796%207.60904%2023.3287%208.03531L18.7987%209.62062C18.7096%209.36588%2018.6056%209.11725%2018.4894%208.87625L22.8131%206.79125ZM19.9969%203.0525C20.3311%203.35139%2020.6486%203.66889%2020.9475%204.00312L17.3691%207.20281C17.1892%207.00172%2016.9983%206.81077%2016.7972%206.63094L19.9969%203.0525ZM15.9647%200.67125C16.391%200.820423%2016.8062%200.992688%2017.2087%201.18687L15.1237%205.51062C14.8828%205.39436%2014.6341%205.2904%2014.3794%205.20125L15.9647%200.67125ZM12%200C12.225%200%2012.4489%200.00645264%2012.6712%200.01875L12.4059%204.81125C12.2718%204.80383%2012.1365%204.8%2012%204.8C11.8635%204.8%2011.7282%204.80383%2011.5941%204.81125L11.3287%200.01875C11.5511%200.00645264%2011.775%200%2012%200Z'%20fill='%235999D9'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/components/labs/ProgressPager/ProgressPager.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../utils/cn/cn.cjs.js"),s=require("../../../src/components/labs/ProgressPager/progressPager.module.css"),n=require("../../Icon/Icon.cjs.js"),o=require("../../Icon/constants.cjs.js"),m=({onPrevious:t,onNext:c,previousDisabled:a,nextDisabled:r,previousLabel:i="Previous",nextLabel:l="Next",className:u})=>e.jsxs("div",{className:d.cn(s.root,u),children:[e.jsx("button",{type:"button",className:s.button,"aria-label":i,disabled:a,onClick:t,children:e.jsx(n.Icon,{name:o.EIconName.ARROW_BACK,className:s.icon})}),e.jsx("span",{"aria-hidden":!0,className:s.divider}),e.jsx("button",{type:"button",className:s.button,"aria-label":l,disabled:r,onClick:c,children:e.jsx(n.Icon,{name:o.EIconName.ARROW_FORWARD,className:s.icon})})]});exports.ProgressPager=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../../utils/cn/cn.cjs.js"),s=require("../../../src/components/labs/ProgressPager/progressPager.module.css"),n=require("../../Icon/Icon.cjs.js"),t=require("../../Icon/constants.cjs.js"),N=({onPrevious:a,onNext:o,previousDisabled:c,nextDisabled:r,previousLabel:i="Previous",nextLabel:l="Next",inverted:u=!1,size:d="sm",className:m})=>e.jsxs("div",{className:b.cn(s.root,m),"data-inverted":u,"data-size":d,children:[e.jsx("button",{type:"button",className:s.button,"aria-label":i,disabled:c,onClick:a,children:e.jsx(n.Icon,{name:t.EIconName.ARROW_BACK,className:s.icon})}),e.jsx("span",{"aria-hidden":!0,className:s.divider}),e.jsx("button",{type:"button",className:s.button,"aria-label":l,disabled:r,onClick:o,children:e.jsx(n.Icon,{name:t.EIconName.ARROW_FORWARD,className:s.icon})})]});exports.ProgressPager=N;

package/dist/components/labs/ProgressPager/ProgressPager.d.ts

@@ -1,3 +1,3 @@
 import { ProgressPagerProps } from './types';
-/** Figma "progress-button" (903:359397): bordered prev/next pager on the key-biomarker carousel header. */
-export declare const ProgressPager: ({ onPrevious, onNext, previousDisabled, nextDisabled, previousLabel, nextLabel, className, }: ProgressPagerProps) => import("react").JSX.Element;
+/** Figma "progress-button" (903:359397; inverted md variant 1286:149971): bordered prev/next pager on carousel headers. */
+export declare const ProgressPager: ({ onPrevious, onNext, previousDisabled, nextDisabled, previousLabel, nextLabel, inverted, size, className, }: ProgressPagerProps) => import("react").JSX.Element;

package/dist/components/labs/ProgressPager/ProgressPager.es.js

@@ -1,31 +1,33 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { cn as b } from "../../../utils/cn/cn.es.js";
-import o from "../../../components/labs/ProgressPager/progressPager.module.css";
-import { Icon as e } from "../../Icon/Icon.es.js";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { cn as u } from "../../../utils/cn/cn.es.js";
+import a from "../../../components/labs/ProgressPager/progressPager.module.css";
+import { Icon as o } from "../../Icon/Icon.es.js";
 import { EIconName as t } from "../../Icon/constants.es.js";
-const h = ({
-  onPrevious: r,
-  onNext: s,
+const x = ({
+  onPrevious: s,
+  onNext: r,
   previousDisabled: i,
   nextDisabled: n,
   previousLabel: m = "Previous",
   nextLabel: l = "Next",
-  className: c
-}) => /* @__PURE__ */ d("div", { className: b(o.root, c), children: [
-  /* @__PURE__ */ a(
+  inverted: c = !1,
+  size: d = "sm",
+  className: b
+}) => /* @__PURE__ */ p("div", { className: u(a.root, b), "data-inverted": c, "data-size": d, children: [
+  /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      className: o.button,
+      className: a.button,
       "aria-label": m,
       disabled: i,
-      onClick: r,
-      children: /* @__PURE__ */ a(e, { name: t.ARROW_BACK, className: o.icon })
+      onClick: s,
+      children: /* @__PURE__ */ e(o, { name: t.ARROW_BACK, className: a.icon })
     }
   ),
-  /* @__PURE__ */ a("span", { "aria-hidden": !0, className: o.divider }),
-  /* @__PURE__ */ a("button", { type: "button", className: o.button, "aria-label": l, disabled: n, onClick: s, children: /* @__PURE__ */ a(e, { name: t.ARROW_FORWARD, className: o.icon }) })
+  /* @__PURE__ */ e("span", { "aria-hidden": !0, className: a.divider }),
+  /* @__PURE__ */ e("button", { type: "button", className: a.button, "aria-label": l, disabled: n, onClick: r, children: /* @__PURE__ */ e(o, { name: t.ARROW_FORWARD, className: a.icon }) })
 ] });
 export {
-  h as ProgressPager
+  x as ProgressPager
 };

package/dist/components/labs/ProgressPager/progressPager.module.css

@@ -37,3 +37,29 @@
     width: 16px;
     height: 16px;
 }
+
+.root[data-size='md'] .button {
+    height: 36px;
+    padding: var(--spacing-8) var(--spacing-16);
+}
+
+.root[data-size='md'] .icon {
+    width: 20px;
+    height: 20px;
+}
+
+.root[data-inverted='true'] {
+    border-color: var(--border-color-alpha-white-10);
+}
+
+.root[data-inverted='true'] .button {
+    color: var(--color-text-primary-inverted);
+}
+
+.root[data-inverted='true'] .button:disabled {
+    color: var(--color-text-secondary-disabled);
+}
+
+.root[data-inverted='true'] .divider {
+    background: var(--border-color-alpha-white-10);
+}

package/dist/components/labs/ProgressPager/types.d.ts

@@ -5,5 +5,7 @@ export type ProgressPagerProps = {
     nextDisabled?: boolean;
     previousLabel?: string;
     nextLabel?: string;
+    inverted?: boolean;
+    size?: 'sm' | 'md';
     className?: string;
 };

package/dist/components/labs/StatusLabel/StatusLabel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("../../../utils/cn/cn.cjs.js"),a=require("../../../src/components/labs/StatusLabel/statusLabel.module.css"),p=require("../StatusDot/StatusDot.cjs.js"),d=require("../../Typography/Typography.cjs.js"),l={optimal:"Optimal",healthy:"Opportunity",borderline:"Borderline",priority:"Priority"},m=({status:t,style:e="minimal",label:o,showDot:s=!0,inverted:n=!1,className:c})=>r.jsxs("span",{className:i.cn(a.root,c),"data-status":t,"data-style":e,"data-inverted":n,children:[s&&r.jsx(p.StatusDot,{status:t,style:e==="emphasized"?"emphasized":"minimal"}),r.jsx(d.Typography,{defaultVariant:e==="emphasized"?"labelMd":"labelSm",color:e==="emphasized"?"color-text-secondary-hover":void 0,className:i.cn(a.text,e!=="emphasized"&&a.textColor),children:o!=null?o:l[t]})]});exports.StatusLabel=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../../../utils/cn/cn.cjs.js"),t=require("../../../src/components/labs/StatusLabel/statusLabel.module.css"),d=require("../StatusDot/StatusDot.cjs.js"),n=require("../../Typography/Typography.cjs.js"),m={optimal:"Optimal",healthy:"Opportunity",borderline:"Borderline",priority:"Priority"},u=({status:r,style:e="minimal",label:s,count:i,showDot:c=!0,inverted:l=!1,className:p})=>a.jsxs("span",{className:o.cn(t.root,p),"data-status":r,"data-style":e,"data-inverted":l,children:[c&&a.jsx(d.StatusDot,{status:r,style:e==="emphasized"?"emphasized":"minimal"}),a.jsxs("span",{className:t.textGroup,children:[i&&a.jsx(n.Typography,{defaultVariant:e==="emphasized"?"labelMd":"labelSm",className:o.cn(t.text,t.count),children:i}),a.jsx(n.Typography,{defaultVariant:e==="emphasized"?"labelMd":"labelSm",color:e==="emphasized"?"color-text-secondary-hover":void 0,className:o.cn(t.text,e!=="emphasized"&&t.textColor),children:s!=null?s:m[r]})]})]});exports.StatusLabel=u;

package/dist/components/labs/StatusLabel/StatusLabel.d.ts

@@ -1,3 +1,3 @@
 import { StatusLabelProps } from './types';
 /** Figma "Status / Indicator Label" (library set 191:6610 in xepxS2NjDp88HSMW1UdMZo). */
-export declare const StatusLabel: ({ status, style, label, showDot, inverted, className, }: StatusLabelProps) => import("react").JSX.Element;
+export declare const StatusLabel: ({ status, style, label, count, showDot, inverted, className, }: StatusLabelProps) => import("react").JSX.Element;