@appcorp/kismaa-web-ui 0.1.1

package/user-card.2ea42b3b.js

@@ -0,0 +1,155 @@
+var $bb59379c00ac64e3$exports = require("./active-icon.f60a343e.js");
+var $1e587eb80b5f51af$exports = require("./button.241f5bdc.js");
+var $8444647316629dd8$exports = require("./typography.aa7e3a61.js");
+var $8dae3cb26e35e094$exports = require("./badge.9f70ace5.js");
+var $3fc68f5c881da3e1$exports = require("./type.fe8fbc9e.js");
+var $7f6fad9f7fb8912a$exports = require("./ratings.bc271da9.js");
+var $7cSp0$reactjsxruntime = require("react/jsx-runtime");
+var $7cSp0$react = require("react");
+var $7cSp0$nextimage = require("next/image");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "UserCard", () => $615a13710524c611$export$78e8870b5d8ae469);
+
+
+
+
+
+
+
+
+
+'use client';
+const $615a13710524c611$export$78e8870b5d8ae469 = ({ isActive: isActive, imageSrc: imageSrc, name: name, badges: badges, rating: rating, price: price, originalPrice: originalPrice, description: description, handleButtonClick: handleButtonClick })=>{
+    const [isHovered, setIsHovered] = (0, $7cSp0$react.useState)(false);
+    return /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsxs)("div", {
+        className: "w-full max-w-[415px] overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A]",
+        onMouseEnter: ()=>setIsHovered(true),
+        onMouseLeave: ()=>setIsHovered(false),
+        children: [
+            /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsxs)("div", {
+                className: "relative overflow-hidden rounded-xl",
+                children: [
+                    /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                        className: "absolute right-4 top-4 z-10",
+                        children: /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)((0, $bb59379c00ac64e3$exports.ActiveIcon), {
+                            isActive: isActive
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsxs)("div", {
+                        className: "",
+                        children: [
+                            /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                                className: "relative pb-[76%]",
+                                children: /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)((0, ($parcel$interopDefault($7cSp0$nextimage))), {
+                                    src: imageSrc,
+                                    alt: "Person Image",
+                                    width: 100,
+                                    height: 100,
+                                    className: "absolute inset-0 h-full w-full object-cover"
+                                })
+                            }),
+                            isHovered && isActive && /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsxs)((0, $7cSp0$reactjsxruntime.Fragment), {
+                                children: [
+                                    /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                                        className: "absolute inset-0 bg-gradient-to-b from-transparent to-[rgba(22,18,69,0.85)] transition-opacity duration-300"
+                                    }),
+                                    /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                                        className: "absolute bottom-7 flex w-full justify-center",
+                                        children: /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                                            className: "w-fit",
+                                            children: /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)((0, $1e587eb80b5f51af$exports.Button), {
+                                                label: "Chat Now",
+                                                type: (0, $1e587eb80b5f51af$exports.BUTTON_TYPES).PRIMARY,
+                                                size: (0, $1e587eb80b5f51af$exports.BUTTON_SIZES).SM,
+                                                handleOnClick: ()=>handleButtonClick()
+                                            })
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsxs)("div", {
+                className: "p-4 text-center",
+                children: [
+                    /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                        className: "mb-2",
+                        children: /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)((0, $8444647316629dd8$exports.Typography), {
+                            variant: (0, $8444647316629dd8$exports.TYPOGRAPHY_VARIANTS).H3,
+                            children: name
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                        className: "mb-2 min-h-5 text-gray-500",
+                        children: !!description && /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)((0, $8444647316629dd8$exports.Typography), {
+                            variant: (0, $8444647316629dd8$exports.TYPOGRAPHY_VARIANTS).P1,
+                            children: description
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                        className: "mt-1.5 flex min-h-16 w-full flex-wrap justify-center gap-1.5",
+                        children: badges.slice(0, 5).map((badge, index)=>/*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                                className: "h-fit w-fit",
+                                children: /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)((0, $8dae3cb26e35e094$exports.Badge), {
+                                    label: badge.label,
+                                    type: (0, $3fc68f5c881da3e1$exports.BADGE_TYPES).SOLID,
+                                    size: (0, $3fc68f5c881da3e1$exports.BADGE_SIZES).SM,
+                                    rounded: 20,
+                                    bgColor: badge.bgColor,
+                                    textColor: badge.textColor
+                                })
+                            }, index))
+                    }),
+                    /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                        className: "my-5 flex justify-center",
+                        children: /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)((0, $7f6fad9f7fb8912a$exports.Ratings), {
+                            rating: rating
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsxs)("div", {
+                        className: "flex justify-center gap-2.5",
+                        children: [
+                            /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                                children: /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsxs)((0, $8444647316629dd8$exports.Typography), {
+                                    variant: (0, $8444647316629dd8$exports.TYPOGRAPHY_VARIANTS).H5,
+                                    children: [
+                                        "$",
+                                        price.current,
+                                        " for ",
+                                        price.duration,
+                                        "min"
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsx)("div", {
+                                className: "text-black/40 line-through",
+                                children: /*#__PURE__*/ (0, $7cSp0$reactjsxruntime.jsxs)((0, $8444647316629dd8$exports.Typography), {
+                                    variant: (0, $8444647316629dd8$exports.TYPOGRAPHY_VARIANTS).H6,
+                                    children: [
+                                        "$",
+                                        originalPrice,
+                                        "/min"
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=user-card.2ea42b3b.js.map

package/user-card.2ea42b3b.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAaO,MAAM,4CAA8B,CAAC,YAC1C,QAAQ,YACR,QAAQ,QACR,IAAI,UACJ,MAAM,UACN,MAAM,SACN,KAAK,iBACL,aAAa,eACb,WAAW,qBACX,iBAAiB,EAClB;IACC,MAAM,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,qBAAO,EAAE;IAE3C,qBACE,iCAAC;QACC,WAAU;QACV,cAAc,IAAM,aAAa;QACjC,cAAc,IAAM,aAAa;;0BAEjC,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,UAAU;;;kCAExB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,0CAAI;oCACH,KAAK;oCACL,KAAI;oCACJ,OAAO;oCACP,QAAQ;oCACR,WAAU;;;4BAGb,aAAa,0BACZ;;kDACE,gCAAC;wCAAI,WAAU;;kDACf,gCAAC;wCAAI,WAAU;kDACb,cAAA,gCAAC;4CAAI,WAAU;sDACb,cAAA,gCAAC,CAAA,GAAA,gCAAK;gDACJ,OAAM;gDACN,MAAM,CAAA,GAAA,sCAAW,EAAE,OAAO;gDAC1B,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;gDACrB,eAAe,IAAM;;;;;;;;;;0BAQnC,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCAAG;;;kCAEhD,gCAAC;wBAAI,WAAU;kCACZ,CAAC,CAAC,6BACD,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCACxC;;;kCAIP,gCAAC;wBAAI,WAAU;kCACZ,OAAO,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,sBAC9B,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,+BAAI;oCACH,OAAO,MAAM,KAAK;oCAClB,MAAM,CAAA,GAAA,qCAAU,EAAE,KAAK;oCACvB,MAAM,CAAA,GAAA,qCAAU,EAAE,EAAE;oCACpB,SAAS;oCACT,SAAS,MAAM,OAAO;oCACtB,WAAW,MAAM,SAAS;;+BAPI;;kCAYtC,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,iCAAM;4BAAE,QAAQ;;;kCAEnB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;0CACC,cAAA,iCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;;wCAAE;wCACzC,MAAM,OAAO;wCAAC;wCAAM,MAAM,QAAQ;wCAAC;;;;0CAGzC,gCAAC;gCAAI,WAAU;0CACb,cAAA,iCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;;wCAAE;wCACzC;wCAAc;;;;;;;;;;AAO9B","sources":["src/molecules/user-card/user-card.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { ActiveIcon } from '../../atoms/active-icon';\nimport { Button, BUTTON_SIZES, BUTTON_TYPES } from '../button';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../typography';\nimport { Badge } from '../badge';\nimport { BADGE_SIZES, BADGE_TYPES } from '../badge/type';\nimport { Ratings } from '../ratings';\nimport { UserCardProps } from './type';\nimport { FC } from 'react';\nimport Image from 'next/image';\n\nexport const UserCard: FC<UserCardProps> = ({\n  isActive,\n  imageSrc,\n  name,\n  badges,\n  rating,\n  price,\n  originalPrice,\n  description,\n  handleButtonClick,\n}) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <div\n      className=\"w-full max-w-[415px] overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A]\"\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      <div className=\"relative overflow-hidden rounded-xl\">\n        <div className=\"absolute right-4 top-4 z-10\">\n          <ActiveIcon isActive={isActive} />\n        </div>\n        <div className=\"\">\n          <div className=\"relative pb-[76%]\">\n            <Image\n              src={imageSrc}\n              alt=\"Person Image\"\n              width={100}\n              height={100}\n              className=\"absolute inset-0 h-full w-full object-cover\"\n            />\n          </div>\n          {isHovered && isActive && (\n            <>\n              <div className=\"absolute inset-0 bg-gradient-to-b from-transparent to-[rgba(22,18,69,0.85)] transition-opacity duration-300\" />\n              <div className=\"absolute bottom-7 flex w-full justify-center\">\n                <div className=\"w-fit\">\n                  <Button\n                    label=\"Chat Now\"\n                    type={BUTTON_TYPES.PRIMARY}\n                    size={BUTTON_SIZES.SM}\n                    handleOnClick={() => handleButtonClick()}\n                  />\n                </div>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n      <div className=\"p-4 text-center\">\n        <div className=\"mb-2\">\n          <Typography variant={TYPOGRAPHY_VARIANTS.H3}>{name}</Typography>\n        </div>\n        <div className=\"mb-2 min-h-5 text-gray-500\">\n          {!!description && (\n            <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n              {description}\n            </Typography>\n          )}\n        </div>\n        <div className=\"mt-1.5 flex min-h-16 w-full flex-wrap justify-center gap-1.5\">\n          {badges.slice(0, 5).map((badge, index) => (\n            <div className=\"h-fit w-fit\" key={index}>\n              <Badge\n                label={badge.label}\n                type={BADGE_TYPES.SOLID}\n                size={BADGE_SIZES.SM}\n                rounded={20}\n                bgColor={badge.bgColor}\n                textColor={badge.textColor}\n              />\n            </div>\n          ))}\n        </div>\n        <div className=\"my-5 flex justify-center\">\n          <Ratings rating={rating} />\n        </div>\n        <div className=\"flex justify-center gap-2.5\">\n          <div>\n            <Typography variant={TYPOGRAPHY_VARIANTS.H5}>\n              ${price.current} for {price.duration}min\n            </Typography>\n          </div>\n          <div className=\"text-black/40 line-through\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H6}>\n              ${originalPrice}/min\n            </Typography>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"user-card.2ea42b3b.js.map"}

package/user-card.875fc8cf.js

@@ -0,0 +1,27 @@
+var $615a13710524c611$exports = require("./user-card.2ea42b3b.js");
+var $1b6580e850d0203a$exports = require("./type.00344868.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $615a13710524c611$exports);
+$parcel$exportWildcard(module.exports, $1b6580e850d0203a$exports);
+
+
+//# sourceMappingURL=user-card.875fc8cf.js.map

package/user-card.875fc8cf.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/molecules/user-card/index.ts"],"sourcesContent":["export * from './user-card';\nexport * from './type';\n"],"names":[],"version":3,"file":"user-card.875fc8cf.js.map"}

package/user-card.a20e32e4.js

@@ -0,0 +1,9 @@
+import {UserCard as $65629d4afeae2b4e$export$78e8870b5d8ae469} from "./user-card.b71c0b0b.js";
+import "./type.1a4aaedb.js";
+
+
+
+
+
+export {$65629d4afeae2b4e$export$78e8870b5d8ae469 as UserCard};
+//# sourceMappingURL=user-card.a20e32e4.js.map

package/user-card.a20e32e4.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/molecules/user-card/index.ts"],"sourcesContent":["export * from './user-card';\nexport * from './type';\n"],"names":[],"version":3,"file":"user-card.a20e32e4.js.map"}

package/user-card.b71c0b0b.js

@@ -0,0 +1,146 @@
+import {ActiveIcon as $10d3dd7a51c72307$export$ed9fa53238da646a} from "./active-icon.4514e159.js";
+import {Button as $6DXEs$Button, BUTTON_SIZES as $6DXEs$BUTTON_SIZES, BUTTON_TYPES as $6DXEs$BUTTON_TYPES} from "./button.f19593f1.js";
+import {Typography as $6DXEs$Typography, TYPOGRAPHY_VARIANTS as $6DXEs$TYPOGRAPHY_VARIANTS} from "./typography.1af73fa0.js";
+import {Badge as $6DXEs$Badge} from "./badge.b5dc5fcb.js";
+import {BADGE_SIZES as $4acf4e9f762a97fb$export$296627efaf99c544, BADGE_TYPES as $4acf4e9f762a97fb$export$d56245647dff9e60} from "./type.525129bf.js";
+import {Ratings as $6DXEs$Ratings} from "./ratings.e017cfec.js";
+import {jsxs as $6DXEs$jsxs, jsx as $6DXEs$jsx, Fragment as $6DXEs$Fragment} from "react/jsx-runtime";
+import {useState as $6DXEs$useState} from "react";
+import $6DXEs$nextimage from "next/image";
+
+
+
+
+
+
+
+
+
+
+'use client';
+const $65629d4afeae2b4e$export$78e8870b5d8ae469 = ({ isActive: isActive, imageSrc: imageSrc, name: name, badges: badges, rating: rating, price: price, originalPrice: originalPrice, description: description, handleButtonClick: handleButtonClick })=>{
+    const [isHovered, setIsHovered] = (0, $6DXEs$useState)(false);
+    return /*#__PURE__*/ (0, $6DXEs$jsxs)("div", {
+        className: "w-full max-w-[415px] overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A]",
+        onMouseEnter: ()=>setIsHovered(true),
+        onMouseLeave: ()=>setIsHovered(false),
+        children: [
+            /*#__PURE__*/ (0, $6DXEs$jsxs)("div", {
+                className: "relative overflow-hidden rounded-xl",
+                children: [
+                    /*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                        className: "absolute right-4 top-4 z-10",
+                        children: /*#__PURE__*/ (0, $6DXEs$jsx)((0, $10d3dd7a51c72307$export$ed9fa53238da646a), {
+                            isActive: isActive
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $6DXEs$jsxs)("div", {
+                        className: "",
+                        children: [
+                            /*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                                className: "relative pb-[76%]",
+                                children: /*#__PURE__*/ (0, $6DXEs$jsx)((0, $6DXEs$nextimage), {
+                                    src: imageSrc,
+                                    alt: "Person Image",
+                                    width: 100,
+                                    height: 100,
+                                    className: "absolute inset-0 h-full w-full object-cover"
+                                })
+                            }),
+                            isHovered && isActive && /*#__PURE__*/ (0, $6DXEs$jsxs)((0, $6DXEs$Fragment), {
+                                children: [
+                                    /*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                                        className: "absolute inset-0 bg-gradient-to-b from-transparent to-[rgba(22,18,69,0.85)] transition-opacity duration-300"
+                                    }),
+                                    /*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                                        className: "absolute bottom-7 flex w-full justify-center",
+                                        children: /*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                                            className: "w-fit",
+                                            children: /*#__PURE__*/ (0, $6DXEs$jsx)((0, $6DXEs$Button), {
+                                                label: "Chat Now",
+                                                type: (0, $6DXEs$BUTTON_TYPES).PRIMARY,
+                                                size: (0, $6DXEs$BUTTON_SIZES).SM,
+                                                handleOnClick: ()=>handleButtonClick()
+                                            })
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $6DXEs$jsxs)("div", {
+                className: "p-4 text-center",
+                children: [
+                    /*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                        className: "mb-2",
+                        children: /*#__PURE__*/ (0, $6DXEs$jsx)((0, $6DXEs$Typography), {
+                            variant: (0, $6DXEs$TYPOGRAPHY_VARIANTS).H3,
+                            children: name
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                        className: "mb-2 min-h-5 text-gray-500",
+                        children: !!description && /*#__PURE__*/ (0, $6DXEs$jsx)((0, $6DXEs$Typography), {
+                            variant: (0, $6DXEs$TYPOGRAPHY_VARIANTS).P1,
+                            children: description
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                        className: "mt-1.5 flex min-h-16 w-full flex-wrap justify-center gap-1.5",
+                        children: badges.slice(0, 5).map((badge, index)=>/*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                                className: "h-fit w-fit",
+                                children: /*#__PURE__*/ (0, $6DXEs$jsx)((0, $6DXEs$Badge), {
+                                    label: badge.label,
+                                    type: (0, $4acf4e9f762a97fb$export$d56245647dff9e60).SOLID,
+                                    size: (0, $4acf4e9f762a97fb$export$296627efaf99c544).SM,
+                                    rounded: 20,
+                                    bgColor: badge.bgColor,
+                                    textColor: badge.textColor
+                                })
+                            }, index))
+                    }),
+                    /*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                        className: "my-5 flex justify-center",
+                        children: /*#__PURE__*/ (0, $6DXEs$jsx)((0, $6DXEs$Ratings), {
+                            rating: rating
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $6DXEs$jsxs)("div", {
+                        className: "flex justify-center gap-2.5",
+                        children: [
+                            /*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                                children: /*#__PURE__*/ (0, $6DXEs$jsxs)((0, $6DXEs$Typography), {
+                                    variant: (0, $6DXEs$TYPOGRAPHY_VARIANTS).H5,
+                                    children: [
+                                        "$",
+                                        price.current,
+                                        " for ",
+                                        price.duration,
+                                        "min"
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $6DXEs$jsx)("div", {
+                                className: "text-black/40 line-through",
+                                children: /*#__PURE__*/ (0, $6DXEs$jsxs)((0, $6DXEs$Typography), {
+                                    variant: (0, $6DXEs$TYPOGRAPHY_VARIANTS).H6,
+                                    children: [
+                                        "$",
+                                        originalPrice,
+                                        "/min"
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+export {$65629d4afeae2b4e$export$78e8870b5d8ae469 as UserCard};
+//# sourceMappingURL=user-card.b71c0b0b.js.map

package/user-card.b71c0b0b.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAaO,MAAM,4CAA8B,CAAC,YAC1C,QAAQ,YACR,QAAQ,QACR,IAAI,UACJ,MAAM,UACN,MAAM,SACN,KAAK,iBACL,aAAa,eACb,WAAW,qBACX,iBAAiB,EAClB;IACC,MAAM,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IAE3C,qBACE,iBAAC;QACC,WAAU;QACV,cAAc,IAAM,aAAa;QACjC,cAAc,IAAM,aAAa;;0BAEjC,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,yCAAS;4BAAE,UAAU;;;kCAExB,iBAAC;wBAAI,WAAU;;0CACb,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,gBAAI;oCACH,KAAK;oCACL,KAAI;oCACJ,OAAO;oCACP,QAAQ;oCACR,WAAU;;;4BAGb,aAAa,0BACZ;;kDACE,gBAAC;wCAAI,WAAU;;kDACf,gBAAC;wCAAI,WAAU;kDACb,cAAA,gBAAC;4CAAI,WAAU;sDACb,cAAA,gBAAC,CAAA,GAAA,aAAK;gDACJ,OAAM;gDACN,MAAM,CAAA,GAAA,mBAAW,EAAE,OAAO;gDAC1B,MAAM,CAAA,GAAA,mBAAW,EAAE,EAAE;gDACrB,eAAe,IAAM;;;;;;;;;;0BAQnC,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCAAG;;;kCAEhD,gBAAC;wBAAI,WAAU;kCACZ,CAAC,CAAC,6BACD,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCACxC;;;kCAIP,gBAAC;wBAAI,WAAU;kCACZ,OAAO,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,sBAC9B,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,YAAI;oCACH,OAAO,MAAM,KAAK;oCAClB,MAAM,CAAA,GAAA,yCAAU,EAAE,KAAK;oCACvB,MAAM,CAAA,GAAA,yCAAU,EAAE,EAAE;oCACpB,SAAS;oCACT,SAAS,MAAM,OAAO;oCACtB,WAAW,MAAM,SAAS;;+BAPI;;kCAYtC,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,cAAM;4BAAE,QAAQ;;;kCAEnB,iBAAC;wBAAI,WAAU;;0CACb,gBAAC;0CACC,cAAA,iBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;;wCAAE;wCACzC,MAAM,OAAO;wCAAC;wCAAM,MAAM,QAAQ;wCAAC;;;;0CAGzC,gBAAC;gCAAI,WAAU;0CACb,cAAA,iBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;;wCAAE;wCACzC;wCAAc;;;;;;;;;;AAO9B","sources":["src/molecules/user-card/user-card.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { ActiveIcon } from '../../atoms/active-icon';\nimport { Button, BUTTON_SIZES, BUTTON_TYPES } from '../button';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../typography';\nimport { Badge } from '../badge';\nimport { BADGE_SIZES, BADGE_TYPES } from '../badge/type';\nimport { Ratings } from '../ratings';\nimport { UserCardProps } from './type';\nimport { FC } from 'react';\nimport Image from 'next/image';\n\nexport const UserCard: FC<UserCardProps> = ({\n  isActive,\n  imageSrc,\n  name,\n  badges,\n  rating,\n  price,\n  originalPrice,\n  description,\n  handleButtonClick,\n}) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <div\n      className=\"w-full max-w-[415px] overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A]\"\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      <div className=\"relative overflow-hidden rounded-xl\">\n        <div className=\"absolute right-4 top-4 z-10\">\n          <ActiveIcon isActive={isActive} />\n        </div>\n        <div className=\"\">\n          <div className=\"relative pb-[76%]\">\n            <Image\n              src={imageSrc}\n              alt=\"Person Image\"\n              width={100}\n              height={100}\n              className=\"absolute inset-0 h-full w-full object-cover\"\n            />\n          </div>\n          {isHovered && isActive && (\n            <>\n              <div className=\"absolute inset-0 bg-gradient-to-b from-transparent to-[rgba(22,18,69,0.85)] transition-opacity duration-300\" />\n              <div className=\"absolute bottom-7 flex w-full justify-center\">\n                <div className=\"w-fit\">\n                  <Button\n                    label=\"Chat Now\"\n                    type={BUTTON_TYPES.PRIMARY}\n                    size={BUTTON_SIZES.SM}\n                    handleOnClick={() => handleButtonClick()}\n                  />\n                </div>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n      <div className=\"p-4 text-center\">\n        <div className=\"mb-2\">\n          <Typography variant={TYPOGRAPHY_VARIANTS.H3}>{name}</Typography>\n        </div>\n        <div className=\"mb-2 min-h-5 text-gray-500\">\n          {!!description && (\n            <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n              {description}\n            </Typography>\n          )}\n        </div>\n        <div className=\"mt-1.5 flex min-h-16 w-full flex-wrap justify-center gap-1.5\">\n          {badges.slice(0, 5).map((badge, index) => (\n            <div className=\"h-fit w-fit\" key={index}>\n              <Badge\n                label={badge.label}\n                type={BADGE_TYPES.SOLID}\n                size={BADGE_SIZES.SM}\n                rounded={20}\n                bgColor={badge.bgColor}\n                textColor={badge.textColor}\n              />\n            </div>\n          ))}\n        </div>\n        <div className=\"my-5 flex justify-center\">\n          <Ratings rating={rating} />\n        </div>\n        <div className=\"flex justify-center gap-2.5\">\n          <div>\n            <Typography variant={TYPOGRAPHY_VARIANTS.H5}>\n              ${price.current} for {price.duration}min\n            </Typography>\n          </div>\n          <div className=\"text-black/40 line-through\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H6}>\n              ${originalPrice}/min\n            </Typography>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"user-card.b71c0b0b.js.map"}

package/user-cards-grid.69fe7492.js

@@ -0,0 +1,27 @@
+var $1e77dfddca0a1977$exports = require("./user-cards-grid.b4a1c4d7.js");
+var $62dedb65415e1ba2$exports = require("./type.87d406bc.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $1e77dfddca0a1977$exports);
+$parcel$exportWildcard(module.exports, $62dedb65415e1ba2$exports);
+
+
+//# sourceMappingURL=user-cards-grid.69fe7492.js.map

package/user-cards-grid.69fe7492.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/user-cards-grid/index.ts"],"sourcesContent":["export * from './user-cards-grid';\nexport * from './type';\n"],"names":[],"version":3,"file":"user-cards-grid.69fe7492.js.map"}

package/user-cards-grid.a2f73a6a.js

@@ -0,0 +1,9 @@
+import {UserCardsGrid as $01db6eafc17e0ae1$export$cf7bb17d62f43605} from "./user-cards-grid.eacb2289.js";
+import {USER_CARD_LIMITS as $bb413ec1cbcbfd45$export$caafb853ef78f0a8} from "./type.20225dde.js";
+
+
+
+
+
+export {$01db6eafc17e0ae1$export$cf7bb17d62f43605 as UserCardsGrid, $bb413ec1cbcbfd45$export$caafb853ef78f0a8 as USER_CARD_LIMITS};
+//# sourceMappingURL=user-cards-grid.a2f73a6a.js.map

package/user-cards-grid.a2f73a6a.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/user-cards-grid/index.ts"],"sourcesContent":["export * from './user-cards-grid';\nexport * from './type';\n"],"names":[],"version":3,"file":"user-cards-grid.a2f73a6a.js.map"}

package/user-cards-grid.b4a1c4d7.js

@@ -0,0 +1,37 @@
+var $615a13710524c611$exports = require("./user-card.2ea42b3b.js");
+var $6WfTJ$reactjsxruntime = require("react/jsx-runtime");
+var $6WfTJ$react = require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "UserCardsGrid", () => $1e77dfddca0a1977$export$cf7bb17d62f43605);
+
+
+
+const $1e77dfddca0a1977$export$cf7bb17d62f43605 = ({ cardItems: cardItems, cardsLimit: cardsLimit = 6 })=>{
+    const [isTablet, setIsTablet] = (0, $6WfTJ$react.useState)(false);
+    (0, $6WfTJ$react.useEffect)(()=>{
+        const handleResize = ()=>{
+            setIsTablet(window.innerWidth >= 768 && window.innerWidth < 1024);
+        };
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return ()=>window.removeEventListener('resize', handleResize);
+    }, []);
+    const filteredCardItems = isTablet && cardsLimit === 3 ? cardItems?.slice(0, cardsLimit)?.filter((_, index)=>index !== 2) : cardItems?.slice(0, cardsLimit);
+    return /*#__PURE__*/ (0, $6WfTJ$reactjsxruntime.jsx)("div", {
+        className: "mt-10 lg:mt-20",
+        children: /*#__PURE__*/ (0, $6WfTJ$reactjsxruntime.jsx)("div", {
+            className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3",
+            children: filteredCardItems?.map((userData, index)=>/*#__PURE__*/ (0, $6WfTJ$reactjsxruntime.jsx)((0, $615a13710524c611$exports.UserCard), {
+                    ...userData
+                }, index))
+        })
+    });
+};
+
+
+//# sourceMappingURL=user-cards-grid.b4a1c4d7.js.map

package/user-cards-grid.b4a1c4d7.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAIO,MAAM,4CAAmC,CAAC,aAC/C,SAAS,cACT,aAAa,GACd;IACC,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,qBAAO,EAAE;IAEzC,CAAA,GAAA,sBAAQ,EAAE;QACR,MAAM,eAAe;YACnB,YAAY,OAAO,UAAU,IAAI,OAAO,OAAO,UAAU,GAAG;QAC9D;QACA;QACA,OAAO,gBAAgB,CAAC,UAAU;QAClC,OAAO,IAAM,OAAO,mBAAmB,CAAC,UAAU;IACpD,GAAG,EAAE;IAEL,MAAM,oBACJ,YAAY,eAAe,IACvB,WAAW,MAAM,GAAG,aAAa,OAAO,CAAC,GAAG,QAAU,UAAU,KAChE,WAAW,MAAM,GAAG;IAE1B,qBACE,gCAAC;QAAI,WAAU;kBACb,cAAA,gCAAC;YAAI,WAAU;sBACZ,mBAAmB,IAAI,CAAC,UAAU,sBACjC,gCAAC,CAAA,GAAA,kCAAO;oBAAe,GAAG,QAAQ;mBAAnB;;;AAKzB","sources":["src/organisms/user-cards-grid/user-cards-grid.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from 'react';\nimport { UserCard } from '../../molecules/user-card/user-card';\nimport { UserGridProps } from './type';\n\nexport const UserCardsGrid: FC<UserGridProps> = ({\n  cardItems,\n  cardsLimit = 6,\n}) => {\n  const [isTablet, setIsTablet] = useState(false);\n\n  useEffect(() => {\n    const handleResize = () => {\n      setIsTablet(window.innerWidth >= 768 && window.innerWidth < 1024);\n    };\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  const filteredCardItems =\n    isTablet && cardsLimit === 3\n      ? cardItems?.slice(0, cardsLimit)?.filter((_, index) => index !== 2)\n      : cardItems?.slice(0, cardsLimit);\n\n  return (\n    <div className=\"mt-10 lg:mt-20\">\n      <div className=\"grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3\">\n        {filteredCardItems?.map((userData, index) => (\n          <UserCard key={index} {...userData} />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"user-cards-grid.b4a1c4d7.js.map"}

package/user-cards-grid.eacb2289.js

@@ -0,0 +1,32 @@
+import {UserCard as $65629d4afeae2b4e$export$78e8870b5d8ae469} from "./user-card.b71c0b0b.js";
+import {jsx as $9z2NZ$jsx} from "react/jsx-runtime";
+import {useState as $9z2NZ$useState, useEffect as $9z2NZ$useEffect} from "react";
+
+
+
+
+const $01db6eafc17e0ae1$export$cf7bb17d62f43605 = ({ cardItems: cardItems, cardsLimit: cardsLimit = 6 })=>{
+    const [isTablet, setIsTablet] = (0, $9z2NZ$useState)(false);
+    (0, $9z2NZ$useEffect)(()=>{
+        const handleResize = ()=>{
+            setIsTablet(window.innerWidth >= 768 && window.innerWidth < 1024);
+        };
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return ()=>window.removeEventListener('resize', handleResize);
+    }, []);
+    const filteredCardItems = isTablet && cardsLimit === 3 ? cardItems?.slice(0, cardsLimit)?.filter((_, index)=>index !== 2) : cardItems?.slice(0, cardsLimit);
+    return /*#__PURE__*/ (0, $9z2NZ$jsx)("div", {
+        className: "mt-10 lg:mt-20",
+        children: /*#__PURE__*/ (0, $9z2NZ$jsx)("div", {
+            className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3",
+            children: filteredCardItems?.map((userData, index)=>/*#__PURE__*/ (0, $9z2NZ$jsx)((0, $65629d4afeae2b4e$export$78e8870b5d8ae469), {
+                    ...userData
+                }, index))
+        })
+    });
+};
+
+
+export {$01db6eafc17e0ae1$export$cf7bb17d62f43605 as UserCardsGrid};
+//# sourceMappingURL=user-cards-grid.eacb2289.js.map

package/user-cards-grid.eacb2289.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAIO,MAAM,4CAAmC,CAAC,aAC/C,SAAS,cACT,aAAa,GACd;IACC,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,eAAO,EAAE;IAEzC,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,eAAe;YACnB,YAAY,OAAO,UAAU,IAAI,OAAO,OAAO,UAAU,GAAG;QAC9D;QACA;QACA,OAAO,gBAAgB,CAAC,UAAU;QAClC,OAAO,IAAM,OAAO,mBAAmB,CAAC,UAAU;IACpD,GAAG,EAAE;IAEL,MAAM,oBACJ,YAAY,eAAe,IACvB,WAAW,MAAM,GAAG,aAAa,OAAO,CAAC,GAAG,QAAU,UAAU,KAChE,WAAW,MAAM,GAAG;IAE1B,qBACE,gBAAC;QAAI,WAAU;kBACb,cAAA,gBAAC;YAAI,WAAU;sBACZ,mBAAmB,IAAI,CAAC,UAAU,sBACjC,gBAAC,CAAA,GAAA,yCAAO;oBAAe,GAAG,QAAQ;mBAAnB;;;AAKzB","sources":["src/organisms/user-cards-grid/user-cards-grid.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from 'react';\nimport { UserCard } from '../../molecules/user-card/user-card';\nimport { UserGridProps } from './type';\n\nexport const UserCardsGrid: FC<UserGridProps> = ({\n  cardItems,\n  cardsLimit = 6,\n}) => {\n  const [isTablet, setIsTablet] = useState(false);\n\n  useEffect(() => {\n    const handleResize = () => {\n      setIsTablet(window.innerWidth >= 768 && window.innerWidth < 1024);\n    };\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  const filteredCardItems =\n    isTablet && cardsLimit === 3\n      ? cardItems?.slice(0, cardsLimit)?.filter((_, index) => index !== 2)\n      : cardItems?.slice(0, cardsLimit);\n\n  return (\n    <div className=\"mt-10 lg:mt-20\">\n      <div className=\"grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3\">\n        {filteredCardItems?.map((userData, index) => (\n          <UserCard key={index} {...userData} />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"user-cards-grid.eacb2289.js.map"}

package/user-detail-banner.6e6c34bf.js

@@ -0,0 +1,27 @@
+var $a6ce4bb89cd7aaeb$exports = require("./user-detail-banner.893de41a.js");
+var $82d76ef2b39c3772$exports = require("./type.39724806.js");
+
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+
+$parcel$exportWildcard(module.exports, $a6ce4bb89cd7aaeb$exports);
+$parcel$exportWildcard(module.exports, $82d76ef2b39c3772$exports);
+
+
+//# sourceMappingURL=user-detail-banner.6e6c34bf.js.map

package/user-detail-banner.6e6c34bf.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/user-detail-banner/index.ts"],"sourcesContent":["export * from './user-detail-banner';\nexport * from './type';\n"],"names":[],"version":3,"file":"user-detail-banner.6e6c34bf.js.map"}

package/user-detail-banner.893de41a.js

@@ -0,0 +1,43 @@
+var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.js");
+var $9CNrK$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "UserDetailBanner", () => $a6ce4bb89cd7aaeb$export$bd82f2c123bc93bf);
+
+
+
+const $a6ce4bb89cd7aaeb$export$bd82f2c123bc93bf = ({ userName: userName, bannerImageSrc: bannerImageSrc })=>{
+    return /*#__PURE__*/ (0, $9CNrK$reactjsxruntime.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, $9CNrK$reactjsxruntime.jsx)("div", {
+                className: "text-gray-800",
+                children: /*#__PURE__*/ (0, $9CNrK$reactjsxruntime.jsxs)((0, $75ff6314b77a3597$exports.Typography), {
+                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H2,
+                    children: [
+                        "Hi! I am ",
+                        /*#__PURE__*/ (0, $9CNrK$reactjsxruntime.jsx)("span", {
+                            className: "text-primary",
+                            children: userName
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, $9CNrK$reactjsxruntime.jsx)("div", {
+                className: "mt-5 min-h-80 w-full overflow-hidden rounded-xl",
+                style: {
+                    backgroundImage: `url(${bannerImageSrc})`,
+                    backgroundSize: 'cover',
+                    backgroundPosition: 'center'
+                }
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=user-detail-banner.893de41a.js.map

package/user-detail-banner.893de41a.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAIO,MAAM,4CAAoD,CAAC,YAChE,QAAQ,kBACR,cAAc,EACf;IACC,qBACE,iCAAC;;0BACC,gCAAC;gBAAI,WAAU;0BACb,cAAA,iCAAC,CAAA,GAAA,oCAAS;oBAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;;wBAAE;sCAClC,gCAAC;4BAAK,WAAU;sCAAgB;;;;;0BAG7C,gCAAC;gBACC,WAAU;gBACV,OAAO;oBACL,iBAAiB,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;oBACzC,gBAAgB;oBAChB,oBAAoB;gBACtB;;;;AAIR","sources":["src/organisms/user-detail-banner/user-detail-banner.tsx"],"sourcesContent":["import { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport React from 'react';\nimport { UserDetailBannerProps } from './type';\n\nexport const UserDetailBanner: React.FC<UserDetailBannerProps> = ({\n  userName,\n  bannerImageSrc,\n}) => {\n  return (\n    <div>\n      <div className=\"text-gray-800\">\n        <Typography variant={TYPOGRAPHY_VARIANTS.H2}>\n          Hi! I am <span className=\"text-primary\">{userName}</span>\n        </Typography>\n      </div>\n      <div\n        className=\"mt-5 min-h-80 w-full overflow-hidden rounded-xl\"\n        style={{\n          backgroundImage: `url(${bannerImageSrc})`,\n          backgroundSize: 'cover',\n          backgroundPosition: 'center',\n        }}\n      ></div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"user-detail-banner.893de41a.js.map"}

package/user-detail-banner.96a638df.js

@@ -0,0 +1,9 @@
+import {UserDetailBanner as $70b2682371d3ed4c$export$bd82f2c123bc93bf} from "./user-detail-banner.b992004c.js";
+import "./type.9a8b18fc.js";
+
+
+
+
+
+export {$70b2682371d3ed4c$export$bd82f2c123bc93bf as UserDetailBanner};
+//# sourceMappingURL=user-detail-banner.96a638df.js.map

package/user-detail-banner.96a638df.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/user-detail-banner/index.ts"],"sourcesContent":["export * from './user-detail-banner';\nexport * from './type';\n"],"names":[],"version":3,"file":"user-detail-banner.96a638df.js.map"}

package/user-detail-banner.b992004c.js

@@ -0,0 +1,38 @@
+import {Typography as $aVv8h$Typography, TYPOGRAPHY_VARIANTS as $aVv8h$TYPOGRAPHY_VARIANTS} from "./molecules.1ee3143a.js";
+import {jsxs as $aVv8h$jsxs, jsx as $aVv8h$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+
+const $70b2682371d3ed4c$export$bd82f2c123bc93bf = ({ userName: userName, bannerImageSrc: bannerImageSrc })=>{
+    return /*#__PURE__*/ (0, $aVv8h$jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, $aVv8h$jsx)("div", {
+                className: "text-gray-800",
+                children: /*#__PURE__*/ (0, $aVv8h$jsxs)((0, $aVv8h$Typography), {
+                    variant: (0, $aVv8h$TYPOGRAPHY_VARIANTS).H2,
+                    children: [
+                        "Hi! I am ",
+                        /*#__PURE__*/ (0, $aVv8h$jsx)("span", {
+                            className: "text-primary",
+                            children: userName
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, $aVv8h$jsx)("div", {
+                className: "mt-5 min-h-80 w-full overflow-hidden rounded-xl",
+                style: {
+                    backgroundImage: `url(${bannerImageSrc})`,
+                    backgroundSize: 'cover',
+                    backgroundPosition: 'center'
+                }
+            })
+        ]
+    });
+};
+
+
+export {$70b2682371d3ed4c$export$bd82f2c123bc93bf as UserDetailBanner};
+//# sourceMappingURL=user-detail-banner.b992004c.js.map