@appcorp/kismaa-web-ui 0.1.1 → 0.1.3

package/use-isvisibile-hook.83f8c7c0.js

@@ -0,0 +1,39 @@
+import {useState as $48ReA$useState, useEffect as $48ReA$useEffect} from "react";
+
+
+const $efedf5e2f5879bff$export$ab580d3eee4b8bd3 = (containerSelector)=>{
+    const [activeId, setActiveId] = (0, $48ReA$useState)(null);
+    const checkVisibility = (element)=>{
+        const rect = element.getBoundingClientRect();
+        return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+    };
+    (0, $48ReA$useEffect)(()=>{
+        const container = document.querySelector(containerSelector);
+        if (!container) {
+            console.error('Container is not provided or is null.');
+            return;
+        }
+        const elementsToCheck = Array.from(container.querySelectorAll('h1, h2, h3, h4, h5, h6'));
+        if (elementsToCheck.length === 0) return;
+        const handleScroll = ()=>{
+            for (const element of elementsToCheck)if (checkVisibility(element)) {
+                const id = element.getAttribute('id');
+                const numericId = parseInt(id.split('-')[1], 10);
+                console.log(id);
+                if (numericId) setActiveId(numericId);
+                break;
+            }
+        };
+        window.addEventListener('scroll', handleScroll);
+        return ()=>{
+            window.removeEventListener('scroll', handleScroll);
+        };
+    }, [
+        containerSelector
+    ]);
+    return activeId;
+};
+
+
+export {$efedf5e2f5879bff$export$ab580d3eee4b8bd3 as useVisibleObserver};
+//# sourceMappingURL=use-isvisibile-hook.83f8c7c0.js.map

package/use-isvisibile-hook.83f8c7c0.js.map

@@ -0,0 +1 @@
+{"mappings":";;;AAEO,MAAM,4CAAqB,CAAC;IACjC,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,eAAO,EAAiB;IAExD,MAAM,kBAAkB,CAAC;QACvB,MAAM,OAAO,QAAQ,qBAAqB;QAC1C,OACE,KAAK,GAAG,IAAI,KACZ,KAAK,IAAI,IAAI,KACb,KAAK,MAAM,IACR,CAAA,OAAO,WAAW,IAAI,SAAS,eAAe,CAAC,YAAY,AAAD,KAC7D,KAAK,KAAK,IAAK,CAAA,OAAO,UAAU,IAAI,SAAS,eAAe,CAAC,WAAW,AAAD;IAE3E;IAEA,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,YAAY,SAAS,aAAa,CAAC;QAEzC,IAAI,CAAC,WAAW;YACd,QAAQ,KAAK,CAAC;YACd;QACF;QAEA,MAAM,kBAAkB,MAAM,IAAI,CAChC,UAAU,gBAAgB,CAAC;QAE7B,IAAI,gBAAgB,MAAM,KAAK,GAC7B;QAGF,MAAM,eAAe;YACnB,KAAK,MAAM,WAAW,gBACpB,IAAI,gBAAgB,UAAU;gBAC5B,MAAM,KAAK,QAAQ,YAAY,CAAC;gBAChC,MAAM,YAAY,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE;gBAC7C,QAAQ,GAAG,CAAC;gBAEZ,IAAI,WACF,YAAY;gBAEd;YACF;QAEJ;QAEA,OAAO,gBAAgB,CAAC,UAAU;QAClC,OAAO;YACL,OAAO,mBAAmB,CAAC,UAAU;QACvC;IACF,GAAG;QAAC;KAAkB;IAEtB,OAAO;AACT","sources":["src/hooks/use-isvisibile-hook.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useVisibleObserver = (containerSelector: string | null) => {\n  const [activeId, setActiveId] = useState<number | null>(null);\n\n  const checkVisibility = (element: HTMLElement) => {\n    const rect = element.getBoundingClientRect();\n    return (\n      rect.top >= 0 &&\n      rect.left >= 0 &&\n      rect.bottom <=\n        (window.innerHeight || document.documentElement.clientHeight) &&\n      rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n    );\n  };\n\n  useEffect(() => {\n    const container = document.querySelector(containerSelector as string);\n\n    if (!container) {\n      console.error('Container is not provided or is null.');\n      return;\n    }\n\n    const elementsToCheck = Array.from(\n      container.querySelectorAll('h1, h2, h3, h4, h5, h6'),\n    ) as HTMLElement[];\n    if (elementsToCheck.length === 0) {\n      return;\n    }\n\n    const handleScroll = () => {\n      for (const element of elementsToCheck) {\n        if (checkVisibility(element)) {\n          const id = element.getAttribute('id') as string;\n          const numericId = parseInt(id.split('-')[1], 10);\n          console.log(id);\n\n          if (numericId) {\n            setActiveId(numericId);\n          }\n          break;\n        }\n      }\n    };\n\n    window.addEventListener('scroll', handleScroll);\n    return () => {\n      window.removeEventListener('scroll', handleScroll);\n    };\n  }, [containerSelector]);\n\n  return activeId;\n};\n"],"names":[],"version":3,"file":"use-isvisibile-hook.83f8c7c0.js.map"}

