@zenpatient-org/healthspan-marketing-ui 0.1.45 → 0.1.46

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

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as i, jsx as a, Fragment as X } from "react/jsx-runtime";
+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 z = ({ steps: s, colorScheme: l }) => {
-  const [c, f] = V(0), g = m([]), o = m(null), d = m(null), v = u((e) => {
+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;
@@ -17,52 +17,58 @@ const z = ({ steps: s, colorScheme: l }) => {
   }, []), T = u(() => {
     if (o.current !== null && d.current !== null) {
       const e = d.current - o.current, r = 50;
-      f((n) => e > r && n > 0 ? n - 1 : e < -r && n < s.length - 1 ? n + 1 : n);
+      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__ */ i("div", { className: t.root, "data-scheme": l, children: [
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ l("div", { className: t.root, "data-scheme": c, children: [
+    /* @__PURE__ */ n(
       "div",
       {
         className: t.stepsContainer,
-        "data-scheme": l,
+        "data-scheme": c,
         onTouchStart: v,
         onTouchMove: C,
         onTouchEnd: T,
         children: s.map((e, r) => {
-          const n = c === r;
-          return /* @__PURE__ */ i(
+          const a = i === r;
+          return /* @__PURE__ */ l(
             "button",
             {
               ref: (N) => {
                 N && (g.current[r] = N);
               },
-              className: b(t.card, n && t.cardActive),
+              className: b(t.card, a && t.cardActive),
               onClick: () => h(r),
               type: "button",
               children: [
-                /* @__PURE__ */ a("div", { className: b(t.imageWrapper, n && t.imageWrapperActive), children: /* @__PURE__ */ a("img", { src: e.image, alt: e.title, className: t.image }) }),
-                /* @__PURE__ */ a("div", { className: t.stepLabel, children: n ? /* @__PURE__ */ i(X, { children: [
-                  /* @__PURE__ */ a(
+                /* @__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: l === "dark" ? "white" : "black",
-                      children: `Step ${r + 1}`
+                      color: c === "dark" ? "white" : "black",
+                      children: [
+                        "Step ",
+                        r + 1
+                      ]
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ l(
                     k,
                     {
                       size: "sm",
                       className: t.mobile,
-                      color: l === "dark" ? "white" : "black",
-                      children: `Step ${r + 1}`
+                      color: c === "dark" ? "white" : "black",
+                      children: [
+                        "Step ",
+                        r + 1
+                      ]
                     }
                   )
-                ] }) : /* @__PURE__ */ i(
+                ] }) : /* @__PURE__ */ l(
                   p,
                   {
                     defaultVariant: "labelSm",
@@ -75,9 +81,9 @@ const z = ({ steps: s, colorScheme: l }) => {
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ i("div", { className: t.textContainer, children: [
-                  /* @__PURE__ */ a(p, { as: "h3", defaultVariant: "headingXs", mobileVariant: "headingXxs", children: e.title }),
-                  e.description && /* @__PURE__ */ a(
+                /* @__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",
@@ -95,22 +101,22 @@ const z = ({ steps: s, colorScheme: l }) => {
         })
       }
     ),
-    /* @__PURE__ */ a("div", { className: b(t.mobile, t.progressButtonContainer), children: /* @__PURE__ */ a(
+    /* @__PURE__ */ n("div", { className: b(t.mobile, t.progressButtonContainer), children: /* @__PURE__ */ n(
       y,
       {
-        invert: l === "dark",
+        invert: c === "dark",
         left: {
-          disabled: c <= 0,
-          onClick: () => h(c - 1)
+          disabled: i <= 0,
+          onClick: () => h(i - 1)
         },
         right: {
-          disabled: c >= s.length - 1,
-          onClick: () => h(c + 1)
+          disabled: i >= s.length - 1,
+          onClick: () => h(i + 1)
         }
       }
     ) })
   ] });
 };
 export {
-  z as StepsCarousel
+  B as StepsCarousel
 };

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

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

package/dist/components/StudyGridCard/StudyGridCard.d.ts

@@ -1,13 +1,6 @@
 import { LabelProps } from '../Label';
 
-export type CompressedStudyCardProps = {
-    compressed: true;
-    title: string;
-    link: string;
-    image: string;
-};
-export type CompleteStudyCardProps = {
-    compressed?: false;
+export type StudyGridCardProps = {
     title: string;
     inverted?: boolean;
     image: string;
@@ -16,5 +9,4 @@ export type CompleteStudyCardProps = {
     readTime: number;
     link: string;
 };
-export type StudyGridCardProps = CompressedStudyCardProps | CompleteStudyCardProps;
-export declare function StudyGridCard(props: StudyGridCardProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1,140 +1,85 @@
-import { jsxs as i, jsx as a, Fragment as R } from "react/jsx-runtime";
-import { formatDate as b } from "../../utils/formatDate.es.js";
+import { jsxs as r, jsx as a, Fragment as u } from "react/jsx-runtime";
+import { formatDate as f } from "../../utils/formatDate.es.js";
 import "../Icon/Icon.es.js";
-import { EIconName as l } from "../Icon/constants.es.js";
+import { EIconName as m } from "../Icon/constants.es.js";
 import { Label as p } from "../Label/Label.es.js";
 import { TextButton as s } from "../TextButton/TextButton.es.js";
-import { Typography as r } from "../Typography/Typography.es.js";
-import { cn as m } from "../../utils/cn/cn.es.js";
+import { Typography as i } from "../Typography/Typography.es.js";
 import e from "./studyGridCard.module.css.es.js";
-function k(d) {
-  if (d.compressed === !0) {
-    const { title: o, link: t, image: n } = d;
-    return /* @__PURE__ */ i("div", { className: m(e.study, e.studyCompressed), children: [
-      /* @__PURE__ */ a(
-        "div",
-        {
-          className: m(e.imagePart, e.imagePartCompressed),
-          style: { backgroundImage: `url(${n})` }
-        }
-      ),
-      /* @__PURE__ */ i("div", { className: m(e.dataPart, e.dataPartCompressed), children: [
+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: [
         /* @__PURE__ */ a(
-          r,
+          i,
           {
-            className: m(e.title, e.titleCompressed),
-            defaultVariant: "headingSm",
-            mobileVariant: "bodySm",
-            as: "h6",
-            children: o
+            defaultVariant: "labelSm",
+            mobileVariant: "labelXs",
+            emphasis: !0,
+            weight: "medium",
+            color: "color-neutral-500",
+            children: f(h)
           }
         ),
-        /* @__PURE__ */ i("div", { className: e.button, children: [
+        !!o && /* @__PURE__ */ r(u, { children: [
           /* @__PURE__ */ a(
-            s,
-            {
-              hideOn: "desktop",
-              className: e.mobileButton,
-              size: "sm",
-              as: "a",
-              href: t,
-              suffixIcon: l.ARROW_FORWARD,
-              children: "READ MORE"
-            }
-          ),
-          /* @__PURE__ */ a(
-            s,
-            {
-              hideOn: "mobile",
-              className: e.desktopButton,
-              size: "lg",
-              as: "a",
-              href: t,
-              suffixIcon: l.ARROW_FORWARD,
-              children: "READ MORE"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ a("div", { className: e.borderLeft }),
-      /* @__PURE__ */ a("div", { className: e.borderRight })
-    ] });
-  } else {
-    const { title: o, link: t, image: n, inverted: h, date: u, label: c, readTime: f } = d;
-    return /* @__PURE__ */ i("div", { className: e.study, "data-inverted": h, children: [
-      /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${n})` }, children: c && /* @__PURE__ */ a(p, { ...c }) }),
-      /* @__PURE__ */ i("div", { className: e.dataPart, children: [
-        /* @__PURE__ */ i("div", { className: e.info, children: [
-          /* @__PURE__ */ a(
-            r,
+            i,
             {
               defaultVariant: "labelSm",
               mobileVariant: "labelXs",
               emphasis: !0,
               weight: "medium",
               color: "color-neutral-500",
-              children: b(u)
-            }
-          ),
-          /* @__PURE__ */ i(R, { children: [
-            /* @__PURE__ */ a(
-              r,
-              {
-                defaultVariant: "labelSm",
-                mobileVariant: "labelXs",
-                emphasis: !0,
-                weight: "medium",
-                color: "color-neutral-500",
-                children: "•"
-              }
-            ),
-            /* @__PURE__ */ i(
-              r,
-              {
-                defaultVariant: "labelSm",
-                mobileVariant: "labelXs",
-                emphasis: !0,
-                weight: "medium",
-                color: "color-neutral-500",
-                children: [
-                  f,
-                  " MIN READ"
-                ]
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ a(r, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: o }),
-        /* @__PURE__ */ i("div", { className: e.button, children: [
-          /* @__PURE__ */ a(
-            s,
-            {
-              hideOn: "desktop",
-              className: e.mobileButton,
-              size: "sm",
-              as: "a",
-              href: t,
-              suffixIcon: l.ARROW_FORWARD,
-              children: "READ MORE"
+              children: "•"
             }
           ),
-          /* @__PURE__ */ a(
-            s,
+          /* @__PURE__ */ r(
+            i,
             {
-              hideOn: "mobile",
-              className: e.desktopButton,
-              size: "lg",
-              as: "a",
-              href: t,
-              suffixIcon: l.ARROW_FORWARD,
-              children: "READ MORE"
+              defaultVariant: "labelSm",
+              mobileVariant: "labelXs",
+              emphasis: !0,
+              weight: "medium",
+              color: "color-neutral-500",
+              children: [
+                o,
+                " 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(
+          s,
+          {
+            hideOn: "desktop",
+            className: e.mobileButton,
+            size: "sm",
+            as: "a",
+            href: t,
+            suffixIcon: m.ARROW_FORWARD,
+            children: "READ MORE"
+          }
+        ),
+        /* @__PURE__ */ a(
+          s,
+          {
+            hideOn: "mobile",
+            className: e.desktopButton,
+            size: "lg",
+            as: "a",
+            href: t,
+            suffixIcon: m.ARROW_FORWARD,
+            children: "READ MORE"
+          }
+        )
       ] })
-    ] });
-  }
+    ] })
+  ] });
 }
 export {
-  k as StudyGridCard
+  v as StudyGridCard
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="studyGridCard-module__study___mkYRU",d="studyGridCard-module__imagePart___fvIQO",e="studyGridCard-module__dataPart___mweMi",r="studyGridCard-module__dataPartCompressed___bLUMa",s="studyGridCard-module__info___xY-Kk",o="studyGridCard-module__title___U2va1",_="studyGridCard-module__button___bvI0u",a="studyGridCard-module__mobileButton___v-RZs",u="studyGridCard-module__studyCompressed___0XTXS",i="studyGridCard-module__imagePartCompressed___8GG-N",m="studyGridCard-module__titleCompressed___Z7uqM",l="studyGridCard-module__borderLeft___xGpbL",C="studyGridCard-module__borderRight___DmL9W",n={study:t,imagePart:d,dataPart:e,dataPartCompressed:r,info:s,title:o,button:_,mobileButton:a,studyCompressed:u,imagePartCompressed:i,titleCompressed:m,borderLeft:l,borderRight:C};exports.borderLeft=l;exports.borderRight=C;exports.button=_;exports.dataPart=e;exports.dataPartCompressed=r;exports.default=n;exports.imagePart=d;exports.imagePartCompressed=i;exports.info=s;exports.mobileButton=a;exports.study=t;exports.studyCompressed=u;exports.title=o;exports.titleCompressed=m;
+"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

@@ -1,31 +1,19 @@
-const t = "studyGridCard-module__study___mkYRU", d = "studyGridCard-module__imagePart___fvIQO", e = "studyGridCard-module__dataPart___mweMi", _ = "studyGridCard-module__dataPartCompressed___bLUMa", r = "studyGridCard-module__info___xY-Kk", s = "studyGridCard-module__title___U2va1", o = "studyGridCard-module__button___bvI0u", a = "studyGridCard-module__mobileButton___v-RZs", u = "studyGridCard-module__studyCompressed___0XTXS", m = "studyGridCard-module__imagePartCompressed___8GG-N", i = "studyGridCard-module__titleCompressed___Z7uqM", C = "studyGridCard-module__borderLeft___xGpbL", l = "studyGridCard-module__borderRight___DmL9W", n = {
+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: e,
-  dataPartCompressed: _,
-  info: r,
-  title: s,
-  button: o,
-  mobileButton: a,
-  studyCompressed: u,
-  imagePartCompressed: m,
-  titleCompressed: i,
-  borderLeft: C,
-  borderRight: l
+  dataPart: _,
+  info: o,
+  title: a,
+  button: u,
+  mobileButton: s
 };
 export {
-  C as borderLeft,
-  l as borderRight,
-  o as button,
-  e as dataPart,
-  _ as dataPartCompressed,
-  n as default,
+  u as button,
+  _ as dataPart,
+  r as default,
   d as imagePart,
-  m as imagePartCompressed,
-  r as info,
-  a as mobileButton,
+  o as info,
+  s as mobileButton,
   t as study,
-  u as studyCompressed,
-  s as title,
-  i as titleCompressed
+  a as title
 };

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

@@ -1 +1 @@
-"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"),d=require("../Icon/Icon.cjs.js"),t=require("./tag.module.css.cjs.js"),g={md:l.default.labelMd,lg:l.default.labelLg},j=({value:n,children:u,active:o,disabled:i,size:s="md",prefixIcon:c,suffixIcon:r,onClick:a})=>e.jsx("button",{className:m.cn(t.default.tag,g[s],{[t.default.active]:o},t.default[s]),disabled:i,onClick:()=>n&&(a==null?void 0:a(n)),children:e.jsxs("div",{className:t.default.content,children:[c&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(d.Icon,{name:c})}),e.jsx("p",{children:u}),r&&e.jsx("div",{className:t.default.iconWrap,children:e.jsx(d.Icon,{name:r})})]})});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.d.ts

@@ -3,14 +3,14 @@ import { EIconName } from '../Icon';
 
 type Props = {
     children: ReactNode;
-    value?: string;
+    value: string;
     active?: boolean;
     size?: 'md' | 'lg';
     disabled?: boolean;
     prefixIcon?: EIconName;
     suffixIcon?: EIconName;
     iconPosition?: 'left' | 'right';
-    onClick?: (value: string) => void;
+    onClick: (value: string) => void;
 };
 export declare const Tag: ({ value, children, active, disabled, size, prefixIcon, suffixIcon, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,21 +1,21 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+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 n } from "../Icon/Icon.es.js";
-import m from "./tag.module.css.es.js";
+import { Icon as e } from "../Icon/Icon.es.js";
+import a from "./tag.module.css.es.js";
 const h = {
   md: c.labelMd,
   lg: c.labelLg
-}, f = ({ value: t, children: d, active: l, disabled: p, size: e = "md", prefixIcon: o, suffixIcon: s, onClick: a }) => /* @__PURE__ */ r(
+}, f = ({ value: l, children: n, active: i, disabled: s, size: m = "md", prefixIcon: o, suffixIcon: t, onClick: d }) => /* @__PURE__ */ r(
   "button",
   {
-    className: g(m.tag, h[e], { [m.active]: l }, m[e]),
-    disabled: p,
-    onClick: () => t && (a == null ? void 0 : a(t)),
-    children: /* @__PURE__ */ i("div", { className: m.content, children: [
-      o && /* @__PURE__ */ r("div", { className: m.iconWrap, children: /* @__PURE__ */ r(n, { name: o }) }),
-      /* @__PURE__ */ r("p", { children: d }),
-      s && /* @__PURE__ */ r("div", { className: m.iconWrap, children: /* @__PURE__ */ r(n, { name: s }) })
+    className: g(a.tag, h[m], { [a.active]: i }, a[m]),
+    disabled: s,
+    onClick: () => d(l),
+    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 }) })
     ] })
   }
 );