@zenpatient-org/healthspan-marketing-ui 0.1.19 → 0.1.21

package/dist/components/ProgramCard/programCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="programCard-module__card___PuYN2",r={card:e};exports.card=e;exports.default=r;

package/dist/components/ProgramCard/programCard.module.css.es.js

@@ -0,0 +1,7 @@
+const a = "programCard-module__card___PuYN2", r = {
+  card: a
+};
+export {
+  a as card,
+  r as default
+};

package/dist/components/ProgressButton/ProgressButton.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs.js"),i=require("../../utils/cn.cjs.js"),r=require("../Icon/constants.cjs.js");require("react");const a=require("../Icon/Icon.cjs.js"),e=require("./progressButton.module.css.cjs.js"),u=({orientation:s,icon:n,disabled:o=!1,onClick:c})=>t.jsxRuntimeExports.jsx("button",{className:i.cn(e.default.button,{[e.default.buttonLeft]:s==="left",[e.default.buttonRight]:s==="right"}),disabled:o,onClick:c,children:t.jsxRuntimeExports.jsx("div",{className:e.default.iconWrap,children:t.jsxRuntimeExports.jsx(a.Icon,{name:n,className:e.default.icon})})}),l=({invert:s=!1,left:n,right:o})=>t.jsxRuntimeExports.jsxs("div",{className:i.cn(e.default.root,{[e.default.inverted]:s}),children:[t.jsxRuntimeExports.jsx(u,{orientation:"left",icon:r.EIconName.ARROW_BACK,disabled:n.disabled,onClick:n.onClick}),t.jsxRuntimeExports.jsx("div",{className:i.cn(e.default.divider,{[e.default.inverted]:s})}),t.jsxRuntimeExports.jsx(u,{orientation:"right",icon:r.EIconName.ARROW_FORWARD,disabled:o.disabled,onClick:o.onClick})]});exports.ProgressButton=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("../../utils/cn/cn.cjs.js"),l=require("../Icon/Icon.cjs.js"),i=require("../Icon/constants.cjs.js"),e=require("./progressButton.module.css.cjs.js"),r=({orientation:n,icon:o,disabled:s=!1,onClick:a})=>t.jsx("button",{className:c.cn(e.default.button,{[e.default.buttonLeft]:n==="left",[e.default.buttonRight]:n==="right"}),disabled:s,onClick:a,children:t.jsx("div",{className:e.default.iconWrap,children:t.jsx(l.Icon,{name:o,className:e.default.icon})})}),d=({invert:n=!1,left:o,right:s})=>t.jsxs("div",{className:c.cn(e.default.root,{[e.default.inverted]:n}),children:[t.jsx(r,{orientation:"left",icon:i.EIconName.ARROW_BACK,disabled:o.disabled,onClick:o.onClick}),t.jsx("div",{className:c.cn(e.default.divider,{[e.default.inverted]:n})}),t.jsx(r,{orientation:"right",icon:i.EIconName.ARROW_FORWARD,disabled:s.disabled,onClick:s.onClick})]});exports.ProgressButton=d;

package/dist/components/ProgressButton/ProgressButton.es.js

@@ -1,33 +1,32 @@
-import { j as t } from "../../_virtual/jsx-runtime.es.js";
-import { cn as n } from "../../utils/cn.es.js";
-import { EIconName as r } from "../Icon/constants.es.js";
-import "react";
-import { Icon as l } from "../Icon/Icon.es.js";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { cn as r } from "../../utils/cn/cn.es.js";
+import { Icon as d } from "../Icon/Icon.es.js";
+import { EIconName as s } from "../Icon/constants.es.js";
 import o from "./progressButton.module.css.es.js";