package/use-isvisibile-hook.bb008f5e.js

@@ -0,0 +1,44 @@
+var $kVIGl$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, "useVisibleObserver", () => $1d45657ba92e3ff7$export$ab580d3eee4b8bd3);
+
+const $1d45657ba92e3ff7$export$ab580d3eee4b8bd3 = (containerSelector)=>{
+    const [activeId, setActiveId] = (0, $kVIGl$react.useState)(null);
+    const checkVisibility = (element)=>{
+        const rect = element.getBoundingClientRect();
+        return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+    };
+    (0, $kVIGl$react.useEffect)(()=>{
+        const container = document.querySelector(containerSelector);
+        if (!container) {
+            console.error('Container is not provided or is null.');
+            return;
+        }
+        const elementsToCheck = Array.from(container.querySelectorAll('h1, h2, h3, h4, h5, h6'));
+        if (elementsToCheck.length === 0) return;
+        const handleScroll = ()=>{
+            for (const element of elementsToCheck)if (checkVisibility(element)) {
+                const id = element.getAttribute('id');
+                const numericId = parseInt(id.split('-')[1], 10);
+                console.log(id);
+                if (numericId) setActiveId(numericId);
+                break;
+            }
+        };
+        window.addEventListener('scroll', handleScroll);
+        return ()=>{
+            window.removeEventListener('scroll', handleScroll);
+        };
+    }, [
+        containerSelector
+    ]);
+    return activeId;
+};
+
+
+//# sourceMappingURL=use-isvisibile-hook.bb008f5e.js.map

