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

package/dist/modules/HighestStandards/components/TabsMenu/TabsMenu.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),a=require("./components/TabsMenutem/TabsMenuItem.cjs.js"),i=require("./tabsMenu.module.css.cjs.js"),l=({items:s})=>{const[c,o]=r.useState(0),u=t=>{o(e=>e===t?e:t)};return n.jsx("div",{className:i.default.root,children:s.map((t,e)=>n.jsx(a.TabsMenuItem,{title:t.title,content:t.content,isOpen:c===e,index:e,onClick:u},e))})};exports.TabsMenu=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),a=require("./components/TabsMenutem/TabsMenuItem.cjs.js"),l=require("./tabsMenu.module.css.cjs.js"),i=({items:s})=>{const[u,c]=r.useState(0),o=e=>{c(t=>t===e?null:e)};return n.jsx("div",{className:l.default.root,children:s.map((e,t)=>n.jsx(a.TabsMenuItem,{title:e.title,content:e.content,isOpen:u===t,index:t,onClick:o},t))})};exports.TabsMenu=i;

package/dist/modules/HighestStandards/components/TabsMenu/TabsMenu.es.js

@@ -1,22 +1,22 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
 import { useState as m } from "react";
-import { TabsMenuItem as i } from "./components/TabsMenutem/TabsMenuItem.es.js";
-import l from "./tabsMenu.module.css.es.js";
-const I = ({ items: s }) => {
-  const [n, r] = m(0), c = (e) => {
-    r((t) => t === e ? t : e);
+import { TabsMenuItem as l } from "./components/TabsMenutem/TabsMenuItem.es.js";
+import i from "./tabsMenu.module.css.es.js";
+const I = ({ items: n }) => {
+  const [s, r] = m(0), c = (t) => {
+    r((e) => e === t ? null : t);
   };
-  return /* @__PURE__ */ o("div", { className: l.root, children: s.map((e, t) => /* @__PURE__ */ o(
-    i,
+  return /* @__PURE__ */ o("div", { className: i.root, children: n.map((t, e) => /* @__PURE__ */ o(
+    l,
     {
-      title: e.title,
-      content: e.content,
-      isOpen: n === t,
-      index: t,
+      title: t.title,
+      content: t.content,
+      isOpen: s === e,
+      index: e,
       onClick: c
     },
-    t
+    e
   )) });
 };
 export {

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/TabsMenuItem.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../../../utils/cn/cn.cjs.js"),a=require("../../../../../../components/Icon/Icon.cjs.js"),s=require("../../../../../../components/Icon/constants.cjs.js"),t=require("../../../../../../components/Typography/Typography.cjs.js"),n=require("./tabsMenuItem.module.css.cjs.js"),u=({title:r,content:i,isOpen:c,index:l,onClick:d})=>e.jsxs("div",{onClick:()=>d(l??0),className:n.default.root,children:[e.jsxs("div",{className:n.default.header,children:[e.jsxs("div",{className:n.default.titleWithPrefixIconWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.CIRCLE_CHECK_FILL,className:n.default.prefixIcon}),e.jsx(t.Typography,{defaultVariant:"headingSm",mobileVariant:"headingXxs",children:r})]}),e.jsxs("div",{className:n.default.closeButtonWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.BRACKET_LEFT}),e.jsx("div",{className:o.cn(n.default.closeButton,{[n.default.closeButtonActive]:c}),children:e.jsx(a.Icon,{name:s.EIconName.PLUS})}),e.jsx(a.Icon,{name:s.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:o.cn(n.default.description,{[n.default.descriptionShow]:c}),children:e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodyXs",children:i})})]});exports.TabsMenuItem=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../../../utils/cn/cn.cjs.js"),a=require("../../../../../../components/Icon/Icon.cjs.js"),s=require("../../../../../../components/Icon/constants.cjs.js"),o=require("../../../../../../components/Typography/Typography.cjs.js"),n=require("./tabsMenuItem.module.css.cjs.js"),u=({title:r,content:i,isOpen:c,index:l,onClick:d})=>e.jsxs("div",{onClick:()=>d(l??0),className:n.default.root,children:[e.jsxs("div",{className:n.default.header,children:[e.jsxs("div",{className:n.default.titleWithPrefixIconWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.CIRCLE_CHECK_FILL,className:n.default.prefixIcon}),e.jsx(o.Typography,{defaultVariant:"headingSm",mobileVariant:"headingXxs",children:r})]}),e.jsxs("div",{className:n.default.closeButtonWrapper,children:[e.jsx(a.Icon,{name:s.EIconName.BRACKET_LEFT}),e.jsx("div",{className:t.cn(n.default.closeButton,{[n.default.closeButtonActive]:c}),children:e.jsx(a.Icon,{name:s.EIconName.PLUS})}),e.jsx(a.Icon,{name:s.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:t.cn(n.default.description,{[n.default.descriptionShow]:c}),children:e.jsx("div",{className:n.default.descriptionInner,children:e.jsx(o.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodyXs",children:i})})})]});exports.TabsMenuItem=u;

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/TabsMenuItem.es.js

@@ -1,31 +1,31 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { cn as t } from "../../../../../../utils/cn/cn.es.js";
-import { Icon as i } from "../../../../../../components/Icon/Icon.es.js";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { cn as c } from "../../../../../../utils/cn/cn.es.js";
+import { Icon as a } from "../../../../../../components/Icon/Icon.es.js";
 import { EIconName as o } from "../../../../../../components/Icon/constants.es.js";