-const a = ({ orientation: s, icon: i, disabled: e = !1, onClick: c }) => /* @__PURE__ */ t.jsx(
+const c = ({ orientation: i, icon: e, disabled: n = !1, onClick: a }) => /* @__PURE__ */ t(
   "button",
   {
-    className: n(o.button, {
-      [o.buttonLeft]: s === "left",
-      [o.buttonRight]: s === "right"
+    className: r(o.button, {
+      [o.buttonLeft]: i === "left",
+      [o.buttonRight]: i === "right"
     }),
-    disabled: e,
-    onClick: c,
-    children: /* @__PURE__ */ t.jsx("div", { className: o.iconWrap, children: /* @__PURE__ */ t.jsx(l, { name: i, className: o.icon }) })
+    disabled: n,
+    onClick: a,
+    children: /* @__PURE__ */ t("div", { className: o.iconWrap, children: /* @__PURE__ */ t(d, { name: e, className: o.icon }) })
   }
-), u = ({ invert: s = !1, left: i, right: e }) => /* @__PURE__ */ t.jsxs(
+), R = ({ invert: i = !1, left: e, right: n }) => /* @__PURE__ */ l(
   "div",
   {
-    className: n(o.root, {
-      [o.inverted]: s
+    className: r(o.root, {
+      [o.inverted]: i
     }),
     children: [
-      /* @__PURE__ */ t.jsx(a, { orientation: "left", icon: r.ARROW_BACK, disabled: i.disabled, onClick: i.onClick }),
-      /* @__PURE__ */ t.jsx("div", { className: n(o.divider, { [o.inverted]: s }) }),
-      /* @__PURE__ */ t.jsx(a, { orientation: "right", icon: r.ARROW_FORWARD, disabled: e.disabled, onClick: e.onClick })
+      /* @__PURE__ */ t(c, { orientation: "left", icon: s.ARROW_BACK, disabled: e.disabled, onClick: e.onClick }),
+      /* @__PURE__ */ t("div", { className: r(o.divider, { [o.inverted]: i }) }),
+      /* @__PURE__ */ t(c, { orientation: "right", icon: s.ARROW_FORWARD, disabled: n.disabled, onClick: n.onClick })
     ]
   }
 );
 export {
-  u as ProgressButton
+  R as ProgressButton
 };

package/dist/components/StepsCarousel/StepsCarousel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),c=require("react"),u=require("../../utils/cn.cjs.js"),p=require("../Label/Label.cjs.js"),j=require("../ProgressButton/ProgressButton.cjs.js"),d=require("../Typography/Typography.cjs.js"),t=require("./stepsCarousel.module.css.cjs.js"),f=({steps:m,colorScheme:i})=>{const[r,l]=c.useState(0),n=c.useRef([]);return c.useEffect(()=>{var s;n.current[r]&&((s=n.current[r])==null||s.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"}))},[r]),e.jsxRuntimeExports.jsxs("div",{className:t.default.root,"data-scheme":i,children:[e.jsxRuntimeExports.jsx("div",{className:t.default.stepsContainer,"data-scheme":i,children:m.map((s,a)=>{const o=r===a;return e.jsxRuntimeExports.jsxs("button",{ref:x=>{n.current.splice(a,1,x)},className:u.cn(t.default.card,o&&t.default.cardActive),onClick:()=>l(a),type:"button",children:[e.jsxRuntimeExports.jsx("div",{className:u.cn(t.default.imageWrapper,o&&t.default.imageWrapperActive),children:e.jsxRuntimeExports.jsx("img",{src:s.image,alt:s.title,className:t.default.image})}),e.jsxRuntimeExports.jsx("div",{className:t.default.stepLabel,children:o?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(p.Label,{size:"lg",className:t.default.desktop,color:i==="dark"?"white":"black",children:["Step ",a+1]}),e.jsxRuntimeExports.jsxs(p.Label,{size:"sm",className:t.default.mobile,color:i==="dark"?"white":"black",children:["Step ",a+1]})]}):e.jsxRuntimeExports.jsxs(d.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:t.default.labelText,children:["Step ",a+1]})}),e.jsxRuntimeExports.jsxs("div",{className:t.default.textContainer,children:[e.jsxRuntimeExports.jsx(d.Typography,{as:"h3",defaultVariant:"headingXs",mobileVariant:"headingXxs",children:s.title}),s.description&&e.jsxRuntimeExports.jsx(d.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:t.default.cardDescription,children:s.description})]})]},`step-${a}`)})}),e.jsxRuntimeExports.jsx("div",{className:u.cn(t.default.mobile,t.default.progressButtonContainer),children:e.jsxRuntimeExports.jsx(j.ProgressButton,{invert:i==="dark",left:{disabled:r<=0,onClick:()=>l(s=>s-1)},right:{disabled:r>=m.length-1,onClick:()=>l(s=>s+1)}})})]})};exports.StepsCarousel=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),d=require("../../utils/cn/cn.cjs.js"),m=require("../Label/Label.cjs.js"),h=require("../ProgressButton/ProgressButton.cjs.js"),u=require("../Typography/Typography.cjs.js"),t=require("./stepsCarousel.module.css.cjs.js"),b=({steps:p,colorScheme:l})=>{const[r,i]=o.useState(0),n=o.useRef([]);return o.useEffect(()=>{var a;n.current[r]&&((a=n.current[r])==null||a.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"}))},[r]),e.jsxs("div",{className:t.default.root,"data-scheme":l,children:[e.jsx("div",{className:t.default.stepsContainer,"data-scheme":l,children:p.map((a,s)=>{const c=r===s;return e.jsxs("button",{ref:f=>{n.current.splice(s,1,f)},className:d.cn(t.default.card,c&&t.default.cardActive),onClick:()=>i(s),type:"button",children:[e.jsx("div",{className:d.cn(t.default.imageWrapper,c&&t.default.imageWrapperActive),children:e.jsx("img",{src:a.image,alt:a.title,className:t.default.image})}),e.jsx("div",{className:t.default.stepLabel,children:c?e.jsxs(e.Fragment,{children:[e.jsxs(m.Label,{size:"lg",className:t.default.desktop,color:l==="dark"?"white":"black",children:["Step ",s+1]}),e.jsxs(m.Label,{size:"sm",className:t.default.mobile,color:l==="dark"?"white":"black",children:["Step ",s+1]})]}):e.jsxs(u.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:t.default.labelText,children:["Step ",s+1]})}),e.jsxs("div",{className:t.default.textContainer,children:[e.jsx(u.Typography,{as:"h3",defaultVariant:"headingXs",mobileVariant:"headingXxs",children:a.title}),a.description&&e.jsx(u.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:t.default.cardDescription,children:a.description})]})]},`step-${s}`)})}),e.jsx("div",{className:d.cn(t.default.mobile,t.default.progressButtonContainer),children:e.jsx(h.ProgressButton,{invert:l==="dark",left:{disabled:r<=0,onClick:()=>i(a=>a-1)},right:{disabled:r>=p.length-1,onClick:()=>i(a=>a+1)}})})]})};exports.StepsCarousel=b;

package/dist/components/StepsCarousel/StepsCarousel.es.js

