@appcorp/kismaa-web-ui 0.1.4 → 0.1.5

package/typography.07d64b31.js

@@ -1,42 +0,0 @@
-var $67389652e34d1a68$exports = require("./type.8bd914f4.js");
-var $2zQMW$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, "Typography", () => $98d89ea29822431c$export$1c6175f3aa4394b7);
-
-
-
-const $98d89ea29822431c$var$variantClasses = {
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).DISPLAYHEADING]: 'lg:text-[68px] text-5xl font-semibold lg:leading-[82px] leading-[62px] font-secondary',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).H1]: 'lg:text-[44px] text-3xl font-bold font-secondary lg:leading-[54px] leading-[40px]',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).H2]: 'lg:text-4xl text-2xl font-bold font-secondary leading-[54px]',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).H3]: 'lg:text-2xl text-xl font-bold leading-[34.02px] font-secondary',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).H4]: 'lg:text-xl text-lg font-bold ',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).H5]: 'lg:text-xl md:text-lg text-base font-medium',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).H6]: 'lg:text-lg text-base  font-medium',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).HEROHEADING]: 'lg:text-[60px] text-3xl font-semibold lg:leading-[60px] leading-auto font-secondary',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).P1]: 'lg:text-lg text-sm font-normal',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).P2]: 'text-[15px] font-medium',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).P3]: 'text-[13px] font-normal',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).P4]: 'text-xs font-light',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).P5]: 'text-xs font-thin',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).P6]: 'text-xs font-extralight',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).SUBH1]: 'lg:text-lg text-md font-normal -tracking-[0.012em]',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).SUBH2]: 'lg:text-base text-sm font-medium ',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).SUBH3]: 'lg:text-lg text-sm font-semibold',
-    [(0, $67389652e34d1a68$exports.TYPOGRAPHY_VARIANTS).SUBH4]: 'lg:text-base text-sm font-normal -tracking-[0.012em]'
-};
-const $98d89ea29822431c$export$1c6175f3aa4394b7 = ({ as: Component = 'p', children: children, variant: variant })=>{
-    return /*#__PURE__*/ (0, $2zQMW$reactjsxruntime.jsx)(Component, {
-        className: `${$98d89ea29822431c$var$variantClasses[variant]}`,
-        children: children
-    });
-};
-
-
-//# sourceMappingURL=typography.07d64b31.js.map

