@zenpatient-org/healthspan-marketing-ui 0.1.32 → 0.1.33

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

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

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

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

package/dist/components/ProgressButton/ProgressButton.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ButtonHTMLAttributes } from 'react';
+import { TOrientation } from './types';
+
+export type PropgressButtonBaseProps = {
+    orientation: TOrientation;
+    disabled?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export type ProgressButtonProps = {
+    invert?: boolean;
+    left: ButtonHTMLAttributes<HTMLButtonElement>;
+    right: ButtonHTMLAttributes<HTMLButtonElement>;
+    className?: string;
+};
+export declare const ProgressButton: ({ invert, left, right, className }: ProgressButtonProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

package/dist/components/ProgressButton/progressButton.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="progressButton-module__root___gKwbK",o="progressButton-module__inverted___cGydv",e="progressButton-module__icon___wJpMj",n="progressButton-module__divider___u6q7X",_="progressButton-module__button___92i5d",r="progressButton-module__buttonLeft___p3wSE",u="progressButton-module__buttonRight___keqI6",s="progressButton-module__iconWrap___hshXK",i={root:t,inverted:o,icon:e,divider:n,button:_,buttonLeft:r,buttonRight:u,iconWrap:s};exports.button=_;exports.buttonLeft=r;exports.buttonRight=u;exports.default=i;exports.divider=n;exports.icon=e;exports.iconWrap=s;exports.inverted=o;exports.root=t;

package/dist/components/ProgressButton/progressButton.module.css.es.js

@@ -0,0 +1,21 @@
+const t = "progressButton-module__root___gKwbK", o = "progressButton-module__inverted___cGydv", _ = "progressButton-module__icon___wJpMj", n = "progressButton-module__divider___u6q7X", e = "progressButton-module__button___92i5d", r = "progressButton-module__buttonLeft___p3wSE", s = "progressButton-module__buttonRight___keqI6", u = "progressButton-module__iconWrap___hshXK", d = {
+  root: t,
+  inverted: o,
+  icon: _,
+  divider: n,
+  button: e,
+  buttonLeft: r,
+  buttonRight: s,
+  iconWrap: u
+};
+export {
+  e as button,
+  r as buttonLeft,
+  s as buttonRight,
+  d as default,
+  n as divider,
+  _ as icon,
+  u as iconWrap,
+  o as inverted,
+  t as root
+};

package/dist/components/ProgressButton/types.d.ts

@@ -0,0 +1 @@
+export type TOrientation = 'left' | 'right';

package/dist/components/RadioButton/RadioButton.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../utils/cn/cn.cjs.js"),o=require("../Typography/Typography.cjs.js"),e=require("./radioButton.module.css.cjs.js"),c=({label:s,checked:a=!1,disabled:l=!1,inverted:u=!1,onChange:r})=>t.jsxs("label",{className:i.cn(e.default.root,a&&e.default.checked,l&&e.default.disabled,u&&e.default.inverted),children:[t.jsx("input",{type:"radio",checked:a,disabled:l,onChange:()=>!l&&(r==null?void 0:r(!a)),className:e.default.input}),t.jsx("div",{className:e.default.circle,children:t.jsx("div",{className:e.default.innerCircle})}),s&&t.jsx(o.Typography,{defaultVariant:"labelMd",className:e.default.label,children:s})]});exports.RadioButton=c;

package/dist/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,9 @@
+type RadioButtonProps = {
+    label?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    inverted?: boolean;
+    onChange?: (checked: boolean) => void;
+};
+export declare const RadioButton: ({ label, checked, disabled, inverted, onChange, }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/RadioButton/RadioButton.es.js

@@ -0,0 +1,38 @@
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import { cn as o } from "../../utils/cn/cn.es.js";
+import { Typography as c } from "../Typography/Typography.es.js";
+import r from "./radioButton.module.css.es.js";
+const u = ({
+  label: i,
+  checked: s = !1,
+  disabled: a = !1,
+  inverted: t = !1,
+  onChange: e
+}) => /* @__PURE__ */ m(
+  "label",
+  {
+    className: o(
+      r.root,
+      s && r.checked,
+      a && r.disabled,
+      t && r.inverted
+    ),
+    children: [
+      /* @__PURE__ */ l(
+        "input",
+        {
+          type: "radio",
+          checked: s,
+          disabled: a,
+          onChange: () => !a && (e == null ? void 0 : e(!s)),
+          className: r.input
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: r.circle, children: /* @__PURE__ */ l("div", { className: r.innerCircle }) }),
+      i && /* @__PURE__ */ l(c, { defaultVariant: "labelMd", className: r.label, children: i })
+    ]
+  }
+);
+export {
+  u as RadioButton
+};

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

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

package/dist/components/RadioButton/radioButton.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="radioButton-module__root___lLpBY",o="radioButton-module__input___W4UK2",t="radioButton-module__circle___2g0kI",_="radioButton-module__innerCircle___9SKqg",n="radioButton-module__checked___nGLnJ",d="radioButton-module__inverted___qqk-j",i="radioButton-module__disabled___hTHnp",l="radioButton-module__label___wVR78",r={root:e,input:o,circle:t,innerCircle:_,checked:n,inverted:d,disabled:i,label:l};exports.checked=n;exports.circle=t;exports.default=r;exports.disabled=i;exports.innerCircle=_;exports.input=o;exports.inverted=d;exports.label=l;exports.root=e;

package/dist/components/RadioButton/radioButton.module.css.es.js

@@ -0,0 +1,21 @@
+const o = "radioButton-module__root___lLpBY", _ = "radioButton-module__input___W4UK2", e = "radioButton-module__circle___2g0kI", t = "radioButton-module__innerCircle___9SKqg", n = "radioButton-module__checked___nGLnJ", d = "radioButton-module__inverted___qqk-j", i = "radioButton-module__disabled___hTHnp", l = "radioButton-module__label___wVR78", c = {
+  root: o,
+  input: _,
+  circle: e,
+  innerCircle: t,
+  checked: n,
+  inverted: d,
+  disabled: i,
+  label: l
+};
+export {
+  n as checked,
+  e as circle,
+  c as default,
+  i as disabled,
+  t as innerCircle,
+  _ as input,
+  d as inverted,
+  l as label,
+  o as root
+};

package/dist/components/RatingStars/RatingStars.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../utils/cn/cn.cjs.js"),r=require("../Icon/Icon.cjs.js"),n=require("../Icon/constants.cjs.js"),a=require("./ratingStars.module.css.cjs.js"),i=(t,s)=>{const c=s<Math.floor(t),o=!c&&s<t;return c?n.EIconName.STAR_FILL:o?n.EIconName.STAR_HALF:n.EIconName.STAR_OUTLINE},I=({rating:t,className:s,size:c})=>e.jsx("div",{className:u.cn(a.default.stars,s),"data-size":c,children:Array.from({length:5}).map((o,l)=>{const m=i(t,l);return e.jsx("div",{className:a.default.starContainer,children:m===n.EIconName.STAR_HALF?e.jsxs(e.Fragment,{children:[e.jsx(r.Icon,{name:n.EIconName.STAR_OUTLINE,className:a.default.starIcon}),e.jsx(r.Icon,{name:n.EIconName.STAR_HALF,className:a.default.starIconHalf})]}):e.jsx(r.Icon,{name:m,className:a.default.starIcon})},l)})});exports.RatingStars=I;

package/dist/components/RatingStars/RatingStars.d.ts

@@ -0,0 +1,7 @@
+type RatingStarsProps = {
+    rating: number;
+    size: 'sm' | 'md' | 'lg';
+    className?: string;
+};
+export declare const RatingStars: ({ rating, className, size }: RatingStarsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/RatingStars/RatingStars.es.js

@@ -0,0 +1,18 @@
+import { jsx as a, jsxs as i, Fragment as f } from "react/jsx-runtime";
+import { cn as A } from "../../utils/cn/cn.es.js";
+import { Icon as n } from "../Icon/Icon.es.js";
+import { EIconName as r } from "../Icon/constants.es.js";
+import s from "./ratingStars.module.css.es.js";
+const N = (t, o) => {
+  const e = o < Math.floor(t), m = !e && o < t;
+  return e ? r.STAR_FILL : m ? r.STAR_HALF : r.STAR_OUTLINE;
+}, S = ({ rating: t, className: o, size: e }) => /* @__PURE__ */ a("div", { className: A(s.stars, o), "data-size": e, children: Array.from({ length: 5 }).map((m, c) => {
+  const l = N(t, c);
+  return /* @__PURE__ */ a("div", { className: s.starContainer, children: l === r.STAR_HALF ? /* @__PURE__ */ i(f, { children: [
+    /* @__PURE__ */ a(n, { name: r.STAR_OUTLINE, className: s.starIcon }),
+    /* @__PURE__ */ a(n, { name: r.STAR_HALF, className: s.starIconHalf })
+  ] }) : /* @__PURE__ */ a(n, { name: l, className: s.starIcon }) }, c);
+}) });
+export {
+  S as RatingStars
+};

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

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

package/dist/components/RatingStars/ratingStars.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="ratingStars-module__stars___s-x3L",s="ratingStars-module__starContainer___2ch9S",a="ratingStars-module__starIcon___skV9D",r="ratingStars-module__starIconHalf___Jkk4j",n={stars:t,starContainer:s,starIcon:a,starIconHalf:r};exports.default=n;exports.starContainer=s;exports.starIcon=a;exports.starIconHalf=r;exports.stars=t;

package/dist/components/RatingStars/ratingStars.module.css.es.js

@@ -0,0 +1,13 @@
+const t = "ratingStars-module__stars___s-x3L", s = "ratingStars-module__starContainer___2ch9S", a = "ratingStars-module__starIcon___skV9D", r = "ratingStars-module__starIconHalf___Jkk4j", n = {
+  stars: t,
+  starContainer: s,
+  starIcon: a,
+  starIconHalf: r
+};
+export {
+  n as default,
+  s as starContainer,
+  a as starIcon,
+  r as starIconHalf,
+  t as stars
+};

package/dist/components/SmartCallout/SmartCallout.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../Typography/Typography.cjs.js"),o=require("./smartCallout.module.css.cjs.js"),a=({label:r})=>e.jsx("div",{className:o.default.root,children:e.jsx(t.Typography,{defaultVariant:"labelMd",children:r})});exports.SmartCallout=a;

package/dist/components/SmartCallout/SmartCallout.d.ts

@@ -0,0 +1,5 @@
+type SmartCalloutProps = {
+    label: string;
+};
+export declare const SmartCallout: ({ label }: SmartCalloutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SmartCallout/SmartCallout.es.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Typography as t } from "../Typography/Typography.es.js";
+import a from "./smartCallout.module.css.es.js";
+const i = ({ label: o }) => /* @__PURE__ */ r("div", { className: a.root, children: /* @__PURE__ */ r(t, { defaultVariant: "labelMd", children: o }) });
+export {
+  i as SmartCallout
+};

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

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

package/dist/components/SmartCallout/smartCallout.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="smartCallout-module__root___8YFXc",t={root:o};exports.default=t;exports.root=o;

package/dist/components/SmartCallout/smartCallout.module.css.es.js

@@ -0,0 +1,7 @@
+const o = "smartCallout-module__root___8YFXc", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

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

@@ -0,0 +1,12 @@
+import { LabelProps } from '../Label';
+
+export type StudyGridCardProps = {
+    title: string;
+    inverted?: boolean;
+    image: string;
+    date: number;
+    label?: LabelProps;
+    readTime: number;
+    link: string;
+};
+export declare function StudyGridCard({ title, link, inverted, image, date, label, readTime }: StudyGridCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,91 @@
+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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,23 @@
+import { ForwardedRef, ReactElement, ReactNode } from 'react';
+import { EIconName } from '../Icon';
+
+export type Tab<T extends string | number> = {
+    value: T;
+    label: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    prefixIcon?: EIconName;
+    suffixIcon?: EIconName;
+};
+type Props<T extends string | number> = {
+    activeTab: T;
+    tabs: ReadonlyArray<Tab<T>>;
+    size?: 'sm' | 'lg';
+    activeLinePosition?: 'top' | 'bottom';
+    inverted?: boolean;
+    onTabClick: (value: T) => void;
+};
+export declare const Tabs: <T extends string | number>(props: Props<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement;
+export {};