@zenpatient-org/healthspan-marketing-ui 0.1.158 → 0.1.159

package/dist/components/Callback/Callback.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("../../utils/cn/cn.cjs.js"),_=require("../Button/Button.cjs.js"),r=require("../Typography/Typography.cjs.js"),e=require("./callback.module.css.cjs.js"),l=require("./constants.cjs.js"),m=({image:s,title:n,description:c,price:i,button:d,size:t="lg"})=>{const o=e.default[t]||"";return a.jsxs("div",{className:u.cn(e.default.root,o),children:[a.jsxs("div",{className:e.default.productInfo,children:[a.jsx("img",{src:s,alt:"product image",className:e.default.productImage}),a.jsxs("div",{className:e.default.textContainer,children:[a.jsx("div",{className:e.default.titleContainer,children:a.jsx(r.Typography,{defaultVariant:l.TITLE_BY_SIZE_DESKTOP[t],mobileVariant:l.TITLE_BY_SIZE_MOBILE[t],className:e.default.title,children:n})}),a.jsx("div",{className:e.default.divider}),a.jsxs("div",{className:e.default.descriptionContainer,children:[a.jsx(r.Typography,{defaultVariant:l.DESC_BY_SIZE_DESKTOP[t],mobileVariant:l.DESC_BY_SIZE_MOBILE[t],className:e.default.description,children:c}),a.jsxs(r.Typography,{defaultVariant:l.PRICE_BY_SIZE_DESKTOP[t],mobileVariant:l.PRICE_BY_SIZE_MOBILE[t],className:e.default.price,children:["Starting at ",i]})]})]})]}),a.jsx("div",{className:e.default.buttonContainer,children:a.jsx(_.Button,{...d,as:"a",size:l.BUTTON_BY_SIZE[t],children:"GET STARTED"})})]})};exports.Callback=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/cn/cn.cjs.js"),m=require("../Button/Button.cjs.js"),r=require("../Typography/Typography.cjs.js"),a=require("./callback.module.css.cjs.js"),l=require("./constants.cjs.js"),E=({image:c,title:n,description:i,price:d,button:o,size:t="lg",shape:u="square"})=>{const _=a.default[t]||"";return e.jsxs("div",{className:s.cn(a.default.root,_),children:[e.jsxs("div",{className:a.default.productInfo,children:[e.jsx("img",{src:c,alt:"product image",className:s.cn(a.default.productImage,{[a.default.circle]:u==="circle"})}),e.jsxs("div",{className:a.default.textContainer,children:[e.jsx("div",{className:a.default.titleContainer,children:e.jsx(r.Typography,{defaultVariant:l.TITLE_BY_SIZE_DESKTOP[t],mobileVariant:l.TITLE_BY_SIZE_MOBILE[t],className:a.default.title,children:n})}),e.jsx("div",{className:a.default.divider}),e.jsxs("div",{className:a.default.descriptionContainer,children:[e.jsx(r.Typography,{defaultVariant:l.DESC_BY_SIZE_DESKTOP[t],mobileVariant:l.DESC_BY_SIZE_MOBILE[t],className:a.default.description,children:i}),e.jsxs(r.Typography,{defaultVariant:l.PRICE_BY_SIZE_DESKTOP[t],mobileVariant:l.PRICE_BY_SIZE_MOBILE[t],className:a.default.price,children:["Starting at ",d]})]})]})]}),e.jsx("div",{className:a.default.buttonContainer,children:e.jsx(m.Button,{...o,as:"a",size:l.BUTTON_BY_SIZE[t],children:"GET STARTED"})})]})};exports.Callback=E;

