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

package/dist/components/FilterMenu/FilterMenu.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 type TOption<T extends string | number> = {
     label: string;
     value: T;
@@ -11,6 +13,7 @@ type FilterMenuProps<T extends string | number> = {
     open?: boolean;
     multiple?: boolean;
     options: ReadonlyArray<TOptionGroup<T>>;
+    headerNode?: React.ReactNode;
     onSelect: (value: T, optionGroup: TOptionGroup<T>) => void;
 } & ({
     multiple: true;
@@ -19,5 +22,5 @@ type FilterMenuProps<T extends string | number> = {
     multiple?: false;
     selectedValue?: T;
 });
-export declare function FilterMenu<T extends string | number>({ label, open, multiple, options, selectedValue, onSelect, }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FilterMenu<T extends string | number>({ label, open, multiple, options, selectedValue, headerNode, onSelect, }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FilterMenu/FilterMenu.es.js

@@ -1,48 +1,61 @@
 "use client";
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { useState as v } from "react";
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { useState as y } from "react";
 import { cn as o } from "../../utils/cn/cn.es.js";
-import { Icon as y } from "../Icon/Icon.es.js";
-import { EIconName as c } from "../Icon/constants.es.js";
+import { Icon as L } from "../Icon/Icon.es.js";
+import { EIconName as d } from "../Icon/constants.es.js";
 import { Typography as m } from "../Typography/Typography.es.js";
 import i from "./filterMenu.module.css.es.js";
 function w({
-  label: d,
-  open: p = !1,
-  multiple: h,
-  options: f,
-  selectedValue: r,
-  onSelect: b
+  label: p,
+  open: h = !1,
+  multiple: f,
+  options: b,
+  selectedValue: l,
+  headerNode: t,
+  onSelect: u
 }) {
-  const [t, u] = v(p), N = () => u((e) => !e);
-  return /* @__PURE__ */ n("div", { className: i.root, children: [
-    /* @__PURE__ */ n("button", { className: i.toggleButton, onClick: N, children: [
-      /* @__PURE__ */ a(m, { defaultVariant: "labelLg", emphasis: !0, children: d }),
-      /* @__PURE__ */ a(y, { name: t ? c.REMOVE : c.PLUS, className: i.toggleIcon })
+  const [c, N] = y(h), g = () => N((e) => !e);
+  return /* @__PURE__ */ r("div", { className: i.root, children: [
+    /* @__PURE__ */ r("button", { className: i.toggleButton, onClick: g, children: [
+      /* @__PURE__ */ a(m, { defaultVariant: "labelLg", emphasis: !0, children: p }),
+      /* @__PURE__ */ a(L, { name: c ? d.REMOVE : d.PLUS, className: i.toggleIcon })
     ] }),
-    /* @__PURE__ */ a("div", { className: o(i.menu, t && i.isOpen), role: "menu", children: f.map((e, s) => /* @__PURE__ */ n("ul", { className: i.subOptions, children: [
-      e.label && /* @__PURE__ */ a("li", { className: o(i.divider, s !== 0 && i.dividerLine), children: /* @__PURE__ */ a(
-        m,
-        {
-          as: "div",
-          defaultVariant: "bodyMd",
-          weight: "medium",
-          className: i.dividerLabel,
-          children: e.label
-        }
-      ) }, s),
-      e.values.map(({ value: l, label: g }) => /* @__PURE__ */ a("li", { className: i.option, onClick: () => b(l, e), children: /* @__PURE__ */ a(
-        m,
-        {
-          as: "div",
-          defaultVariant: "bodyMd",
-          className: o(i.optionLabel, {
-            [i.selected]: h ? r == null ? void 0 : r.includes(l) : l === r
-          }),
-          children: g
-        }
-      ) }, l))
-    ] }, `${e.label}_${s}`)) })
+    /* @__PURE__ */ a("div", { className: o(i.menu, c && i.isOpen), role: "menu", children: /* @__PURE__ */ r("div", { className: i.menuContent, children: [
+      t,
+      b.map((e, s) => /* @__PURE__ */ r("ul", { className: i.subOptions, children: [
+        e.label && /* @__PURE__ */ a(
+          "li",
+          {
+            className: o(i.divider, {
+              [i.dividerLine]: !!(t || s !== 0)
+            }),
+            children: /* @__PURE__ */ a(
+              m,
+              {
+                as: "div",
+                defaultVariant: "bodyMd",
+                weight: "medium",
+                className: i.dividerLabel,
+                children: e.label
+              }
+            )
+          },
+          s
+        ),
+        e.values.map(({ value: n, label: v }) => /* @__PURE__ */ a("li", { className: i.option, onClick: () => u(n, e), children: /* @__PURE__ */ a(
+          m,
+          {
+            as: "div",
+            defaultVariant: "bodyMd",
+            className: o(i.optionLabel, {
+              [i.selected]: f ? l == null ? void 0 : l.includes(n) : n === l
+            }),
+            children: v
+          }
+        ) }, n))
+      ] }, `${e.label}_${s}`))
+    ] }) })
   ] });
 }
 export {

package/dist/components/FilterMenu/filterMenu.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="filterMenu-module__root___2bQXW",o="filterMenu-module__toggleButton___tuQZ8",t="filterMenu-module__toggleIcon___q7eVA",_="filterMenu-module__menu___a0R5E",i="filterMenu-module__subOptions___4CcnK",n="filterMenu-module__option___Qo7qU",l="filterMenu-module__selected___ixmVF",u="filterMenu-module__divider___6UuTw",d="filterMenu-module__optionLabel___C99H6",s="filterMenu-module__dividerLabel___93rPp",r="filterMenu-module__isOpen___65MDX",c="filterMenu-module__dividerLine___WPDHB",g={root:e,toggleButton:o,toggleIcon:t,menu:_,subOptions:i,option:n,selected:l,divider:u,optionLabel:d,dividerLabel:s,isOpen:r,dividerLine:c};exports.default=g;exports.divider=u;exports.dividerLabel=s;exports.dividerLine=c;exports.isOpen=r;exports.menu=_;exports.option=n;exports.optionLabel=d;exports.root=e;exports.selected=l;exports.subOptions=i;exports.toggleButton=o;exports.toggleIcon=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="filterMenu-module__root___2bQXW",o="filterMenu-module__toggleButton___tuQZ8",t="filterMenu-module__toggleIcon___q7eVA",n="filterMenu-module__menu___a0R5E",_="filterMenu-module__subOptions___4CcnK",i="filterMenu-module__option___Qo7qU",l="filterMenu-module__selected___ixmVF",u="filterMenu-module__divider___6UuTw",d="filterMenu-module__optionLabel___C99H6",s="filterMenu-module__dividerLabel___93rPp",r="filterMenu-module__dividerLine___WPDHB",c="filterMenu-module__isOpen___65MDX",m="filterMenu-module__menuContent___a3NE8",g={root:e,toggleButton:o,toggleIcon:t,menu:n,subOptions:_,option:i,selected:l,divider:u,optionLabel:d,dividerLabel:s,dividerLine:r,isOpen:c,menuContent:m};exports.default=g;exports.divider=u;exports.dividerLabel=s;exports.dividerLine=r;exports.isOpen=c;exports.menu=n;exports.menuContent=m;exports.option=i;exports.optionLabel=d;exports.root=e;exports.selected=l;exports.subOptions=_;exports.toggleButton=o;exports.toggleIcon=t;

package/dist/components/FilterMenu/filterMenu.module.css.es.js

@@ -1,4 +1,4 @@
-const e = "filterMenu-module__root___2bQXW", o = "filterMenu-module__toggleButton___tuQZ8", _ = "filterMenu-module__toggleIcon___q7eVA", t = "filterMenu-module__menu___a0R5E", n = "filterMenu-module__subOptions___4CcnK", i = "filterMenu-module__option___Qo7qU", l = "filterMenu-module__selected___ixmVF", u = "filterMenu-module__divider___6UuTw", d = "filterMenu-module__optionLabel___C99H6", s = "filterMenu-module__dividerLabel___93rPp", r = "filterMenu-module__isOpen___65MDX", c = "filterMenu-module__dividerLine___WPDHB", m = {
+const e = "filterMenu-module__root___2bQXW", o = "filterMenu-module__toggleButton___tuQZ8", _ = "filterMenu-module__toggleIcon___q7eVA", t = "filterMenu-module__menu___a0R5E", n = "filterMenu-module__subOptions___4CcnK", i = "filterMenu-module__option___Qo7qU", l = "filterMenu-module__selected___ixmVF", u = "filterMenu-module__divider___6UuTw", d = "filterMenu-module__optionLabel___C99H6", s = "filterMenu-module__dividerLabel___93rPp", r = "filterMenu-module__dividerLine___WPDHB", c = "filterMenu-module__isOpen___65MDX", m = "filterMenu-module__menuContent___a3NE8", f = {
   root: e,
   toggleButton: o,
   toggleIcon: _,
@@ -9,16 +9,18 @@ const e = "filterMenu-module__root___2bQXW", o = "filterMenu-module__toggleButto
   divider: u,
   optionLabel: d,
   dividerLabel: s,
-  isOpen: r,
-  dividerLine: c
+  dividerLine: r,
+  isOpen: c,
+  menuContent: m
 };
 export {
-  m as default,
+  f as default,
   u as divider,
   s as dividerLabel,
-  c as dividerLine,
-  r as isOpen,
+  r as dividerLine,
+  c as isOpen,
   t as menu,
+  m as menuContent,
   i as option,
   d as optionLabel,
   e as root,

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),d=require("../../utils/cn/cn.cjs.js"),i=require("../Icon/Icon.cjs.js"),f=require("../Icon/constants.cjs.js"),_=require("../Typography/Typography.cjs.js"),e=require("./pagination.module.css.cjs.js"),h=(r,t,n)=>{if(t<=n)return Array.from({length:t},(c,u)=>u+1);const s=Math.floor(n/2);let o=Math.max(1,r-s),l=o+n-1;return l>t&&(l=t,o=l-n+1),Array.from({length:n},(c,u)=>o+u)},N=({page:r,pagesCount:t,visiblePagesLimit:n,disabled:s,onPageChange:o})=>{const l=m.useMemo(()=>h(r,t,n),[r,t,n]);return a.jsxs("div",{className:e.default.root,children:[r>1&&a.jsx("button",{className:d.cn(e.default.arrow,e.default.arrowPrev),onClick:()=>o(r-1),disabled:s,"aria-label":"Previous page",children:a.jsx(i.Icon,{name:f.EIconName.ARROW_BACK,className:e.default.icon})}),l.map(c=>a.jsx("button",{className:d.cn(e.default.page,c===r&&e.default.activePage),onClick:()=>o(c),children:a.jsx(_.Typography,{defaultVariant:"labelXl",weight:"regular",children:c.toString().padStart(2,"0")})},c)),r<t&&a.jsx("button",{className:d.cn(e.default.arrow,e.default.arrowNext),onClick:()=>o(r+1),disabled:s,"aria-label":"Next page",children:a.jsx(i.Icon,{name:f.EIconName.ARROW_FORWARD,className:e.default.icon})})]})};exports.Pagination=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),m=require("react"),d=require("../../utils/cn/cn.cjs.js"),i=require("../Icon/Icon.cjs.js"),f=require("../Icon/constants.cjs.js"),_=require("../Typography/Typography.cjs.js"),e=require("./pagination.module.css.cjs.js"),h=(r,t,a)=>{if(t<=a)return Array.from({length:t},(c,u)=>u+1);const s=Math.floor(a/2);let n=Math.max(1,r-s),l=n+a-1;return l>t&&(l=t,n=l-a+1),Array.from({length:a},(c,u)=>n+u)},N=({page:r,pagesCount:t,visiblePagesLimit:a,disabled:s,onPageChange:n})=>{const l=m.useMemo(()=>h(r,t,a),[r,t,a]);return o.jsxs("div",{className:e.default.root,children:[o.jsx("button",{className:d.cn(e.default.arrow,e.default.arrowPrev),onClick:()=>n(r-1),disabled:s||r<=1,"aria-label":"Previous page",children:o.jsx(i.Icon,{name:f.EIconName.ARROW_BACK,className:e.default.icon})}),l.map(c=>o.jsx("button",{className:d.cn(e.default.page,c===r&&e.default.activePage),onClick:()=>n(c),children:o.jsx(_.Typography,{defaultVariant:"labelXl",weight:"regular",children:c.toString().padStart(2,"0")})},c)),o.jsx("button",{className:d.cn(e.default.arrow,e.default.arrowNext),onClick:()=>n(r+1),disabled:s||r>=t,"aria-label":"Next page",children:o.jsx(i.Icon,{name:f.EIconName.ARROW_FORWARD,className:e.default.icon})})]})};exports.Pagination=N;

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

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

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

@@ -1 +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;
+"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;

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

@@ -1,18 +1,12 @@
-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);
-}) });
+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)) });
 export {
-  S as RatingStars
+  u 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",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;
+"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;

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

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

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

package/dist/components/TextInput/TextInput.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),e=require("./textInput.module.css.cjs.js"),l=require("../../utils/cn/cn.cjs.js"),g=require("../Button/Button.cjs.js"),E=require("../Icon/Icon.cjs.js"),B=require("../Icon/constants.cjs.js"),V=({placeholder:y,variant:u="primary",handleChange:o,handleKeyDown:r,disabled:i=!1,buttonText:j="SUBMIT",onButtonClick:s,error:c=!1,errorText:d,active:f=!1,value:m,label:p,type:v="button",showButton:N=!1})=>{const[h,I]=x.useState(!1),[q,b]=x.useState(""),_=typeof m=="string"&&typeof o=="function",a=_?m:q,R=n=>{_?o&&o(n):b(n.target.value)},S=()=>{s&&s(a||"")},T=n=>{n.key==="Enter"&&s&&s(a||""),r&&r(n)};return t.jsxs("div",{className:e.default.root,children:[p&&t.jsx("div",{className:l.cn(e.default.label,a&&e.default.hidden),children:p}),t.jsxs("div",{className:l.cn(e.default.container,e.default[u],{[e.default.focused]:h},{[e.default.disabled]:i},{[e.default.error]:c},{[e.default.active]:f}),children:[t.jsx("div",{className:e.default.input_container,children:t.jsx("input",{className:l.cn(e.default.input,e.default[`input_${u}`],{[e.default.error]:c},{[e.default.active]:f}),disabled:i,placeholder:y,onChange:R,onKeyDown:T,onFocus:()=>I(!0),onBlur:()=>I(!1),value:a,style:{outline:"none"}})}),N&&t.jsx("div",{className:e.default.button_container,children:t.jsx(g.Button,{variant:u==="primary"?"primary":"primary-invert",as:"button",size:"sm",type:v,onClick:S,children:j})})]}),c&&d&&t.jsxs("div",{className:e.default.errorText,children:[t.jsx(E.Icon,{name:B.EIconName.ALERT_ERROR,className:e.default.errorIcon}),d]})]})};exports.TextInput=V;

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,20 @@
+import { ChangeEvent, KeyboardEvent } from 'react';
+
+type TTextInputProps = {
+    placeholder?: string;
+    variant?: 'primary' | 'primary-invert';
+    handleChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    handleKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
+    disabled?: boolean;
+    buttonText?: string;
+    onButtonClick?: (value: string) => void;
+    error?: boolean;
+    errorText?: string;
+    active?: boolean;
+    value?: string;
+    label?: string;
+    type?: 'button' | 'submit' | 'reset';
+    showButton?: boolean;
+};
+export declare const TextInput: ({ placeholder, variant, handleChange, handleKeyDown, disabled, buttonText, onButtonClick, error, errorText, active, value, label, type, showButton, }: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TextInput/TextInput.es.js

@@ -0,0 +1,86 @@
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { useState as v } from "react";
+import e from "./textInput.module.css.es.js";
+import { cn as l } from "../../utils/cn/cn.es.js";
+import { Button as F } from "../Button/Button.es.js";
+import { Icon as S } from "../Icon/Icon.es.js";
+import { EIconName as w } from "../Icon/constants.es.js";
+const O = ({
+  placeholder: I,
+  variant: r = "primary",
+  handleChange: i,
+  handleKeyDown: m,
+  disabled: u = !1,
+  buttonText: x = "SUBMIT",
+  onButtonClick: s,
+  error: a = !1,
+  errorText: f,
+  active: p = !1,
+  value: d,
+  label: y,
+  type: E = "button",
+  showButton: R = !1
+}) => {
+  const [_, N] = v(!1), [b, T] = v(""), h = typeof d == "string" && typeof i == "function", o = h ? d : b, V = (t) => {
+    h ? i && i(t) : T(t.target.value);
+  }, g = () => {
+    s && s(o || "");
+  }, j = (t) => {
+    t.key === "Enter" && s && s(o || ""), m && m(t);
+  };
+  return /* @__PURE__ */ c("div", { className: e.root, children: [
+    y && /* @__PURE__ */ n("div", { className: l(e.label, o && e.hidden), children: y }),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: l(
+          e.container,
+          e[r],
+          { [e.focused]: _ },
+          { [e.disabled]: u },
+          { [e.error]: a },
+          { [e.active]: p }
+        ),
+        children: [
+          /* @__PURE__ */ n("div", { className: e.input_container, children: /* @__PURE__ */ n(
+            "input",
+            {
+              className: l(
+                e.input,
+                e[`input_${r}`],
+                { [e.error]: a },
+                { [e.active]: p }
+              ),
+              disabled: u,
+              placeholder: I,
+              onChange: V,
+              onKeyDown: j,
+              onFocus: () => N(!0),
+              onBlur: () => N(!1),
+              value: o,
+              style: { outline: "none" }
+            }
+          ) }),
+          R && /* @__PURE__ */ n("div", { className: e.button_container, children: /* @__PURE__ */ n(
+            F,
+            {
+              variant: r === "primary" ? "primary" : "primary-invert",
+              as: "button",
+              size: "sm",
+              type: E,
+              onClick: g,
+              children: x
+            }
+          ) })
+        ]
+      }
+    ),
+    a && f && /* @__PURE__ */ c("div", { className: e.errorText, children: [
+      /* @__PURE__ */ n(S, { name: w.ALERT_ERROR, className: e.errorIcon }),
+      f
+    ] })
+  ] });
+};
+export {
+  O as TextInput
+};

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

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

package/dist/components/TextInput/textInput.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="textInput-module__root___9OIkh",e="textInput-module__container___VFWsU",_="textInput-module__primary___LR6zA",o="textInput-module__errorIcon___AEDWP",r="textInput-module__focused___VSXU0",n="textInput-module__active___7nRCI",u="textInput-module__error___MSPiu",i="textInput-module__disabled___Q659x",d="textInput-module__input_container___WJvjK",c="textInput-module__input___64sMa",l="textInput-module__errorText___BLzki",a="textInput-module__label___WVtXN",s="textInput-module__hidden___7s9pj",p={root:t,container:e,primary:_,"primary-invert":"textInput-module__primary-invert___6u0f5",errorIcon:o,focused:r,active:n,error:u,disabled:i,input_container:d,input:c,errorText:l,label:a,hidden:s};exports.active=n;exports.container=e;exports.default=p;exports.disabled=i;exports.error=u;exports.errorIcon=o;exports.errorText=l;exports.focused=r;exports.hidden=s;exports.input=c;exports.input_container=d;exports.label=a;exports.primary=_;exports.root=t;

package/dist/components/TextInput/textInput.module.css.es.js

@@ -0,0 +1,32 @@
+const t = "textInput-module__root___9OIkh", _ = "textInput-module__container___VFWsU", e = "textInput-module__primary___LR6zA", o = "textInput-module__errorIcon___AEDWP", n = "textInput-module__focused___VSXU0", r = "textInput-module__active___7nRCI", u = "textInput-module__error___MSPiu", d = "textInput-module__disabled___Q659x", i = "textInput-module__input_container___WJvjK", c = "textInput-module__input___64sMa", p = "textInput-module__errorText___BLzki", s = "textInput-module__label___WVtXN", l = "textInput-module__hidden___7s9pj", a = {
+  root: t,
+  container: _,
+  primary: e,
+  "primary-invert": "textInput-module__primary-invert___6u0f5",
+  errorIcon: o,
+  focused: n,
+  active: r,
+  error: u,
+  disabled: d,
+  input_container: i,
+  input: c,
+  errorText: p,
+  label: s,
+  hidden: l
+};
+export {
+  r as active,
+  _ as container,
+  a as default,
+  d as disabled,
+  u as error,
+  o as errorIcon,
+  p as errorText,
+  n as focused,
+  l as hidden,
+  c as input,
+  i as input_container,
+  s as label,
+  e as primary,
+  t as root
+};