@zenpatient-org/healthspan-marketing-ui 0.1.38 → 0.1.39

package/dist/components/Pagination/Pagination.es.js

@@ -1,54 +1,55 @@
 "use client";
-import { jsxs as N, jsx as e } from "react/jsx-runtime";
-import { useMemo as h } from "react";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useMemo as d } from "react";
 import { cn as s } from "../../utils/cn/cn.es.js";
-import { Icon as d } from "../Icon/Icon.es.js";
-import { EIconName as i } from "../Icon/constants.es.js";
+import { Icon as N } from "../Icon/Icon.es.js";
+import { EIconName as h } from "../Icon/constants.es.js";
 import { Typography as x } from "../Typography/Typography.es.js";
-import o from "./pagination.module.css.es.js";
+import o from "./Pagination.module.css.es.js";
 const A = (r, t, a) => {
   if (t <= a)
-    return Array.from({ length: t }, (c, f) => f + 1);
-  const n = Math.floor(a / 2);
-  let l = Math.max(1, r - n), m = l + a - 1;
-  return m > t && (m = t, l = m - a + 1), Array.from({ length: a }, (c, f) => l + f);
-}, k = ({ page: r, pagesCount: t, visiblePagesLimit: a, disabled: n, onPageChange: l }) => {
-  const m = h(
+    return Array.from({ length: t }, (l, f) => f + 1);
+  const m = Math.floor(a / 2);
+  let c = Math.max(1, r - m), n = c + a - 1;
+  return n > t && (n = t, c = n - a + 1), Array.from({ length: a }, (l, f) => c + f);
+}, M = ({ page: r, pagesCount: t, visiblePagesLimit: a, disabled: m, onPageChange: c }) => {
+  const n = d(
     () => A(r, t, a),
     [r, t, a]
   );
-  return /* @__PURE__ */ N("div", { className: o.root, children: [
-    /* @__PURE__ */ e(
+  return /* @__PURE__ */ i("div", { className: o.root, children: [
+    r > 1 && /* @__PURE__ */ e(
       "button",
       {
         className: s(o.arrow, o.arrowPrev),
-        onClick: () => l(r - 1),
-        disabled: n || r <= 1,
+        onClick: () => c(r - 1),
+        disabled: m,
         "aria-label": "Previous page",
-        children: /* @__PURE__ */ e(d, { name: i.ARROW_BACK, className: o.icon })
+        children: /* @__PURE__ */ e(N, { name: h.ARROW_BACK, className: o.icon })
       }
     ),
-    m.map((c) => /* @__PURE__ */ e(
+    n.map((l) => /* @__PURE__ */ e(
       "button",
       {
-        className: s(o.page, c === r && o.activePage),
-        onClick: () => l(c),
-        children: /* @__PURE__ */ e(x, { defaultVariant: "labelXl", weight: "regular", children: c.toString().padStart(2, "0") })
+        className: s(o.page, l === r && o.activePage),
+        onClick: () => c(l),
+        disabled: l === r || m,
+        children: /* @__PURE__ */ e(x, { defaultVariant: "labelXl", weight: "regular", children: l.toString().padStart(2, "0") })
       },
-      c
+      l
     )),
-    /* @__PURE__ */ e(
+    r < t && /* @__PURE__ */ e(
       "button",
       {
         className: s(o.arrow, o.arrowNext),
-        onClick: () => l(r + 1),
-        disabled: n || r >= t,
+        onClick: () => c(r + 1),
+        disabled: m,
         "aria-label": "Next page",
-        children: /* @__PURE__ */ e(d, { name: i.ARROW_FORWARD, className: o.icon })
+        children: /* @__PURE__ */ e(N, { name: h.ARROW_FORWARD, className: o.icon })
       }
     )
   ] });
 };
 export {
-  k as Pagination
+  M as Pagination
 };

package/dist/components/Pagination/Pagination.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="Pagination-module__root___ITRjt",a="Pagination-module__page___WjG0l",e="Pagination-module__activePage___dbxZJ",r="Pagination-module__arrow___rGon0",t="Pagination-module__arrowPrev___WPfYK",_="Pagination-module__arrowNext___ownTb",n="Pagination-module__icon___2iCyv",i={root:o,page:a,activePage:e,arrow:r,arrowPrev:t,arrowNext:_,icon:n};exports.activePage=e;exports.arrow=r;exports.arrowNext=_;exports.arrowPrev=t;exports.default=i;exports.icon=n;exports.page=a;exports.root=o;

package/dist/components/Pagination/Pagination.module.css.es.js

@@ -0,0 +1,19 @@
+const o = "Pagination-module__root___ITRjt", _ = "Pagination-module__page___WjG0l", a = "Pagination-module__activePage___dbxZJ", t = "Pagination-module__arrow___rGon0", n = "Pagination-module__arrowPrev___WPfYK", r = "Pagination-module__arrowNext___ownTb", e = "Pagination-module__icon___2iCyv", i = {
+  root: o,
+  page: _,
+  activePage: a,
+  arrow: t,
+  arrowPrev: n,
+  arrowNext: r,
+  icon: e
+};
+export {
+  a as activePage,
+  t as arrow,
+  r as arrowNext,
+  n as arrowPrev,
+  i as default,
+  e as icon,
+  _ as page,
+  o as root
+};

package/dist/components/Pricing/components/BenefitItem/BenefitItem.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../TypeBadge/TypeBadge.cjs.js"),n=require("../../../Typography/Typography.cjs.js"),a=require("./benefitItem.module.css.cjs.js"),i=({badge:t,label:r})=>e.jsxs("div",{className:a.default.root,children:[e.jsx(o.TypeBadge,{type:t}),e.jsx(n.Typography,{defaultVariant:"labelLg",mobileVariant:"labelMd",children:r})]});exports.BenefitItem=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../TypeBadge/TypeBadge.cjs.js"),t=require("./benefitItem.module.css.cjs.js"),i=({badge:r,label:n})=>e.jsxs("div",{className:t.default.root,children:[e.jsx(s.TypeBadge,{type:r}),e.jsx("p",{className:t.default.benefitLabel,children:n})]});exports.BenefitItem=i;

package/dist/components/Pricing/components/BenefitItem/BenefitItem.es.js

@@ -1,11 +1,10 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { TypeBadge as a } from "../../../TypeBadge/TypeBadge.es.js";
-import { Typography as i } from "../../../Typography/Typography.es.js";
-import m from "./benefitItem.module.css.es.js";
-const d = ({ badge: e, label: t }) => /* @__PURE__ */ o("div", { className: m.root, children: [
-  /* @__PURE__ */ r(a, { type: e }),
-  /* @__PURE__ */ r(i, { defaultVariant: "labelLg", mobileVariant: "labelMd", children: t })
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { TypeBadge as m } from "../../../TypeBadge/TypeBadge.es.js";
+import r from "./benefitItem.module.css.es.js";
+const l = ({ badge: t, label: o }) => /* @__PURE__ */ s("div", { className: r.root, children: [
+  /* @__PURE__ */ e(m, { type: t }),
+  /* @__PURE__ */ e("p", { className: r.benefitLabel, children: o })
 ] });
 export {
-  d as BenefitItem
+  l as BenefitItem
 };

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

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

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

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

@@ -1 +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",r="ratingStars-module__starIcon___skV9D",a={stars:t,starContainer:s,starIcon:r};exports.default=a;exports.starContainer=s;exports.starIcon=r;exports.stars=t;
+"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

@@ -1,11 +1,13 @@
-const t = "ratingStars-module__stars___s-x3L", s = "ratingStars-module__starContainer___2ch9S", a = "ratingStars-module__starIcon___skV9D", r = {
+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
+  starIcon: a,
+  starIconHalf: r
 };
 export {
-  r as default,
+  n as default,
   s as starContainer,
   a as starIcon,
+  r as starIconHalf,
   t as stars
 };

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

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

@@ -1,30 +1,36 @@
-import { jsxs as r, jsx as a, Fragment as u } from "react/jsx-runtime";
-import { formatDate as f } from "../../utils/formatDate.es.js";
+import { jsxs as t, jsx as a, Fragment as h } from "react/jsx-runtime";
 import "../Icon/Icon.es.js";
-import { EIconName as m } from "../Icon/constants.es.js";
-import { Label as p } from "../Label/Label.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 i } from "../Typography/Typography.es.js";
+import { Typography as r } from "../Typography/Typography.es.js";
 import e from "./studyGridCard.module.css.es.js";
-function v({ title: n, link: t, inverted: d, image: c, date: h, label: l, readTime: o }) {
-  return /* @__PURE__ */ r("div", { className: e.study, "data-inverted": d, children: [
-    /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${c})` }, children: l && /* @__PURE__ */ a(p, { ...l }) }),
-    /* @__PURE__ */ r("div", { className: e.dataPart, children: [
-      /* @__PURE__ */ r("div", { className: e.info, children: [
+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(
-          i,
+          r,
           {
             defaultVariant: "labelSm",
             mobileVariant: "labelXs",
             emphasis: !0,
             weight: "medium",
             color: "color-neutral-500",
-            children: f(h)
+            children: b(u)
           }
         ),
-        !!o && /* @__PURE__ */ r(u, { children: [
+        !!m && /* @__PURE__ */ t(h, { children: [
           /* @__PURE__ */ a(
-            i,
+            r,
             {
               defaultVariant: "labelSm",
               mobileVariant: "labelXs",
@@ -34,8 +40,8 @@ function v({ title: n, link: t, inverted: d, image: c, date: h, label: l, readTi
               children: "•"
             }
           ),
-          /* @__PURE__ */ r(
-            i,
+          /* @__PURE__ */ t(
+            r,
             {
               defaultVariant: "labelSm",
               mobileVariant: "labelXs",
@@ -43,15 +49,15 @@ function v({ title: n, link: t, inverted: d, image: c, date: h, label: l, readTi
               weight: "medium",
               color: "color-neutral-500",
               children: [
-                o,
+                m,
                 " MIN READ"
               ]
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ a(i, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: n }),
-      /* @__PURE__ */ r("div", { className: e.button, children: [
+      /* @__PURE__ */ a(r, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: i }),
+      /* @__PURE__ */ t("div", { className: e.button, children: [
         /* @__PURE__ */ a(
           s,
           {
@@ -59,8 +65,8 @@ function v({ title: n, link: t, inverted: d, image: c, date: h, label: l, readTi
             className: e.mobileButton,
             size: "sm",
             as: "a",
-            href: t,
-            suffixIcon: m.ARROW_FORWARD,
+            href: l,
+            suffixIcon: d.ARROW_FORWARD,
             children: "READ MORE"
           }
         ),
@@ -71,8 +77,8 @@ function v({ title: n, link: t, inverted: d, image: c, date: h, label: l, readTi
             className: e.desktopButton,
             size: "lg",
             as: "a",
-            href: t,
-            suffixIcon: m.ARROW_FORWARD,
+            href: l,
+            suffixIcon: d.ARROW_FORWARD,
             children: "READ MORE"
           }
         )
@@ -81,5 +87,5 @@ function v({ title: n, link: t, inverted: d, image: c, date: h, label: l, readTi
   ] });
 }
 export {
-  v as StudyGridCard
+  S as StudyGridCard
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=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:c,tabs:l,onTabClick:r,size:a="sm",activeLinePosition:d="bottom",inverted:o},u){return s.jsx("div",{ref:u,className:n.default.container,children:l.map(e=>s.jsxs("button",{className:f.cn(n.default.tab,n.default[a],{[n.default.inverted]:o,[n.default.activeTab]:c===e.value,[n.default.disabled]:e.disabled,[n.default.brackets]:a!=="sm"&&c===e.value&&l.length>1},n.default[d],e.className),disabled:e.disabled,onClick:()=>r(e.value),children:[e.prefixIcon&&s.jsx("div",{className:n.default.iconWrap,children:s.jsx(i.Icon,{name:e.prefixIcon})}),s.jsx("div",{children:e.label}),e.suffixIcon&&s.jsx("div",{className:n.default.iconWrap,children:s.jsx(i.Icon,{name:e.suffixIcon})})]},String(e.value)))})}const x=t.forwardRef(m);exports.Tabs=x;
+"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

@@ -1,6 +1,23 @@
-import { ForwardedRef, ReactElement } from 'react';
-import { TTabs } from './types';
+import { ForwardedRef, ReactElement, ReactNode } from 'react';
+import { EIconName } from '../Icon';
 
-export declare const Tabs: <T extends string | number>(props: TTabs<T> & {
+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 {};

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

@@ -1,30 +1,30 @@
 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 c } from "../Icon/Icon.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: l, size: s = "sm", activeLinePosition: m = "bottom", inverted: d }, a) {
+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: t(
         i.tab,
-        i[s],
+        i[l],
         {
           [i.inverted]: d,
           [i.activeTab]: o === e.value,
           [i.disabled]: e.disabled,
-          [i.brackets]: s !== "sm" && o === e.value && r.length > 1
+          [i.brackets]: l === "lg" && o === e.value && r.length > 1
         },
         i[m],
         e.className
       ),
       disabled: e.disabled,
-      onClick: () => l(e.value),
+      onClick: () => c(e.value),
       children: [
-        e.prefixIcon && /* @__PURE__ */ n("div", { className: i.iconWrap, children: /* @__PURE__ */ n(c, { name: e.prefixIcon }) }),
+        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(c, { name: e.suffixIcon }) })
+        e.suffixIcon && /* @__PURE__ */ n("div", { className: i.iconWrap, children: /* @__PURE__ */ n(s, { name: e.suffixIcon }) })
       ]
     },
     String(e.value)

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),d=require("../../utils/cn/cn.cjs.js"),f=require("./Tabs.cjs.js"),r=require("./tabs.module.css.cjs.js");function h(a){const n=s.useRef(null),[l,o]=s.useState(!1),[i,u]=s.useState(!1),t=s.useCallback(()=>{const e=n.current;e&&(o(e.scrollLeft>0),u(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]),c.jsx("div",{className:d.cn(r.default.tabsWrapper,{[r.default.showFadeLeft]:l,[r.default.showFadeRight]:i}),children:c.jsx("div",{ref:n,className:r.default.tabsTape,children:c.jsx(f.Tabs,{...a})})})}exports.TabsWithFade=h;
+"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.d.ts

@@ -1,3 +1,9 @@
-import { TTabs } from './types';
+import { Tab } from './Tabs';
 
-export declare function TabsWithFade<T extends string>(tabsProps: TTabs<T>): import("react/jsx-runtime").JSX.Element;
+type Props<T extends string | number> = {
+    tabs: Tab<T>[];
+    activeTab: T;
+    onTabChange: (tab: T) => void;
+};
+export declare function TabsWithFade<T extends string>({ tabs, activeTab, onTabChange }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -1,3 +1,3 @@
 export { Tabs } from './Tabs';
 export { TabsWithFade } from './TabsWithFade';
-export type { TTab } from './types';
+export type { Tab } from './Tabs';

package/dist/components/Tabs/tabs.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tabs-module__container___NRX40",_="tabs-module__tab___McM3m",e="tabs-module__sm___m4fiR",a="tabs-module__md___Va2xk",o="tabs-module__lg___SVeHo",s="tabs-module__inverted___CBzom",b="tabs-module__disabled___AXCIC",d="tabs-module__bottom___Ho7ee",c="tabs-module__top___jthT8",n="tabs-module__activeTab___MHq7V",m="tabs-module__brackets___37Jhe",l="tabs-module__iconWrap___RY5wP",r="tabs-module__tabsTape___wsU1y",i="tabs-module__tabsWrapper___MLrX-",u="tabs-module__showFadeLeft___GGn8-",p="tabs-module__showFadeRight___a90mU",h={container:t,tab:_,sm:e,md:a,lg:o,inverted:s,disabled:b,bottom:d,top:c,activeTab:n,brackets:m,iconWrap:l,tabsTape:r,tabsWrapper:i,showFadeLeft:u,showFadeRight:p};exports.activeTab=n;exports.bottom=d;exports.brackets=m;exports.container=t;exports.default=h;exports.disabled=b;exports.iconWrap=l;exports.inverted=s;exports.lg=o;exports.md=a;exports.showFadeLeft=u;exports.showFadeRight=p;exports.sm=e;exports.tab=_;exports.tabsTape=r;exports.tabsWrapper=i;exports.top=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tabs-module__container___NRX40",e="tabs-module__tab___McM3m",_="tabs-module__sm___m4fiR",a="tabs-module__lg___SVeHo",o="tabs-module__inverted___CBzom",s="tabs-module__disabled___AXCIC",b="tabs-module__bottom___Ho7ee",d="tabs-module__top___jthT8",c="tabs-module__activeTab___MHq7V",n="tabs-module__brackets___37Jhe",l="tabs-module__iconWrap___RY5wP",r="tabs-module__tabsTape___wsU1y",i="tabs-module__tabsWrapper___MLrX-",m="tabs-module__showFadeLeft___GGn8-",u="tabs-module__showFadeRight___a90mU",p={container:t,tab:e,sm:_,lg:a,inverted:o,disabled:s,bottom:b,top:d,activeTab:c,brackets:n,iconWrap:l,tabsTape:r,tabsWrapper:i,showFadeLeft:m,showFadeRight:u};exports.activeTab=c;exports.bottom=b;exports.brackets=n;exports.container=t;exports.default=p;exports.disabled=s;exports.iconWrap=l;exports.inverted=o;exports.lg=a;exports.showFadeLeft=m;exports.showFadeRight=u;exports.sm=_;exports.tab=e;exports.tabsTape=r;exports.tabsWrapper=i;exports.top=d;

package/dist/components/Tabs/tabs.module.css.es.js

@@ -1,37 +1,35 @@
-const _ = "tabs-module__container___NRX40", t = "tabs-module__tab___McM3m", a = "tabs-module__sm___m4fiR", o = "tabs-module__md___Va2xk", s = "tabs-module__lg___SVeHo", e = "tabs-module__inverted___CBzom", b = "tabs-module__disabled___AXCIC", d = "tabs-module__bottom___Ho7ee", c = "tabs-module__top___jthT8", n = "tabs-module__activeTab___MHq7V", m = "tabs-module__brackets___37Jhe", l = "tabs-module__iconWrap___RY5wP", r = "tabs-module__tabsTape___wsU1y", i = "tabs-module__tabsWrapper___MLrX-", u = "tabs-module__showFadeLeft___GGn8-", p = "tabs-module__showFadeRight___a90mU", h = {
+const _ = "tabs-module__container___NRX40", t = "tabs-module__tab___McM3m", a = "tabs-module__sm___m4fiR", o = "tabs-module__lg___SVeHo", s = "tabs-module__inverted___CBzom", e = "tabs-module__disabled___AXCIC", b = "tabs-module__bottom___Ho7ee", d = "tabs-module__top___jthT8", c = "tabs-module__activeTab___MHq7V", n = "tabs-module__brackets___37Jhe", m = "tabs-module__iconWrap___RY5wP", l = "tabs-module__tabsTape___wsU1y", r = "tabs-module__tabsWrapper___MLrX-", i = "tabs-module__showFadeLeft___GGn8-", p = "tabs-module__showFadeRight___a90mU", u = {
   container: _,
   tab: t,
   sm: a,
-  md: o,
-  lg: s,
-  inverted: e,
-  disabled: b,
-  bottom: d,
-  top: c,
-  activeTab: n,
-  brackets: m,
-  iconWrap: l,
-  tabsTape: r,
-  tabsWrapper: i,
-  showFadeLeft: u,
+  lg: o,
+  inverted: s,
+  disabled: e,
+  bottom: b,
+  top: d,
+  activeTab: c,
+  brackets: n,
+  iconWrap: m,
+  tabsTape: l,
+  tabsWrapper: r,
+  showFadeLeft: i,
   showFadeRight: p
 };
 export {
-  n as activeTab,
-  d as bottom,
-  m as brackets,
+  c as activeTab,
+  b as bottom,
+  n as brackets,
   _ as container,
-  h as default,
-  b as disabled,
-  l as iconWrap,
-  e as inverted,
-  s as lg,
-  o as md,
-  u as showFadeLeft,
+  u as default,
+  e as disabled,
+  m as iconWrap,
+  s as inverted,
+  o as lg,
+  i as showFadeLeft,
   p as showFadeRight,
   a as sm,
   t as tab,
-  r as tabsTape,
-  i as tabsWrapper,
-  c as top
+  l as tabsTape,
+  r as tabsWrapper,
+  d as top
 };

package/dist/components/TextButton/TextButton.d.ts

@@ -10,6 +10,6 @@ type BaseButtonProps = {
     suffixIcon?: EIconName;
     hideOn?: 'mobile' | 'desktop';
 };
-export type TextButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const TextButton: ({ size, as: Component, disabled, inverted, children, prefixIcon, suffixIcon, hideOn, ...props }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;
+type ButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const TextButton: ({ size, as: Component, disabled, inverted, children, prefixIcon, suffixIcon, hideOn, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,2 +1 @@
 export { TextButton } from './TextButton';
-export type { TextButtonProps } from './TextButton';