-import { Typography as m } from "../../../../../../components/Typography/Typography.es.js";
+import { Typography as s } from "../../../../../../components/Typography/Typography.es.js";
 import e from "./tabsMenuItem.module.css.es.js";
-const v = ({ title: c, content: s, isOpen: n, index: l, onClick: d }) => /* @__PURE__ */ a("div", { onClick: () => d(l ?? 0), className: e.root, children: [
-  /* @__PURE__ */ a("div", { className: e.header, children: [
-    /* @__PURE__ */ a("div", { className: e.titleWithPrefixIconWrapper, children: [
-      /* @__PURE__ */ r(i, { name: o.CIRCLE_CHECK_FILL, className: e.prefixIcon }),
-      /* @__PURE__ */ r(m, { defaultVariant: "headingSm", mobileVariant: "headingXxs", children: c })
+const u = ({ title: t, content: m, isOpen: n, index: l, onClick: d }) => /* @__PURE__ */ r("div", { onClick: () => d(l ?? 0), className: e.root, children: [
+  /* @__PURE__ */ r("div", { className: e.header, children: [
+    /* @__PURE__ */ r("div", { className: e.titleWithPrefixIconWrapper, children: [
+      /* @__PURE__ */ i(a, { name: o.CIRCLE_CHECK_FILL, className: e.prefixIcon }),
+      /* @__PURE__ */ i(s, { defaultVariant: "headingSm", mobileVariant: "headingXxs", children: t })
     ] }),
-    /* @__PURE__ */ a("div", { className: e.closeButtonWrapper, children: [
-      /* @__PURE__ */ r(i, { name: o.BRACKET_LEFT }),
-      /* @__PURE__ */ r(
+    /* @__PURE__ */ r("div", { className: e.closeButtonWrapper, children: [
+      /* @__PURE__ */ i(a, { name: o.BRACKET_LEFT }),
+      /* @__PURE__ */ i(
         "div",
         {
-          className: t(e.closeButton, {
+          className: c(e.closeButton, {
             [e.closeButtonActive]: n
           }),
-          children: /* @__PURE__ */ r(i, { name: o.PLUS })
+          children: /* @__PURE__ */ i(a, { name: o.PLUS })
         }
       ),
-      /* @__PURE__ */ r(i, { name: o.BRACKET_RIGHT })
+      /* @__PURE__ */ i(a, { name: o.BRACKET_RIGHT })
     ] })
   ] }),
-  /* @__PURE__ */ r("div", { className: t(e.description, { [e.descriptionShow]: n }), children: /* @__PURE__ */ r(m, { as: "p", defaultVariant: "bodySm", mobileVariant: "bodyXs", children: s }) })
+  /* @__PURE__ */ i("div", { className: c(e.description, { [e.descriptionShow]: n }), children: /* @__PURE__ */ i("div", { className: e.descriptionInner, children: /* @__PURE__ */ i(s, { as: "p", defaultVariant: "bodySm", mobileVariant: "bodyXs", children: m }) }) })
 ] });
 export {
-  v as TabsMenuItem
+  u as TabsMenuItem
 };

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/tabsMenuItem.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tabsMenuItem-module__root___-QHe-",t="tabsMenuItem-module__header___krKM1",o="tabsMenuItem-module__titleWithPrefixIconWrapper___mnvj1",n="tabsMenuItem-module__prefixIcon___pEK8g",_="tabsMenuItem-module__closeButtonWrapper___AQIuV",r="tabsMenuItem-module__closeButton___shzRB",s="tabsMenuItem-module__closeButtonActive___YVd-W",c="tabsMenuItem-module__description___U1czl",i="tabsMenuItem-module__descriptionShow___FiI3T",u={root:e,header:t,titleWithPrefixIconWrapper:o,prefixIcon:n,closeButtonWrapper:_,closeButton:r,closeButtonActive:s,description:c,descriptionShow:i};exports.closeButton=r;exports.closeButtonActive=s;exports.closeButtonWrapper=_;exports.default=u;exports.description=c;exports.descriptionShow=i;exports.header=t;exports.prefixIcon=n;exports.root=e;exports.titleWithPrefixIconWrapper=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tabsMenuItem-module__root___-QHe-",t="tabsMenuItem-module__header___krKM1",o="tabsMenuItem-module__titleWithPrefixIconWrapper___mnvj1",n="tabsMenuItem-module__prefixIcon___pEK8g",r="tabsMenuItem-module__closeButtonWrapper___AQIuV",s="tabsMenuItem-module__closeButton___shzRB",_="tabsMenuItem-module__closeButtonActive___YVd-W",c="tabsMenuItem-module__description___U1czl",i="tabsMenuItem-module__descriptionInner___XjZI3",u="tabsMenuItem-module__descriptionShow___FiI3T",l={root:e,header:t,titleWithPrefixIconWrapper:o,prefixIcon:n,closeButtonWrapper:r,closeButton:s,closeButtonActive:_,description:c,descriptionInner:i,descriptionShow:u};exports.closeButton=s;exports.closeButtonActive=_;exports.closeButtonWrapper=r;exports.default=l;exports.description=c;exports.descriptionInner=i;exports.descriptionShow=u;exports.header=t;exports.prefixIcon=n;exports.root=e;exports.titleWithPrefixIconWrapper=o;

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/tabsMenuItem.module.css.es.js

@@ -1,23 +1,25 @@
-const e = "tabsMenuItem-module__root___-QHe-", t = "tabsMenuItem-module__header___krKM1", o = "tabsMenuItem-module__titleWithPrefixIconWrapper___mnvj1", _ = "tabsMenuItem-module__prefixIcon___pEK8g", n = "tabsMenuItem-module__closeButtonWrapper___AQIuV", s = "tabsMenuItem-module__closeButton___shzRB", c = "tabsMenuItem-module__closeButtonActive___YVd-W", r = "tabsMenuItem-module__description___U1czl", u = "tabsMenuItem-module__descriptionShow___FiI3T", i = {
+const e = "tabsMenuItem-module__root___-QHe-", t = "tabsMenuItem-module__header___krKM1", o = "tabsMenuItem-module__titleWithPrefixIconWrapper___mnvj1", n = "tabsMenuItem-module__prefixIcon___pEK8g", _ = "tabsMenuItem-module__closeButtonWrapper___AQIuV", s = "tabsMenuItem-module__closeButton___shzRB", c = "tabsMenuItem-module__closeButtonActive___YVd-W", r = "tabsMenuItem-module__description___U1czl", i = "tabsMenuItem-module__descriptionInner___XjZI3", u = "tabsMenuItem-module__descriptionShow___FiI3T", p = {
   root: e,
   header: t,
   titleWithPrefixIconWrapper: o,
-  prefixIcon: _,
-  closeButtonWrapper: n,
+  prefixIcon: n,
+  closeButtonWrapper: _,
   closeButton: s,
   closeButtonActive: c,
   description: r,
+  descriptionInner: i,
   descriptionShow: u
 };
 export {
   s as closeButton,
   c as closeButtonActive,
-  n as closeButtonWrapper,
-  i as default,
+  _ as closeButtonWrapper,
+  p as default,
   r as description,
+  i as descriptionInner,
   u as descriptionShow,
   t as header,
-  _ as prefixIcon,
+  n as prefixIcon,
   e as root,
   o as titleWithPrefixIconWrapper
 };

package/dist/modules/IndividualProductCard/IndividualProductCard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Button/Button.cjs.js"),m=require("../../components/TextButton/TextButton.cjs.js"),f=require("../../components/ImageGallery/ImageGallery.cjs.js"),i=require("../../components/Typography/Typography.cjs.js"),v=require("../../components/SmartCallout/SmartCallout.cjs.js"),S=require("../../components/RatingStars/RatingStars.cjs.js"),_=require("./components/Features/Features.cjs.js"),q=require("./components/PlanCard/PlanCard.cjs.js"),a=require("./individualProductCard.module.css.cjs.js"),b=({name:h,description:c,features:g,images:p,label:j,rating:r,plans:t,button:l,textButton:s,selectedPlanId:x,onSelectPlan:o})=>{const n=t&&t.length>0&&o;return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:y.cn(a.default.container,!n&&a.default.noPlans),children:[e.jsxs("div",{className:a.default.info,children:[e.jsxs("div",{className:a.default.infoHeader,children:[e.jsx(i.Typography,{as:"h3",defaultVariant:"displayXs",mobileVariant:"headingLg",weight:"regular",children:h}),!!c&&e.jsx(i.Typography,{as:"p",defaultVariant:"bodySm",className:a.default.infoDescription,weight:"regular",children:c}),r&&e.jsxs("div",{className:a.default.ratingContainer,children:[!!r.stars&&e.jsx(S.RatingStars,{rating:r.stars,size:"sm"}),!!r.totalReviews&&e.jsxs(i.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:[r.totalReviews," reviews"]})]})]}),e.jsx(_.Features,{features:g}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(v.SmartCallout,{label:"HSA/FSA Eligibile"}),!n&&e.jsxs(e.Fragment,{children:[e.jsx(u.Button,{variant:"primary",size:"lg",...l,children:l.label}),s&&e.jsx(m.TextButton,{...s,children:s.label})]})]})]}),e.jsx(f.ImageGallery,{className:a.default.gallery,images:p,label:j}),n&&e.jsxs("div",{className:a.default.plansSection,children:[e.jsxs("div",{className:a.default.plans,children:[e.jsx(i.Typography,{as:"h4",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:"Subscribe & Save"}),t.map(d=>e.jsx(q.PlanCard,{plan:d,onSelect:o,isActive:x===d.id},d.id))]}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(u.Button,{variant:"primary",size:"lg",...l,children:l.label}),s&&e.jsx(m.TextButton,{...s,children:s.label})]})]})]})})};exports.IndividualProductCard=b;

package/dist/modules/IndividualProductCard/IndividualProductCard.d.ts

@@ -0,0 +1,26 @@
+import { ButtonProps } from '../../components/Button';
+import { TextButtonProps } from '../../components/TextButton';
+import { TProductFeature, TProductPlan } from './types';
+
+type IndividualProductCardProps = {
+    name: string;
+    images: Array<string>;
+    features: Array<TProductFeature>;
+    description?: string;
+    label?: string;
+    rating?: {
+        stars: number;
+        totalReviews: number;
+    };
+    button: {
+        label: string;
+    } & ButtonProps;
+    textButton?: {
+        label: string;
+    } & TextButtonProps;
+    plans?: Array<TProductPlan>;
+    selectedPlanId?: TProductPlan['id'];
+    onSelectPlan?: (planId: TProductPlan['id']) => void;
+};
+export declare const IndividualProductCard: ({ name, description, features, images, label, rating, plans, button, textButton, selectedPlanId, onSelectPlan, }: IndividualProductCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/IndividualProductCard/IndividualProductCard.es.js

@@ -0,0 +1,80 @@
+import { jsx as a, jsxs as i, Fragment as b } from "react/jsx-runtime";
+import { cn as u } from "../../utils/cn/cn.es.js";
+import { Button as h } from "../../components/Button/Button.es.js";
+import { TextButton as p } from "../../components/TextButton/TextButton.es.js";
+import { ImageGallery as y } from "../../components/ImageGallery/ImageGallery.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { SmartCallout as w } from "../../components/SmartCallout/SmartCallout.es.js";
+import { RatingStars as V } from "../../components/RatingStars/RatingStars.es.js";
+import { Features as C } from "./components/Features/Features.es.js";
+import { PlanCard as z } from "./components/PlanCard/PlanCard.es.js";
+import e from "./individualProductCard.module.css.es.js";
+const L = ({
+  name: f,
+  description: n,
+  features: v,
+  images: g,
+  label: N,
+  rating: l,
+  plans: c,
+  button: s,
+  textButton: r,
+  selectedPlanId: S,
+  onSelectPlan: t
+}) => {
+  const d = c && c.length > 0 && t;
+  return /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ i("div", { className: u(e.container, !d && e.noPlans), children: [
+    /* @__PURE__ */ i("div", { className: e.info, children: [
+      /* @__PURE__ */ i("div", { className: e.infoHeader, children: [
+        /* @__PURE__ */ a(m, { as: "h3", defaultVariant: "displayXs", mobileVariant: "headingLg", weight: "regular", children: f }),
+        !!n && /* @__PURE__ */ a(
+          m,
+          {
+            as: "p",
+            defaultVariant: "bodySm",
+            className: e.infoDescription,
+            weight: "regular",
+            children: n
+          }
+        ),
+        l && /* @__PURE__ */ i("div", { className: e.ratingContainer, children: [
+          !!l.stars && /* @__PURE__ */ a(V, { rating: l.stars, size: "sm" }),
+          !!l.totalReviews && /* @__PURE__ */ i(m, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: [
+            l.totalReviews,
+            " reviews"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ a(C, { features: v }),
+      /* @__PURE__ */ i("div", { className: e.actions, children: [
+        /* @__PURE__ */ a(w, { label: "HSA/FSA Eligibile" }),
+        !d && /* @__PURE__ */ i(b, { children: [
+          /* @__PURE__ */ a(h, { variant: "primary", size: "lg", ...s, children: s.label }),
+          r && /* @__PURE__ */ a(p, { ...r, children: r.label })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(y, { className: e.gallery, images: g, label: N }),
+    d && /* @__PURE__ */ i("div", { className: e.plansSection, children: [
+      /* @__PURE__ */ i("div", { className: e.plans, children: [
+        /* @__PURE__ */ a(m, { as: "h4", defaultVariant: "labelSm", emphasis: !0, weight: "regular", children: "Subscribe & Save" }),
+        c.map((o) => /* @__PURE__ */ a(
+          z,
+          {
+            plan: o,
+            onSelect: t,
+            isActive: S === o.id
+          },
+          o.id
+        ))
+      ] }),
+      /* @__PURE__ */ i("div", { className: e.actions, children: [
+        /* @__PURE__ */ a(h, { variant: "primary", size: "lg", ...s, children: s.label }),
+        r && /* @__PURE__ */ a(p, { ...r, children: r.label })
+      ] })
+    ] })
+  ] }) });
+};
+export {
+  L as IndividualProductCard
+};

package/dist/modules/IndividualProductCard/components/Features/Features.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),d=require("../../../../utils/cn/cn.cjs.js"),p=require("../../../../components/IconBracket/IconBracket.cjs.js"),l=require("../../../../components/Typography/Typography.cjs.js"),y=require("../../../../components/TypeBadge/TypeBadge.cjs.js"),r=require("./features.module.css.cjs.js"),g=({features:n})=>{const[a,i]=c.useState([]),o=c.useCallback(e=>{i(s=>s.includes(e)?s.filter(u=>u!==e):[...s,e])},[]);return t.jsx("div",{className:r.default.root,children:n.map((e,s)=>t.jsxs("div",{className:r.default.feature,children:[t.jsxs("button",{className:r.default.header,onClick:()=>o(s),children:[t.jsxs("div",{className:r.default.labelWrapper,children:[t.jsx(y.TypeBadge,{type:e.type},s),t.jsx(l.Typography,{as:"span",defaultVariant:"bodySm",mobileVariant:"labelMd",weight:"regular",children:e.label})]}),e.description&&t.jsx(p.IconBracket,{variant:a.includes(s)?"close":"plus",size:"sm"})]}),e.description&&t.jsx(l.Typography,{as:"p",defaultVariant:"bodyXs",className:d.cn(r.default.description,a.includes(s)&&r.default.descriptionActive),weight:"regular",children:e.description})]},`${e.label}-${s}`))})};exports.Features=g;

package/dist/modules/IndividualProductCard/components/Features/Features.d.ts

@@ -0,0 +1,7 @@
+import { TProductFeature } from '../../types';
+
+type FeaturesProps = {
+    features: Array<TProductFeature>;
+};
+export declare const Features: ({ features }: FeaturesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/IndividualProductCard/components/Features/Features.es.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { useState as m, useCallback as d } from "react";
+import { cn as u } from "../../../../utils/cn/cn.es.js";
+import { IconBracket as h } from "../../../../components/IconBracket/IconBracket.es.js";
+import { Typography as l } from "../../../../components/Typography/Typography.es.js";
+import { TypeBadge as b } from "../../../../components/TypeBadge/TypeBadge.es.js";
+import s from "./features.module.css.es.js";
+const V = ({ features: o }) => {
+  const [a, c] = m([]), n = d((e) => {
+    c((r) => r.includes(e) ? r.filter((p) => p !== e) : [...r, e]);
+  }, []);
+  return /* @__PURE__ */ t("div", { className: s.root, children: o.map((e, r) => /* @__PURE__ */ i("div", { className: s.feature, children: [
+    /* @__PURE__ */ i("button", { className: s.header, onClick: () => n(r), children: [
+      /* @__PURE__ */ i("div", { className: s.labelWrapper, children: [
+        /* @__PURE__ */ t(b, { type: e.type }, r),
+        /* @__PURE__ */ t(l, { as: "span", defaultVariant: "bodySm", mobileVariant: "labelMd", weight: "regular", children: e.label })
+      ] }),
+      e.description && /* @__PURE__ */ t(h, { variant: a.includes(r) ? "close" : "plus", size: "sm" })
+    ] }),
+    e.description && /* @__PURE__ */ t(
+      l,
+      {
+        as: "p",
+        defaultVariant: "bodyXs",
+        className: u(s.description, a.includes(r) && s.descriptionActive),
+        weight: "regular",
+        children: e.description
+      }
+    )
+  ] }, `${e.label}-${r}`)) });
+};
+export {
+  V as Features
+};

package/dist/modules/IndividualProductCard/components/Features/features.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="features-module__root___ts6Mh",t="features-module__feature___RGQxn",r="features-module__header___iedRh",o="features-module__labelWrapper___TAIS-",_="features-module__description___RiwC6",s="features-module__descriptionActive___Sq4Tm",a={root:e,feature:t,header:r,labelWrapper:o,description:_,descriptionActive:s};exports.default=a;exports.description=_;exports.descriptionActive=s;exports.feature=t;exports.header=r;exports.labelWrapper=o;exports.root=e;

package/dist/modules/IndividualProductCard/components/Features/features.module.css.es.js

@@ -0,0 +1,17 @@
+const e = "features-module__root___ts6Mh", t = "features-module__feature___RGQxn", _ = "features-module__header___iedRh", r = "features-module__labelWrapper___TAIS-", o = "features-module__description___RiwC6", s = "features-module__descriptionActive___Sq4Tm", a = {
+  root: e,
+  feature: t,
+  header: _,
+  labelWrapper: r,
+  description: o,
+  descriptionActive: s
+};
+export {
+  a as default,
+  o as description,
+  s as descriptionActive,
+  t as feature,
+  _ as header,
+  r as labelWrapper,
+  e as root
+};

package/dist/modules/IndividualProductCard/components/Features/index.d.ts

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

package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../components/Icon/Icon.cjs.js"),l=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/RadioButton/RadioButton.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js"),u=require("../../../../components/Label/Label.cjs.js"),n=require("../../../../utils/cn/cn.cjs.js"),i=require("../../../../utils/formatUnits/formatUnits.cjs.js"),a=require("./planCard.module.css.cjs.js"),m=({plan:s,isActive:r,onSelect:o})=>e.jsxs("button",{className:n.cn(a.default.root,r&&a.default.active),onClick:()=>o(s.id),children:[s.featured&&e.jsx(u.Label,{color:"black",className:a.default.label,size:"sm",children:"Most popular"}),e.jsxs("div",{className:a.default.planContainer,children:[e.jsxs("div",{className:a.default.planInfo,children:[e.jsx(d.RadioButton,{checked:r}),e.jsxs("div",{className:a.default.planDetails,children:[e.jsx(t.Typography,{as:"h4",defaultVariant:"bodySm",emphasis:!0,children:s.label}),!!s.savingsPercentage&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:["Save ",s.savingsPercentage,"%"]})]})]}),e.jsxs("div",{className:a.default.priceDetails,children:[e.jsxs("div",{className:n.cn(a.default.priceContainer),children:[s.price!==s.totalPrice&&e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",weight:"regular",className:a.default.totalPrice,children:i.formatUnits(s.price,"usd",0)}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",emphasis:!0,className:a.default.price,children:i.formatUnits(s.totalPrice,"usd",0)})]}),!!s.monthlyPrice&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:[i.formatUnits(s.monthlyPrice,"usd",0),"/mo"]})]})]}),!!s.duration&&s.duration!=="one-time"&&e.jsx("div",{className:n.cn(a.default.benefitsContainer,r&&a.default.benefitsActive),children:e.jsxs("div",{className:a.default.benefitsContent,children:[e.jsxs("div",{className:a.default.benefit,children:[e.jsx(c.Icon,{name:l.EIconName.ARROW_RETURN,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Delivered every month"})]}),e.jsxs("div",{className:a.default.benefit,children:[e.jsx(c.Icon,{name:l.EIconName.CALENDAR,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Modify or cancel anytime"})]})]})})]});exports.PlanCard=m;

package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.d.ts

@@ -0,0 +1,9 @@
+import { TProductPlan } from '../../types';
+
+type PlanCardProps = {
+    plan: TProductPlan;
+    onSelect: (planId: TProductPlan['id']) => void;
+    isActive: boolean;
+};
+export declare const PlanCard: ({ plan, isActive, onSelect }: PlanCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.es.js

@@ -0,0 +1,48 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Icon as n } from "../../../../components/Icon/Icon.es.js";
+import { EIconName as o } from "../../../../components/Icon/constants.es.js";
+import { RadioButton as m } from "../../../../components/RadioButton/RadioButton.es.js";
+import { Typography as t } from "../../../../components/Typography/Typography.es.js";
+import { Label as h } from "../../../../components/Label/Label.es.js";
+import { cn as c } from "../../../../utils/cn/cn.es.js";
+import { formatUnits as l } from "../../../../utils/formatUnits/formatUnits.es.js";
+import e from "./planCard.module.css.es.js";
+const C = ({ plan: a, isActive: s, onSelect: d }) => /* @__PURE__ */ i("button", { className: c(e.root, s && e.active), onClick: () => d(a.id), children: [
+  a.featured && /* @__PURE__ */ r(h, { color: "black", className: e.label, size: "sm", children: "Most popular" }),
+  /* @__PURE__ */ i("div", { className: e.planContainer, children: [
+    /* @__PURE__ */ i("div", { className: e.planInfo, children: [
+      /* @__PURE__ */ r(m, { checked: s }),
+      /* @__PURE__ */ i("div", { className: e.planDetails, children: [
+        /* @__PURE__ */ r(t, { as: "h4", defaultVariant: "bodySm", emphasis: !0, children: a.label }),
+        !!a.savingsPercentage && /* @__PURE__ */ i(t, { as: "p", defaultVariant: "labelXs", weight: "regular", className: e.description, children: [
+          "Save ",
+          a.savingsPercentage,
+          "%"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: e.priceDetails, children: [
+      /* @__PURE__ */ i("div", { className: c(e.priceContainer), children: [
+        a.price !== a.totalPrice && /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", weight: "regular", className: e.totalPrice, children: l(a.price, "usd", 0) }),
+        /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", emphasis: !0, className: e.price, children: l(a.totalPrice, "usd", 0) })
+      ] }),
+      !!a.monthlyPrice && /* @__PURE__ */ i(t, { as: "p", defaultVariant: "labelXs", weight: "regular", className: e.description, children: [
+        l(a.monthlyPrice, "usd", 0),
+        "/mo"
+      ] })
+    ] })
+  ] }),
+  !!a.duration && a.duration !== "one-time" && /* @__PURE__ */ r("div", { className: c(e.benefitsContainer, s && e.benefitsActive), children: /* @__PURE__ */ i("div", { className: e.benefitsContent, children: [
+    /* @__PURE__ */ i("div", { className: e.benefit, children: [
+      /* @__PURE__ */ r(n, { name: o.ARROW_RETURN, className: e.benefitIcon }),
+      /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodyXs", children: "Delivered every month" })
+    ] }),
+    /* @__PURE__ */ i("div", { className: e.benefit, children: [
+      /* @__PURE__ */ r(n, { name: o.CALENDAR, className: e.benefitIcon }),
+      /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodyXs", children: "Modify or cancel anytime" })
+    ] })
+  ] }) })
+] });
+export {
+  C as PlanCard
+};

package/dist/modules/IndividualProductCard/components/PlanCard/index.d.ts

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

package/dist/modules/IndividualProductCard/components/PlanCard/planCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="planCard-module__root___zp7Tv",n="planCard-module__active___Jfcov",t="planCard-module__label___QCNmN",a="planCard-module__planContainer___11Plm",o="planCard-module__planInfo___WnxmB",_="planCard-module__planDetails___3SReq",i="planCard-module__priceDetails___76mLM",l="planCard-module__priceContainer___RLU3v",r="planCard-module__description___aIuab",c="planCard-module__totalPrice___KJB6P",s="planCard-module__benefitsContainer___YkMqx",p="planCard-module__benefitsActive___yxSvM",d="planCard-module__benefitsContent___PEjLg",C="planCard-module__benefit___L4KF1",b="planCard-module__benefitIcon___IVAlB",f={root:e,active:n,label:t,planContainer:a,planInfo:o,planDetails:_,priceDetails:i,priceContainer:l,description:r,totalPrice:c,benefitsContainer:s,benefitsActive:p,benefitsContent:d,benefit:C,benefitIcon:b};exports.active=n;exports.benefit=C;exports.benefitIcon=b;exports.benefitsActive=p;exports.benefitsContainer=s;exports.benefitsContent=d;exports.default=f;exports.description=r;exports.label=t;exports.planContainer=a;exports.planDetails=_;exports.planInfo=o;exports.priceContainer=l;exports.priceDetails=i;exports.root=e;exports.totalPrice=c;

package/dist/modules/IndividualProductCard/components/PlanCard/planCard.module.css.es.js

@@ -0,0 +1,35 @@
+const n = "planCard-module__root___zp7Tv", e = "planCard-module__active___Jfcov", _ = "planCard-module__label___QCNmN", t = "planCard-module__planContainer___11Plm", a = "planCard-module__planInfo___WnxmB", o = "planCard-module__planDetails___3SReq", l = "planCard-module__priceDetails___76mLM", i = "planCard-module__priceContainer___RLU3v", r = "planCard-module__description___aIuab", c = "planCard-module__totalPrice___KJB6P", s = "planCard-module__benefitsContainer___YkMqx", p = "planCard-module__benefitsActive___yxSvM", d = "planCard-module__benefitsContent___PEjLg", C = "planCard-module__benefit___L4KF1", f = "planCard-module__benefitIcon___IVAlB", b = {
+  root: n,
+  active: e,
+  label: _,
+  planContainer: t,
+  planInfo: a,
+  planDetails: o,
+  priceDetails: l,
+  priceContainer: i,
+  description: r,
+  totalPrice: c,
+  benefitsContainer: s,
+  benefitsActive: p,
+  benefitsContent: d,
+  benefit: C,
+  benefitIcon: f
+};
+export {
+  e as active,
+  C as benefit,
+  f as benefitIcon,
+  p as benefitsActive,
+  s as benefitsContainer,
+  d as benefitsContent,
+  b as default,
+  r as description,
+  _ as label,
+  t as planContainer,
+  o as planDetails,
+  a as planInfo,
+  i as priceContainer,
+  l as priceDetails,
+  n as root,
+  c as totalPrice
+};

package/dist/modules/IndividualProductCard/index.d.ts

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

package/dist/modules/IndividualProductCard/individualProductCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="individualProductCard-module__root___fX53y",o="individualProductCard-module__container___m6HC1",i="individualProductCard-module__noPlans___Sqc1d",d="individualProductCard-module__info___D9znj",a="individualProductCard-module__infoHeader___walQw",t="individualProductCard-module__infoDescription___VAX0Z",_="individualProductCard-module__gallery___Hp-Ue",e="individualProductCard-module__plansSection___N7Y3e",r="individualProductCard-module__plans___Nfzwn",l="individualProductCard-module__ratingContainer___KInZH",c="individualProductCard-module__actions___EU3Yo",u={root:n,container:o,noPlans:i,info:d,infoHeader:a,infoDescription:t,gallery:_,plansSection:e,plans:r,ratingContainer:l,actions:c};exports.actions=c;exports.container=o;exports.default=u;exports.gallery=_;exports.info=d;exports.infoDescription=t;exports.infoHeader=a;exports.noPlans=i;exports.plans=r;exports.plansSection=e;exports.ratingContainer=l;exports.root=n;

package/dist/modules/IndividualProductCard/individualProductCard.module.css.es.js

@@ -0,0 +1,27 @@
+const n = "individualProductCard-module__root___fX53y", o = "individualProductCard-module__container___m6HC1", i = "individualProductCard-module__noPlans___Sqc1d", d = "individualProductCard-module__info___D9znj", _ = "individualProductCard-module__infoHeader___walQw", a = "individualProductCard-module__infoDescription___VAX0Z", t = "individualProductCard-module__gallery___Hp-Ue", r = "individualProductCard-module__plansSection___N7Y3e", l = "individualProductCard-module__plans___Nfzwn", e = "individualProductCard-module__ratingContainer___KInZH", c = "individualProductCard-module__actions___EU3Yo", u = {
+  root: n,
+  container: o,
+  noPlans: i,
+  info: d,
+  infoHeader: _,
+  infoDescription: a,
+  gallery: t,
+  plansSection: r,
+  plans: l,
+  ratingContainer: e,
+  actions: c
+};
+export {
+  c as actions,
+  o as container,
+  u as default,
+  t as gallery,
+  d as info,
+  a as infoDescription,
+  _ as infoHeader,
+  i as noPlans,
+  l as plans,
+  r as plansSection,
+  e as ratingContainer,
+  n as root
+};

package/dist/modules/IndividualProductCard/types.d.ts

@@ -0,0 +1,17 @@
+import { ETypeBadge } from '../../components/TypeBadge';
+
+export type TProductFeature = {
+    label: string;
+    type: ETypeBadge;
+    description?: string;
+};
+export type TProductPlan = {
+    id: string;
+    label: string;
+    price: number;
+    totalPrice: number;
+    monthlyPrice?: number;
+    savingsPercentage?: number;
+    duration?: 'one-time' | 'day' | 'month' | 'year';
+    featured?: boolean;
+};

package/dist/modules/IngredientHighlight/IngredientHighlight.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),o=require("./components/Ingredient/Ingredient.cjs.js"),n=require("./ingredientHighlight.module.css.cjs.js"),g=({ingredients:a})=>{const[s,c]=r.useState(0),l=i=>{c(e=>e===i?e:i)};return t.jsx("section",{className:n.default.root,children:t.jsxs("div",{className:n.default.container,children:[t.jsx("div",{className:n.default.imageContainer,children:t.jsx("img",{src:a[s].image,alt:"background image",className:n.default.image})}),t.jsx("div",{className:n.default.ingredients,children:a.map((i,e)=>t.jsx(o.Ingredient,{label:i.label,content:i.content,isOpen:s===e,index:e,onClick:l},e))})]})})};exports.IngredientHighlight=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),d=require("./components/Ingredient/Ingredient.cjs.js"),n=require("./ingredientHighlight.module.css.cjs.js"),g=({items:s})=>{const[r,a]=l.useState(0),c=i=>{a(e=>e===i?e:i)};return t.jsx("section",{className:n.default.root,children:t.jsxs("div",{className:n.default.container,children:[t.jsx("div",{className:n.default.imageContainer,children:t.jsx("img",{src:s[r].image,alt:"background image",className:n.default.image})}),t.jsx("div",{className:n.default.ingredients,children:s.map((i,e)=>t.jsx(d.Ingredient,{title:i.title,description:i.description,isOpen:r===e,index:e,onClick:c},e))})]})})};exports.IngredientHighlight=g;

package/dist/modules/IngredientHighlight/IngredientHighlight.d.ts

@@ -1,3 +1,3 @@
 import { TIngredientHighlight } from './types';
 
-export declare const IngredientHighlight: ({ ingredients }: TIngredientHighlight) => import("react/jsx-runtime").JSX.Element;
+export declare const IngredientHighlight: ({ items }: TIngredientHighlight) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/IngredientHighlight/IngredientHighlight.es.js

@@ -1,21 +1,21 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { useState as r } from "react";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useState as m } from "react";
 import { Ingredient as l } from "./components/Ingredient/Ingredient.es.js";
 import s from "./ingredientHighlight.module.css.es.js";
-const I = ({ ingredients: i }) => {
-  const [o, c] = r(0), n = (t) => {
-    c((e) => e === t ? e : t);
+const I = ({ items: r }) => {
+  const [n, o] = m(0), a = (i) => {
+    o((e) => e === i ? e : i);
   };
-  return /* @__PURE__ */ a("section", { className: s.root, children: /* @__PURE__ */ m("div", { className: s.container, children: [
-    /* @__PURE__ */ a("div", { className: s.imageContainer, children: /* @__PURE__ */ a("img", { src: i[o].image, alt: "background image", className: s.image }) }),
-    /* @__PURE__ */ a("div", { className: s.ingredients, children: i.map((t, e) => /* @__PURE__ */ a(
+  return /* @__PURE__ */ t("section", { className: s.root, children: /* @__PURE__ */ c("div", { className: s.container, children: [
+    /* @__PURE__ */ t("div", { className: s.imageContainer, children: /* @__PURE__ */ t("img", { src: r[n].image, alt: "background image", className: s.image }) }),
+    /* @__PURE__ */ t("div", { className: s.ingredients, children: r.map((i, e) => /* @__PURE__ */ t(
       l,
       {
-        label: t.label,
-        content: t.content,
-        isOpen: o === e,
+        title: i.title,
+        description: i.description,
+        isOpen: n === e,
         index: e,
-        onClick: n
+        onClick: a
       },
       e
     )) })

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../components/Typography/Typography.cjs.js"),d=require("../../../../utils/cn/cn.cjs.js"),r=require("./ingredient.module.css.cjs.js"),c=({label:i,content:a,isOpen:n,index:o,onClick:s})=>e.jsxs("div",{onClick:()=>s(o??0),className:d.cn(r.default.root,{[r.default.rootOpened]:n}),children:[e.jsx("div",{className:r.default.header,children:e.jsx(t.Typography,{defaultVariant:"headingXs",children:i})}),e.jsx("div",{className:d.cn(r.default.description,{[r.default.descriptionOpened]:n}),children:e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",children:a})})]});exports.Ingredient=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../../../components/Typography/Typography.cjs.js"),a=require("../../../../utils/cn/cn.cjs.js"),r=require("./ingredient.module.css.cjs.js"),l=({title:i,description:t,isOpen:n,index:o,onClick:c})=>e.jsxs("div",{onClick:()=>c(o??0),className:a.cn(r.default.root,{[r.default.rootOpened]:n}),children:[e.jsx("div",{className:r.default.header,children:e.jsx(d.Typography,{defaultVariant:"headingXs",color:`color-text-primary${n?"":"-disabled"}`,children:i})}),!!t&&e.jsx("div",{className:a.cn(r.default.description,{[r.default.descriptionShow]:n}),children:e.jsx("div",{className:r.default.descriptionInner,children:e.jsx(d.Typography,{as:"p",defaultVariant:"bodySm",children:t})})})]});exports.Ingredient=l;

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.d.ts

@@ -1,3 +1,3 @@
 import { TIngredient } from './types';
 
-export declare const Ingredient: ({ label, content, isOpen, index, onClick }: TIngredient) => import("react/jsx-runtime").JSX.Element;
+export declare const Ingredient: ({ title, description, isOpen, index, onClick }: TIngredient) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.es.js

@@ -1,10 +1,10 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { Typography as o } from "../../../../components/Typography/Typography.es.js";
-import { cn as d } from "../../../../utils/cn/cn.es.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Typography as d } from "../../../../components/Typography/Typography.es.js";
+import { cn as a } from "../../../../utils/cn/cn.es.js";
 import r from "./ingredient.module.css.es.js";
-const f = ({ label: n, content: t, isOpen: i, index: a, onClick: s }) => /* @__PURE__ */ c("div", { onClick: () => s(a ?? 0), className: d(r.root, { [r.rootOpened]: i }), children: [
-  /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(o, { defaultVariant: "headingXs", children: n }) }),
-  /* @__PURE__ */ e("div", { className: d(r.description, { [r.descriptionOpened]: i }), children: /* @__PURE__ */ e(o, { as: "p", defaultVariant: "bodySm", children: t }) })
+const f = ({ title: t, description: i, isOpen: o, index: n, onClick: c }) => /* @__PURE__ */ l("div", { onClick: () => c(n ?? 0), className: a(r.root, { [r.rootOpened]: o }), children: [
+  /* @__PURE__ */ e("div", { className: r.header, children: /* @__PURE__ */ e(d, { defaultVariant: "headingXs", color: `color-text-primary${o ? "" : "-disabled"}`, children: t }) }),
+  !!i && /* @__PURE__ */ e("div", { className: a(r.description, { [r.descriptionShow]: o }), children: /* @__PURE__ */ e("div", { className: r.descriptionInner, children: /* @__PURE__ */ e(d, { as: "p", defaultVariant: "bodySm", children: i }) }) })
 ] });
 export {
   f as Ingredient

package/dist/modules/IngredientHighlight/components/Ingredient/ingredient.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="ingredient-module__root___kt-ps",o="ingredient-module__rootOpened___5PA6m",t="ingredient-module__header___BDlV9",d="ingredient-module__description___sO6x5",n="ingredient-module__descriptionOpened___jgqeG",i={root:e,rootOpened:o,header:t,description:d,descriptionOpened:n};exports.default=i;exports.description=d;exports.descriptionOpened=n;exports.header=t;exports.root=e;exports.rootOpened=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="ingredient-module__root___kt-ps",o="ingredient-module__rootOpened___5PA6m",n="ingredient-module__header___BDlV9",t="ingredient-module__description___sO6x5",i="ingredient-module__descriptionInner___1uX0t",r="ingredient-module__descriptionShow___Wy5P5",d={root:e,rootOpened:o,header:n,description:t,descriptionInner:i,descriptionShow:r};exports.default=d;exports.description=t;exports.descriptionInner=i;exports.descriptionShow=r;exports.header=n;exports.root=e;exports.rootOpened=o;