package/typography.07d64b31.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;AASA,MAAM,uCAAiB;IACrB,CAAC,CAAA,GAAA,6CAAkB,EAAE,cAAc,CAAC,EAClC;IACF,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EACtB;IACF,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EACtB;IACF,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EACtB;IACF,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,6CAAkB,EAAE,WAAW,CAAC,EAC/B;IACF,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,6CAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,6CAAkB,EAAE,KAAK,CAAC,EACzB;IACF,CAAC,CAAA,GAAA,6CAAkB,EAAE,KAAK,CAAC,EAAE;IAC7B,CAAC,CAAA,GAAA,6CAAkB,EAAE,KAAK,CAAC,EAAE;IAC7B,CAAC,CAAA,GAAA,6CAAkB,EAAE,KAAK,CAAC,EACzB;AACJ;AAEO,MAAM,4CAAwC,CAAC,EACpD,IAAI,YAAY,GAAG,YACnB,QAAQ,WACR,OAAO,EACR;IACC,qBACE,gCAAC;QAAU,WAAW,GAAG,oCAAc,CAAC,QAAQ,EAAE;kBAAG;;AAEzD","sources":["src/molecules/typography/typography.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { TYPOGRAPHY_VARIANTS } from './type';\n\nexport interface TypographyProps {\n  as?: ElementType;\n  children: React.ReactNode;\n  variant: TYPOGRAPHY_VARIANTS;\n}\n\nconst variantClasses = {\n  [TYPOGRAPHY_VARIANTS.DISPLAYHEADING]:\n    'lg:text-[68px] text-5xl font-semibold lg:leading-[82px] leading-[62px] font-secondary',\n  [TYPOGRAPHY_VARIANTS.H1]:\n    'lg:text-[44px] text-3xl font-bold font-secondary lg:leading-[54px] leading-[40px]',\n  [TYPOGRAPHY_VARIANTS.H2]:\n    'lg:text-4xl text-2xl font-bold font-secondary leading-[54px]',\n  [TYPOGRAPHY_VARIANTS.H3]:\n    'lg:text-2xl text-xl font-bold leading-[34.02px] font-secondary',\n  [TYPOGRAPHY_VARIANTS.H4]: 'lg:text-xl text-lg font-bold ',\n  [TYPOGRAPHY_VARIANTS.H5]: 'lg:text-xl md:text-lg text-base font-medium',\n  [TYPOGRAPHY_VARIANTS.H6]: 'lg:text-lg text-base  font-medium',\n  [TYPOGRAPHY_VARIANTS.HEROHEADING]:\n    'lg:text-[60px] text-3xl font-semibold lg:leading-[60px] leading-auto font-secondary',\n  [TYPOGRAPHY_VARIANTS.P1]: 'lg:text-lg text-sm font-normal',\n  [TYPOGRAPHY_VARIANTS.P2]: 'text-[15px] font-medium',\n  [TYPOGRAPHY_VARIANTS.P3]: 'text-[13px] font-normal',\n  [TYPOGRAPHY_VARIANTS.P4]: 'text-xs font-light',\n  [TYPOGRAPHY_VARIANTS.P5]: 'text-xs font-thin',\n  [TYPOGRAPHY_VARIANTS.P6]: 'text-xs font-extralight',\n  [TYPOGRAPHY_VARIANTS.SUBH1]:\n    'lg:text-lg text-md font-normal -tracking-[0.012em]',\n  [TYPOGRAPHY_VARIANTS.SUBH2]: 'lg:text-base text-sm font-medium ',\n  [TYPOGRAPHY_VARIANTS.SUBH3]: 'lg:text-lg text-sm font-semibold',\n  [TYPOGRAPHY_VARIANTS.SUBH4]:\n    'lg:text-base text-sm font-normal -tracking-[0.012em]',\n};\n\nexport const Typography: React.FC<TypographyProps> = ({\n  as: Component = 'p',\n  children,\n  variant,\n}) => {\n  return (\n    <Component className={`${variantClasses[variant]}`}>{children}</Component>\n  );\n};\n"],"names":[],"version":3,"file":"typography.07d64b31.js.map"}

package/typography.1e66e861.js

