@zenpatient-org/healthspan-marketing-ui 0.1.20 → 0.1.22

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

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

package/dist/components/StepsCarousel/StepsCarousel.d.ts

@@ -0,0 +1,13 @@
+import { TColorScheme } from '../../types/common';
+
+export type TStepsCarouselView = Array<{
+    title: string;
+    image: string;
+    description?: string;
+}>;
+type StepsCarouselProps = {
+    steps: TStepsCarouselView;
+    colorScheme: TColorScheme;
+};
+export declare const StepsCarousel: ({ steps, colorScheme }: StepsCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1 @@
+export { StepsCarousel, type TStepsCarouselView } from './StepsCarousel';

package/dist/components/StepsCarousel/stepsCarousel.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="stepsCarousel-module__root___VidW7",t="stepsCarousel-module__stepsContainer___yWhtm",s="stepsCarousel-module__card___16wd3",o="stepsCarousel-module__imageWrapper___WCmbp",_="stepsCarousel-module__image___RY9-R",r="stepsCarousel-module__cardActive___xdGR8",a="stepsCarousel-module__stepLabel___jnL1f",l="stepsCarousel-module__labelText___TC392",n="stepsCarousel-module__textContainer___l--dI",p="stepsCarousel-module__cardDescription___oPSgY",i="stepsCarousel-module__mobile___4s-pE",d="stepsCarousel-module__progressButtonContainer___PdL6N",c="stepsCarousel-module__desktop___awZBc",u={root:e,stepsContainer:t,card:s,imageWrapper:o,image:_,cardActive:r,stepLabel:a,labelText:l,textContainer:n,cardDescription:p,mobile:i,progressButtonContainer:d,desktop:c};exports.card=s;exports.cardActive=r;exports.cardDescription=p;exports.default=u;exports.desktop=c;exports.image=_;exports.imageWrapper=o;exports.labelText=l;exports.mobile=i;exports.progressButtonContainer=d;exports.root=e;exports.stepLabel=a;exports.stepsContainer=t;exports.textContainer=n;

package/dist/components/StepsCarousel/stepsCarousel.module.css.es.js

@@ -0,0 +1,31 @@
+const e = "stepsCarousel-module__root___VidW7", s = "stepsCarousel-module__stepsContainer___yWhtm", t = "stepsCarousel-module__card___16wd3", o = "stepsCarousel-module__imageWrapper___WCmbp", _ = "stepsCarousel-module__image___RY9-R", r = "stepsCarousel-module__cardActive___xdGR8", a = "stepsCarousel-module__stepLabel___jnL1f", l = "stepsCarousel-module__labelText___TC392", n = "stepsCarousel-module__textContainer___l--dI", p = "stepsCarousel-module__cardDescription___oPSgY", d = "stepsCarousel-module__mobile___4s-pE", c = "stepsCarousel-module__progressButtonContainer___PdL6N", u = "stepsCarousel-module__desktop___awZBc", i = {
+  root: e,
+  stepsContainer: s,
+  card: t,
+  imageWrapper: o,
+  image: _,
+  cardActive: r,
+  stepLabel: a,
+  labelText: l,
+  textContainer: n,
+  cardDescription: p,
+  mobile: d,
+  progressButtonContainer: c,
+  desktop: u
+};
+export {
+  t as card,
+  r as cardActive,
+  p as cardDescription,
+  i as default,
+  u as desktop,
+  _ as image,
+  o as imageWrapper,
+  l as labelText,
+  d as mobile,
+  c as progressButtonContainer,
+  e as root,
+  a as stepLabel,
+  s as stepsContainer,
+  n as textContainer
+};

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;