package/use-isvisibile-hook.bb008f5e.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAEO,MAAM,4CAAqB,CAAC;IACjC,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,qBAAO,EAAiB;IAExD,MAAM,kBAAkB,CAAC;QACvB,MAAM,OAAO,QAAQ,qBAAqB;QAC1C,OACE,KAAK,GAAG,IAAI,KACZ,KAAK,IAAI,IAAI,KACb,KAAK,MAAM,IACR,CAAA,OAAO,WAAW,IAAI,SAAS,eAAe,CAAC,YAAY,AAAD,KAC7D,KAAK,KAAK,IAAK,CAAA,OAAO,UAAU,IAAI,SAAS,eAAe,CAAC,WAAW,AAAD;IAE3E;IAEA,CAAA,GAAA,sBAAQ,EAAE;QACR,MAAM,YAAY,SAAS,aAAa,CAAC;QAEzC,IAAI,CAAC,WAAW;YACd,QAAQ,KAAK,CAAC;YACd;QACF;QAEA,MAAM,kBAAkB,MAAM,IAAI,CAChC,UAAU,gBAAgB,CAAC;QAE7B,IAAI,gBAAgB,MAAM,KAAK,GAC7B;QAGF,MAAM,eAAe;YACnB,KAAK,MAAM,WAAW,gBACpB,IAAI,gBAAgB,UAAU;gBAC5B,MAAM,KAAK,QAAQ,YAAY,CAAC;gBAChC,MAAM,YAAY,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE;gBAC7C,QAAQ,GAAG,CAAC;gBAEZ,IAAI,WACF,YAAY;gBAEd;YACF;QAEJ;QAEA,OAAO,gBAAgB,CAAC,UAAU;QAClC,OAAO;YACL,OAAO,mBAAmB,CAAC,UAAU;QACvC;IACF,GAAG;QAAC;KAAkB;IAEtB,OAAO;AACT","sources":["src/hooks/use-isvisibile-hook.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useVisibleObserver = (containerSelector: string | null) => {\n  const [activeId, setActiveId] = useState<number | null>(null);\n\n  const checkVisibility = (element: HTMLElement) => {\n    const rect = element.getBoundingClientRect();\n    return (\n      rect.top >= 0 &&\n      rect.left >= 0 &&\n      rect.bottom <=\n        (window.innerHeight || document.documentElement.clientHeight) &&\n      rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n    );\n  };\n\n  useEffect(() => {\n    const container = document.querySelector(containerSelector as string);\n\n    if (!container) {\n      console.error('Container is not provided or is null.');\n      return;\n    }\n\n    const elementsToCheck = Array.from(\n      container.querySelectorAll('h1, h2, h3, h4, h5, h6'),\n    ) as HTMLElement[];\n    if (elementsToCheck.length === 0) {\n      return;\n    }\n\n    const handleScroll = () => {\n      for (const element of elementsToCheck) {\n        if (checkVisibility(element)) {\n          const id = element.getAttribute('id') as string;\n          const numericId = parseInt(id.split('-')[1], 10);\n          console.log(id);\n\n          if (numericId) {\n            setActiveId(numericId);\n          }\n          break;\n        }\n      }\n    };\n\n    window.addEventListener('scroll', handleScroll);\n    return () => {\n      window.removeEventListener('scroll', handleScroll);\n    };\n  }, [containerSelector]);\n\n  return activeId;\n};\n"],"names":[],"version":3,"file":"use-isvisibile-hook.bb008f5e.js.map"}

package/{user-card.b71c0b0b.js → user-card.1813401b.js}

@@ -1,9 +1,9 @@
 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 {Button as $6DXEs$Button, BUTTON_SIZES as $6DXEs$BUTTON_SIZES, BUTTON_TYPES as $6DXEs$BUTTON_TYPES} from "./button.ce27cdaa.js";