@@ -1,27 +0,0 @@
-var $67389652e34d1a68$exports = require("./type.8bd914f4.js");
-var $98d89ea29822431c$exports = require("./typography.07d64b31.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, $67389652e34d1a68$exports);
-$parcel$exportWildcard(module.exports, $98d89ea29822431c$exports);
-
-
-//# sourceMappingURL=typography.1e66e861.js.map

package/typography.1e66e861.js.map

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

package/typography.5ec7fe57.js

@@ -1,9 +0,0 @@
-import {TYPOGRAPHY_VARIANTS as $486dbebc4195272b$export$bbc63a225b26968} from "./type.cca7d104.js";
-import {Typography as $99d45aed8e6305ef$export$1c6175f3aa4394b7} from "./typography.74b3bf5a.js";
-
-
-
-
-
-export {$486dbebc4195272b$export$bbc63a225b26968 as TYPOGRAPHY_VARIANTS, $99d45aed8e6305ef$export$1c6175f3aa4394b7 as Typography};
-//# sourceMappingURL=typography.5ec7fe57.js.map

package/typography.5ec7fe57.js.map

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

package/typography.74b3bf5a.js

@@ -1,37 +0,0 @@
-import {TYPOGRAPHY_VARIANTS as $486dbebc4195272b$export$bbc63a225b26968} from "./type.cca7d104.js";
-import {jsx as $j9ekL$jsx} from "react/jsx-runtime";
-import "react";
-
-
-
-
-const $99d45aed8e6305ef$var$variantClasses = {
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).DISPLAYHEADING]: 'lg:text-[68px] text-5xl font-semibold lg:leading-[82px] leading-[62px] font-secondary',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).H1]: 'lg:text-[44px] text-3xl font-bold font-secondary lg:leading-[54px] leading-[40px]',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).H2]: 'lg:text-4xl text-2xl font-bold font-secondary leading-[54px]',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).H3]: 'lg:text-2xl text-xl font-bold leading-[34.02px] font-secondary',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).H4]: 'lg:text-xl text-lg font-bold ',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).H5]: 'lg:text-xl md:text-lg text-base font-medium',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).H6]: 'lg:text-lg text-base  font-medium',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).HEROHEADING]: 'lg:text-[60px] text-3xl font-semibold lg:leading-[60px] leading-auto font-secondary',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).P1]: 'lg:text-lg text-sm font-normal',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).P2]: 'text-[15px] font-medium',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).P3]: 'text-[13px] font-normal',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).P4]: 'text-xs font-light',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).P5]: 'text-xs font-thin',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).P6]: 'text-xs font-extralight',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).SUBH1]: 'lg:text-lg text-md font-normal -tracking-[0.012em]',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).SUBH2]: 'lg:text-base text-sm font-medium ',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).SUBH3]: 'lg:text-lg text-sm font-semibold',
-    [(0, $486dbebc4195272b$export$bbc63a225b26968).SUBH4]: 'lg:text-base text-sm font-normal -tracking-[0.012em]'
-};
-const $99d45aed8e6305ef$export$1c6175f3aa4394b7 = ({ as: Component = 'p', children: children, variant: variant })=>{
-    return /*#__PURE__*/ (0, $j9ekL$jsx)(Component, {
-        className: `${$99d45aed8e6305ef$var$variantClasses[variant]}`,
-        children: children
-    });
-};
-
-
-export {$99d45aed8e6305ef$export$1c6175f3aa4394b7 as Typography};
-//# sourceMappingURL=typography.74b3bf5a.js.map