@@ -1,71 +1,72 @@
-import { j as e } from "../../_virtual/jsx-runtime.es.js";
-import { useState as b, useRef as u, useEffect as f } from "react";
-import { cn as o } from "../../utils/cn.es.js";
-import { Label as p } from "../Label/Label.es.js";
-import { ProgressButton as j } from "../ProgressButton/ProgressButton.es.js";
-import { Typography as m } from "../Typography/Typography.es.js";
-import s from "./stepsCarousel.module.css.es.js";
-const y = ({ steps: d, colorScheme: i }) => {
-  const [r, l] = b(0), c = u([]);
-  return f(() => {
+"use client";
+import { jsxs as i, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { useState as f, useRef as g, useEffect as v } from "react";
+import { cn as m } from "../../utils/cn/cn.es.js";
+import { Label as h } from "../Label/Label.es.js";
+import { ProgressButton as N } from "../ProgressButton/ProgressButton.es.js";
+import { Typography as d } from "../Typography/Typography.es.js";
+import e from "./stepsCarousel.module.css.es.js";
+const X = ({ steps: p, colorScheme: l }) => {
+  const [s, c] = f(0), n = g([]);
+  return v(() => {
     var a;
-    c.current[r] && ((a = c.current[r]) == null || a.scrollIntoView({
+    n.current[s] && ((a = n.current[s]) == null || a.scrollIntoView({
       behavior: "smooth",
       inline: "center",
       block: "nearest"
     }));
-  }, [r]), /* @__PURE__ */ e.jsxs("div", { className: s.root, "data-scheme": i, children: [
-    /* @__PURE__ */ e.jsx("div", { className: s.stepsContainer, "data-scheme": i, children: d.map((a, t) => {
-      const n = r === t;
-      return /* @__PURE__ */ e.jsxs(
+  }, [s]), /* @__PURE__ */ i("div", { className: e.root, "data-scheme": l, children: [
+    /* @__PURE__ */ t("div", { className: e.stepsContainer, "data-scheme": l, children: p.map((a, r) => {
+      const o = s === r;
+      return /* @__PURE__ */ i(
         "button",
         {
-          ref: (h) => {
-            c.current.splice(t, 1, h);
+          ref: (b) => {
+            n.current.splice(r, 1, b);
           },
-          className: o(s.card, n && s.cardActive),
-          onClick: () => l(t),
+          className: m(e.card, o && e.cardActive),
+          onClick: () => c(r),
           type: "button",
           children: [
-            /* @__PURE__ */ e.jsx("div", { className: o(s.imageWrapper, n && s.imageWrapperActive), children: /* @__PURE__ */ e.jsx("img", { src: a.image, alt: a.title, className: s.image }) }),
-            /* @__PURE__ */ e.jsx("div", { className: s.stepLabel, children: n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-              /* @__PURE__ */ e.jsxs(p, { size: "lg", className: s.desktop, color: i === "dark" ? "white" : "black", children: [
+            /* @__PURE__ */ t("div", { className: m(e.imageWrapper, o && e.imageWrapperActive), children: /* @__PURE__ */ t("img", { src: a.image, alt: a.title, className: e.image }) }),
+            /* @__PURE__ */ t("div", { className: e.stepLabel, children: o ? /* @__PURE__ */ i(u, { children: [
+              /* @__PURE__ */ i(h, { size: "lg", className: e.desktop, color: l === "dark" ? "white" : "black", children: [
                 "Step ",
-                t + 1
+                r + 1
               ] }),
-              /* @__PURE__ */ e.jsxs(p, { size: "sm", className: s.mobile, color: i === "dark" ? "white" : "black", children: [
+              /* @__PURE__ */ i(h, { size: "sm", className: e.mobile, color: l === "dark" ? "white" : "black", children: [
                 "Step ",
-                t + 1
+                r + 1
               ] })
-            ] }) : /* @__PURE__ */ e.jsxs(m, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, className: s.labelText, children: [
+            ] }) : /* @__PURE__ */ i(d, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, className: e.labelText, children: [
               "Step ",
-              t + 1
+              r + 1
             ] }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: s.textContainer, children: [
-              /* @__PURE__ */ e.jsx(m, { as: "h3", defaultVariant: "headingXs", mobileVariant: "headingXxs", children: a.title }),
-              a.description && /* @__PURE__ */ e.jsx(m, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", className: s.cardDescription, children: a.description })
+            /* @__PURE__ */ i("div", { className: e.textContainer, children: [
+              /* @__PURE__ */ t(d, { as: "h3", defaultVariant: "headingXs", mobileVariant: "headingXxs", children: a.title }),
+              a.description && /* @__PURE__ */ t(d, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", className: e.cardDescription, children: a.description })
             ] })
           ]
         },
-        `step-${t}`
+        `step-${r}`
       );
     }) }),
-    /* @__PURE__ */ e.jsx("div", { className: o(s.mobile, s.progressButtonContainer), children: /* @__PURE__ */ e.jsx(
-      j,
+    /* @__PURE__ */ t("div", { className: m(e.mobile, e.progressButtonContainer), children: /* @__PURE__ */ t(
+      N,
       {
-        invert: i === "dark",
+        invert: l === "dark",
         left: {
-          disabled: r <= 0,
-          onClick: () => l((a) => a - 1)
+          disabled: s <= 0,
+          onClick: () => c((a) => a - 1)
         },
         right: {
-          disabled: r >= d.length - 1,
-          onClick: () => l((a) => a + 1)
+          disabled: s >= p.length - 1,
+          onClick: () => c((a) => a + 1)
         }
       }
     ) })
   ] });
 };
 export {
-  y as StepsCarousel
+  X as StepsCarousel
 };

package/dist/components/StudyGridCard/StudyGridCard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../Icon/Icon.cjs.js");const l=require("../Icon/constants.cjs.js"),m=require("../Label/Label.cjs.js"),d=require("../TextButton/TextButton.cjs.js"),a=require("../Typography/Typography.cjs.js"),t=require("./studyGridCard.module.css.cjs.js");function h(r){return new Date(r).toLocaleDateString("en-US",{month:"2-digit",day:"2-digit",year:"numeric"}).replace(/\//g," / ")}function f({title:r,link:n,inverted:s,image:u,date:c,label:o,readTime:i}){return e.jsxs("div",{className:t.default.study,"data-inverted":s,children:[e.jsx("div",{className:t.default.imagePart,style:{backgroundImage:`url(${u})`},children:o&&e.jsx(m.Label,{...o})}),e.jsxs("div",{className:t.default.dataPart,children:[e.jsxs("div",{className:t.default.info,children:[e.jsx(a.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:h(c)}),!!i&&e.jsxs(e.Fragment,{children:[e.jsx(a.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:"•"}),e.jsxs(a.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,weight:"medium",color:"color-neutral-500",children:[i," MIN READ"]})]})]}),e.jsx(a.Typography,{className:t.default.title,defaultVariant:"headingSm",mobileVariant:"bodySm",as:"h6",children:r}),e.jsxs("div",{className:t.default.button,children:[e.jsx(d.TextButton,{hideOn:"desktop",className:t.default.mobileButton,size:"sm",as:"a",href:n,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"}),e.jsx(d.TextButton,{hideOn:"mobile",className:t.default.desktopButton,size:"lg",as:"a",href:n,suffixIcon:l.EIconName.ARROW_FORWARD,children:"READ MORE"})]})]})]})}exports.StudyGridCard=f;

package/dist/components/StudyGridCard/StudyGridCard.es.js

@@ -0,0 +1,61 @@
+import { jsxs as t, jsx as a, Fragment as h } from "react/jsx-runtime";
+import "../Icon/Icon.es.js";
+import { EIconName as d } from "../Icon/constants.es.js";
+import { Label as f } from "../Label/Label.es.js";
+import { TextButton as s } from "../TextButton/TextButton.es.js";
+import { Typography as r } from "../Typography/Typography.es.js";
+import e from "./studyGridCard.module.css.es.js";
+function b(i) {
+  return new Date(i).toLocaleDateString("en-US", {
+    month: "2-digit",
+    day: "2-digit",
+    year: "numeric"
+  }).replace(/\//g, " / ");
+}
+function S({ title: i, link: l, inverted: o, image: c, date: u, label: n, readTime: m }) {
+  return /* @__PURE__ */ t("div", { className: e.study, "data-inverted": o, children: [
+    /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${c})` }, children: n && /* @__PURE__ */ a(f, { ...n }) }),
+    /* @__PURE__ */ t("div", { className: e.dataPart, children: [
+      /* @__PURE__ */ t("div", { className: e.info, children: [
+        /* @__PURE__ */ a(r, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "medium", color: "color-neutral-500", children: b(u) }),
+        !!m && /* @__PURE__ */ t(h, { children: [
+          /* @__PURE__ */ a(r, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "medium", color: "color-neutral-500", children: "•" }),
+          /* @__PURE__ */ t(r, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
+            m,
+            " MIN READ"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ a(r, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: i }),
+      /* @__PURE__ */ t("div", { className: e.button, children: [
+        /* @__PURE__ */ a(
+          s,
+          {
+            hideOn: "desktop",
+            className: e.mobileButton,
+            size: "sm",
+            as: "a",
+            href: l,
+            suffixIcon: d.ARROW_FORWARD,
+            children: "READ MORE"
+          }
+        ),
+        /* @__PURE__ */ a(
+          s,
+          {
+            hideOn: "mobile",
+            className: e.desktopButton,
+            size: "lg",
+            as: "a",
+            href: l,
+            suffixIcon: d.ARROW_FORWARD,
+            children: "READ MORE"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  S as StudyGridCard
+};

package/dist/components/StudyGridCard/studyGridCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="studyGridCard-module__study___mkYRU",d="studyGridCard-module__imagePart___fvIQO",_="studyGridCard-module__dataPart___mweMi",o="studyGridCard-module__info___xY-Kk",e="studyGridCard-module__title___U2va1",u="studyGridCard-module__button___bvI0u",a="studyGridCard-module__mobileButton___v-RZs",i={study:t,imagePart:d,dataPart:_,info:o,title:e,button:u,mobileButton:a};exports.button=u;exports.dataPart=_;exports.default=i;exports.imagePart=d;exports.info=o;exports.mobileButton=a;exports.study=t;exports.title=e;

package/dist/components/StudyGridCard/studyGridCard.module.css.es.js

@@ -0,0 +1,19 @@
+const t = "studyGridCard-module__study___mkYRU", d = "studyGridCard-module__imagePart___fvIQO", _ = "studyGridCard-module__dataPart___mweMi", o = "studyGridCard-module__info___xY-Kk", a = "studyGridCard-module__title___U2va1", u = "studyGridCard-module__button___bvI0u", s = "studyGridCard-module__mobileButton___v-RZs", r = {
+  study: t,
+  imagePart: d,
+  dataPart: _,
+  info: o,
+  title: a,
+  button: u,
+  mobileButton: s
+};
+export {
+  u as button,
+  _ as dataPart,
+  r as default,
+  d as imagePart,
+  o as info,
+  s as mobileButton,
+  t as study,
+  a as title
+};

package/dist/components/Tabs/Tabs.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../_virtual/jsx-runtime.cjs.js"),d=require("react"),x=require("../../utils/cn.cjs.js"),l=require("../Icon/Icon.cjs.js"),s=require("./tabs.module.css.cjs.js");function m({activeTab:t,tabs:i,onTabClick:o,size:r="sm",activeLinePosition:u="bottom",inverted:c},a){return n.jsxRuntimeExports.jsx("div",{ref:a,className:s.default.container,children:i.map(e=>n.jsxRuntimeExports.jsxs("button",{className:x.cn(s.default.tab,s.default[r],{[s.default.inverted]:c,[s.default.activeTab]:t===e.value,[s.default.disabled]:e.disabled,[s.default.brackets]:r==="lg"&&t===e.value&&i.length>1},s.default[u],e.className),disabled:e.disabled,onClick:()=>o(e.value),children:[e.prefixIcon&&n.jsxRuntimeExports.jsx("div",{className:s.default.iconWrap,children:n.jsxRuntimeExports.jsx(l.Icon,{name:e.prefixIcon})}),n.jsxRuntimeExports.jsx("div",{children:e.label}),e.suffixIcon&&n.jsxRuntimeExports.jsx("div",{className:s.default.iconWrap,children:n.jsxRuntimeExports.jsx(l.Icon,{name:e.suffixIcon})})]},String(e.value)))})}const f=d.forwardRef(m);exports.Tabs=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),f=require("../../utils/cn/cn.cjs.js"),i=require("../Icon/Icon.cjs.js"),n=require("./tabs.module.css.cjs.js");function m({activeTab:s,tabs:c,onTabClick:r,size:a="sm",activeLinePosition:d="bottom",inverted:o},u){return l.jsx("div",{ref:u,className:n.default.container,children:c.map(e=>l.jsxs("button",{className:f.cn(n.default.tab,n.default[a],{[n.default.inverted]:o,[n.default.activeTab]:s===e.value,[n.default.disabled]:e.disabled,[n.default.brackets]:a==="lg"&&s===e.value&&c.length>1},n.default[d],e.className),disabled:e.disabled,onClick:()=>r(e.value),children:[e.prefixIcon&&l.jsx("div",{className:n.default.iconWrap,children:l.jsx(i.Icon,{name:e.prefixIcon})}),l.jsx("div",{children:e.label}),e.suffixIcon&&l.jsx("div",{className:n.default.iconWrap,children:l.jsx(i.Icon,{name:e.suffixIcon})})]},String(e.value)))})}const x=t.forwardRef(m);exports.Tabs=x;

package/dist/components/Tabs/Tabs.es.js

@@ -1,36 +1,36 @@
-import { j as i } from "../../_virtual/jsx-runtime.es.js";
-import { forwardRef as f } from "react";
-import { cn as x } from "../../utils/cn.es.js";
-import { Icon as l } from "../Icon/Icon.es.js";
-import s from "./tabs.module.css.es.js";
-function p({ activeTab: n, tabs: o, onTabClick: c, size: r = "sm", activeLinePosition: m = "bottom", inverted: a }, d) {
-  return /* @__PURE__ */ i.jsx("div", { ref: d, className: s.container, children: o.map((e) => /* @__PURE__ */ i.jsxs(
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cn as t } from "../../utils/cn/cn.es.js";
+import { Icon as s } from "../Icon/Icon.es.js";
+import i from "./tabs.module.css.es.js";
+function u({ activeTab: o, tabs: r, onTabClick: c, size: l = "sm", activeLinePosition: m = "bottom", inverted: d }, a) {
+  return /* @__PURE__ */ n("div", { ref: a, className: i.container, children: r.map((e) => /* @__PURE__ */ f(
     "button",
     {
-      className: x(
-        s.tab,
-        s[r],
+      className: t(
+        i.tab,
+        i[l],
         {
-          [s.inverted]: a,
-          [s.activeTab]: n === e.value,
-          [s.disabled]: e.disabled,
-          [s.brackets]: r === "lg" && n === e.value && o.length > 1
+          [i.inverted]: d,
+          [i.activeTab]: o === e.value,
+          [i.disabled]: e.disabled,
+          [i.brackets]: l === "lg" && o === e.value && r.length > 1
         },
-        s[m],
+        i[m],
         e.className
       ),
       disabled: e.disabled,
       onClick: () => c(e.value),
       children: [
-        e.prefixIcon && /* @__PURE__ */ i.jsx("div", { className: s.iconWrap, children: /* @__PURE__ */ i.jsx(l, { name: e.prefixIcon }) }),
-        /* @__PURE__ */ i.jsx("div", { children: e.label }),
-        e.suffixIcon && /* @__PURE__ */ i.jsx("div", { className: s.iconWrap, children: /* @__PURE__ */ i.jsx(l, { name: e.suffixIcon }) })
+        e.prefixIcon && /* @__PURE__ */ n("div", { className: i.iconWrap, children: /* @__PURE__ */ n(s, { name: e.prefixIcon }) }),
+        /* @__PURE__ */ n("div", { children: e.label }),
+        e.suffixIcon && /* @__PURE__ */ n("div", { className: i.iconWrap, children: /* @__PURE__ */ n(s, { name: e.suffixIcon }) })
       ]
     },
     String(e.value)
   )) });
 }
-const I = f(p);
+const g = p(u);
 export {
-  I as Tabs
+  g as Tabs
 };

package/dist/components/Tabs/TabsWithFade.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs.js"),s=require("react"),h=require("../../utils/cn.cjs.js"),b=require("./Tabs.cjs.js"),r=require("./tabs.module.css.cjs.js");function m({tabs:o,activeTab:a,onTabChange:c}){const n=s.useRef(null),[l,u]=s.useState(!1),[d,f]=s.useState(!1),t=s.useCallback(()=>{const e=n.current;e&&(u(e.scrollLeft>0),f(e.scrollLeft+e.clientWidth<e.scrollWidth))},[]);return s.useEffect(()=>{const e=n.current;if(e)return t(),e.addEventListener("scroll",t),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[t]),i.jsxRuntimeExports.jsx("div",{className:h.cn(r.default.tabsWrapper,{[r.default.showFadeLeft]:l,[r.default.showFadeRight]:d}),children:i.jsxRuntimeExports.jsx("div",{ref:n,className:r.default.tabsTape,children:i.jsxRuntimeExports.jsx(b.Tabs,{activeTab:a,tabs:o,size:"lg",activeLinePosition:"bottom",onTabClick:c})})})}exports.TabsWithFade=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),h=require("../../utils/cn/cn.cjs.js"),b=require("./Tabs.cjs.js"),r=require("./tabs.module.css.cjs.js");function v({tabs:o,activeTab:c,onTabChange:a}){const n=s.useRef(null),[l,u]=s.useState(!1),[d,f]=s.useState(!1),t=s.useCallback(()=>{const e=n.current;e&&(u(e.scrollLeft>0),f(e.scrollLeft+e.clientWidth<e.scrollWidth))},[]);return s.useEffect(()=>{const e=n.current;if(e)return t(),e.addEventListener("scroll",t),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[t]),i.jsx("div",{className:h.cn(r.default.tabsWrapper,{[r.default.showFadeLeft]:l,[r.default.showFadeRight]:d}),children:i.jsx("div",{ref:n,className:r.default.tabsTape,children:i.jsx(b.Tabs,{activeTab:c,tabs:o,size:"lg",activeLinePosition:"bottom",onTabClick:a})})})}exports.TabsWithFade=v;

package/dist/components/Tabs/TabsWithFade.es.js

@@ -1,30 +1,31 @@
-import { j as o } from "../../_virtual/jsx-runtime.es.js";
-import { useRef as h, useState as i, useCallback as u, useEffect as p } from "react";
-import { cn as w } from "../../utils/cn.es.js";
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as m, useState as i, useCallback as u, useEffect as p } from "react";
+import { cn as w } from "../../utils/cn/cn.es.js";
 import { Tabs as L } from "./Tabs.es.js";
-import s from "./tabs.module.css.es.js";
-function j({ tabs: n, activeTab: l, onTabChange: c }) {
-  const r = h(null), [a, f] = i(!1), [m, d] = i(!1), t = u(() => {
-    const e = r.current;
-    e && (f(e.scrollLeft > 0), d(e.scrollLeft + e.clientWidth < e.scrollWidth));
+import r from "./tabs.module.css.es.js";
+function g({ tabs: n, activeTab: l, onTabChange: c }) {
+  const s = m(null), [a, f] = i(!1), [d, h] = i(!1), t = u(() => {
+    const e = s.current;
+    e && (f(e.scrollLeft > 0), h(e.scrollLeft + e.clientWidth < e.scrollWidth));
   }, []);
   return p(() => {
-    const e = r.current;
+    const e = s.current;
     if (e)
       return t(), e.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
         e.removeEventListener("scroll", t), window.removeEventListener("resize", t);
       };
-  }, [t]), /* @__PURE__ */ o.jsx(
+  }, [t]), /* @__PURE__ */ o(
     "div",
     {
-      className: w(s.tabsWrapper, {
-        [s.showFadeLeft]: a,
-        [s.showFadeRight]: m
+      className: w(r.tabsWrapper, {
+        [r.showFadeLeft]: a,
+        [r.showFadeRight]: d
       }),
-      children: /* @__PURE__ */ o.jsx("div", { ref: r, className: s.tabsTape, children: /* @__PURE__ */ o.jsx(L, { activeTab: l, tabs: n, size: "lg", activeLinePosition: "bottom", onTabClick: c }) })
+      children: /* @__PURE__ */ o("div", { ref: s, className: r.tabsTape, children: /* @__PURE__ */ o(L, { activeTab: l, tabs: n, size: "lg", activeLinePosition: "bottom", onTabClick: c }) })
     }
   );
 }
 export {
-  j as TabsWithFade
+  g as TabsWithFade
 };

package/dist/components/Tag/Tag.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),r=require("../../styles/typography.module.css.cjs.js"),x=require("../../utils/cn.cjs.js"),l=require("../Icon/Icon.cjs.js"),t=require("./tag.module.css.cjs.js"),m={md:r.default.labelMd,lg:r.default.labelLg},j=({value:o,children:u,active:c,disabled:i,size:s="md",prefixIcon:n,suffixIcon:a,onClick:d})=>e.jsxRuntimeExports.jsx("button",{className:x.cn(t.default.tag,m[s],{[t.default.active]:c},t.default[s]),disabled:i,onClick:()=>d(o),children:e.jsxRuntimeExports.jsxs("div",{className:t.default.content,children:[n&&e.jsxRuntimeExports.jsx("div",{className:t.default.iconWrap,children:e.jsxRuntimeExports.jsx(l.Icon,{name:n})}),e.jsxRuntimeExports.jsx("p",{children:u}),a&&e.jsxRuntimeExports.jsx("div",{className:t.default.iconWrap,children:e.jsxRuntimeExports.jsx(l.Icon,{name:a})})]})});exports.Tag=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../styles/typography.module.css.cjs.js"),m=require("../../utils/cn/cn.cjs.js"),s=require("../Icon/Icon.cjs.js"),t=require("./tag.module.css.cjs.js"),g={md:l.default.labelMd,lg:l.default.labelLg},j=({value:r,children:o,active:d,disabled:u,size:a="md",prefixIcon:n,suffixIcon:c,onClick:i})=>e.jsx("button",{className:m.cn(t.default.tag,g[a],{[t.default.active]:d},t.default[a]),disabled:u,onClick:()=>i(r),children:e.jsxs("div",{className:t.default.content,children:[n&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(s.Icon,{name:n})}),e.jsx("p",{children:o}),c&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(s.Icon,{name:c})})]})});exports.Tag=j;

package/dist/components/Tag/Tag.es.js

@@ -1,24 +1,24 @@
-import { j as s } from "../../_virtual/jsx-runtime.es.js";
-import o from "../../styles/typography.module.css.es.js";
-import { cn as j } from "../../utils/cn.es.js";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import c from "../../styles/typography.module.css.es.js";
+import { cn as g } from "../../utils/cn/cn.es.js";
 import { Icon as e } from "../Icon/Icon.es.js";
-import m from "./tag.module.css.es.js";
-const p = {
-  md: o.labelMd,
-  lg: o.labelLg
-}, S = ({ value: l, children: n, active: c, disabled: i, size: r = "md", prefixIcon: t, suffixIcon: a, onClick: d }) => /* @__PURE__ */ s.jsx(
+import a from "./tag.module.css.es.js";
+const h = {
+  md: c.labelMd,
+  lg: c.labelLg
+}, f = ({ value: l, children: n, active: i, disabled: s, size: m = "md", prefixIcon: o, suffixIcon: t, onClick: d }) => /* @__PURE__ */ r(
   "button",
   {
-    className: j(m.tag, p[r], { [m.active]: c }, m[r]),
-    disabled: i,
+    className: g(a.tag, h[m], { [a.active]: i }, a[m]),
+    disabled: s,
     onClick: () => d(l),
-    children: /* @__PURE__ */ s.jsxs("div", { className: m.content, children: [
-      t && /* @__PURE__ */ s.jsx("div", { className: m.iconWrap, children: /* @__PURE__ */ s.jsx(e, { name: t }) }),
-      /* @__PURE__ */ s.jsx("p", { children: n }),
-      a && /* @__PURE__ */ s.jsx("div", { className: m.iconWrap, children: /* @__PURE__ */ s.jsx(e, { name: a }) })
+    children: /* @__PURE__ */ p("div", { className: a.content, children: [
+      o && /* @__PURE__ */ r("div", { className: a.iconWrap, children: /* @__PURE__ */ r(e, { name: o }) }),
+      /* @__PURE__ */ r("p", { children: n }),
+      t && /* @__PURE__ */ r("div", { className: a.iconWrap, children: /* @__PURE__ */ r(e, { name: t }) })
     ] })
   }
 );
 export {
-  S as Tag
+  f as Tag
 };

package/dist/components/TextButton/TextButton.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs.js"),p=require("../../utils/cn.cjs.js"),o=require("../Icon/Icon.cjs.js"),e=require("./textButton.module.css.cjs.js"),R=({size:i="sm",as:r="button",disabled:s=!1,inverted:u=!1,children:l,prefixIcon:n,suffixIcon:a,hideOn:c,...d})=>{const x=e.default[i]||"",m=u?e.default.inverted:"",j=s?e.default.disabled:"";return t.jsxRuntimeExports.jsx(r,{...d,className:p.cn(e.default.button,m,x,j),disabled:s,"data-hide-on":c,children:t.jsxRuntimeExports.jsxs("div",{className:e.default.content,children:[n&&t.jsxRuntimeExports.jsx("div",{className:e.default.iconWrap,children:t.jsxRuntimeExports.jsx(o.Icon,{name:n})}),t.jsxRuntimeExports.jsx("div",{children:l}),a&&t.jsxRuntimeExports.jsx("div",{className:e.default.iconWrap,children:t.jsxRuntimeExports.jsx(o.Icon,{name:a})})]})})};exports.TextButton=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("../../utils/cn/cn.cjs.js"),c=require("../Icon/Icon.cjs.js"),t=require("./textButton.module.css.cjs.js"),v=({size:l="sm",as:o="button",disabled:s=!1,inverted:d=!1,children:r,prefixIcon:n,suffixIcon:a,hideOn:i,...u})=>{const m=t.default[l]||"",j=d?t.default.inverted:"",x=s?t.default.disabled:"";return e.jsx(o,{...u,className:f.cn(t.default.button,j,m,x),disabled:s,"data-hide-on":i,children:e.jsxs("div",{className:t.default.content,children:[n&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(c.Icon,{name:n})}),e.jsx("div",{children:r}),a&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(c.Icon,{name:a})})]})})};exports.TextButton=v;

package/dist/components/TextButton/TextButton.es.js

@@ -1,34 +1,34 @@
-import { j as s } from "../../_virtual/jsx-runtime.es.js";
-import { cn as v } from "../../utils/cn.es.js";
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+import { cn as b } from "../../utils/cn/cn.es.js";
 import { Icon as o } from "../Icon/Icon.es.js";
-import t from "./textButton.module.css.es.js";
-const f = ({
+import s from "./textButton.module.css.es.js";
+const x = ({
   size: r = "sm",
   as: i = "button",
-  disabled: e = !1,
-  inverted: m = !1,
-  children: c,
+  disabled: t = !1,
+  inverted: c = !1,
+  children: l,
   prefixIcon: a,
   suffixIcon: n,
-  hideOn: l,
+  hideOn: m,
   ...d
 }) => {
-  const j = t[r] || "", x = m ? t.inverted : "", p = e ? t.disabled : "";
-  return /* @__PURE__ */ s.jsx(
+  const p = s[r] || "", v = c ? s.inverted : "", h = t ? s.disabled : "";
+  return /* @__PURE__ */ e(
     i,
     {
       ...d,
-      className: v(t.button, x, j, p),
-      disabled: e,
-      "data-hide-on": l,
-      children: /* @__PURE__ */ s.jsxs("div", { className: t.content, children: [
-        a && /* @__PURE__ */ s.jsx("div", { className: t.iconWrap, children: /* @__PURE__ */ s.jsx(o, { name: a }) }),
-        /* @__PURE__ */ s.jsx("div", { children: c }),
-        n && /* @__PURE__ */ s.jsx("div", { className: t.iconWrap, children: /* @__PURE__ */ s.jsx(o, { name: n }) })
+      className: b(s.button, v, p, h),
+      disabled: t,
+      "data-hide-on": m,
+      children: /* @__PURE__ */ N("div", { className: s.content, children: [
+        a && /* @__PURE__ */ e("div", { className: s.iconWrap, children: /* @__PURE__ */ e(o, { name: a }) }),
+        /* @__PURE__ */ e("div", { children: l }),
+        n && /* @__PURE__ */ e("div", { className: s.iconWrap, children: /* @__PURE__ */ e(o, { name: n }) })
       ] })
     }
   );
 };
 export {
-  f as TextButton
+  x as TextButton
 };

package/dist/components/TypeBadge/TypeBadge.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("../../assets/svg/badge-icon.svg.cjs.js"),s=require("./typeBadge.module.css.cjs.js");var n=(e=>(e.SENESCENCE="senescence",e.SUPPLEMENTS="supplements",e.OUTLINE="outline",e.ENERGY="energy",e.METABOLISM="metabolism",e.LABS="labs",e))(n||{});const a=({type:e="senescence"})=>t.jsxRuntimeExports.jsx("div",{className:s.default.typeBadge,"data-type":e,children:t.jsxRuntimeExports.jsx(r.default,{className:s.default.badgeIcon})});exports.ETypeBadge=n;exports.TypeBadge=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../assets/svg/badge-icon.svg.cjs.js"),s=require("./typeBadge.module.css.cjs.js");var n=(e=>(e.SENESCENCE="senescence",e.SUPPLEMENTS="supplements",e.OUTLINE="outline",e.ENERGY="energy",e.METABOLISM="metabolism",e.LABS="labs",e))(n||{});const a=({type:e="senescence"})=>t.jsx("div",{className:s.default.typeBadge,"data-type":e,children:t.jsx(r.default,{className:s.default.badgeIcon})});exports.ETypeBadge=n;exports.TypeBadge=a;

package/dist/components/TypeBadge/TypeBadge.es.js

@@ -1,11 +1,11 @@
-import { j as e } from "../../_virtual/jsx-runtime.es.js";
+import { jsx as s } from "react/jsx-runtime";
 import n from "../../assets/svg/badge-icon.svg.es.js";
 import t from "./typeBadge.module.css.es.js";
-var o = /* @__PURE__ */ ((s) => (s.SENESCENCE = "senescence", s.SUPPLEMENTS = "supplements", s.OUTLINE = "outline", s.ENERGY = "energy", s.METABOLISM = "metabolism", s.LABS = "labs", s))(o || {});
+var o = /* @__PURE__ */ ((e) => (e.SENESCENCE = "senescence", e.SUPPLEMENTS = "supplements", e.OUTLINE = "outline", e.ENERGY = "energy", e.METABOLISM = "metabolism", e.LABS = "labs", e))(o || {});
 const a = ({
-  type: s = "senescence"
+  type: e = "senescence"
   /* SENESCENCE */
-}) => /* @__PURE__ */ e.jsx("div", { className: t.typeBadge, "data-type": s, children: /* @__PURE__ */ e.jsx(n, { className: t.badgeIcon }) });
+}) => /* @__PURE__ */ s("div", { className: t.typeBadge, "data-type": e, children: /* @__PURE__ */ s(n, { className: t.badgeIcon }) });
 export {
   o as ETypeBadge,
   a as TypeBadge

package/dist/components/Typography/Typography.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../_virtual/jsx-runtime.cjs.js"),s=require("../../styles/typography.module.css.cjs.js"),h=require("../../utils/cn.cjs.js"),d=require("./Typography.service.cjs.js"),f=({defaultVariant:t,children:r,className:i="",weight:l,emphasis:o=!1,as:c="span",mobileVariant:a,color:n})=>{const u=s.default[t]||"";let e=l;o&&!l&&(e="medium");const p=e?s.default[`weight${e.charAt(0).toUpperCase()}${e.slice(1)}`]:"",y=t.startsWith("label")&&o?s.default.labelEmphasis:"",m=a?s.default[`mobile__${a}`]:"";return g.jsxRuntimeExports.jsx(c,{style:d.getMemoizedColorStyles(n),className:h.cn(u,p,y,m,i),children:r})};exports.Typography=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),s=require("../../styles/typography.module.css.cjs.js"),d=require("../../utils/cn/cn.cjs.js"),m=require("./Typography.service.cjs.js"),f=({defaultVariant:t,children:o,className:i="",weight:l,emphasis:r=!1,as:c="span",mobileVariant:a,color:n})=>{const u=s.default[t]||"";let e=l;r&&!l&&(e="medium");const p=e?s.default[`weight${e.charAt(0).toUpperCase()}${e.slice(1)}`]:"",y=t.startsWith("label")&&r?s.default.labelEmphasis:"",g=a?s.default[`mobile__${a}`]:"";return h.jsx(c,{style:m.getMemoizedColorStyles(n),className:d.cn(u,p,y,g,i),children:o})};exports.Typography=f;

package/dist/components/Typography/Typography.es.js

@@ -1,9 +1,9 @@
-import { j as C } from "../../_virtual/jsx-runtime.es.js";
-import t from "../../styles/typography.module.css.es.js";
-import { cn as y } from "../../utils/cn.es.js";
+import { jsx as y } from "react/jsx-runtime";
+import o from "../../styles/typography.module.css.es.js";
+import { cn as C } from "../../utils/cn/cn.es.js";
 import { getMemoizedColorStyles as g } from "./Typography.service.es.js";
-const u = ({
-  defaultVariant: o,
+const _ = ({
+  defaultVariant: t,
   children: a,
   className: m = "",
   weight: e,
@@ -12,12 +12,12 @@ const u = ({
   mobileVariant: r,
   color: p
 }) => {
-  const c = t[o] || "";
+  const c = o[t] || "";
   let s = e;
   l && !e && (s = "medium");
-  const n = s ? t[`weight${s.charAt(0).toUpperCase()}${s.slice(1)}`] : "", f = o.startsWith("label") && l ? t.labelEmphasis : "", h = r ? t[`mobile__${r}`] : "";
-  return /* @__PURE__ */ C.jsx(i, { style: g(p), className: y(c, n, f, h, m), children: a });
+  const n = s ? o[`weight${s.charAt(0).toUpperCase()}${s.slice(1)}`] : "", h = t.startsWith("label") && l ? o.labelEmphasis : "", f = r ? o[`mobile__${r}`] : "";
+  return /* @__PURE__ */ y(i, { style: g(p), className: C(c, n, h, f, m), children: a });
 };
 export {
-  u as Typography
+  _ as Typography
 };