package/dist/components/Callback/Callback.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from '../Button';
-import { CallbackSize } from './types';
+import { CallbackShape, CallbackSize } from './types';
 
 export type CallbackProps = {
     image: string;
@@ -8,5 +8,6 @@ export type CallbackProps = {
     price: string;
     button: ButtonProps;
     size: CallbackSize;
+    shape?: CallbackShape;
 };
-export declare const Callback: ({ image, title, description, price, button, size }: CallbackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Callback: ({ image, title, description, price, button, size, shape, }: CallbackProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Callback/Callback.es.js

@@ -1,53 +1,68 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { cn as d } from "../../utils/cn/cn.es.js";
-import { Button as E } from "../Button/Button.es.js";
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { cn as l } from "../../utils/cn/cn.es.js";
+import { Button as _ } from "../Button/Button.es.js";
 import { Typography as e } from "../Typography/Typography.es.js";
 import a from "./callback.module.css.es.js";
-import { TITLE_BY_SIZE_MOBILE as _, TITLE_BY_SIZE_DESKTOP as I, DESC_BY_SIZE_MOBILE as p, DESC_BY_SIZE_DESKTOP as S, PRICE_BY_SIZE_MOBILE as T, PRICE_BY_SIZE_DESKTOP as B, BUTTON_BY_SIZE as N } from "./constants.es.js";
-const Y = ({ image: l, title: n, description: o, price: c, button: s, size: r = "lg" }) => {
-  const m = a[r] || "";
-  return /* @__PURE__ */ i("div", { className: d(a.root, m), children: [
-    /* @__PURE__ */ i("div", { className: a.productInfo, children: [
-      /* @__PURE__ */ t("img", { src: l, alt: "product image", className: a.productImage }),
-      /* @__PURE__ */ i("div", { className: a.textContainer, children: [
-        /* @__PURE__ */ t("div", { className: a.titleContainer, children: /* @__PURE__ */ t(
+import { TITLE_BY_SIZE_MOBILE as I, TITLE_BY_SIZE_DESKTOP as p, DESC_BY_SIZE_MOBILE as S, DESC_BY_SIZE_DESKTOP as T, PRICE_BY_SIZE_MOBILE as B, PRICE_BY_SIZE_DESKTOP as N, BUTTON_BY_SIZE as h } from "./constants.es.js";
+const Z = ({
+  image: c,
+  title: n,
+  description: o,
+  price: s,
+  button: m,
+  size: r = "lg",
+  shape: d = "square"
+}) => {
+  const E = a[r] || "";
+  return /* @__PURE__ */ t("div", { className: l(a.root, E), children: [
+    /* @__PURE__ */ t("div", { className: a.productInfo, children: [
+      /* @__PURE__ */ i(
+        "img",
+        {
+          src: c,
+          alt: "product image",
+          className: l(a.productImage, { [a.circle]: d === "circle" })
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: a.textContainer, children: [
+        /* @__PURE__ */ i("div", { className: a.titleContainer, children: /* @__PURE__ */ i(
           e,
           {
-            defaultVariant: I[r],
-            mobileVariant: _[r],
+            defaultVariant: p[r],
+            mobileVariant: I[r],
             className: a.title,
             children: n
           }
         ) }),
-        /* @__PURE__ */ t("div", { className: a.divider }),
-        /* @__PURE__ */ i("div", { className: a.descriptionContainer, children: [
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ i("div", { className: a.divider }),
+        /* @__PURE__ */ t("div", { className: a.descriptionContainer, children: [
+          /* @__PURE__ */ i(
             e,
             {
-              defaultVariant: S[r],
-              mobileVariant: p[r],
+              defaultVariant: T[r],
+              mobileVariant: S[r],
               className: a.description,
               children: o
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ t(
             e,
             {
-              defaultVariant: B[r],
-              mobileVariant: T[r],
+              defaultVariant: N[r],
+              mobileVariant: B[r],
               className: a.price,
               children: [
                 "Starting at ",
-                c
+                s
               ]
             }
           )
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ t("div", { className: a.buttonContainer, children: /* @__PURE__ */ t(E, { ...s, as: "a", size: N[r], children: "GET STARTED" }) })
+    /* @__PURE__ */ i("div", { className: a.buttonContainer, children: /* @__PURE__ */ i(_, { ...m, as: "a", size: h[r], children: "GET STARTED" }) })
   ] });
 };
 export {
-  Y as Callback
+  Z as Callback
 };

package/dist/components/Callback/callback.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="callback-module__root___G-me-",o="callback-module__productInfo___RaPzp",e="callback-module__productImage___JhQy1",_="callback-module__textContainer___yiFoh",n="callback-module__title___dv3yl",c="callback-module__titleContainer___1-66k",l="callback-module__description___T5Cev",i="callback-module__divider___FqQuQ",a="callback-module__descriptionContainer___bnvkI",r="callback-module__price___b9xMh",d="callback-module__buttonContainer___YNYzQ",u="callback-module__lg___oScD-",s="callback-module__sm___uKfE9",m={root:t,productInfo:o,productImage:e,textContainer:_,title:n,titleContainer:c,description:l,divider:i,descriptionContainer:a,price:r,buttonContainer:d,lg:u,sm:s};exports.buttonContainer=d;exports.default=m;exports.description=l;exports.descriptionContainer=a;exports.divider=i;exports.lg=u;exports.price=r;exports.productImage=e;exports.productInfo=o;exports.root=t;exports.sm=s;exports.textContainer=_;exports.title=n;exports.titleContainer=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="callback-module__root___G-me-",o="callback-module__productInfo___RaPzp",e="callback-module__productImage___JhQy1",c="callback-module__textContainer___yiFoh",_="callback-module__title___dv3yl",l="callback-module__titleContainer___1-66k",n="callback-module__description___T5Cev",i="callback-module__divider___FqQuQ",a="callback-module__descriptionContainer___bnvkI",r="callback-module__price___b9xMh",d="callback-module__buttonContainer___YNYzQ",u="callback-module__lg___oScD-",s="callback-module__circle___ttISl",m="callback-module__sm___uKfE9",b={root:t,productInfo:o,productImage:e,textContainer:c,title:_,titleContainer:l,description:n,divider:i,descriptionContainer:a,price:r,buttonContainer:d,lg:u,circle:s,sm:m};exports.buttonContainer=d;exports.circle=s;exports.default=b;exports.description=n;exports.descriptionContainer=a;exports.divider=i;exports.lg=u;exports.price=r;exports.productImage=e;exports.productInfo=o;exports.root=t;exports.sm=m;exports.textContainer=c;exports.title=_;exports.titleContainer=l;

package/dist/components/Callback/callback.module.css.es.js

@@ -1,7 +1,7 @@
-const t = "callback-module__root___G-me-", o = "callback-module__productInfo___RaPzp", _ = "callback-module__productImage___JhQy1", c = "callback-module__textContainer___yiFoh", e = "callback-module__title___dv3yl", l = "callback-module__titleContainer___1-66k", n = "callback-module__description___T5Cev", a = "callback-module__divider___FqQuQ", i = "callback-module__descriptionContainer___bnvkI", r = "callback-module__price___b9xMh", d = "callback-module__buttonContainer___YNYzQ", s = "callback-module__lg___oScD-", u = "callback-module__sm___uKfE9", m = {
+const t = "callback-module__root___G-me-", _ = "callback-module__productInfo___RaPzp", o = "callback-module__productImage___JhQy1", c = "callback-module__textContainer___yiFoh", e = "callback-module__title___dv3yl", l = "callback-module__titleContainer___1-66k", n = "callback-module__description___T5Cev", a = "callback-module__divider___FqQuQ", i = "callback-module__descriptionContainer___bnvkI", r = "callback-module__price___b9xMh", d = "callback-module__buttonContainer___YNYzQ", s = "callback-module__lg___oScD-", u = "callback-module__circle___ttISl", m = "callback-module__sm___uKfE9", b = {
   root: t,
-  productInfo: o,
-  productImage: _,
+  productInfo: _,
+  productImage: o,
   textContainer: c,
   title: e,
   titleContainer: l,
@@ -11,20 +11,22 @@ const t = "callback-module__root___G-me-", o = "callback-module__productInfo___R
   price: r,
   buttonContainer: d,
   lg: s,
-  sm: u
+  circle: u,
+  sm: m
 };
 export {
   d as buttonContainer,
-  m as default,
+  u as circle,
+  b as default,
   n as description,
   i as descriptionContainer,
   a as divider,
   s as lg,
   r as price,
-  _ as productImage,
-  o as productInfo,
+  o as productImage,
+  _ as productInfo,
   t as root,
-  u as sm,
+  m as sm,
   c as textContainer,
   e as title,
   l as titleContainer

package/dist/components/Callback/types.d.ts

@@ -1 +1,2 @@
 export type CallbackSize = 'sm' | 'lg';
+export type CallbackShape = 'circle' | 'square';