+import {Typography as $6DXEs$Typography, TYPOGRAPHY_VARIANTS as $6DXEs$TYPOGRAPHY_VARIANTS} from "./typography.760fac60.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 {Ratings as $6DXEs$Ratings} from "./ratings.90a1380a.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";
@@ -143,4 +143,4 @@ const $65629d4afeae2b4e$export$78e8870b5d8ae469 = ({ isActive: isActive, imageSr
 
 
 export {$65629d4afeae2b4e$export$78e8870b5d8ae469 as UserCard};
-//# sourceMappingURL=user-card.b71c0b0b.js.map
+//# sourceMappingURL=user-card.1813401b.js.map

package/{user-card.b71c0b0b.js.map → user-card.1813401b.js.map}

@@ -1 +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"}
+{"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.1813401b.js.map"}

package/{user-card.875fc8cf.js → user-card.9e8ecc1f.js}

@@ -1,4 +1,4 @@
-var $615a13710524c611$exports = require("./user-card.2ea42b3b.js");
+var $615a13710524c611$exports = require("./user-card.d7160930.js");
 var $1b6580e850d0203a$exports = require("./type.00344868.js");
 
 
@@ -24,4 +24,4 @@ $parcel$exportWildcard(module.exports, $615a13710524c611$exports);
 $parcel$exportWildcard(module.exports, $1b6580e850d0203a$exports);
 
 
-//# sourceMappingURL=user-card.875fc8cf.js.map
+//# sourceMappingURL=user-card.9e8ecc1f.js.map

package/{user-card.875fc8cf.js.map → user-card.9e8ecc1f.js.map}

@@ -1 +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"}
+{"mappings":"","sources":["src/molecules/user-card/index.ts"],"sourcesContent":["export * from './user-card';\nexport * from './type';\n"],"names":[],"version":3,"file":"user-card.9e8ecc1f.js.map"}

package/{user-card.a20e32e4.js → user-card.9fcfb1a5.js}

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

package/{user-card.a20e32e4.js.map → user-card.9fcfb1a5.js.map}

@@ -1 +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"}
+{"mappings":"","sources":["src/molecules/user-card/index.ts"],"sourcesContent":["export * from './user-card';\nexport * from './type';\n"],"names":[],"version":3,"file":"user-card.9fcfb1a5.js.map"}

package/{user-card.2ea42b3b.js → user-card.d7160930.js}

@@ -1,9 +1,9 @@
 var $bb59379c00ac64e3$exports = require("./active-icon.f60a343e.js");
-var $1e587eb80b5f51af$exports = require("./button.241f5bdc.js");
-var $8444647316629dd8$exports = require("./typography.aa7e3a61.js");
+var $1e587eb80b5f51af$exports = require("./button.fb3c4253.js");
+var $8444647316629dd8$exports = require("./typography.9f907467.js");
 var $8dae3cb26e35e094$exports = require("./badge.9f70ace5.js");
 var $3fc68f5c881da3e1$exports = require("./type.fe8fbc9e.js");
-var $7f6fad9f7fb8912a$exports = require("./ratings.bc271da9.js");
+var $7f6fad9f7fb8912a$exports = require("./ratings.f943b068.js");
 var $7cSp0$reactjsxruntime = require("react/jsx-runtime");
 var $7cSp0$react = require("react");
 var $7cSp0$nextimage = require("next/image");
@@ -152,4 +152,4 @@ const $615a13710524c611$export$78e8870b5d8ae469 = ({ isActive: isActive, imageSr
 };
 
 
-//# sourceMappingURL=user-card.2ea42b3b.js.map
+//# sourceMappingURL=user-card.d7160930.js.map

package/{user-card.2ea42b3b.js.map → user-card.d7160930.js.map}

@@ -1 +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"}
+{"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.d7160930.js.map"}

package/{user-cards-grid.eacb2289.js → user-cards-grid.4e543bcb.js}

@@ -1,4 +1,4 @@
-import {UserCard as $65629d4afeae2b4e$export$78e8870b5d8ae469} from "./user-card.b71c0b0b.js";
+import {UserCard as $65629d4afeae2b4e$export$78e8870b5d8ae469} from "./user-card.1813401b.js";
 import {jsx as $9z2NZ$jsx} from "react/jsx-runtime";
 import {useState as $9z2NZ$useState, useEffect as $9z2NZ$useEffect} from "react";
 
@@ -17,7 +17,7 @@ const $01db6eafc17e0ae1$export$cf7bb17d62f43605 = ({ cardItems: cardItems, cards
     }, []);
     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",
+        className: "mt-10",
         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), {
@@ -29,4 +29,4 @@ const $01db6eafc17e0ae1$export$cf7bb17d62f43605 = ({ cardItems: cardItems, cards
 
 
 export {$01db6eafc17e0ae1$export$cf7bb17d62f43605 as UserCardsGrid};
-//# sourceMappingURL=user-cards-grid.eacb2289.js.map
+//# sourceMappingURL=user-cards-grid.4e543bcb.js.map

package/{user-cards-grid.eacb2289.js.map → user-cards-grid.4e543bcb.js.map}

@@ -1 +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"}
+{"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\">\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.4e543bcb.js.map"}

package/{user-cards-grid.a2f73a6a.js → user-cards-grid.5bb27c48.js}

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

package/{user-cards-grid.69fe7492.js.map → user-cards-grid.5bb27c48.js.map}

@@ -1 +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"}
+{"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.5bb27c48.js.map"}

package/{user-cards-grid.b4a1c4d7.js → user-cards-grid.82d75f35.js}

@@ -1,4 +1,4 @@
-var $615a13710524c611$exports = require("./user-card.2ea42b3b.js");
+var $615a13710524c611$exports = require("./user-card.d7160930.js");
 var $6WfTJ$reactjsxruntime = require("react/jsx-runtime");
 var $6WfTJ$react = require("react");
 
@@ -23,7 +23,7 @@ const $1e77dfddca0a1977$export$cf7bb17d62f43605 = ({ cardItems: cardItems, cards
     }, []);
     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",
+        className: "mt-10",
         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), {
@@ -34,4 +34,4 @@ const $1e77dfddca0a1977$export$cf7bb17d62f43605 = ({ cardItems: cardItems, cards
 };
 
 
-//# sourceMappingURL=user-cards-grid.b4a1c4d7.js.map
+//# sourceMappingURL=user-cards-grid.82d75f35.js.map

package/{user-cards-grid.b4a1c4d7.js.map → user-cards-grid.82d75f35.js.map}

@@ -1 +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"}
+{"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\">\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.82d75f35.js.map"}

package/{user-cards-grid.69fe7492.js → user-cards-grid.dbb4174b.js}

@@ -1,4 +1,4 @@
-var $1e77dfddca0a1977$exports = require("./user-cards-grid.b4a1c4d7.js");
+var $1e77dfddca0a1977$exports = require("./user-cards-grid.82d75f35.js");
 var $62dedb65415e1ba2$exports = require("./type.87d406bc.js");
 
 
@@ -24,4 +24,4 @@ $parcel$exportWildcard(module.exports, $1e77dfddca0a1977$exports);
 $parcel$exportWildcard(module.exports, $62dedb65415e1ba2$exports);
 
 
-//# sourceMappingURL=user-cards-grid.69fe7492.js.map
+//# sourceMappingURL=user-cards-grid.dbb4174b.js.map

package/{user-cards-grid.a2f73a6a.js.map → user-cards-grid.dbb4174b.js.map}

@@ -1 +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"}
+{"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.dbb4174b.js.map"}

package/{user-detail-banner.96a638df.js → user-detail-banner.728ede73.js}

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

package/{user-detail-banner.6e6c34bf.js.map → user-detail-banner.728ede73.js.map}

@@ -1 +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"}
+{"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.728ede73.js.map"}

package/{user-detail-banner.b992004c.js → user-detail-banner.a8f7e59d.js}

@@ -1,4 +1,4 @@
-import {Typography as $aVv8h$Typography, TYPOGRAPHY_VARIANTS as $aVv8h$TYPOGRAPHY_VARIANTS} from "./molecules.1ee3143a.js";
+import {Typography as $aVv8h$Typography, TYPOGRAPHY_VARIANTS as $aVv8h$TYPOGRAPHY_VARIANTS} from "./molecules.525feebf.js";
 import {jsxs as $aVv8h$jsxs, jsx as $aVv8h$jsx} from "react/jsx-runtime";
 import "react";
 
@@ -35,4 +35,4 @@ const $70b2682371d3ed4c$export$bd82f2c123bc93bf = ({ userName: userName, bannerI
 
 
 export {$70b2682371d3ed4c$export$bd82f2c123bc93bf as UserDetailBanner};
-//# sourceMappingURL=user-detail-banner.b992004c.js.map
+//# sourceMappingURL=user-detail-banner.a8f7e59d.js.map

package/{user-detail-banner.b992004c.js.map → user-detail-banner.a8f7e59d.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;AAIO,MAAM,4CAAoD,CAAC,YAChE,QAAQ,kBACR,cAAc,EACf;IACC,qBACE,iBAAC;;0BACC,gBAAC;gBAAI,WAAU;0BACb,cAAA,iBAAC,CAAA,GAAA,iBAAS;oBAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;;wBAAE;sCAClC,gBAAC;4BAAK,WAAU;sCAAgB;;;;;0BAG7C,gBAAC;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.b992004c.js.map"}
+{"mappings":";;;;;;;AAIO,MAAM,4CAAoD,CAAC,YAChE,QAAQ,kBACR,cAAc,EACf;IACC,qBACE,iBAAC;;0BACC,gBAAC;gBAAI,WAAU;0BACb,cAAA,iBAAC,CAAA,GAAA,iBAAS;oBAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;;wBAAE;sCAClC,gBAAC;4BAAK,WAAU;sCAAgB;;;;;0BAG7C,gBAAC;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.a8f7e59d.js.map"}

package/{user-detail-banner.6e6c34bf.js → user-detail-banner.c0050336.js}

@@ -1,4 +1,4 @@
-var $a6ce4bb89cd7aaeb$exports = require("./user-detail-banner.893de41a.js");
+var $a6ce4bb89cd7aaeb$exports = require("./user-detail-banner.d065792f.js");
 var $82d76ef2b39c3772$exports = require("./type.39724806.js");
 
 
@@ -24,4 +24,4 @@ $parcel$exportWildcard(module.exports, $a6ce4bb89cd7aaeb$exports);
 $parcel$exportWildcard(module.exports, $82d76ef2b39c3772$exports);
 
 
-//# sourceMappingURL=user-detail-banner.6e6c34bf.js.map
+//# sourceMappingURL=user-detail-banner.c0050336.js.map

package/{user-detail-banner.96a638df.js.map → user-detail-banner.c0050336.js.map}

@@ -1 +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"}
+{"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.c0050336.js.map"}

package/{user-detail-banner.893de41a.js → user-detail-banner.d065792f.js}

@@ -1,4 +1,4 @@
-var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.js");
+var $75ff6314b77a3597$exports = require("./molecules.6c6943fd.js");
 var $9CNrK$reactjsxruntime = require("react/jsx-runtime");
 require("react");
 
@@ -40,4 +40,4 @@ const $a6ce4bb89cd7aaeb$export$bd82f2c123bc93bf = ({ userName: userName, bannerI
 };
 
 
-//# sourceMappingURL=user-detail-banner.893de41a.js.map
+//# sourceMappingURL=user-detail-banner.d065792f.js.map

package/{user-detail-banner.893de41a.js.map → user-detail-banner.d065792f.js.map}

@@ -1 +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"}
+{"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.d065792f.js.map"}

package/user-details.0b97e0ca.js

@@ -0,0 +1,116 @@
+var $2949ab2eadc85907$exports = require("./user-detail-banner.c0050336.js");
+var $e610864f14126990$exports = require("./about-user.f07f068b.js");
+var $173ce6d997e61c7e$exports = require("./extended-user-card.0c2ef0ea.js");
+var $25bb95bd54d2a55f$exports = require("./props.2cef34a4.js");
+var $8f24a7c19c49caa4$exports = require("./attributes-section.09c98ee7.js");
+var $69423c8f42816118$exports = require("./section-header.e2770e63.js");
+var $cGNEW$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, "UserDetails", () => $dccd23f974f86db3$export$a398983943bbde23);
+
+
+
+
+
+
+
+
+const $dccd23f974f86db3$export$a398983943bbde23 = ({ heading: heading, userName: userName, bannerImageSrc: bannerImageSrc, aboutTitle: aboutTitle, aboutImageSrc: aboutImageSrc, description: description, attributesData: attributesData, attributeHeading: attributeHeading, isActive: isActive, profileImageUrl: profileImageUrl, title: title, totalChat: totalChat, totalRating: totalRating, avgRating: avgRating, expertIn: expertIn, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, breadcrumbs: breadcrumbs })=>{
+    return /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)("div", {
+        className: "kismaa-container",
+        children: /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsxs)("div", {
+            className: "kismaa-section-spacing",
+            children: [
+                /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)((0, $69423c8f42816118$exports.SectionHeader), {
+                    heading: heading,
+                    subheading: "",
+                    renderCtaButton: false,
+                    handleButtonClick: ()=>null,
+                    breadcrumbs: breadcrumbs
+                }),
+                /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsxs)("div", {
+                    className: "grid w-full gap-6 xl:grid-cols-12 xl:gap-24",
+                    children: [
+                        /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)("div", {
+                            className: "block w-full md:hidden lg:hidden xl:hidden",
+                            children: /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)((0, $173ce6d997e61c7e$exports.ExtendedUserCard), {
+                                isActive: isActive,
+                                imageUrl: profileImageUrl,
+                                onChatClick: onChatClick,
+                                otherExpertise: otherExpertise,
+                                fee: fee,
+                                title: title,
+                                avgRating: avgRating,
+                                totalRating: totalRating,
+                                totalChat: totalChat,
+                                expertIn: expertIn
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsxs)("div", {
+                            className: "w-full lg:col-span-7 xl:col-span-8",
+                            children: [
+                                /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)("div", {
+                                    className: "mt-4 lg:mt-9",
+                                    children: /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)((0, $2949ab2eadc85907$exports.UserDetailBanner), {
+                                        userName: userName,
+                                        bannerImageSrc: bannerImageSrc
+                                    })
+                                }),
+                                /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)("div", {
+                                    className: "mt-4 lg:mt-9",
+                                    children: /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)((0, $e610864f14126990$exports.AboutUser), {
+                                        title: aboutTitle,
+                                        imageSrc: aboutImageSrc,
+                                        description: description
+                                    })
+                                }),
+                                /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsxs)("div", {
+                                    className: "mt-6 grid gap-10 lg:mt-40 lg:grid-cols-12 lg:gap-20",
+                                    children: [
+                                        /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)("div", {
+                                            className: "lg:col-span-7 xl:col-span-9",
+                                            children: /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)((0, $8f24a7c19c49caa4$exports.AttributeSection), {
+                                                attributesData: attributesData,
+                                                sectionHeading: attributeHeading
+                                            })
+                                        }),
+                                        /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)("div", {
+                                            className: "hidden w-full md:block lg:col-span-5 xl:hidden",
+                                            children: /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)((0, $173ce6d997e61c7e$exports.ExtendedUserCard), {
+                                                isActive: isActive,
+                                                imageUrl: profileImageUrl,
+                                                onChatClick: onChatClick,
+                                                otherExpertise: otherExpertise,
+                                                fee: fee,
+                                                title: title,
+                                                avgRating: avgRating,
+                                                totalRating: totalRating,
+                                                totalChat: totalChat,
+                                                expertIn: expertIn
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)("div", {
+                            className: "hidden w-full lg:col-span-4 lg:hidden xl:block",
+                            children: /*#__PURE__*/ (0, $cGNEW$reactjsxruntime.jsx)((0, $173ce6d997e61c7e$exports.ExtendedUserCard), {
+                                ...(0, $25bb95bd54d2a55f$exports.extendedUserCardData)
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+
+//# sourceMappingURL=user-details.0b97e0ca.js.map

package/user-details.0b97e0ca.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,4CAAoC,CAAC,WAChD,OAAO,YACP,QAAQ,kBACR,cAAc,cACd,UAAU,iBACV,aAAa,eACb,WAAW,kBACX,cAAc,oBACd,gBAAgB,YAChB,QAAQ,mBACR,eAAe,SACf,KAAK,aACL,SAAS,eACT,WAAW,aACX,SAAS,YACT,QAAQ,eACR,WAAW,kBACX,cAAc,OACd,GAAG,eACH,WAAW,EACZ;IACC,qBACE,gCAAC;QAAI,WAAU;kBACb,cAAA,iCAAC;YAAI,WAAU;;8BACb,gCAAC,CAAA,GAAA,uCAAY;oBACX,SAAS;oBACT,YAAW;oBACX,iBAAiB;oBACjB,mBAAmB,IAAM;oBACzB,aAAa;;8BAEf,iCAAC;oBAAI,WAAU;;sCACb,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,0CAAe;gCACd,UAAU;gCACV,UAAU;gCACV,aAAa;gCACb,gBAAgB;gCAChB,KAAK;gCACL,OAAO;gCACP,WAAW;gCACX,aAAa;gCACb,WAAW;gCACX,UAAU;;;sCAGd,iCAAC;4BAAI,WAAU;;8CACb,gCAAC;oCAAI,WAAU;8CACb,cAAA,gCAAC,CAAA,GAAA,0CAAe;wCACd,UAAU;wCACV,gBAAgB;;;8CAGpB,gCAAC;oCAAI,WAAU;8CACb,cAAA,gCAAC,CAAA,GAAA,mCAAQ;wCACP,OAAO;wCACP,UAAU;wCACV,aAAa;;;8CAGjB,iCAAC;oCAAI,WAAU;;sDACb,gCAAC;4CAAI,WAAU;sDACb,cAAA,gCAAC,CAAA,GAAA,0CAAe;gDACd,gBAAgB;gDAChB,gBAAgB;;;sDAGpB,gCAAC;4CAAI,WAAU;sDACb,cAAA,gCAAC,CAAA,GAAA,0CAAe;gDACd,UAAU;gDACV,UAAU;gDACV,aAAa;gDACb,gBAAgB;gDAChB,KAAK;gDACL,OAAO;gDACP,WAAW;gDACX,aAAa;gDACb,WAAW;gDACX,UAAU;;;;;;;sCAKlB,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,0CAAe;gCAAG,GAAG,CAAA,GAAA,8CAAmB,CAAC;;;;;;;;AAMtD","sources":["src/organisms/user-details/user-details.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { UserDetailBanner } from '../user-detail-banner';\nimport { AboutUser } from '../about-user';\nimport { ExtendedUserCard } from '../extended-user-card';\nimport { extendedUserCardData } from '../extended-user-card/props';\nimport { AttributeSection } from '../attributes-section';\nimport { UserDetailsProps } from './type';\nimport { SectionHeader } from '../section-header';\n\nexport const UserDetails: FC<UserDetailsProps> = ({\n  heading,\n  userName,\n  bannerImageSrc,\n  aboutTitle,\n  aboutImageSrc,\n  description,\n  attributesData,\n  attributeHeading,\n  isActive,\n  profileImageUrl,\n  title,\n  totalChat,\n  totalRating,\n  avgRating,\n  expertIn,\n  onChatClick,\n  otherExpertise,\n  fee,\n  breadcrumbs,\n}) => {\n  return (\n    <div className=\"kismaa-container\">\n      <div className=\"kismaa-section-spacing\">\n        <SectionHeader\n          heading={heading}\n          subheading=\"\"\n          renderCtaButton={false}\n          handleButtonClick={() => null}\n          breadcrumbs={breadcrumbs}\n        />\n        <div className=\"grid w-full gap-6 xl:grid-cols-12 xl:gap-24\">\n          <div className=\"block w-full md:hidden lg:hidden xl:hidden\">\n            <ExtendedUserCard\n              isActive={isActive}\n              imageUrl={profileImageUrl}\n              onChatClick={onChatClick}\n              otherExpertise={otherExpertise}\n              fee={fee}\n              title={title}\n              avgRating={avgRating}\n              totalRating={totalRating}\n              totalChat={totalChat}\n              expertIn={expertIn}\n            />\n          </div>\n          <div className=\"w-full lg:col-span-7 xl:col-span-8\">\n            <div className=\"mt-4 lg:mt-9\">\n              <UserDetailBanner\n                userName={userName}\n                bannerImageSrc={bannerImageSrc}\n              />\n            </div>\n            <div className=\"mt-4 lg:mt-9\">\n              <AboutUser\n                title={aboutTitle}\n                imageSrc={aboutImageSrc}\n                description={description}\n              />\n            </div>\n            <div className=\"mt-6 grid gap-10 lg:mt-40 lg:grid-cols-12 lg:gap-20\">\n              <div className=\"lg:col-span-7 xl:col-span-9\">\n                <AttributeSection\n                  attributesData={attributesData}\n                  sectionHeading={attributeHeading}\n                />\n              </div>\n              <div className=\"hidden w-full md:block lg:col-span-5 xl:hidden\">\n                <ExtendedUserCard\n                  isActive={isActive}\n                  imageUrl={profileImageUrl}\n                  onChatClick={onChatClick}\n                  otherExpertise={otherExpertise}\n                  fee={fee}\n                  title={title}\n                  avgRating={avgRating}\n                  totalRating={totalRating}\n                  totalChat={totalChat}\n                  expertIn={expertIn}\n                />\n              </div>\n            </div>\n          </div>\n          <div className=\"hidden w-full lg:col-span-4 lg:hidden xl:block\">\n            <ExtendedUserCard {...extendedUserCardData} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"user-details.0b97e0ca.js.map"}