@appcorp/kismaa-web-ui 0.1.2 → 0.1.3

package/{navbar.5e3cd2de.js → navbar.2ce991d1.js}

@@ -1,10 +1,12 @@
 import {KismaaLogo as $0a0a3a58618d1a45$export$df5d10213051c4e6} from "./kismaa-logo.a0cd5842.js";
 import {SearchIcon as $8c200ccd660680fc$export$82eafebb825fc23f} from "./search-icon.07b2e698.js";
-import {Button as $3nwjp$Button, BUTTON_SIZES as $3nwjp$BUTTON_SIZES, BUTTON_TYPES as $3nwjp$BUTTON_TYPES, Typography as $3nwjp$Typography, TYPOGRAPHY_VARIANTS as $3nwjp$TYPOGRAPHY_VARIANTS} from "./molecules.1ee3143a.js";
+import {Button as $3nwjp$Button, BUTTON_SIZES as $3nwjp$BUTTON_SIZES, BUTTON_TYPES as $3nwjp$BUTTON_TYPES, Typography as $3nwjp$Typography, TYPOGRAPHY_VARIANTS as $3nwjp$TYPOGRAPHY_VARIANTS} from "./molecules.525feebf.js";
 import {jsxs as $3nwjp$jsxs, jsx as $3nwjp$jsx} from "react/jsx-runtime";
 import {XMarkIcon as $3nwjp$XMarkIcon, Bars3Icon as $3nwjp$Bars3Icon, ChevronRightIcon as $3nwjp$ChevronRightIcon} from "@heroicons/react/24/solid";
 import $3nwjp$nextlink from "next/link";
 import "react";
+import {useRouter as $3nwjp$useRouter} from "next/router";
+
 
 
 
