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

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

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

@@ -2,7 +2,7 @@ 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 r from "./ingredient.module.css.es.js";
-const f = ({ label: n, content: a, isOpen: i, index: s, onClick: t }) => /* @__PURE__ */ c("div", { onClick: () => t(s ?? 0), className: d(r.root, { [r.rootOpened]: i }), children: [
+const f = ({ title: n, description: a, isOpen: i, index: s, onClick: t }) => /* @__PURE__ */ c("div", { onClick: () => t(s ?? 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.descriptionShow]: i }), children: /* @__PURE__ */ e("div", { className: r.descriptionInner, children: /* @__PURE__ */ e(o, { as: "p", defaultVariant: "bodySm", children: a }) }) })
 ] });

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

@@ -1,6 +1,6 @@
 export type TIngredient = {
-    label: string;
-    content: string;
+    title: string;
+    description: string;
     index: number;
     isOpen: boolean;
     onClick: (index: number) => void;

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

@@ -1,7 +1,7 @@
 export type TIngredientHighlight = {
-    ingredients: Array<{
+    items: Array<{
         image: string;
-        label: string;
-        content: string;
+        title: string;
+        description: string;
     }>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.38",
+    "version": "0.1.40",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",