@appcorp/kismaa-web-ui 0.1.1

package/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/about-user.2e1de268.js

@@ -0,0 +1,51 @@
+import {Typography as $9xH95$Typography, TYPOGRAPHY_VARIANTS as $9xH95$TYPOGRAPHY_VARIANTS} from "./molecules.1ee3143a.js";
+import {jsxs as $9xH95$jsxs, jsx as $9xH95$jsx} from "react/jsx-runtime";
+import $9xH95$nextimage from "next/image";
+import "react";
+
+
+
+
+
+const $9d396f2235f5f9b0$export$81d8b0df29d09289 = ({ title: title, imageSrc: imageSrc, description: description })=>{
+    return /*#__PURE__*/ (0, $9xH95$jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, $9xH95$jsx)("div", {
+                className: "text-gray-800",
+                children: /*#__PURE__*/ (0, $9xH95$jsx)((0, $9xH95$Typography), {
+                    variant: (0, $9xH95$TYPOGRAPHY_VARIANTS).H2,
+                    children: title
+                })
+            }),
+            /*#__PURE__*/ (0, $9xH95$jsxs)("div", {
+                className: "mt-5 flex w-full flex-col items-stretch gap-7 lg:flex-row",
+                children: [
+                    /*#__PURE__*/ (0, $9xH95$jsx)("div", {
+                        className: "h-60 w-[100%] overflow-hidden rounded-xl lg:w-[30%]",
+                        children: /*#__PURE__*/ (0, $9xH95$jsx)((0, $9xH95$nextimage), {
+                            src: imageSrc,
+                            alt: "profileImage",
+                            width: 200,
+                            height: 240,
+                            className: "h-full w-full object-cover object-top"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $9xH95$jsx)("div", {
+                        className: "w-[100%] lg:w-[70%]",
+                        children: /*#__PURE__*/ (0, $9xH95$jsx)("div", {
+                            className: "text-gray-500",
+                            children: /*#__PURE__*/ (0, $9xH95$jsx)((0, $9xH95$Typography), {
+                                variant: (0, $9xH95$TYPOGRAPHY_VARIANTS).P1,
+                                children: description
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+export {$9d396f2235f5f9b0$export$81d8b0df29d09289 as AboutUser};
+//# sourceMappingURL=about-user.2e1de268.js.map

package/about-user.2e1de268.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAKO,MAAM,4CAAsC,CAAC,SAClD,KAAK,YACL,QAAQ,eACR,WAAW,EACZ;IACC,qBACE,iBAAC;;0BACC,gBAAC;gBAAI,WAAU;0BACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oBAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;8BAAG;;;0BAEhD,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,gBAAI;4BACH,KAAK;4BACL,KAAI;4BACJ,OAAO;4BACP,QAAQ;4BACR,WAAU;;;kCAGd,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC;4BAAI,WAAU;sCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;0CACxC;;;;;;;;AAOf","sources":["src/organisms/about-user/about-user.tsx"],"sourcesContent":["import { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport Image from 'next/image';\nimport React from 'react';\nimport { AboutUserProps } from './type';\n\nexport const AboutUser: React.FC<AboutUserProps> = ({\n  title,\n  imageSrc,\n  description,\n}) => {\n  return (\n    <div>\n      <div className=\"text-gray-800\">\n        <Typography variant={TYPOGRAPHY_VARIANTS.H2}>{title}</Typography>\n      </div>\n      <div className=\"mt-5 flex w-full flex-col items-stretch gap-7 lg:flex-row\">\n        <div className=\"h-60 w-[100%] overflow-hidden rounded-xl lg:w-[30%]\">\n          <Image\n            src={imageSrc}\n            alt=\"profileImage\"\n            width={200}\n            height={240}\n            className=\"h-full w-full object-cover object-top\"\n          />\n        </div>\n        <div className=\"w-[100%] lg:w-[70%]\">\n          <div className=\"text-gray-500\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n              {description}\n            </Typography>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"about-user.2e1de268.js.map"}

package/about-user.35f4d49f.js

@@ -0,0 +1,9 @@
+import {AboutUser as $9d396f2235f5f9b0$export$81d8b0df29d09289} from "./about-user.2e1de268.js";
+import "./type.5652f94a.js";
+
+
+
+
+
+export {$9d396f2235f5f9b0$export$81d8b0df29d09289 as AboutUser};
+//# sourceMappingURL=about-user.35f4d49f.js.map

package/about-user.35f4d49f.js.map

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

package/about-user.e3d1a748.js

@@ -0,0 +1,60 @@
+var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.js");
+var $7B35N$reactjsxruntime = require("react/jsx-runtime");
+var $7B35N$nextimage = require("next/image");
+require("react");
+
+
+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, "AboutUser", () => $2eb9f6c6608d98b6$export$81d8b0df29d09289);
+
+
+
+
+const $2eb9f6c6608d98b6$export$81d8b0df29d09289 = ({ title: title, imageSrc: imageSrc, description: description })=>{
+    return /*#__PURE__*/ (0, $7B35N$reactjsxruntime.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, $7B35N$reactjsxruntime.jsx)("div", {
+                className: "text-gray-800",
+                children: /*#__PURE__*/ (0, $7B35N$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H2,
+                    children: title
+                })
+            }),
+            /*#__PURE__*/ (0, $7B35N$reactjsxruntime.jsxs)("div", {
+                className: "mt-5 flex w-full flex-col items-stretch gap-7 lg:flex-row",
+                children: [
+                    /*#__PURE__*/ (0, $7B35N$reactjsxruntime.jsx)("div", {
+                        className: "h-60 w-[100%] overflow-hidden rounded-xl lg:w-[30%]",
+                        children: /*#__PURE__*/ (0, $7B35N$reactjsxruntime.jsx)((0, ($parcel$interopDefault($7B35N$nextimage))), {
+                            src: imageSrc,
+                            alt: "profileImage",
+                            width: 200,
+                            height: 240,
+                            className: "h-full w-full object-cover object-top"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $7B35N$reactjsxruntime.jsx)("div", {
+                        className: "w-[100%] lg:w-[70%]",
+                        children: /*#__PURE__*/ (0, $7B35N$reactjsxruntime.jsx)("div", {
+                            className: "text-gray-500",
+                            children: /*#__PURE__*/ (0, $7B35N$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P1,
+                                children: description
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=about-user.e3d1a748.js.map

package/about-user.e3d1a748.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;AAKO,MAAM,4CAAsC,CAAC,SAClD,KAAK,YACL,QAAQ,eACR,WAAW,EACZ;IACC,qBACE,iCAAC;;0BACC,gCAAC;gBAAI,WAAU;0BACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oBAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8BAAG;;;0BAEhD,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,0CAAI;4BACH,KAAK;4BACL,KAAI;4BACJ,OAAO;4BACP,QAAQ;4BACR,WAAU;;;kCAGd,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;gCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;0CACxC;;;;;;;;AAOf","sources":["src/organisms/about-user/about-user.tsx"],"sourcesContent":["import { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport Image from 'next/image';\nimport React from 'react';\nimport { AboutUserProps } from './type';\n\nexport const AboutUser: React.FC<AboutUserProps> = ({\n  title,\n  imageSrc,\n  description,\n}) => {\n  return (\n    <div>\n      <div className=\"text-gray-800\">\n        <Typography variant={TYPOGRAPHY_VARIANTS.H2}>{title}</Typography>\n      </div>\n      <div className=\"mt-5 flex w-full flex-col items-stretch gap-7 lg:flex-row\">\n        <div className=\"h-60 w-[100%] overflow-hidden rounded-xl lg:w-[30%]\">\n          <Image\n            src={imageSrc}\n            alt=\"profileImage\"\n            width={200}\n            height={240}\n            className=\"h-full w-full object-cover object-top\"\n          />\n        </div>\n        <div className=\"w-[100%] lg:w-[70%]\">\n          <div className=\"text-gray-500\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n              {description}\n            </Typography>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"about-user.e3d1a748.js.map"}

package/about-user.e986b92d.js

@@ -0,0 +1,27 @@
+var $2eb9f6c6608d98b6$exports = require("./about-user.e3d1a748.js");
+var $2479492b60177402$exports = require("./type.10062bcb.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, $2eb9f6c6608d98b6$exports);
+$parcel$exportWildcard(module.exports, $2479492b60177402$exports);
+
+
+//# sourceMappingURL=about-user.e986b92d.js.map

package/about-user.e986b92d.js.map

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

package/accordion.66777273.js

@@ -0,0 +1,73 @@
+var $8444647316629dd8$exports = require("./typography.aa7e3a61.js");
+var $g3hp0$reactjsxruntime = require("react/jsx-runtime");
+var $g3hp0$react = require("react");
+var $g3hp0$heroiconsreact24solid = require("@heroicons/react/24/solid");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "Accordion", () => $360344e8656d4448$export$a766cd26d0d69044);
+
+
+
+
+const $360344e8656d4448$export$a766cd26d0d69044 = ({ accordionItems: accordionItems })=>{
+    const [open, setOpen] = (0, $g3hp0$react.useState)([
+        false,
+        false,
+        false
+    ]);
+    const handleItemClick = (index)=>{
+        setOpen((prevState)=>{
+            const newState = [
+                ...prevState
+            ];
+            newState[index] = !newState[index];
+            return newState;
+        });
+    };
+    return /*#__PURE__*/ (0, $g3hp0$reactjsxruntime.jsx)((0, $g3hp0$reactjsxruntime.Fragment), {
+        children: accordionItems?.map((item, index)=>/*#__PURE__*/ (0, $g3hp0$reactjsxruntime.jsxs)("div", {
+                className: `mb-7 cursor-pointer rounded-xl bg-white px-4 py-6 lg:px-7 lg:py-10 ${open[index] ? 'ring-1 ring-primary/65' : 'shadow-[0px_5px_16px_0px_rgba(8,_15,_52,_0.06)]'}`,
+                onClick: ()=>handleItemClick(index),
+                children: [
+                    /*#__PURE__*/ (0, $g3hp0$reactjsxruntime.jsxs)("div", {
+                        className: "flex w-[100%] items-center justify-between",
+                        children: [
+                            /*#__PURE__*/ (0, $g3hp0$reactjsxruntime.jsx)("div", {
+                                className: "w-[70%] lg:w-[95%]",
+                                children: /*#__PURE__*/ (0, $g3hp0$reactjsxruntime.jsx)((0, $8444647316629dd8$exports.Typography), {
+                                    variant: (0, $8444647316629dd8$exports.TYPOGRAPHY_VARIANTS).H3,
+                                    children: item.title
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $g3hp0$reactjsxruntime.jsx)("div", {
+                                className: "flex w-[30%] justify-end lg:w-[5%]",
+                                children: /*#__PURE__*/ (0, $g3hp0$reactjsxruntime.jsx)("div", {
+                                    className: open[index] ? 'w-fit rounded-full bg-primary p-2 text-white' : 'w-fit rounded-full bg-white p-2 text-primary',
+                                    style: {
+                                        boxShadow: '0px 5px 16px 0px #080F340F'
+                                    },
+                                    children: /*#__PURE__*/ (0, $g3hp0$reactjsxruntime.jsx)((0, $g3hp0$heroiconsreact24solid.ChevronDownIcon), {
+                                        className: `h-4 w-4 transition-all duration-300 ease-in-out lg:h-7 lg:w-7 ${open[index] ? 'rotate-180' : ' '} `
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    open[index] && /*#__PURE__*/ (0, $g3hp0$reactjsxruntime.jsx)("div", {
+                        className: "mt-7 w-[95%] text-black/45",
+                        children: /*#__PURE__*/ (0, $g3hp0$reactjsxruntime.jsx)((0, $8444647316629dd8$exports.Typography), {
+                            variant: (0, $8444647316629dd8$exports.TYPOGRAPHY_VARIANTS).P1,
+                            children: item.description
+                        })
+                    })
+                ]
+            }, index))
+    });
+};
+
+
+//# sourceMappingURL=accordion.66777273.js.map

package/accordion.66777273.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAKO,MAAM,4CAAgC,CAAC,kBAAE,cAAc,EAAE;IAC9D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,qBAAO,EAAE;QAAC;QAAO;QAAO;KAAM;IAEtD,MAAM,kBAAkB,CAAC;QACvB,QAAQ,CAAC;YACP,MAAM,WAAW;mBAAI;aAAU;YAC/B,QAAQ,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,MAAM;YAClC,OAAO;QACT;IACF;IAEA,qBACE;kBACG,gBAAgB,IAAI,CAAC,MAAM,sBAC1B,iCAAC;gBAEC,WAAW,CAAC,mEAAmE,EAAE,IAAI,CAAC,MAAM,GAAG,2BAA2B,mDAAmD;gBAC7K,SAAS,IAAM,gBAAgB;;kCAE/B,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CACxC,KAAK,KAAK;;;0CAGf,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC;oCACC,WACE,IAAI,CAAC,MAAM,GACP,iDACA;oCAEN,OAAO;wCAAE,WAAW;oCAA6B;8CAEjD,cAAA,gCAAC,CAAA,GAAA,4CAAc;wCACb,WAAW,CAAC,8DAA8D,EACxE,IAAI,CAAC,MAAM,GAAG,eAAe,IAC9B,CAAC,CAAC;;;;;;oBAKV,IAAI,CAAC,MAAM,kBACV,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCACxC,KAAK,WAAW;;;;eA9BlB;;AAsCf","sources":["src/molecules/accordion/accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { AccordionProps } from './type';\nimport { ChevronDownIcon } from '@heroicons/react/24/solid';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../typography';\n\nexport const Accordion: FC<AccordionProps> = ({ accordionItems }) => {\n  const [open, setOpen] = useState([false, false, false]);\n\n  const handleItemClick = (index: number) => {\n    setOpen((prevState) => {\n      const newState = [...prevState];\n      newState[index] = !newState[index];\n      return newState;\n    });\n  };\n\n  return (\n    <>\n      {accordionItems?.map((item, index) => (\n        <div\n          key={index}\n          className={`mb-7 cursor-pointer rounded-xl bg-white px-4 py-6 lg:px-7 lg:py-10 ${open[index] ? 'ring-1 ring-primary/65' : 'shadow-[0px_5px_16px_0px_rgba(8,_15,_52,_0.06)]'}`}\n          onClick={() => handleItemClick(index)}\n        >\n          <div className=\"flex w-[100%] items-center justify-between\">\n            <div className=\"w-[70%] lg:w-[95%]\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.H3}>\n                {item.title}\n              </Typography>\n            </div>\n            <div className=\"flex w-[30%] justify-end lg:w-[5%]\">\n              <div\n                className={\n                  open[index]\n                    ? 'w-fit rounded-full bg-primary p-2 text-white'\n                    : 'w-fit rounded-full bg-white p-2 text-primary'\n                }\n                style={{ boxShadow: '0px 5px 16px 0px #080F340F' }}\n              >\n                <ChevronDownIcon\n                  className={`h-4 w-4 transition-all duration-300 ease-in-out lg:h-7 lg:w-7 ${\n                    open[index] ? 'rotate-180' : ' '\n                  } `}\n                />\n              </div>\n            </div>\n          </div>\n          {open[index] && (\n            <div className=\"mt-7 w-[95%] text-black/45\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n                {item.description}\n              </Typography>\n            </div>\n          )}\n        </div>\n      ))}\n    </>\n  );\n};\n"],"names":[],"version":3,"file":"accordion.66777273.js.map"}

package/accordion.70b341ae.js

@@ -0,0 +1,27 @@
+var $06c015e5b64952cc$exports = require("./type.a48ad06b.js");
+var $360344e8656d4448$exports = require("./accordion.66777273.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, $06c015e5b64952cc$exports);
+$parcel$exportWildcard(module.exports, $360344e8656d4448$exports);
+
+
+//# sourceMappingURL=accordion.70b341ae.js.map

package/accordion.70b341ae.js.map

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

package/accordion.8a7ccdf5.js

@@ -0,0 +1,9 @@
+import "./type.bd3939c7.js";
+import {Accordion as $107c911677ae6c21$export$a766cd26d0d69044} from "./accordion.fa3a137c.js";
+
+
+
+
+
+export {$107c911677ae6c21$export$a766cd26d0d69044 as Accordion};
+//# sourceMappingURL=accordion.8a7ccdf5.js.map

package/accordion.8a7ccdf5.js.map

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

package/accordion.fa3a137c.js

@@ -0,0 +1,68 @@
+import {Typography as $lckru$Typography, TYPOGRAPHY_VARIANTS as $lckru$TYPOGRAPHY_VARIANTS} from "./typography.1af73fa0.js";
+import {jsx as $lckru$jsx, Fragment as $lckru$Fragment, jsxs as $lckru$jsxs} from "react/jsx-runtime";
+import {useState as $lckru$useState} from "react";
+import {ChevronDownIcon as $lckru$ChevronDownIcon} from "@heroicons/react/24/solid";
+
+
+
+
+
+const $107c911677ae6c21$export$a766cd26d0d69044 = ({ accordionItems: accordionItems })=>{
+    const [open, setOpen] = (0, $lckru$useState)([
+        false,
+        false,
+        false
+    ]);
+    const handleItemClick = (index)=>{
+        setOpen((prevState)=>{
+            const newState = [
+                ...prevState
+            ];
+            newState[index] = !newState[index];
+            return newState;
+        });
+    };
+    return /*#__PURE__*/ (0, $lckru$jsx)((0, $lckru$Fragment), {
+        children: accordionItems?.map((item, index)=>/*#__PURE__*/ (0, $lckru$jsxs)("div", {
+                className: `mb-7 cursor-pointer rounded-xl bg-white px-4 py-6 lg:px-7 lg:py-10 ${open[index] ? 'ring-1 ring-primary/65' : 'shadow-[0px_5px_16px_0px_rgba(8,_15,_52,_0.06)]'}`,
+                onClick: ()=>handleItemClick(index),
+                children: [
+                    /*#__PURE__*/ (0, $lckru$jsxs)("div", {
+                        className: "flex w-[100%] items-center justify-between",
+                        children: [
+                            /*#__PURE__*/ (0, $lckru$jsx)("div", {
+                                className: "w-[70%] lg:w-[95%]",
+                                children: /*#__PURE__*/ (0, $lckru$jsx)((0, $lckru$Typography), {
+                                    variant: (0, $lckru$TYPOGRAPHY_VARIANTS).H3,
+                                    children: item.title
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $lckru$jsx)("div", {
+                                className: "flex w-[30%] justify-end lg:w-[5%]",
+                                children: /*#__PURE__*/ (0, $lckru$jsx)("div", {
+                                    className: open[index] ? 'w-fit rounded-full bg-primary p-2 text-white' : 'w-fit rounded-full bg-white p-2 text-primary',
+                                    style: {
+                                        boxShadow: '0px 5px 16px 0px #080F340F'
+                                    },
+                                    children: /*#__PURE__*/ (0, $lckru$jsx)((0, $lckru$ChevronDownIcon), {
+                                        className: `h-4 w-4 transition-all duration-300 ease-in-out lg:h-7 lg:w-7 ${open[index] ? 'rotate-180' : ' '} `
+                                    })
+                                })
+                            })
+                        ]
+                    }),
+                    open[index] && /*#__PURE__*/ (0, $lckru$jsx)("div", {
+                        className: "mt-7 w-[95%] text-black/45",
+                        children: /*#__PURE__*/ (0, $lckru$jsx)((0, $lckru$Typography), {
+                            variant: (0, $lckru$TYPOGRAPHY_VARIANTS).P1,
+                            children: item.description
+                        })
+                    })
+                ]
+            }, index))
+    });
+};
+
+
+export {$107c911677ae6c21$export$a766cd26d0d69044 as Accordion};
+//# sourceMappingURL=accordion.fa3a137c.js.map

package/accordion.fa3a137c.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAKO,MAAM,4CAAgC,CAAC,kBAAE,cAAc,EAAE;IAC9D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAE;QAAC;QAAO;QAAO;KAAM;IAEtD,MAAM,kBAAkB,CAAC;QACvB,QAAQ,CAAC;YACP,MAAM,WAAW;mBAAI;aAAU;YAC/B,QAAQ,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,MAAM;YAClC,OAAO;QACT;IACF;IAEA,qBACE;kBACG,gBAAgB,IAAI,CAAC,MAAM,sBAC1B,iBAAC;gBAEC,WAAW,CAAC,mEAAmE,EAAE,IAAI,CAAC,MAAM,GAAG,2BAA2B,mDAAmD;gBAC7K,SAAS,IAAM,gBAAgB;;kCAE/B,iBAAC;wBAAI,WAAU;;0CACb,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;8CACxC,KAAK,KAAK;;;0CAGf,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC;oCACC,WACE,IAAI,CAAC,MAAM,GACP,iDACA;oCAEN,OAAO;wCAAE,WAAW;oCAA6B;8CAEjD,cAAA,gBAAC,CAAA,GAAA,sBAAc;wCACb,WAAW,CAAC,8DAA8D,EACxE,IAAI,CAAC,MAAM,GAAG,eAAe,IAC9B,CAAC,CAAC;;;;;;oBAKV,IAAI,CAAC,MAAM,kBACV,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCACxC,KAAK,WAAW;;;;eA9BlB;;AAsCf","sources":["src/molecules/accordion/accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { AccordionProps } from './type';\nimport { ChevronDownIcon } from '@heroicons/react/24/solid';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../typography';\n\nexport const Accordion: FC<AccordionProps> = ({ accordionItems }) => {\n  const [open, setOpen] = useState([false, false, false]);\n\n  const handleItemClick = (index: number) => {\n    setOpen((prevState) => {\n      const newState = [...prevState];\n      newState[index] = !newState[index];\n      return newState;\n    });\n  };\n\n  return (\n    <>\n      {accordionItems?.map((item, index) => (\n        <div\n          key={index}\n          className={`mb-7 cursor-pointer rounded-xl bg-white px-4 py-6 lg:px-7 lg:py-10 ${open[index] ? 'ring-1 ring-primary/65' : 'shadow-[0px_5px_16px_0px_rgba(8,_15,_52,_0.06)]'}`}\n          onClick={() => handleItemClick(index)}\n        >\n          <div className=\"flex w-[100%] items-center justify-between\">\n            <div className=\"w-[70%] lg:w-[95%]\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.H3}>\n                {item.title}\n              </Typography>\n            </div>\n            <div className=\"flex w-[30%] justify-end lg:w-[5%]\">\n              <div\n                className={\n                  open[index]\n                    ? 'w-fit rounded-full bg-primary p-2 text-white'\n                    : 'w-fit rounded-full bg-white p-2 text-primary'\n                }\n                style={{ boxShadow: '0px 5px 16px 0px #080F340F' }}\n              >\n                <ChevronDownIcon\n                  className={`h-4 w-4 transition-all duration-300 ease-in-out lg:h-7 lg:w-7 ${\n                    open[index] ? 'rotate-180' : ' '\n                  } `}\n                />\n              </div>\n            </div>\n          </div>\n          {open[index] && (\n            <div className=\"mt-7 w-[95%] text-black/45\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n                {item.description}\n              </Typography>\n            </div>\n          )}\n        </div>\n      ))}\n    </>\n  );\n};\n"],"names":[],"version":3,"file":"accordion.fa3a137c.js.map"}

package/active-icon.4514e159.js

@@ -0,0 +1,14 @@
+import {jsx as $6Qcln$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+const $10d3dd7a51c72307$export$ed9fa53238da646a = ({ isActive: isActive })=>{
+    return /*#__PURE__*/ (0, $6Qcln$jsx)("div", {
+        className: `w-fit rounded-full border-2 border-white p-1.5 shadow-[0px_0px_5px_2px_#00000080] lg:p-2 ${isActive ? 'bg-emerald-500/90' : 'bg-gray-400'}`
+    });
+};
+
+
+export {$10d3dd7a51c72307$export$ed9fa53238da646a as ActiveIcon};
+//# sourceMappingURL=active-icon.4514e159.js.map

package/active-icon.4514e159.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAMO,MAAM,4CAAkC,CAAC,YAAE,QAAQ,EAAE;IAC1D,qBACE,gBAAC;QACC,WAAW,CAAC,yFAAyF,EAAE,WAAW,sBAAsB,eAAe;;AAG7J","sources":["src/atoms/active-icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport interface ActiveIconProps {\n  isActive: boolean;\n}\n\nexport const ActiveIcon: FC<ActiveIconProps> = ({ isActive }) => {\n  return (\n    <div\n      className={`w-fit rounded-full border-2 border-white p-1.5 shadow-[0px_0px_5px_2px_#00000080] lg:p-2 ${isActive ? 'bg-emerald-500/90' : 'bg-gray-400'}`}\n    ></div>\n  );\n};\n"],"names":[],"version":3,"file":"active-icon.4514e159.js.map"}

package/active-icon.f60a343e.js

@@ -0,0 +1,19 @@
+var $5eApB$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, "ActiveIcon", () => $bb59379c00ac64e3$export$ed9fa53238da646a);
+
+
+const $bb59379c00ac64e3$export$ed9fa53238da646a = ({ isActive: isActive })=>{
+    return /*#__PURE__*/ (0, $5eApB$reactjsxruntime.jsx)("div", {
+        className: `w-fit rounded-full border-2 border-white p-1.5 shadow-[0px_0px_5px_2px_#00000080] lg:p-2 ${isActive ? 'bg-emerald-500/90' : 'bg-gray-400'}`
+    });
+};
+
+
+//# sourceMappingURL=active-icon.f60a343e.js.map

package/active-icon.f60a343e.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAMO,MAAM,4CAAkC,CAAC,YAAE,QAAQ,EAAE;IAC1D,qBACE,gCAAC;QACC,WAAW,CAAC,yFAAyF,EAAE,WAAW,sBAAsB,eAAe;;AAG7J","sources":["src/atoms/active-icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport interface ActiveIconProps {\n  isActive: boolean;\n}\n\nexport const ActiveIcon: FC<ActiveIconProps> = ({ isActive }) => {\n  return (\n    <div\n      className={`w-fit rounded-full border-2 border-white p-1.5 shadow-[0px_0px_5px_2px_#00000080] lg:p-2 ${isActive ? 'bg-emerald-500/90' : 'bg-gray-400'}`}\n    ></div>\n  );\n};\n"],"names":[],"version":3,"file":"active-icon.f60a343e.js.map"}

package/advisor-details.2023fdc7.js

@@ -0,0 +1,45 @@
+var $dccd23f974f86db3$exports = require("./user-details.f2ac073b.js");
+var $007e78a55019dc58$exports = require("./organisms.298d66fd.js");
+var $a6X9c$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, "AdvisorDetails", () => $0ea4be7714fbb485$export$627a13c24a512d2f);
+
+
+
+
+const $0ea4be7714fbb485$export$627a13c24a512d2f = ({ navbar: navbar, bannar: bannar, userDetailsProps: userDetailsProps, advisorSection: advisorSection, getAppBanner: getAppBanner, ctaBannerProps: ctaBannerProps, footer: footer })=>{
+    return /*#__PURE__*/ (0, $a6X9c$reactjsxruntime.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, $a6X9c$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.Navbar), {
+                ...navbar
+            }),
+            /*#__PURE__*/ (0, $a6X9c$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.Banner), {
+                ...bannar
+            }),
+            /*#__PURE__*/ (0, $a6X9c$reactjsxruntime.jsx)((0, $dccd23f974f86db3$exports.UserDetails), {
+                ...userDetailsProps
+            }),
+            /*#__PURE__*/ (0, $a6X9c$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.AdvisorsSection), {
+                ...advisorSection
+            }),
+            /*#__PURE__*/ (0, $a6X9c$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.GetAppBanner), {
+                ...getAppBanner
+            }),
+            /*#__PURE__*/ (0, $a6X9c$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.CtaBanner), {
+                ...ctaBannerProps
+            }),
+            /*#__PURE__*/ (0, $a6X9c$reactjsxruntime.jsx)((0, $007e78a55019dc58$exports.Footer), {
+                ...footer
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=advisor-details.2023fdc7.js.map

package/advisor-details.2023fdc7.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAYO,MAAM,4CAA8C,CAAC,UAC1D,MAAM,UACN,MAAM,oBACN,gBAAgB,kBAChB,cAAc,gBACd,YAAY,kBACZ,cAAc,UACd,MAAM,EACP;IACC,qBACE,iCAAC;;0BACC,gCAAC,CAAA,GAAA,gCAAK;gBAAG,GAAG,MAAM;;0BAClB,gCAAC,CAAA,GAAA,gCAAK;gBAAG,GAAG,MAAM;;0BAClB,gCAAC,CAAA,GAAA,qCAAU;gBAAG,GAAG,gBAAgB;;0BACjC,gCAAC,CAAA,GAAA,yCAAc;gBAAG,GAAG,cAAc;;0BACnC,gCAAC,CAAA,GAAA,sCAAW;gBAAG,GAAG,YAAY;;0BAC9B,gCAAC,CAAA,GAAA,mCAAQ;gBAAG,GAAG,cAAc;;0BAC7B,gCAAC,CAAA,GAAA,gCAAK;gBAAG,GAAG,MAAM;;;;AAGxB","sources":["src/templates/advisor-details/advisor-details.tsx"],"sourcesContent":["import { UserDetails } from '../../organisms/user-details/user-details';\nimport {\n  AdvisorsSection,\n  Banner,\n  CtaBanner,\n  Footer,\n  GetAppBanner,\n  Navbar,\n} from '../../organisms';\nimport React, { FC } from 'react';\nimport { AdvisorDetailsPageProps } from './type';\n\nexport const AdvisorDetails: FC<AdvisorDetailsPageProps> = ({\n  navbar,\n  bannar,\n  userDetailsProps,\n  advisorSection,\n  getAppBanner,\n  ctaBannerProps,\n  footer,\n}) => {\n  return (\n    <div>\n      <Navbar {...navbar} />\n      <Banner {...bannar} />\n      <UserDetails {...userDetailsProps} />\n      <AdvisorsSection {...advisorSection} />\n      <GetAppBanner {...getAppBanner} />\n      <CtaBanner {...ctaBannerProps} />\n      <Footer {...footer} />\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"advisor-details.2023fdc7.js.map"}

package/advisor-details.81398008.js

@@ -0,0 +1,40 @@
+import {UserDetails as $a63412db7200737b$export$a398983943bbde23} from "./user-details.c188ba8e.js";
+import {AdvisorsSection as $dgkx3$AdvisorsSection, Banner as $dgkx3$Banner, CtaBanner as $dgkx3$CtaBanner, Footer as $dgkx3$Footer, GetAppBanner as $dgkx3$GetAppBanner, Navbar as $dgkx3$Navbar} from "./organisms.7c836370.js";
+import {jsxs as $dgkx3$jsxs, jsx as $dgkx3$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+
+
+const $46ac8f110de3a312$export$627a13c24a512d2f = ({ navbar: navbar, bannar: bannar, userDetailsProps: userDetailsProps, advisorSection: advisorSection, getAppBanner: getAppBanner, ctaBannerProps: ctaBannerProps, footer: footer })=>{
+    return /*#__PURE__*/ (0, $dgkx3$jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, $dgkx3$jsx)((0, $dgkx3$Navbar), {
+                ...navbar
+            }),
+            /*#__PURE__*/ (0, $dgkx3$jsx)((0, $dgkx3$Banner), {
+                ...bannar
+            }),
+            /*#__PURE__*/ (0, $dgkx3$jsx)((0, $a63412db7200737b$export$a398983943bbde23), {
+                ...userDetailsProps
+            }),
+            /*#__PURE__*/ (0, $dgkx3$jsx)((0, $dgkx3$AdvisorsSection), {
+                ...advisorSection
+            }),
+            /*#__PURE__*/ (0, $dgkx3$jsx)((0, $dgkx3$GetAppBanner), {
+                ...getAppBanner
+            }),
+            /*#__PURE__*/ (0, $dgkx3$jsx)((0, $dgkx3$CtaBanner), {
+                ...ctaBannerProps
+            }),
+            /*#__PURE__*/ (0, $dgkx3$jsx)((0, $dgkx3$Footer), {
+                ...footer
+            })
+        ]
+    });
+};
+
+
+export {$46ac8f110de3a312$export$627a13c24a512d2f as AdvisorDetails};
+//# sourceMappingURL=advisor-details.81398008.js.map

package/advisor-details.81398008.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAYO,MAAM,4CAA8C,CAAC,UAC1D,MAAM,UACN,MAAM,oBACN,gBAAgB,kBAChB,cAAc,gBACd,YAAY,kBACZ,cAAc,UACd,MAAM,EACP;IACC,qBACE,iBAAC;;0BACC,gBAAC,CAAA,GAAA,aAAK;gBAAG,GAAG,MAAM;;0BAClB,gBAAC,CAAA,GAAA,aAAK;gBAAG,GAAG,MAAM;;0BAClB,gBAAC,CAAA,GAAA,yCAAU;gBAAG,GAAG,gBAAgB;;0BACjC,gBAAC,CAAA,GAAA,sBAAc;gBAAG,GAAG,cAAc;;0BACnC,gBAAC,CAAA,GAAA,mBAAW;gBAAG,GAAG,YAAY;;0BAC9B,gBAAC,CAAA,GAAA,gBAAQ;gBAAG,GAAG,cAAc;;0BAC7B,gBAAC,CAAA,GAAA,aAAK;gBAAG,GAAG,MAAM;;;;AAGxB","sources":["src/templates/advisor-details/advisor-details.tsx"],"sourcesContent":["import { UserDetails } from '../../organisms/user-details/user-details';\nimport {\n  AdvisorsSection,\n  Banner,\n  CtaBanner,\n  Footer,\n  GetAppBanner,\n  Navbar,\n} from '../../organisms';\nimport React, { FC } from 'react';\nimport { AdvisorDetailsPageProps } from './type';\n\nexport const AdvisorDetails: FC<AdvisorDetailsPageProps> = ({\n  navbar,\n  bannar,\n  userDetailsProps,\n  advisorSection,\n  getAppBanner,\n  ctaBannerProps,\n  footer,\n}) => {\n  return (\n    <div>\n      <Navbar {...navbar} />\n      <Banner {...bannar} />\n      <UserDetails {...userDetailsProps} />\n      <AdvisorsSection {...advisorSection} />\n      <GetAppBanner {...getAppBanner} />\n      <CtaBanner {...ctaBannerProps} />\n      <Footer {...footer} />\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"advisor-details.81398008.js.map"}

package/advisor-details.b481ddc8.js

@@ -0,0 +1,27 @@
+var $0ea4be7714fbb485$exports = require("./advisor-details.2023fdc7.js");
+var $5417e1329a5f09bf$exports = require("./type.67f40f2a.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, $0ea4be7714fbb485$exports);
+$parcel$exportWildcard(module.exports, $5417e1329a5f09bf$exports);
+
+
+//# sourceMappingURL=advisor-details.b481ddc8.js.map

package/advisor-details.b481ddc8.js.map

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

package/advisor-details.e1efeb57.js

@@ -0,0 +1,9 @@
+import {AdvisorDetails as $46ac8f110de3a312$export$627a13c24a512d2f} from "./advisor-details.81398008.js";
+import "./type.d2861447.js";
+
+
+
+
+
+export {$46ac8f110de3a312$export$627a13c24a512d2f as AdvisorDetails};
+//# sourceMappingURL=advisor-details.e1efeb57.js.map

package/advisor-details.e1efeb57.js.map

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

package/advisors-section.11fc9b88.js

@@ -0,0 +1,9 @@
+import "./type.bdec6da0.js";
+import {AdvisorsSection as $fcefcbd94a03ff8b$export$e75f0618b409fe69} from "./advisors-section.c0aa5b9f.js";
+
+
+
+
+
+export {$fcefcbd94a03ff8b$export$e75f0618b409fe69 as AdvisorsSection};
+//# sourceMappingURL=advisors-section.11fc9b88.js.map

package/advisors-section.11fc9b88.js.map

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