@@ -14,7 +16,9 @@ import "react";
 
 
 const $0b92d565a596e9d4$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileMenuOpen, toggleMobileMenu: toggleMobileMenu, navLinks: navLinks, loginLabel: loginLabel, signupLabel: signupLabel, handleSearch: handleSearch, handleLogin: handleLogin, handleSignup: handleSignup })=>{
+    const router = (0, $3nwjp$useRouter)();
     const displayedLinks = navLinks.slice(0, 5);
+    const isActive = (href)=>router.pathname === href;
     return /*#__PURE__*/ (0, $3nwjp$jsxs)("div", {
         className: "fixed z-50 w-full bg-purple-200/90",
         children: [
@@ -51,7 +55,7 @@ const $0b92d565a596e9d4$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileM
                                 className: "flex gap-8",
                                 children: displayedLinks?.map((link)=>/*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$nextlink), {
                                         href: link.href,
-                                        className: "cursor-pointer transition-all duration-300 ease-in-out hover:text-primary",
+                                        className: `cursor-pointer transition-all duration-300 ease-in-out hover:text-primary ${isActive(link.href) ? 'text-primary' : 'text-[#263238]'}`,
                                         children: /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$Typography), {
                                             variant: (0, $3nwjp$TYPOGRAPHY_VARIANTS).SUBH2,
                                             children: link.label
@@ -69,7 +73,7 @@ const $0b92d565a596e9d4$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileM
                                         })
                                     }),
                                     /*#__PURE__*/ (0, $3nwjp$jsxs)("div", {
-                                        className: "flex min-w-80 items-center justify-end",
+                                        className: "flex items-center justify-end",
                                         children: [
                                             /*#__PURE__*/ (0, $3nwjp$jsx)("div", {
                                                 className: "w-fit",
@@ -77,7 +81,7 @@ const $0b92d565a596e9d4$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileM
                                                     type: (0, $3nwjp$BUTTON_TYPES).TEXT,
                                                     handleOnClick: handleLogin,
                                                     label: loginLabel,
-                                                    size: (0, $3nwjp$BUTTON_SIZES).XL
+                                                    size: (0, $3nwjp$BUTTON_SIZES).SM
                                                 })
                                             }),
                                             /*#__PURE__*/ (0, $3nwjp$jsx)("div", {
@@ -87,9 +91,9 @@ const $0b92d565a596e9d4$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileM
                                                     handleOnClick: handleSignup,
                                                     label: signupLabel,
                                                     iconSuffix: /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$ChevronRightIcon), {
-                                                        className: "size-7"
+                                                        className: "size-5"
                                                     }),
-                                                    size: (0, $3nwjp$BUTTON_SIZES).LG
+                                                    size: (0, $3nwjp$BUTTON_SIZES).MD
                                                 })
                                             })
                                         ]
@@ -137,4 +141,4 @@ const $0b92d565a596e9d4$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileM
 
 
 export {$0b92d565a596e9d4$export$42cfbb80f7861e77 as Navbar};
-//# sourceMappingURL=navbar.5e3cd2de.js.map
+//# sourceMappingURL=navbar.2ce991d1.js.map

package/navbar.2ce991d1.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAmBO,MAAM,4CAAgC,CAAC,oBAC5C,gBAAgB,oBAChB,gBAAgB,YAChB,QAAQ,cACR,UAAU,eACV,WAAW,gBACX,YAAY,eACZ,WAAW,gBACX,YAAY,EACb;IACC,MAAM,SAAS,CAAA,GAAA,gBAAQ;IACvB,MAAM,iBAAiB,SAAS,KAAK,CAAC,GAAG;IACzC,MAAM,WAAW,CAAC,OAAiB,OAAO,QAAQ,KAAK;IAEvD,qBACE,iBAAC;QAAI,WAAU;;0BACb,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,yCAAS;4BAAE,WAAU;;;kCAExB,iBAAC;wBAAI,WAAU;;0CACb,gBAAC,CAAA,GAAA,yCAAS;gCAAE,WAAU;;0CACtB,gBAAC;gCAAO,SAAS;gCAAkB,WAAU;0CAC1C,iCACC,gBAAC,CAAA,GAAA,gBAAQ;oCAAE,WAAU;mDAErB,gBAAC,CAAA,GAAA,gBAAQ;oCAAE,WAAU;;;;;kCAI3B,iBAAC;wBAAI,WAAU;;0CACb,gBAAC;gCAAI,WAAU;0CACZ,gBAAgB,IAAI,CAAC,qBACpB,gBAAC,CAAA,GAAA,eAAG;wCAEF,MAAM,KAAK,IAAI;wCACf,WAAW,CAAC,0EAA0E,EAAE,SAAS,KAAK,IAAI,IAAI,iBAAiB,kBAAkB;kDAEjJ,cAAA,gBAAC,CAAA,GAAA,iBAAS;4CAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,KAAK;sDAC3C,KAAK,KAAK;;uCALR,KAAK,KAAK;;0CAUrB,iBAAC;gCAAI,WAAU;;kDACb,gBAAC;wCAAI,WAAU;wCAAG,SAAS,IAAM;kDAC/B,cAAA,gBAAC,CAAA,GAAA,yCAAS;4CAAE,WAAU;;;kDAExB,iBAAC;wCAAI,WAAU;;0DACb,gBAAC;gDAAI,WAAU;0DACb,cAAA,gBAAC,CAAA,GAAA,aAAK;oDACJ,MAAM,CAAA,GAAA,mBAAW,EAAE,IAAI;oDACvB,eAAe;oDACf,OAAO;oDACP,MAAM,CAAA,GAAA,mBAAW,EAAE,EAAE;;;0DAGzB,gBAAC;gDAAI,WAAU;0DACb,cAAA,gBAAC,CAAA,GAAA,aAAK;oDACJ,MAAM,CAAA,GAAA,mBAAW,EAAE,SAAS;oDAC5B,eAAe;oDACf,OAAO;oDACP,0BAAY,gBAAC,CAAA,GAAA,uBAAe;wDAAE,WAAU;;oDACxC,MAAM,CAAA,GAAA,mBAAW,EAAE,EAAE;;;;;;;;;;;YAQhC,kCACC,gBAAC;gBAAI,WAAU;0BACb,cAAA,iBAAC;oBAAI,WAAU;;wBACZ,gBAAgB,IAAI,CAAC,qBACpB,gBAAC,CAAA,GAAA,eAAG;gCAEF,MAAM,KAAK,IAAI;gCACf,WAAU;0CAEV,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,KAAK;8CAC3C,KAAK,KAAK;;+BALR,KAAK,KAAK;sCASnB,gBAAC,CAAA,GAAA,aAAK;4BACJ,MAAM,CAAA,GAAA,mBAAW,EAAE,IAAI;4BACvB,eAAe;4BACf,OAAO;4BACP,MAAM,CAAA,GAAA,mBAAW,EAAE,EAAE;;sCAEvB,gBAAC,CAAA,GAAA,aAAK;4BACJ,MAAM,CAAA,GAAA,mBAAW,EAAE,SAAS;4BAC5B,eAAe;4BACf,OAAO;4BACP,0BAAY,gBAAC,CAAA,GAAA,uBAAe;gCAAE,WAAU;;4BACxC,MAAM,CAAA,GAAA,mBAAW,EAAE,EAAE;;;;;;;AAOnC","sources":["src/organisms/navbar/navbar.tsx"],"sourcesContent":["import { KismaaLogo } from '../../atoms/kismaa-logo';\nimport { SearchIcon } from '../../atoms/search-icon';\nimport {\n  Button,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport {\n  ChevronRightIcon,\n  Bars3Icon,\n  XMarkIcon,\n} from '@heroicons/react/24/solid';\nimport Link from 'next/link';\nimport React from 'react';\nimport { NavbarProps } from './type';\nimport { useRouter } from 'next/router';\n\nexport const Navbar: React.FC<NavbarProps> = ({\n  isMobileMenuOpen,\n  toggleMobileMenu,\n  navLinks,\n  loginLabel,\n  signupLabel,\n  handleSearch,\n  handleLogin,\n  handleSignup,\n}) => {\n  const router = useRouter();\n  const displayedLinks = navLinks.slice(0, 5);\n  const isActive = (href: string) => router.pathname === href;\n\n  return (\n    <div className=\"fixed z-50 w-full bg-purple-200/90\">\n      <div className=\"kismaa-container flex items-center justify-between gap-10 py-1.5 lg:py-3.5\">\n        <div className=\"w-[15%]\">\n          <KismaaLogo className=\"size-20 lg:h-20 lg:w-28\" />\n        </div>\n        <div className=\"flex items-center gap-6 lg:hidden\">\n          <SearchIcon className=\"size-5 cursor-pointer\" />\n          <button onClick={toggleMobileMenu} className=\"cursor-pointer\">\n            {isMobileMenuOpen ? (\n              <XMarkIcon className=\"h-8 w-8\" />\n            ) : (\n              <Bars3Icon className=\"h-8 w-8\" />\n            )}\n          </button>\n        </div>\n        <div className=\"hidden w-[85%] items-center justify-between lg:flex\">\n          <div className=\"flex gap-8\">\n            {displayedLinks?.map((link) => (\n              <Link\n                key={link.label}\n                href={link.href}\n                className={`cursor-pointer transition-all duration-300 ease-in-out hover:text-primary ${isActive(link.href) ? 'text-primary' : 'text-[#263238]'}`}\n              >\n                <Typography variant={TYPOGRAPHY_VARIANTS.SUBH2}>\n                  {link.label}\n                </Typography>\n              </Link>\n            ))}\n          </div>\n          <div className=\"flex items-center justify-end gap-4\">\n            <div className=\"\" onClick={() => handleSearch()}>\n              <SearchIcon className=\"size-5 cursor-pointer\" />\n            </div>\n            <div className=\"flex items-center justify-end\">\n              <div className=\"w-fit\">\n                <Button\n                  type={BUTTON_TYPES.TEXT}\n                  handleOnClick={handleLogin}\n                  label={loginLabel}\n                  size={BUTTON_SIZES.SM}\n                />\n              </div>\n              <div className=\"w-fit\">\n                <Button\n                  type={BUTTON_TYPES.SECONDARY}\n                  handleOnClick={handleSignup}\n                  label={signupLabel}\n                  iconSuffix={<ChevronRightIcon className=\"size-5\" />}\n                  size={BUTTON_SIZES.MD}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {isMobileMenuOpen && (\n        <div className=\"bg-purple-200/90 lg:hidden\">\n          <div className=\"flex flex-col gap-4 px-4 py-6\">\n            {displayedLinks?.map((link) => (\n              <Link\n                key={link.label}\n                href={link.href}\n                className=\"cursor-pointer\"\n              >\n                <Typography variant={TYPOGRAPHY_VARIANTS.SUBH2}>\n                  {link.label}\n                </Typography>\n              </Link>\n            ))}\n            <Button\n              type={BUTTON_TYPES.TEXT}\n              handleOnClick={handleLogin}\n              label={loginLabel}\n              size={BUTTON_SIZES.MD}\n            />\n            <Button\n              type={BUTTON_TYPES.SECONDARY}\n              handleOnClick={handleSignup}\n              label={signupLabel}\n              iconSuffix={<ChevronRightIcon className=\"size-7\" />}\n              size={BUTTON_SIZES.MD}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"navbar.2ce991d1.js.map"}

package/{navbar.7867f218.js → navbar.324d78a0.js}

@@ -1,4 +1,4 @@
-var $d4942f56df6b99ca$exports = require("./navbar.9f1e566c.js");
+var $d4942f56df6b99ca$exports = require("./navbar.82f16d2b.js");
 var $7e62faacdd93278e$exports = require("./type.1c300111.js");
 
 
@@ -24,4 +24,4 @@ $parcel$exportWildcard(module.exports, $d4942f56df6b99ca$exports);
 $parcel$exportWildcard(module.exports, $7e62faacdd93278e$exports);
 
 
-//# sourceMappingURL=navbar.7867f218.js.map
+//# sourceMappingURL=navbar.324d78a0.js.map

package/{navbar.7867f218.js.map → navbar.324d78a0.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["src/organisms/navbar/index.ts"],"sourcesContent":["export * from './navbar';\nexport * from './type';\n"],"names":[],"version":3,"file":"navbar.7867f218.js.map"}
+{"mappings":"","sources":["src/organisms/navbar/index.ts"],"sourcesContent":["export * from './navbar';\nexport * from './type';\n"],"names":[],"version":3,"file":"navbar.324d78a0.js.map"}

package/{navbar.cd9185a1.js → navbar.4ff6dde2.js}

@@ -1,4 +1,4 @@
-import {Navbar as $0b92d565a596e9d4$export$42cfbb80f7861e77} from "./navbar.5e3cd2de.js";
+import {Navbar as $0b92d565a596e9d4$export$42cfbb80f7861e77} from "./navbar.2ce991d1.js";
 import "./type.55acdc52.js";
 
 
@@ -6,4 +6,4 @@ import "./type.55acdc52.js";
 
 
 export {$0b92d565a596e9d4$export$42cfbb80f7861e77 as Navbar};
-//# sourceMappingURL=navbar.cd9185a1.js.map
+//# sourceMappingURL=navbar.4ff6dde2.js.map

package/{navbar.cd9185a1.js.map → navbar.4ff6dde2.js.map}

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

package/{navbar.9f1e566c.js → navbar.82f16d2b.js}

@@ -1,10 +1,11 @@
 var $28b048f7ca50ed9a$exports = require("./kismaa-logo.77129033.js");
 var $ac6f08dbb42bcae0$exports = require("./search-icon.74679efb.js");
-var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.js");
+var $75ff6314b77a3597$exports = require("./molecules.6c6943fd.js");
 var $dShsD$reactjsxruntime = require("react/jsx-runtime");
 var $dShsD$heroiconsreact24solid = require("@heroicons/react/24/solid");
 var $dShsD$nextlink = require("next/link");
 require("react");
+var $dShsD$nextrouter = require("next/router");
 
 
 function $parcel$interopDefault(a) {
@@ -23,8 +24,11 @@ $parcel$export(module.exports, "Navbar", () => $d4942f56df6b99ca$export$42cfbb80
 
 
 
+
 const $d4942f56df6b99ca$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileMenuOpen, toggleMobileMenu: toggleMobileMenu, navLinks: navLinks, loginLabel: loginLabel, signupLabel: signupLabel, handleSearch: handleSearch, handleLogin: handleLogin, handleSignup: handleSignup })=>{
+    const router = (0, $dShsD$nextrouter.useRouter)();
     const displayedLinks = navLinks.slice(0, 5);
+    const isActive = (href)=>router.pathname === href;
     return /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsxs)("div", {
         className: "fixed z-50 w-full bg-purple-200/90",
         children: [
@@ -61,7 +65,7 @@ const $d4942f56df6b99ca$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileM
                                 className: "flex gap-8",
                                 children: displayedLinks?.map((link)=>/*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dShsD$nextlink))), {
                                         href: link.href,
-                                        className: "cursor-pointer transition-all duration-300 ease-in-out hover:text-primary",
+                                        className: `cursor-pointer transition-all duration-300 ease-in-out hover:text-primary ${isActive(link.href) ? 'text-primary' : 'text-[#263238]'}`,
                                         children: /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
                                             variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH2,
                                             children: link.label
@@ -79,7 +83,7 @@ const $d4942f56df6b99ca$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileM
                                         })
                                     }),
                                     /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsxs)("div", {
-                                        className: "flex min-w-80 items-center justify-end",
+                                        className: "flex items-center justify-end",
                                         children: [
                                             /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)("div", {
                                                 className: "w-fit",
@@ -87,7 +91,7 @@ const $d4942f56df6b99ca$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileM
                                                     type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).TEXT,
                                                     handleOnClick: handleLogin,
                                                     label: loginLabel,
-                                                    size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).XL
+                                                    size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).SM
                                                 })
                                             }),
                                             /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)("div", {
@@ -97,9 +101,9 @@ const $d4942f56df6b99ca$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileM
                                                     handleOnClick: handleSignup,
                                                     label: signupLabel,
                                                     iconSuffix: /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $dShsD$heroiconsreact24solid.ChevronRightIcon), {
-                                                        className: "size-7"
+                                                        className: "size-5"
                                                     }),
-                                                    size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).LG
+                                                    size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).MD
                                                 })
                                             })
                                         ]
@@ -146,4 +150,4 @@ const $d4942f56df6b99ca$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileM
 };
 
 
-//# sourceMappingURL=navbar.9f1e566c.js.map
+//# sourceMappingURL=navbar.82f16d2b.js.map

package/navbar.82f16d2b.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,4CAAgC,CAAC,oBAC5C,gBAAgB,oBAChB,gBAAgB,YAChB,QAAQ,cACR,UAAU,eACV,WAAW,gBACX,YAAY,eACZ,WAAW,gBACX,YAAY,EACb;IACC,MAAM,SAAS,CAAA,GAAA,2BAAQ;IACvB,MAAM,iBAAiB,SAAS,KAAK,CAAC,GAAG;IACzC,MAAM,WAAW,CAAC,OAAiB,OAAO,QAAQ,KAAK;IAEvD,qBACE,iCAAC;QAAI,WAAU;;0BACb,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,WAAU;;;kCAExB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC,CAAA,GAAA,oCAAS;gCAAE,WAAU;;0CACtB,gCAAC;gCAAO,SAAS;gCAAkB,WAAU;0CAC1C,iCACC,gCAAC,CAAA,GAAA,sCAAQ;oCAAE,WAAU;mDAErB,gCAAC,CAAA,GAAA,sCAAQ;oCAAE,WAAU;;;;;kCAI3B,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACZ,gBAAgB,IAAI,CAAC,qBACpB,gCAAC,CAAA,GAAA,yCAAG;wCAEF,MAAM,KAAK,IAAI;wCACf,WAAW,CAAC,0EAA0E,EAAE,SAAS,KAAK,IAAI,IAAI,iBAAiB,kBAAkB;kDAEjJ,cAAA,gCAAC,CAAA,GAAA,oCAAS;4CAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;sDAC3C,KAAK,KAAK;;uCALR,KAAK,KAAK;;0CAUrB,iCAAC;gCAAI,WAAU;;kDACb,gCAAC;wCAAI,WAAU;wCAAG,SAAS,IAAM;kDAC/B,cAAA,gCAAC,CAAA,GAAA,oCAAS;4CAAE,WAAU;;;kDAExB,iCAAC;wCAAI,WAAU;;0DACb,gCAAC;gDAAI,WAAU;0DACb,cAAA,gCAAC,CAAA,GAAA,gCAAK;oDACJ,MAAM,CAAA,GAAA,sCAAW,EAAE,IAAI;oDACvB,eAAe;oDACf,OAAO;oDACP,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;;;0DAGzB,gCAAC;gDAAI,WAAU;0DACb,cAAA,gCAAC,CAAA,GAAA,gCAAK;oDACJ,MAAM,CAAA,GAAA,sCAAW,EAAE,SAAS;oDAC5B,eAAe;oDACf,OAAO;oDACP,0BAAY,gCAAC,CAAA,GAAA,6CAAe;wDAAE,WAAU;;oDACxC,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;;;;;;;;;;;YAQhC,kCACC,gCAAC;gBAAI,WAAU;0BACb,cAAA,iCAAC;oBAAI,WAAU;;wBACZ,gBAAgB,IAAI,CAAC,qBACpB,gCAAC,CAAA,GAAA,yCAAG;gCAEF,MAAM,KAAK,IAAI;gCACf,WAAU;0CAEV,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8CAC3C,KAAK,KAAK;;+BALR,KAAK,KAAK;sCASnB,gCAAC,CAAA,GAAA,gCAAK;4BACJ,MAAM,CAAA,GAAA,sCAAW,EAAE,IAAI;4BACvB,eAAe;4BACf,OAAO;4BACP,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;;sCAEvB,gCAAC,CAAA,GAAA,gCAAK;4BACJ,MAAM,CAAA,GAAA,sCAAW,EAAE,SAAS;4BAC5B,eAAe;4BACf,OAAO;4BACP,0BAAY,gCAAC,CAAA,GAAA,6CAAe;gCAAE,WAAU;;4BACxC,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;;;;;;;AAOnC","sources":["src/organisms/navbar/navbar.tsx"],"sourcesContent":["import { KismaaLogo } from '../../atoms/kismaa-logo';\nimport { SearchIcon } from '../../atoms/search-icon';\nimport {\n  Button,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport {\n  ChevronRightIcon,\n  Bars3Icon,\n  XMarkIcon,\n} from '@heroicons/react/24/solid';\nimport Link from 'next/link';\nimport React from 'react';\nimport { NavbarProps } from './type';\nimport { useRouter } from 'next/router';\n\nexport const Navbar: React.FC<NavbarProps> = ({\n  isMobileMenuOpen,\n  toggleMobileMenu,\n  navLinks,\n  loginLabel,\n  signupLabel,\n  handleSearch,\n  handleLogin,\n  handleSignup,\n}) => {\n  const router = useRouter();\n  const displayedLinks = navLinks.slice(0, 5);\n  const isActive = (href: string) => router.pathname === href;\n\n  return (\n    <div className=\"fixed z-50 w-full bg-purple-200/90\">\n      <div className=\"kismaa-container flex items-center justify-between gap-10 py-1.5 lg:py-3.5\">\n        <div className=\"w-[15%]\">\n          <KismaaLogo className=\"size-20 lg:h-20 lg:w-28\" />\n        </div>\n        <div className=\"flex items-center gap-6 lg:hidden\">\n          <SearchIcon className=\"size-5 cursor-pointer\" />\n          <button onClick={toggleMobileMenu} className=\"cursor-pointer\">\n            {isMobileMenuOpen ? (\n              <XMarkIcon className=\"h-8 w-8\" />\n            ) : (\n              <Bars3Icon className=\"h-8 w-8\" />\n            )}\n          </button>\n        </div>\n        <div className=\"hidden w-[85%] items-center justify-between lg:flex\">\n          <div className=\"flex gap-8\">\n            {displayedLinks?.map((link) => (\n              <Link\n                key={link.label}\n                href={link.href}\n                className={`cursor-pointer transition-all duration-300 ease-in-out hover:text-primary ${isActive(link.href) ? 'text-primary' : 'text-[#263238]'}`}\n              >\n                <Typography variant={TYPOGRAPHY_VARIANTS.SUBH2}>\n                  {link.label}\n                </Typography>\n              </Link>\n            ))}\n          </div>\n          <div className=\"flex items-center justify-end gap-4\">\n            <div className=\"\" onClick={() => handleSearch()}>\n              <SearchIcon className=\"size-5 cursor-pointer\" />\n            </div>\n            <div className=\"flex items-center justify-end\">\n              <div className=\"w-fit\">\n                <Button\n                  type={BUTTON_TYPES.TEXT}\n                  handleOnClick={handleLogin}\n                  label={loginLabel}\n                  size={BUTTON_SIZES.SM}\n                />\n              </div>\n              <div className=\"w-fit\">\n                <Button\n                  type={BUTTON_TYPES.SECONDARY}\n                  handleOnClick={handleSignup}\n                  label={signupLabel}\n                  iconSuffix={<ChevronRightIcon className=\"size-5\" />}\n                  size={BUTTON_SIZES.MD}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {isMobileMenuOpen && (\n        <div className=\"bg-purple-200/90 lg:hidden\">\n          <div className=\"flex flex-col gap-4 px-4 py-6\">\n            {displayedLinks?.map((link) => (\n              <Link\n                key={link.label}\n                href={link.href}\n                className=\"cursor-pointer\"\n              >\n                <Typography variant={TYPOGRAPHY_VARIANTS.SUBH2}>\n                  {link.label}\n                </Typography>\n              </Link>\n            ))}\n            <Button\n              type={BUTTON_TYPES.TEXT}\n              handleOnClick={handleLogin}\n              label={loginLabel}\n              size={BUTTON_SIZES.MD}\n            />\n            <Button\n              type={BUTTON_TYPES.SECONDARY}\n              handleOnClick={handleSignup}\n              label={signupLabel}\n              iconSuffix={<ChevronRightIcon className=\"size-7\" />}\n              size={BUTTON_SIZES.MD}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"navbar.82f16d2b.js.map"}