package/typography.74b3bf5a.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;AASA,MAAM,uCAAiB;IACrB,CAAC,CAAA,GAAA,wCAAkB,EAAE,cAAc,CAAC,EAClC;IACF,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EACtB;IACF,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EACtB;IACF,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EACtB;IACF,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,wCAAkB,EAAE,WAAW,CAAC,EAC/B;IACF,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,wCAAkB,EAAE,EAAE,CAAC,EAAE;IAC1B,CAAC,CAAA,GAAA,wCAAkB,EAAE,KAAK,CAAC,EACzB;IACF,CAAC,CAAA,GAAA,wCAAkB,EAAE,KAAK,CAAC,EAAE;IAC7B,CAAC,CAAA,GAAA,wCAAkB,EAAE,KAAK,CAAC,EAAE;IAC7B,CAAC,CAAA,GAAA,wCAAkB,EAAE,KAAK,CAAC,EACzB;AACJ;AAEO,MAAM,4CAAwC,CAAC,EACpD,IAAI,YAAY,GAAG,YACnB,QAAQ,WACR,OAAO,EACR;IACC,qBACE,gBAAC;QAAU,WAAW,GAAG,oCAAc,CAAC,QAAQ,EAAE;kBAAG;;AAEzD","sources":["src/molecules/typography/typography.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { TYPOGRAPHY_VARIANTS } from './type';\n\nexport interface TypographyProps {\n  as?: ElementType;\n  children: React.ReactNode;\n  variant: TYPOGRAPHY_VARIANTS;\n}\n\nconst variantClasses = {\n  [TYPOGRAPHY_VARIANTS.DISPLAYHEADING]:\n    'lg:text-[68px] text-5xl font-semibold lg:leading-[82px] leading-[62px] font-secondary',\n  [TYPOGRAPHY_VARIANTS.H1]:\n    'lg:text-[44px] text-3xl font-bold font-secondary lg:leading-[54px] leading-[40px]',\n  [TYPOGRAPHY_VARIANTS.H2]:\n    'lg:text-4xl text-2xl font-bold font-secondary leading-[54px]',\n  [TYPOGRAPHY_VARIANTS.H3]:\n    'lg:text-2xl text-xl font-bold leading-[34.02px] font-secondary',\n  [TYPOGRAPHY_VARIANTS.H4]: 'lg:text-xl text-lg font-bold ',\n  [TYPOGRAPHY_VARIANTS.H5]: 'lg:text-xl md:text-lg text-base font-medium',\n  [TYPOGRAPHY_VARIANTS.H6]: 'lg:text-lg text-base  font-medium',\n  [TYPOGRAPHY_VARIANTS.HEROHEADING]:\n    'lg:text-[60px] text-3xl font-semibold lg:leading-[60px] leading-auto font-secondary',\n  [TYPOGRAPHY_VARIANTS.P1]: 'lg:text-lg text-sm font-normal',\n  [TYPOGRAPHY_VARIANTS.P2]: 'text-[15px] font-medium',\n  [TYPOGRAPHY_VARIANTS.P3]: 'text-[13px] font-normal',\n  [TYPOGRAPHY_VARIANTS.P4]: 'text-xs font-light',\n  [TYPOGRAPHY_VARIANTS.P5]: 'text-xs font-thin',\n  [TYPOGRAPHY_VARIANTS.P6]: 'text-xs font-extralight',\n  [TYPOGRAPHY_VARIANTS.SUBH1]:\n    'lg:text-lg text-md font-normal -tracking-[0.012em]',\n  [TYPOGRAPHY_VARIANTS.SUBH2]: 'lg:text-base text-sm font-medium ',\n  [TYPOGRAPHY_VARIANTS.SUBH3]: 'lg:text-lg text-sm font-semibold',\n  [TYPOGRAPHY_VARIANTS.SUBH4]:\n    'lg:text-base text-sm font-normal -tracking-[0.012em]',\n};\n\nexport const Typography: React.FC<TypographyProps> = ({\n  as: Component = 'p',\n  children,\n  variant,\n}) => {\n  return (\n    <Component className={`${variantClasses[variant]}`}>{children}</Component>\n  );\n};\n"],"names":[],"version":3,"file":"typography.74b3bf5a.js.map"}

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

@@ -1,39 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,44 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.12d73bd6.js

@@ -1,146 +0,0 @@
-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.ce27cdaa.js";
-import {Typography as $6DXEs$Typography, TYPOGRAPHY_VARIANTS as $6DXEs$TYPOGRAPHY_VARIANTS} from "./typography.5ec7fe57.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.7338fdf7.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 overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] lg:max-w-[415px]",
-        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.12d73bd6.js.map

package/user-card.12d73bd6.js.map

@@ -1 +0,0 @@
-{"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 overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] lg:max-w-[415px]\"\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.12d73bd6.js.map"}

package/user-card.47b48ecc.js

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

package/user-card.47b48ecc.js.map

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

package/user-card.4841ac34.js

@@ -1,155 +0,0 @@
-var $bb59379c00ac64e3$exports = require("./active-icon.f60a343e.js");
-var $1e587eb80b5f51af$exports = require("./button.fb3c4253.js");
-var $8444647316629dd8$exports = require("./typography.1e66e861.js");
-var $8dae3cb26e35e094$exports = require("./badge.9f70ace5.js");
-var $3fc68f5c881da3e1$exports = require("./type.fe8fbc9e.js");
-var $7f6fad9f7fb8912a$exports = require("./ratings.f221bf4d.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 overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] lg:max-w-[415px]",
-        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.4841ac34.js.map

package/user-card.4841ac34.js.map

@@ -1 +0,0 @@
-{"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 overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] lg:max-w-[415px]\"\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.4841ac34.js.map"}

package/user-card.81904f7f.js

@@ -1,27 +0,0 @@
-var $615a13710524c611$exports = require("./user-card.4841ac34.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.81904f7f.js.map

package/user-card.81904f7f.js.map

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