@appcorp/kismaa-web-ui 0.1.4 → 0.1.5

package/navbar.9e1386af.js

@@ -1,144 +0,0 @@
-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.dbeec2dc.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";
-
-
-
-
-
-
-
-
-
-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)("nav", {
-        className: "fixed z-50 w-full bg-purple-200/90",
-        children: [
-            /*#__PURE__*/ (0, $3nwjp$jsxs)("div", {
-                className: "kismaa-container flex items-center justify-between gap-10 py-1.5 lg:py-3.5",
-                children: [
-                    /*#__PURE__*/ (0, $3nwjp$jsx)("div", {
-                        className: "w-[15%]",
-                        children: /*#__PURE__*/ (0, $3nwjp$jsx)((0, $0a0a3a58618d1a45$export$df5d10213051c4e6), {
-                            className: "size-20 lg:h-20 lg:w-28"
-                        })
-                    }),
-                    /*#__PURE__*/ (0, $3nwjp$jsxs)("div", {
-                        className: "flex items-center gap-6 lg:hidden",
-                        children: [
-                            /*#__PURE__*/ (0, $3nwjp$jsx)((0, $8c200ccd660680fc$export$82eafebb825fc23f), {
-                                className: "size-5 cursor-pointer"
-                            }),
-                            /*#__PURE__*/ (0, $3nwjp$jsx)("button", {
-                                onClick: toggleMobileMenu,
-                                className: "cursor-pointer",
-                                children: isMobileMenuOpen ? /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$XMarkIcon), {
-                                    className: "h-8 w-8"
-                                }) : /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$Bars3Icon), {
-                                    className: "h-8 w-8"
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $3nwjp$jsxs)("div", {
-                        className: "hidden w-[85%] items-center justify-between lg:flex",
-                        children: [
-                            /*#__PURE__*/ (0, $3nwjp$jsx)("div", {
-                                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 ${isActive(link.href) ? 'text-primary' : 'text-[#263238]'}`,
-                                        children: /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$Typography), {
-                                            variant: (0, $3nwjp$TYPOGRAPHY_VARIANTS).SUBH2,
-                                            children: link.label
-                                        })
-                                    }, link.label))
-                            }),
-                            /*#__PURE__*/ (0, $3nwjp$jsxs)("div", {
-                                className: "flex items-center justify-end gap-4",
-                                children: [
-                                    /*#__PURE__*/ (0, $3nwjp$jsx)("div", {
-                                        className: "",
-                                        onClick: ()=>handleSearch(),
-                                        children: /*#__PURE__*/ (0, $3nwjp$jsx)((0, $8c200ccd660680fc$export$82eafebb825fc23f), {
-                                            className: "size-5 cursor-pointer"
-                                        })
-                                    }),
-                                    /*#__PURE__*/ (0, $3nwjp$jsxs)("div", {
-                                        className: "flex items-center justify-end",
-                                        children: [
-                                            /*#__PURE__*/ (0, $3nwjp$jsx)("div", {
-                                                className: "w-fit",
-                                                children: /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$Button), {
-                                                    type: (0, $3nwjp$BUTTON_TYPES).TEXT,
-                                                    handleOnClick: handleLogin,
-                                                    label: loginLabel,
-                                                    size: (0, $3nwjp$BUTTON_SIZES).SM
-                                                })
-                                            }),
-                                            /*#__PURE__*/ (0, $3nwjp$jsx)("div", {
-                                                className: "w-fit",
-                                                children: /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$Button), {
-                                                    type: (0, $3nwjp$BUTTON_TYPES).SECONDARY,
-                                                    handleOnClick: handleSignup,
-                                                    label: signupLabel,
-                                                    iconSuffix: /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$ChevronRightIcon), {
-                                                        className: "size-5"
-                                                    }),
-                                                    size: (0, $3nwjp$BUTTON_SIZES).MD
-                                                })
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                ]
-            }),
-            isMobileMenuOpen && /*#__PURE__*/ (0, $3nwjp$jsx)("div", {
-                className: "bg-purple-200/90 lg:hidden",
-                children: /*#__PURE__*/ (0, $3nwjp$jsxs)("div", {
-                    className: "flex flex-col gap-4 px-4 py-6",
-                    children: [
-                        displayedLinks?.map((link)=>/*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$nextlink), {
-                                href: link.href,
-                                className: "cursor-pointer",
-                                children: /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$Typography), {
-                                    variant: (0, $3nwjp$TYPOGRAPHY_VARIANTS).SUBH2,
-                                    children: link.label
-                                })
-                            }, link.label)),
-                        /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$Button), {
-                            type: (0, $3nwjp$BUTTON_TYPES).TEXT,
-                            handleOnClick: handleLogin,
-                            label: loginLabel,
-                            size: (0, $3nwjp$BUTTON_SIZES).MD
-                        }),
-                        /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$Button), {
-                            type: (0, $3nwjp$BUTTON_TYPES).SECONDARY,
-                            handleOnClick: handleSignup,
-                            label: signupLabel,
-                            iconSuffix: /*#__PURE__*/ (0, $3nwjp$jsx)((0, $3nwjp$ChevronRightIcon), {
-                                className: "size-7"
-                            }),
-                            size: (0, $3nwjp$BUTTON_SIZES).MD
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-
-
-export {$0b92d565a596e9d4$export$42cfbb80f7861e77 as Navbar};
-//# sourceMappingURL=navbar.9e1386af.js.map

package/navbar.9e1386af.js.map

@@ -1 +0,0 @@
-{"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    <nav 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    </nav>\n  );\n};\n"],"names":[],"version":3,"file":"navbar.9e1386af.js.map"}

package/navbar.ac5810b3.js

@@ -1,27 +0,0 @@
-var $d4942f56df6b99ca$exports = require("./navbar.7c69558b.js");
-var $7e62faacdd93278e$exports = require("./type.1c300111.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, $d4942f56df6b99ca$exports);
-$parcel$exportWildcard(module.exports, $7e62faacdd93278e$exports);
-
-
-//# sourceMappingURL=navbar.ac5810b3.js.map

package/navbar.ac5810b3.js.map

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