@appcorp/kismaa-web-ui 0.1.1 → 0.1.3

package/our-mission.a20e8d13.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAIO,MAAM,4CAAkC,CAAC,YAC9C,QAAQ,YACR,QAAQ,YACR,QAAQ,YACR,QAAQ,gBACR,YAAY,gBACZ,YAAY,EACb;IACC,qBACE,gBAAC;QAAI,WAAU;kBACb,cAAA,gBAAC;YAAI,WAAU;sBACb,cAAA,gBAAC;gBAAI,WAAU;0BACb,cAAA,iBAAC;oBAAI,WAAU;;sCACb,iBAAC;4BAAI,WAAU;;8CACb,gBAAC;oCACC,WAAU;oCACV,OAAO;wCACL,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;wCACnC,gBAAgB;wCAChB,oBAAoB;oCACtB;;8CAEF,iBAAC;oCAAI,WAAU;;sDACb,gBAAC;4CAAI,WAAU;sDACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gDAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;0DACxC;;;sDAGL,gBAAC;4CAAI,WAAU;sDACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gDAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;0DACxC;;;;;;;sCAKT,iBAAC;4BAAI,WAAU;;8CACb,iBAAC;oCAAI,WAAU;;sDACb,gBAAC;4CAAI,WAAU;sDACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gDAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;0DACxC;;;sDAGL,gBAAC;4CAAI,WAAU;sDACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gDAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;0DACxC;;;;;8CAIP,gBAAC;oCACC,WAAU;oCACV,OAAO;wCACL,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;wCACnC,gBAAgB;wCAChB,oBAAoB;oCACtB;;;;;;;;;AAQhB","sources":["src/organisms/our-mission/our-mission.tsx"],"sourcesContent":["import { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport React, { FC } from 'react';\nimport { OurMissionProps } from './type';\n\nexport const OurMission: FC<OurMissionProps> = ({\n  bgImage1,\n  bgImage2,\n  heading1,\n  heading2,\n  description1,\n  description2,\n}) => {\n  return (\n    <div className=\"kismaa-section-spacing\">\n      <div className=\"bg-gray-100/95\">\n        <div className=\"kismaa-container py-20\">\n          <div className=\"grid gap-24 lg:grid-cols-12\">\n            <div className=\"lg:col-span-6\">\n              <div\n                className=\"h-60 lg:h-[670px]\"\n                style={{\n                  backgroundImage: `url(${bgImage1})`,\n                  backgroundSize: 'cover',\n                  backgroundPosition: 'center',\n                }}\n              ></div>\n              <div className=\"mt-10\">\n                <div className=\"\">\n                  <Typography variant={TYPOGRAPHY_VARIANTS.H3}>\n                    {heading1}\n                  </Typography>\n                </div>\n                <div className=\"mt-2 text-gray-500\">\n                  <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n                    {description1}\n                  </Typography>\n                </div>\n              </div>\n            </div>\n            <div className=\"lg:col-span-6\">\n              <div className=\"\">\n                <div className=\"\">\n                  <Typography variant={TYPOGRAPHY_VARIANTS.H3}>\n                    {heading2}\n                  </Typography>\n                </div>\n                <div className=\"mt-2 text-gray-500\">\n                  <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n                    {description2}\n                  </Typography>\n                </div>\n              </div>\n              <div\n                className=\"mt-10 h-60 lg:h-[670px]\"\n                style={{\n                  backgroundImage: `url(${bgImage2})`,\n                  backgroundSize: 'cover',\n                  backgroundPosition: '85%',\n                }}\n              ></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"our-mission.a20e8d13.js.map"}

package/our-mission.fb4096c3.js

@@ -0,0 +1,27 @@
+var $71c77d4dcd94a208$exports = require("./our-mission.149c95b0.js");
+var $cb4fb9f01e645e31$exports = require("./type.65d5877d.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, $71c77d4dcd94a208$exports);
+$parcel$exportWildcard(module.exports, $cb4fb9f01e645e31$exports);
+
+
+//# sourceMappingURL=our-mission.fb4096c3.js.map

package/our-mission.fb4096c3.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/kismaa-web-ui",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "source": "src/index.ts",
   "main": "lib/main.js",
   "module": "lib/module.js",

package/{pagination.cb2c45a3.js → pagination.28685cf2.js}

@@ -1,4 +1,4 @@
-var $d2b6baa457e81c59$exports = require("./pagination.489f4353.js");
+var $d2b6baa457e81c59$exports = require("./pagination.89a94205.js");
 var $c3a6c9ef3d80b61f$exports = require("./type.0a3bfe3e.js");
 
 
@@ -24,4 +24,4 @@ $parcel$exportWildcard(module.exports, $d2b6baa457e81c59$exports);
 $parcel$exportWildcard(module.exports, $c3a6c9ef3d80b61f$exports);
 
 
-//# sourceMappingURL=pagination.cb2c45a3.js.map
+//# sourceMappingURL=pagination.28685cf2.js.map

package/{pagination.5b4120a8.js.map → pagination.28685cf2.js.map}

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

package/pagination.5e14de29.js

@@ -0,0 +1,60 @@
+import {ArrowLeftIcon as $cef7499ebf8e00ed$export$8afed21ef5c2afa5} from "./arrow-left-icon.249a16e2.js";
+import {ArrowRightIcon as $dab1c9342c6a7b9d$export$9ca09caa9c849d9c} from "./arrow-right-icon.0a2da66d.js";
+import {Button as $cDWko$Button, BUTTON_SIZES as $cDWko$BUTTON_SIZES, BUTTON_TYPES as $cDWko$BUTTON_TYPES} from "./molecules.525feebf.js";
+import {jsx as $cDWko$jsx, jsxs as $cDWko$jsxs} from "react/jsx-runtime";
+import "react";
+
+
+
+
+
+
+const $ff35507587ee3a0a$export$68f5e1453c188a82 = ({ currentPage: currentPage, totalPages: totalPages, onPageChange: onPageChange, onPrevious: onPrevious, onNext: onNext })=>{
+    const pageNumbers = Array.from({
+        length: totalPages
+    }, (_, index)=>index + 1);
+    const renderButton = (label, isDisabled, onClick, type, iconPrefix, iconSuffix)=>/*#__PURE__*/ (0, $cDWko$jsx)((0, $cDWko$Button), {
+            label: label,
+            disabled: isDisabled,
+            handleOnClick: onClick,
+            type: type,
+            size: (0, $cDWko$BUTTON_SIZES).SM,
+            iconPrefix: iconPrefix,
+            iconSuffix: iconSuffix
+        });
+    const renderPageButton = (number)=>/*#__PURE__*/ (0, $cDWko$jsx)((0, $cDWko$Button), {
+            type: currentPage === number ? (0, $cDWko$BUTTON_TYPES).PRIMARY : (0, $cDWko$BUTTON_TYPES).TERTIARY,
+            size: (0, $cDWko$BUTTON_SIZES).SM,
+            label: String(number),
+            outlined: currentPage === number,
+            handleOnClick: ()=>onPageChange(number)
+        }, number);
+    return /*#__PURE__*/ (0, $cDWko$jsxs)("div", {
+        className: "flex items-center justify-center space-x-2",
+        "aria-label": "Pagination",
+        children: [
+            /*#__PURE__*/ (0, $cDWko$jsx)("div", {
+                className: "w-fit",
+                children: renderButton('Prev', currentPage === 1, onPrevious, currentPage === 1 ? (0, $cDWko$BUTTON_TYPES).TERTIARY : (0, $cDWko$BUTTON_TYPES).PRIMARY, /*#__PURE__*/ (0, $cDWko$jsx)((0, $cef7499ebf8e00ed$export$8afed21ef5c2afa5), {
+                    className: "size-3",
+                    fill: "currentColor"
+                }))
+            }),
+            /*#__PURE__*/ (0, $cDWko$jsx)("div", {
+                className: "hidden sm:flex sm:items-center sm:space-x-2",
+                children: pageNumbers.map(renderPageButton)
+            }),
+            /*#__PURE__*/ (0, $cDWko$jsx)("div", {
+                className: "w-fit",
+                children: renderButton('Next', currentPage === totalPages, onNext, currentPage === totalPages ? (0, $cDWko$BUTTON_TYPES).TERTIARY : (0, $cDWko$BUTTON_TYPES).QUATERNARY, undefined, /*#__PURE__*/ (0, $cDWko$jsx)((0, $dab1c9342c6a7b9d$export$9ca09caa9c849d9c), {
+                    className: "size-3",
+                    fill: "currentColor"
+                }))
+            })
+        ]
+    });
+};
+
+
+export {$ff35507587ee3a0a$export$68f5e1453c188a82 as Pagination};
+//# sourceMappingURL=pagination.5e14de29.js.map

package/pagination.5e14de29.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAMO,MAAM,4CAAwC,CAAC,eACpD,WAAW,cACX,UAAU,gBACV,YAAY,cACZ,UAAU,UACV,MAAM,EACP;IACC,MAAM,cAAc,MAAM,IAAI,CAC5B;QAAE,QAAQ;IAAW,GACrB,CAAC,GAAG,QAAU,QAAQ;IAGxB,MAAM,eAAe,CACnB,OACA,YACA,SACA,MACA,YACA,2BAEA,gBAAC,CAAA,GAAA,aAAK;YACJ,OAAO;YACP,UAAU;YACV,eAAe;YACf,MAAM;YACN,MAAM,CAAA,GAAA,mBAAW,EAAE,EAAE;YACrB,YAAY;YACZ,YAAY;;IAIhB,MAAM,mBAAmB,CAAC,uBACxB,gBAAC,CAAA,GAAA,aAAK;YAEJ,MACE,gBAAgB,SAAS,CAAA,GAAA,mBAAW,EAAE,OAAO,GAAG,CAAA,GAAA,mBAAW,EAAE,QAAQ;YAEvE,MAAM,CAAA,GAAA,mBAAW,EAAE,EAAE;YACrB,OAAO,OAAO;YACd,UAAU,gBAAgB;YAC1B,eAAe,IAAM,aAAa;WAP7B;IAWT,qBACE,iBAAC;QACC,WAAU;QACV,cAAW;;0BAEX,gBAAC;gBAAI,WAAU;0BACZ,aACC,QACA,gBAAgB,GAChB,YACA,gBAAgB,IAAI,CAAA,GAAA,mBAAW,EAAE,QAAQ,GAAG,CAAA,GAAA,mBAAW,EAAE,OAAO,gBAChE,gBAAC,CAAA,GAAA,yCAAY;oBAAE,WAAU;oBAAS,MAAK;;;0BAG3C,gBAAC;gBAAI,WAAU;0BACZ,YAAY,GAAG,CAAC;;0BAEnB,gBAAC;gBAAI,WAAU;0BACZ,aACC,QACA,gBAAgB,YAChB,QACA,gBAAgB,aACZ,CAAA,GAAA,mBAAW,EAAE,QAAQ,GACrB,CAAA,GAAA,mBAAW,EAAE,UAAU,EAC3B,yBACA,gBAAC,CAAA,GAAA,yCAAa;oBAAE,WAAU;oBAAS,MAAK;;;;;AAKlD","sources":["src/organisms/pagination/pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { ArrowLeftIcon } from '../../atoms/arrow-left-icon';\nimport { ArrowRightIcon } from '../../atoms/arrow-right-icon';\nimport { Button, BUTTON_SIZES, BUTTON_TYPES } from '../../molecules';\nimport { PaginationProps } from './type';\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  currentPage,\n  totalPages,\n  onPageChange,\n  onPrevious,\n  onNext,\n}) => {\n  const pageNumbers = Array.from(\n    { length: totalPages },\n    (_, index) => index + 1,\n  );\n\n  const renderButton = (\n    label: string,\n    isDisabled: boolean,\n    onClick: () => void,\n    type: BUTTON_TYPES,\n    iconPrefix?: JSX.Element,\n    iconSuffix?: JSX.Element,\n  ) => (\n    <Button\n      label={label}\n      disabled={isDisabled}\n      handleOnClick={onClick}\n      type={type}\n      size={BUTTON_SIZES.SM}\n      iconPrefix={iconPrefix}\n      iconSuffix={iconSuffix}\n    />\n  );\n\n  const renderPageButton = (number: number) => (\n    <Button\n      key={number}\n      type={\n        currentPage === number ? BUTTON_TYPES.PRIMARY : BUTTON_TYPES.TERTIARY\n      }\n      size={BUTTON_SIZES.SM}\n      label={String(number)}\n      outlined={currentPage === number}\n      handleOnClick={() => onPageChange(number)}\n    />\n  );\n\n  return (\n    <div\n      className=\"flex items-center justify-center space-x-2\"\n      aria-label=\"Pagination\"\n    >\n      <div className=\"w-fit\">\n        {renderButton(\n          'Prev',\n          currentPage === 1,\n          onPrevious,\n          currentPage === 1 ? BUTTON_TYPES.TERTIARY : BUTTON_TYPES.PRIMARY,\n          <ArrowLeftIcon className=\"size-3\" fill=\"currentColor\" />,\n        )}\n      </div>\n      <div className=\"hidden sm:flex sm:items-center sm:space-x-2\">\n        {pageNumbers.map(renderPageButton)}\n      </div>\n      <div className=\"w-fit\">\n        {renderButton(\n          'Next',\n          currentPage === totalPages,\n          onNext,\n          currentPage === totalPages\n            ? BUTTON_TYPES.TERTIARY\n            : BUTTON_TYPES.QUATERNARY,\n          undefined,\n          <ArrowRightIcon className=\"size-3\" fill=\"currentColor\" />,\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"pagination.5e14de29.js.map"}

package/pagination.89a94205.js

@@ -0,0 +1,65 @@
+var $1c282d9414c56791$exports = require("./arrow-left-icon.8c768b3d.js");
+var $e546e78510c33f22$exports = require("./arrow-right-icon.8dc2b5ec.js");
+var $75ff6314b77a3597$exports = require("./molecules.6c6943fd.js");
+var $6wEGJ$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, "Pagination", () => $d2b6baa457e81c59$export$68f5e1453c188a82);
+
+
+
+
+
+const $d2b6baa457e81c59$export$68f5e1453c188a82 = ({ currentPage: currentPage, totalPages: totalPages, onPageChange: onPageChange, onPrevious: onPrevious, onNext: onNext })=>{
+    const pageNumbers = Array.from({
+        length: totalPages
+    }, (_, index)=>index + 1);
+    const renderButton = (label, isDisabled, onClick, type, iconPrefix, iconSuffix)=>/*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
+            label: label,
+            disabled: isDisabled,
+            handleOnClick: onClick,
+            type: type,
+            size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).SM,
+            iconPrefix: iconPrefix,
+            iconSuffix: iconSuffix
+        });
+    const renderPageButton = (number)=>/*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
+            type: currentPage === number ? (0, $75ff6314b77a3597$exports.BUTTON_TYPES).PRIMARY : (0, $75ff6314b77a3597$exports.BUTTON_TYPES).TERTIARY,
+            size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).SM,
+            label: String(number),
+            outlined: currentPage === number,
+            handleOnClick: ()=>onPageChange(number)
+        }, number);
+    return /*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsxs)("div", {
+        className: "flex items-center justify-center space-x-2",
+        "aria-label": "Pagination",
+        children: [
+            /*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsx)("div", {
+                className: "w-fit",
+                children: renderButton('Prev', currentPage === 1, onPrevious, currentPage === 1 ? (0, $75ff6314b77a3597$exports.BUTTON_TYPES).TERTIARY : (0, $75ff6314b77a3597$exports.BUTTON_TYPES).PRIMARY, /*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsx)((0, $1c282d9414c56791$exports.ArrowLeftIcon), {
+                    className: "size-3",
+                    fill: "currentColor"
+                }))
+            }),
+            /*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsx)("div", {
+                className: "hidden sm:flex sm:items-center sm:space-x-2",
+                children: pageNumbers.map(renderPageButton)
+            }),
+            /*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsx)("div", {
+                className: "w-fit",
+                children: renderButton('Next', currentPage === totalPages, onNext, currentPage === totalPages ? (0, $75ff6314b77a3597$exports.BUTTON_TYPES).TERTIARY : (0, $75ff6314b77a3597$exports.BUTTON_TYPES).QUATERNARY, undefined, /*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsx)((0, $e546e78510c33f22$exports.ArrowRightIcon), {
+                    className: "size-3",
+                    fill: "currentColor"
+                }))
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=pagination.89a94205.js.map

package/pagination.89a94205.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAMO,MAAM,4CAAwC,CAAC,eACpD,WAAW,cACX,UAAU,gBACV,YAAY,cACZ,UAAU,UACV,MAAM,EACP;IACC,MAAM,cAAc,MAAM,IAAI,CAC5B;QAAE,QAAQ;IAAW,GACrB,CAAC,GAAG,QAAU,QAAQ;IAGxB,MAAM,eAAe,CACnB,OACA,YACA,SACA,MACA,YACA,2BAEA,gCAAC,CAAA,GAAA,gCAAK;YACJ,OAAO;YACP,UAAU;YACV,eAAe;YACf,MAAM;YACN,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;YACrB,YAAY;YACZ,YAAY;;IAIhB,MAAM,mBAAmB,CAAC,uBACxB,gCAAC,CAAA,GAAA,gCAAK;YAEJ,MACE,gBAAgB,SAAS,CAAA,GAAA,sCAAW,EAAE,OAAO,GAAG,CAAA,GAAA,sCAAW,EAAE,QAAQ;YAEvE,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;YACrB,OAAO,OAAO;YACd,UAAU,gBAAgB;YAC1B,eAAe,IAAM,aAAa;WAP7B;IAWT,qBACE,iCAAC;QACC,WAAU;QACV,cAAW;;0BAEX,gCAAC;gBAAI,WAAU;0BACZ,aACC,QACA,gBAAgB,GAChB,YACA,gBAAgB,IAAI,CAAA,GAAA,sCAAW,EAAE,QAAQ,GAAG,CAAA,GAAA,sCAAW,EAAE,OAAO,gBAChE,gCAAC,CAAA,GAAA,uCAAY;oBAAE,WAAU;oBAAS,MAAK;;;0BAG3C,gCAAC;gBAAI,WAAU;0BACZ,YAAY,GAAG,CAAC;;0BAEnB,gCAAC;gBAAI,WAAU;0BACZ,aACC,QACA,gBAAgB,YAChB,QACA,gBAAgB,aACZ,CAAA,GAAA,sCAAW,EAAE,QAAQ,GACrB,CAAA,GAAA,sCAAW,EAAE,UAAU,EAC3B,yBACA,gCAAC,CAAA,GAAA,wCAAa;oBAAE,WAAU;oBAAS,MAAK;;;;;AAKlD","sources":["src/organisms/pagination/pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { ArrowLeftIcon } from '../../atoms/arrow-left-icon';\nimport { ArrowRightIcon } from '../../atoms/arrow-right-icon';\nimport { Button, BUTTON_SIZES, BUTTON_TYPES } from '../../molecules';\nimport { PaginationProps } from './type';\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  currentPage,\n  totalPages,\n  onPageChange,\n  onPrevious,\n  onNext,\n}) => {\n  const pageNumbers = Array.from(\n    { length: totalPages },\n    (_, index) => index + 1,\n  );\n\n  const renderButton = (\n    label: string,\n    isDisabled: boolean,\n    onClick: () => void,\n    type: BUTTON_TYPES,\n    iconPrefix?: JSX.Element,\n    iconSuffix?: JSX.Element,\n  ) => (\n    <Button\n      label={label}\n      disabled={isDisabled}\n      handleOnClick={onClick}\n      type={type}\n      size={BUTTON_SIZES.SM}\n      iconPrefix={iconPrefix}\n      iconSuffix={iconSuffix}\n    />\n  );\n\n  const renderPageButton = (number: number) => (\n    <Button\n      key={number}\n      type={\n        currentPage === number ? BUTTON_TYPES.PRIMARY : BUTTON_TYPES.TERTIARY\n      }\n      size={BUTTON_SIZES.SM}\n      label={String(number)}\n      outlined={currentPage === number}\n      handleOnClick={() => onPageChange(number)}\n    />\n  );\n\n  return (\n    <div\n      className=\"flex items-center justify-center space-x-2\"\n      aria-label=\"Pagination\"\n    >\n      <div className=\"w-fit\">\n        {renderButton(\n          'Prev',\n          currentPage === 1,\n          onPrevious,\n          currentPage === 1 ? BUTTON_TYPES.TERTIARY : BUTTON_TYPES.PRIMARY,\n          <ArrowLeftIcon className=\"size-3\" fill=\"currentColor\" />,\n        )}\n      </div>\n      <div className=\"hidden sm:flex sm:items-center sm:space-x-2\">\n        {pageNumbers.map(renderPageButton)}\n      </div>\n      <div className=\"w-fit\">\n        {renderButton(\n          'Next',\n          currentPage === totalPages,\n          onNext,\n          currentPage === totalPages\n            ? BUTTON_TYPES.TERTIARY\n            : BUTTON_TYPES.QUATERNARY,\n          undefined,\n          <ArrowRightIcon className=\"size-3\" fill=\"currentColor\" />,\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"pagination.89a94205.js.map"}

package/{pagination.5b4120a8.js → pagination.f32b21aa.js}

@@ -1,4 +1,4 @@
-import {Pagination as $ff35507587ee3a0a$export$68f5e1453c188a82} from "./pagination.d7a58dd0.js";
+import {Pagination as $ff35507587ee3a0a$export$68f5e1453c188a82} from "./pagination.5e14de29.js";
 import "./type.3f5881d8.js";
 
 
@@ -6,4 +6,4 @@ import "./type.3f5881d8.js";
 
 
 export {$ff35507587ee3a0a$export$68f5e1453c188a82 as Pagination};
-//# sourceMappingURL=pagination.5b4120a8.js.map
+//# sourceMappingURL=pagination.f32b21aa.js.map

package/{pagination.cb2c45a3.js.map → pagination.f32b21aa.js.map}

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

package/{ratings.e017cfec.js → ratings.90a1380a.js}

@@ -1,4 +1,4 @@
-import {Ratings as $a748f2c9c8310309$export$63624e0823f82b87} from "./ratings.7fa69292.js";
+import {Ratings as $a748f2c9c8310309$export$63624e0823f82b87} from "./ratings.e5a5eb11.js";
 import "./type.01933f6d.js";
 
 
@@ -6,4 +6,4 @@ import "./type.01933f6d.js";
 
 
 export {$a748f2c9c8310309$export$63624e0823f82b87 as Ratings};
-//# sourceMappingURL=ratings.e017cfec.js.map
+//# sourceMappingURL=ratings.90a1380a.js.map

package/{ratings.bc271da9.js.map → ratings.90a1380a.js.map}

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

package/{ratings.82c4f0f7.js → ratings.ca0f2ecc.js}

@@ -1,5 +1,5 @@
 var $bc6b5d10bacf9b12$exports = require("./rating-star.1430243d.js");
-var $8444647316629dd8$exports = require("./typography.aa7e3a61.js");
+var $8444647316629dd8$exports = require("./typography.9f907467.js");
 var $61FA7$reactjsxruntime = require("react/jsx-runtime");
 require("react");
 
@@ -63,4 +63,4 @@ const $5563ebe312e5cf8a$export$63624e0823f82b87 = ({ rating: rating, renderFract
 };
 
 
-//# sourceMappingURL=ratings.82c4f0f7.js.map
+//# sourceMappingURL=ratings.ca0f2ecc.js.map

package/{ratings.82c4f0f7.js.map → ratings.ca0f2ecc.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAKO,MAAM,4CAA2B,CAAC,UACvC,MAAM,kBACN,iBAAiB,iBACjB,YAAY,UACb;IACC,MAAM,aAAa;IACnB,MAAM,YAAY,KAAK,KAAK,CAAC;IAC7B,MAAM,cAAc,SAAS;IAE7B,qBACE,iCAAC;QAAI,WAAU;;0BACb,gCAAC;gBAAI,WAAU;gBAAO,cAAY,CAAC,QAAQ,EAAE,OAAO,eAAe,CAAC;0BACjE;uBAAI,MAAM;iBAAY,CAAC,GAAG,CAAC,CAAC,GAAG;oBAC9B,IAAI,iBAAiB;oBACrB,IAAI,QAAQ,WACV,iBAAiB;yBACZ,IAAI,UAAU,aAAa,cAAc,GAC9C,iBAAiB,KAAK,KAAK,CAAC,cAAc;oBAG5C,qBACE,gCAAC,CAAA,GAAA,oCAAS;wBAER,WAAW;wBACX,gBAAgB;wBAChB,eAAY;uBAHP;gBAMX;;YAED,gCACC,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,iCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;;gCAAG;gCAAO;;;;kCAEvD,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCACxC;;;;;;;AAOf","sources":["src/molecules/ratings/ratings.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { RatingTypes } from './type';\nimport { RatingStar } from '../../atoms/rating-star';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../typography';\n\nexport const Ratings: FC<RatingTypes> = ({\n  rating,\n  renderFraction = true,\n  starsSize = 'size-4',\n}) => {\n  const totalStars = 5;\n  const fullStars = Math.floor(rating);\n  const decimalPart = rating % 1;\n\n  return (\n    <div className=\"flex items-center gap-3\">\n      <div className=\"flex\" aria-label={`Rating: ${rating} out of 5 stars`}>\n        {[...Array(totalStars)].map((_, index) => {\n          let fillPercentage = 0;\n          if (index < fullStars) {\n            fillPercentage = 100;\n          } else if (index === fullStars && decimalPart > 0) {\n            fillPercentage = Math.round(decimalPart * 100);\n          }\n\n          return (\n            <RatingStar\n              key={index}\n              className={starsSize}\n              fillPercentage={fillPercentage}\n              aria-hidden=\"true\"\n            />\n          );\n        })}\n      </div>\n      {renderFraction && (\n        <div className=\"item-center flex\">\n          <div className=\"\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P3}>{rating}/</Typography>\n          </div>\n          <div className=\"text-black/60\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P3}>\n              {totalStars}\n            </Typography>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"ratings.82c4f0f7.js.map"}
+{"mappings":";;;;;;;;;;;;;;;AAKO,MAAM,4CAA2B,CAAC,UACvC,MAAM,kBACN,iBAAiB,iBACjB,YAAY,UACb;IACC,MAAM,aAAa;IACnB,MAAM,YAAY,KAAK,KAAK,CAAC;IAC7B,MAAM,cAAc,SAAS;IAE7B,qBACE,iCAAC;QAAI,WAAU;;0BACb,gCAAC;gBAAI,WAAU;gBAAO,cAAY,CAAC,QAAQ,EAAE,OAAO,eAAe,CAAC;0BACjE;uBAAI,MAAM;iBAAY,CAAC,GAAG,CAAC,CAAC,GAAG;oBAC9B,IAAI,iBAAiB;oBACrB,IAAI,QAAQ,WACV,iBAAiB;yBACZ,IAAI,UAAU,aAAa,cAAc,GAC9C,iBAAiB,KAAK,KAAK,CAAC,cAAc;oBAG5C,qBACE,gCAAC,CAAA,GAAA,oCAAS;wBAER,WAAW;wBACX,gBAAgB;wBAChB,eAAY;uBAHP;gBAMX;;YAED,gCACC,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,iCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;;gCAAG;gCAAO;;;;kCAEvD,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sCACxC;;;;;;;AAOf","sources":["src/molecules/ratings/ratings.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { RatingTypes } from './type';\nimport { RatingStar } from '../../atoms/rating-star';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../typography';\n\nexport const Ratings: FC<RatingTypes> = ({\n  rating,\n  renderFraction = true,\n  starsSize = 'size-4',\n}) => {\n  const totalStars = 5;\n  const fullStars = Math.floor(rating);\n  const decimalPart = rating % 1;\n\n  return (\n    <div className=\"flex items-center gap-3\">\n      <div className=\"flex\" aria-label={`Rating: ${rating} out of 5 stars`}>\n        {[...Array(totalStars)].map((_, index) => {\n          let fillPercentage = 0;\n          if (index < fullStars) {\n            fillPercentage = 100;\n          } else if (index === fullStars && decimalPart > 0) {\n            fillPercentage = Math.round(decimalPart * 100);\n          }\n\n          return (\n            <RatingStar\n              key={index}\n              className={starsSize}\n              fillPercentage={fillPercentage}\n              aria-hidden=\"true\"\n            />\n          );\n        })}\n      </div>\n      {renderFraction && (\n        <div className=\"item-center flex\">\n          <div className=\"\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P3}>{rating}/</Typography>\n          </div>\n          <div className=\"text-black/60\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P3}>\n              {totalStars}\n            </Typography>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"ratings.ca0f2ecc.js.map"}

package/{ratings.7fa69292.js → ratings.e5a5eb11.js}

@@ -1,5 +1,5 @@
 import {RatingStar as $8e82e13041647fde$export$d22c29c9a4f5b412} from "./rating-star.e240992e.js";
-import {Typography as $d2za5$Typography, TYPOGRAPHY_VARIANTS as $d2za5$TYPOGRAPHY_VARIANTS} from "./typography.1af73fa0.js";
+import {Typography as $d2za5$Typography, TYPOGRAPHY_VARIANTS as $d2za5$TYPOGRAPHY_VARIANTS} from "./typography.760fac60.js";
 import {jsxs as $d2za5$jsxs, jsx as $d2za5$jsx} from "react/jsx-runtime";
 import "react";
 
@@ -58,4 +58,4 @@ const $a748f2c9c8310309$export$63624e0823f82b87 = ({ rating: rating, renderFract
 
 
 export {$a748f2c9c8310309$export$63624e0823f82b87 as Ratings};
-//# sourceMappingURL=ratings.7fa69292.js.map
+//# sourceMappingURL=ratings.e5a5eb11.js.map

package/{ratings.7fa69292.js.map → ratings.e5a5eb11.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAKO,MAAM,4CAA2B,CAAC,UACvC,MAAM,kBACN,iBAAiB,iBACjB,YAAY,UACb;IACC,MAAM,aAAa;IACnB,MAAM,YAAY,KAAK,KAAK,CAAC;IAC7B,MAAM,cAAc,SAAS;IAE7B,qBACE,iBAAC;QAAI,WAAU;;0BACb,gBAAC;gBAAI,WAAU;gBAAO,cAAY,CAAC,QAAQ,EAAE,OAAO,eAAe,CAAC;0BACjE;uBAAI,MAAM;iBAAY,CAAC,GAAG,CAAC,CAAC,GAAG;oBAC9B,IAAI,iBAAiB;oBACrB,IAAI,QAAQ,WACV,iBAAiB;yBACZ,IAAI,UAAU,aAAa,cAAc,GAC9C,iBAAiB,KAAK,KAAK,CAAC,cAAc;oBAG5C,qBACE,gBAAC,CAAA,GAAA,yCAAS;wBAER,WAAW;wBACX,gBAAgB;wBAChB,eAAY;uBAHP;gBAMX;;YAED,gCACC,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;kCACb,cAAA,iBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;;gCAAG;gCAAO;;;;kCAEvD,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCACxC;;;;;;;AAOf","sources":["src/molecules/ratings/ratings.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { RatingTypes } from './type';\nimport { RatingStar } from '../../atoms/rating-star';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../typography';\n\nexport const Ratings: FC<RatingTypes> = ({\n  rating,\n  renderFraction = true,\n  starsSize = 'size-4',\n}) => {\n  const totalStars = 5;\n  const fullStars = Math.floor(rating);\n  const decimalPart = rating % 1;\n\n  return (\n    <div className=\"flex items-center gap-3\">\n      <div className=\"flex\" aria-label={`Rating: ${rating} out of 5 stars`}>\n        {[...Array(totalStars)].map((_, index) => {\n          let fillPercentage = 0;\n          if (index < fullStars) {\n            fillPercentage = 100;\n          } else if (index === fullStars && decimalPart > 0) {\n            fillPercentage = Math.round(decimalPart * 100);\n          }\n\n          return (\n            <RatingStar\n              key={index}\n              className={starsSize}\n              fillPercentage={fillPercentage}\n              aria-hidden=\"true\"\n            />\n          );\n        })}\n      </div>\n      {renderFraction && (\n        <div className=\"item-center flex\">\n          <div className=\"\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P3}>{rating}/</Typography>\n          </div>\n          <div className=\"text-black/60\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P3}>\n              {totalStars}\n            </Typography>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"ratings.7fa69292.js.map"}
+{"mappings":";;;;;;;;;AAKO,MAAM,4CAA2B,CAAC,UACvC,MAAM,kBACN,iBAAiB,iBACjB,YAAY,UACb;IACC,MAAM,aAAa;IACnB,MAAM,YAAY,KAAK,KAAK,CAAC;IAC7B,MAAM,cAAc,SAAS;IAE7B,qBACE,iBAAC;QAAI,WAAU;;0BACb,gBAAC;gBAAI,WAAU;gBAAO,cAAY,CAAC,QAAQ,EAAE,OAAO,eAAe,CAAC;0BACjE;uBAAI,MAAM;iBAAY,CAAC,GAAG,CAAC,CAAC,GAAG;oBAC9B,IAAI,iBAAiB;oBACrB,IAAI,QAAQ,WACV,iBAAiB;yBACZ,IAAI,UAAU,aAAa,cAAc,GAC9C,iBAAiB,KAAK,KAAK,CAAC,cAAc;oBAG5C,qBACE,gBAAC,CAAA,GAAA,yCAAS;wBAER,WAAW;wBACX,gBAAgB;wBAChB,eAAY;uBAHP;gBAMX;;YAED,gCACC,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;kCACb,cAAA,iBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;;gCAAG;gCAAO;;;;kCAEvD,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4BAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sCACxC;;;;;;;AAOf","sources":["src/molecules/ratings/ratings.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { RatingTypes } from './type';\nimport { RatingStar } from '../../atoms/rating-star';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../typography';\n\nexport const Ratings: FC<RatingTypes> = ({\n  rating,\n  renderFraction = true,\n  starsSize = 'size-4',\n}) => {\n  const totalStars = 5;\n  const fullStars = Math.floor(rating);\n  const decimalPart = rating % 1;\n\n  return (\n    <div className=\"flex items-center gap-3\">\n      <div className=\"flex\" aria-label={`Rating: ${rating} out of 5 stars`}>\n        {[...Array(totalStars)].map((_, index) => {\n          let fillPercentage = 0;\n          if (index < fullStars) {\n            fillPercentage = 100;\n          } else if (index === fullStars && decimalPart > 0) {\n            fillPercentage = Math.round(decimalPart * 100);\n          }\n\n          return (\n            <RatingStar\n              key={index}\n              className={starsSize}\n              fillPercentage={fillPercentage}\n              aria-hidden=\"true\"\n            />\n          );\n        })}\n      </div>\n      {renderFraction && (\n        <div className=\"item-center flex\">\n          <div className=\"\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P3}>{rating}/</Typography>\n          </div>\n          <div className=\"text-black/60\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.P3}>\n              {totalStars}\n            </Typography>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"ratings.e5a5eb11.js.map"}

package/{ratings.bc271da9.js → ratings.f943b068.js}

@@ -1,4 +1,4 @@
-var $5563ebe312e5cf8a$exports = require("./ratings.82c4f0f7.js");
+var $5563ebe312e5cf8a$exports = require("./ratings.ca0f2ecc.js");
 var $80cbcf9f2d17b3e0$exports = require("./type.5df64594.js");
 
 
@@ -24,4 +24,4 @@ $parcel$exportWildcard(module.exports, $5563ebe312e5cf8a$exports);
 $parcel$exportWildcard(module.exports, $80cbcf9f2d17b3e0$exports);
 
 
-//# sourceMappingURL=ratings.bc271da9.js.map
+//# sourceMappingURL=ratings.f943b068.js.map

package/{ratings.e017cfec.js.map → ratings.f943b068.js.map}

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

package/{review-card.d32ebcc1.js → review-card.3dffee50.js}

@@ -1,4 +1,4 @@
-var $5e083177c6745d7a$exports = require("./review-card.34430249.js");
+var $5e083177c6745d7a$exports = require("./review-card.8c59ceac.js");
 var $8cf6c32668022fdb$exports = require("./type.95b00953.js");
 
 
@@ -24,4 +24,4 @@ $parcel$exportWildcard(module.exports, $5e083177c6745d7a$exports);
 $parcel$exportWildcard(module.exports, $8cf6c32668022fdb$exports);
 
 
-//# sourceMappingURL=review-card.d32ebcc1.js.map
+//# sourceMappingURL=review-card.3dffee50.js.map

package/{review-card.89f75701.js.map → review-card.3dffee50.js.map}

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

package/{review-card.d4bb9847.js → review-card.87c470b4.js}

@@ -1,7 +1,7 @@
 import {QuoteIcon as $13ac88086827f0cc$export$62bd98fc131b5caa} from "./quote-icon.8d264a7d.js";
 import {TriangleIcon as $99defbd323a3a08b$export$ff0046d52845bf1e} from "./triangle-icon.662f99e6.js";
-import {Typography as $fRvMr$Typography, TYPOGRAPHY_VARIANTS as $fRvMr$TYPOGRAPHY_VARIANTS} from "./molecules.1ee3143a.js";
-import {Ratings as $a748f2c9c8310309$export$63624e0823f82b87} from "./ratings.7fa69292.js";
+import {Typography as $fRvMr$Typography, TYPOGRAPHY_VARIANTS as $fRvMr$TYPOGRAPHY_VARIANTS} from "./molecules.525feebf.js";
+import {Ratings as $a748f2c9c8310309$export$63624e0823f82b87} from "./ratings.e5a5eb11.js";
 import {jsxs as $fRvMr$jsxs, jsx as $fRvMr$jsx} from "react/jsx-runtime";
 import "react";
 import $fRvMr$nextimage from "next/image";
@@ -41,7 +41,9 @@ const $77d693df8ce8c2ca$export$82cac57774882155 = ({ isActive: isActive = false,
                 children: [
                     /*#__PURE__*/ (0, $fRvMr$jsx)("div", {
                         className: "size-16 overflow-hidden rounded-full",
-                        children: /*#__PURE__*/ (0, $fRvMr$jsx)("img", {
+                        children: /*#__PURE__*/ (0, $fRvMr$jsx)((0, $fRvMr$nextimage), {
+                            width: 100,
+                            height: 200,
                             src: personImage,
                             className: "h-full w-full object-cover",
                             alt: `${name}'s image`
@@ -87,4 +89,4 @@ const $77d693df8ce8c2ca$export$82cac57774882155 = ({ isActive: isActive = false,
 
 
 export {$77d693df8ce8c2ca$export$82cac57774882155 as ReviewCard};
-//# sourceMappingURL=review-card.d4bb9847.js.map
+//# sourceMappingURL=review-card.87c470b4.js.map

package/review-card.87c470b4.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAQO,MAAM,4CAAkC,CAAC,YAC9C,WAAW,cACX,KAAK,eACL,WAAW,QACX,IAAI,QACJ,IAAI,UACJ,MAAM,gBACN,YAAY,iBACZ,gBAAgB,6BAChB,mBAAmB,WACpB;IACC,qBACE,iBAAC;;0BACC,iBAAC;gBACC,WAAW,CAAC,yCAAyC,EACnD,WACI,gCACA,kCACJ;;kCAEF,gBAAC,CAAA,GAAA,yCAAQ;wBACP,MAAM,WAAW,SAAS;wBAC1B,WAAU;;kCAEZ,gBAAC;wBAAI,WAAU;kCACZ,MAAM,MAAM,GAAG,MAAM,GAAG,MAAM,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG;;kCAEtD,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,yCAAW;4BACV,MAAM,WAAW,YAAY;4BAC7B,WAAU;;;;;0BAIhB,iBAAC;gBAAI,WAAU;;kCACb,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC,CAAA,GAAA,gBAAI;4BACH,OAAO;4BACP,QAAQ;4BACR,KAAK;4BACL,WAAU;4BACV,KAAK,GAAG,KAAK,QAAQ,CAAC;;;kCAG1B,iBAAC;;0CACC,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;8CAAG;;;0CAEhD,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,KAAK;8CAAG;;;0CAEnD,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,yCAAM;oCAAE,QAAQ;;;4BAElB,8BACC,gBAAC;0CACC,cAAA,gBAAC,CAAA,GAAA,gBAAI;oCACH,KAAI;oCACJ,KAAI;oCACJ,OAAO;oCACP,QAAQ;;;;;;;;;AAQxB","sources":["src/organisms/review-card/review-card.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { QuoteIcon } from '../../atoms/quote-icon';\nimport { TriangleIcon } from '../../atoms/triangle-icon';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport { Ratings } from '../../molecules/ratings/ratings';\nimport Image from 'next/image';\nimport { ReviewCardProps } from './type';\n\nexport const ReviewCard: FC<ReviewCardProps> = ({\n  isActive = false,\n  quote,\n  personImage,\n  name,\n  role,\n  rating,\n  isTrustPilot,\n  quoteIconFill = '#B689E5',\n  triangleIconFill = '#E7DEF1',\n}) => {\n  return (\n    <div>\n      <div\n        className={`relative min-h-60 w-full rounded-sm p-10 ${\n          isActive\n            ? 'bg-purple-400/75 text-white'\n            : 'bg-[#E7DEF1] text-slate-800/95'\n        }`}\n      >\n        <QuoteIcon\n          fill={isActive ? '#FFF' : quoteIconFill}\n          className=\"size-10\"\n        />\n        <div className=\"mt-6\">\n          {quote.length > 150 ? `${quote.slice(0, 150)}...` : quote}\n        </div>\n        <div className=\"absolute -bottom-7 left-12\">\n          <TriangleIcon\n            fill={isActive ? '#D0A3FD' : triangleIconFill}\n            className=\"size-10 rotate-180\"\n          />\n        </div>\n      </div>\n      <div className=\"m-12 flex gap-6\">\n        <div className=\"size-16 overflow-hidden rounded-full\">\n          <Image\n            width={100}\n            height={200}\n            src={personImage}\n            className=\"h-full w-full object-cover\"\n            alt={`${name}'s image`}\n          />\n        </div>\n        <div>\n          <div className=\"font-secondary\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H5}>{name}</Typography>\n          </div>\n          <div className=\"mt-1 text-purple-400/75\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>{role}</Typography>\n          </div>\n          <div className=\"my-3\">\n            <Ratings rating={rating} />\n          </div>\n          {isTrustPilot && (\n            <div>\n              <Image\n                src=\"/trustpilot.png\"\n                alt=\"Company logo\"\n                width={100}\n                height={25}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"review-card.87c470b4.js.map"}

package/{review-card.34430249.js → review-card.8c59ceac.js}

@@ -1,7 +1,7 @@
 var $59bd048e5db07504$exports = require("./quote-icon.67ecd281.js");
 var $2d25ce9c04352737$exports = require("./triangle-icon.8464c552.js");
-var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.js");
-var $5563ebe312e5cf8a$exports = require("./ratings.82c4f0f7.js");
+var $75ff6314b77a3597$exports = require("./molecules.6c6943fd.js");
+var $5563ebe312e5cf8a$exports = require("./ratings.ca0f2ecc.js");
 var $jKS2g$reactjsxruntime = require("react/jsx-runtime");
 require("react");
 var $jKS2g$nextimage = require("next/image");
@@ -51,7 +51,9 @@ const $5e083177c6745d7a$export$82cac57774882155 = ({ isActive: isActive = false,
                 children: [
                     /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)("div", {
                         className: "size-16 overflow-hidden rounded-full",
-                        children: /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)("img", {
+                        children: /*#__PURE__*/ (0, $jKS2g$reactjsxruntime.jsx)((0, ($parcel$interopDefault($jKS2g$nextimage))), {
+                            width: 100,
+                            height: 200,
                             src: personImage,
                             className: "h-full w-full object-cover",
                             alt: `${name}'s image`
@@ -96,4 +98,4 @@ const $5e083177c6745d7a$export$82cac57774882155 = ({ isActive: isActive = false,
 };
 
 
-//# sourceMappingURL=review-card.34430249.js.map
+//# sourceMappingURL=review-card.8c59ceac.js.map

package/review-card.8c59ceac.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,4CAAkC,CAAC,YAC9C,WAAW,cACX,KAAK,eACL,WAAW,QACX,IAAI,QACJ,IAAI,UACJ,MAAM,gBACN,YAAY,iBACZ,gBAAgB,6BAChB,mBAAmB,WACpB;IACC,qBACE,iCAAC;;0BACC,iCAAC;gBACC,WAAW,CAAC,yCAAyC,EACnD,WACI,gCACA,kCACJ;;kCAEF,gCAAC,CAAA,GAAA,mCAAQ;wBACP,MAAM,WAAW,SAAS;wBAC1B,WAAU;;kCAEZ,gCAAC;wBAAI,WAAU;kCACZ,MAAM,MAAM,GAAG,MAAM,GAAG,MAAM,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG;;kCAEtD,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,sCAAW;4BACV,MAAM,WAAW,YAAY;4BAC7B,WAAU;;;;;0BAIhB,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,0CAAI;4BACH,OAAO;4BACP,QAAQ;4BACR,KAAK;4BACL,WAAU;4BACV,KAAK,GAAG,KAAK,QAAQ,CAAC;;;kCAG1B,iCAAC;;0CACC,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CAAG;;;0CAEhD,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8CAAG;;;0CAEnD,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,iCAAM;oCAAE,QAAQ;;;4BAElB,8BACC,gCAAC;0CACC,cAAA,gCAAC,CAAA,GAAA,0CAAI;oCACH,KAAI;oCACJ,KAAI;oCACJ,OAAO;oCACP,QAAQ;;;;;;;;;AAQxB","sources":["src/organisms/review-card/review-card.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { QuoteIcon } from '../../atoms/quote-icon';\nimport { TriangleIcon } from '../../atoms/triangle-icon';\nimport { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport { Ratings } from '../../molecules/ratings/ratings';\nimport Image from 'next/image';\nimport { ReviewCardProps } from './type';\n\nexport const ReviewCard: FC<ReviewCardProps> = ({\n  isActive = false,\n  quote,\n  personImage,\n  name,\n  role,\n  rating,\n  isTrustPilot,\n  quoteIconFill = '#B689E5',\n  triangleIconFill = '#E7DEF1',\n}) => {\n  return (\n    <div>\n      <div\n        className={`relative min-h-60 w-full rounded-sm p-10 ${\n          isActive\n            ? 'bg-purple-400/75 text-white'\n            : 'bg-[#E7DEF1] text-slate-800/95'\n        }`}\n      >\n        <QuoteIcon\n          fill={isActive ? '#FFF' : quoteIconFill}\n          className=\"size-10\"\n        />\n        <div className=\"mt-6\">\n          {quote.length > 150 ? `${quote.slice(0, 150)}...` : quote}\n        </div>\n        <div className=\"absolute -bottom-7 left-12\">\n          <TriangleIcon\n            fill={isActive ? '#D0A3FD' : triangleIconFill}\n            className=\"size-10 rotate-180\"\n          />\n        </div>\n      </div>\n      <div className=\"m-12 flex gap-6\">\n        <div className=\"size-16 overflow-hidden rounded-full\">\n          <Image\n            width={100}\n            height={200}\n            src={personImage}\n            className=\"h-full w-full object-cover\"\n            alt={`${name}'s image`}\n          />\n        </div>\n        <div>\n          <div className=\"font-secondary\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H5}>{name}</Typography>\n          </div>\n          <div className=\"mt-1 text-purple-400/75\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>{role}</Typography>\n          </div>\n          <div className=\"my-3\">\n            <Ratings rating={rating} />\n          </div>\n          {isTrustPilot && (\n            <div>\n              <Image\n                src=\"/trustpilot.png\"\n                alt=\"Company logo\"\n                width={100}\n                height={25}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"review-card.8c59ceac.js.map"}

package/{review-card.89f75701.js → review-card.c37d5e84.js}

@@ -1,4 +1,4 @@
-import {ReviewCard as $77d693df8ce8c2ca$export$82cac57774882155} from "./review-card.d4bb9847.js";
+import {ReviewCard as $77d693df8ce8c2ca$export$82cac57774882155} from "./review-card.87c470b4.js";
 import "./type.1e75766c.js";
 
 
@@ -6,4 +6,4 @@ import "./type.1e75766c.js";
 
 
 export {$77d693df8ce8c2ca$export$82cac57774882155 as ReviewCard};
-//# sourceMappingURL=review-card.89f75701.js.map
+//# sourceMappingURL=review-card.c37d5e84.js.map

package/{review-card.d32ebcc1.js.map → review-card.c37d5e84.js.map}

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

package/section-header.588a7e5b.js

@@ -0,0 +1,82 @@
+import {Badge as $cLW1d$Badge, Button as $cLW1d$Button, BUTTON_SIZES as $cLW1d$BUTTON_SIZES, BUTTON_TYPES as $cLW1d$BUTTON_TYPES, Typography as $cLW1d$Typography, TYPOGRAPHY_VARIANTS as $cLW1d$TYPOGRAPHY_VARIANTS} from "./molecules.525feebf.js";
+import {BADGE_SIZES as $4acf4e9f762a97fb$export$296627efaf99c544, BADGE_TYPES as $4acf4e9f762a97fb$export$d56245647dff9e60} from "./type.525129bf.js";
+import {BreadCrumbs as $cLW1d$BreadCrumbs} from "./breadcrumbs.127e4646.js";
+import {jsx as $cLW1d$jsx, jsxs as $cLW1d$jsxs, Fragment as $cLW1d$Fragment} from "react/jsx-runtime";
+import "react";
+import {ChevronRightIcon as $cLW1d$ChevronRightIcon} from "@heroicons/react/24/solid";
+
+
+
+
+
+
+
+const $91c69c1ec93d187c$export$8adb256d999cd5a0 = ({ heading: heading, subheading: subheading, renderCtaButton: renderCtaButton, btnText: btnText, handleButtonClick: handleButtonClick, btnType: btnType = (0, $cLW1d$BUTTON_TYPES).QUATERNARY, btnIcon: btnIcon = /*#__PURE__*/ (0, $cLW1d$jsx)((0, $cLW1d$ChevronRightIcon), {
+    className: "size-7"
+}), badgeText: badgeText = '', btnOutlined: btnOutlined = false, breadcrumbs: breadcrumbs })=>{
+    return /*#__PURE__*/ (0, $cLW1d$jsxs)((0, $cLW1d$Fragment), {
+        children: [
+            breadcrumbs && /*#__PURE__*/ (0, $cLW1d$jsx)("div", {
+                className: "mb-14",
+                children: /*#__PURE__*/ (0, $cLW1d$jsx)((0, $cLW1d$BreadCrumbs), {
+                    pathname: breadcrumbs
+                })
+            }),
+            /*#__PURE__*/ (0, $cLW1d$jsxs)("div", {
+                className: "flex w-full flex-col items-end justify-between gap-4 lg:flex-row lg:gap-0",
+                children: [
+                    /*#__PURE__*/ (0, $cLW1d$jsxs)("div", {
+                        className: "w-[100%] lg:w-[50%]",
+                        children: [
+                            /*#__PURE__*/ (0, $cLW1d$jsxs)("div", {
+                                className: "flex items-center gap-10",
+                                children: [
+                                    /*#__PURE__*/ (0, $cLW1d$jsx)("div", {
+                                        className: "",
+                                        children: /*#__PURE__*/ (0, $cLW1d$jsx)((0, $cLW1d$Typography), {
+                                            variant: (0, $cLW1d$TYPOGRAPHY_VARIANTS).H2,
+                                            children: heading
+                                        })
+                                    }),
+                                    !!badgeText && /*#__PURE__*/ (0, $cLW1d$jsx)((0, $cLW1d$Badge), {
+                                        label: badgeText,
+                                        type: (0, $4acf4e9f762a97fb$export$d56245647dff9e60).SOLID,
+                                        bgColor: "#B880F1",
+                                        textColor: "white",
+                                        rounded: 20,
+                                        size: (0, $4acf4e9f762a97fb$export$296627efaf99c544).LG
+                                    })
+                                ]
+                            }),
+                            subheading && /*#__PURE__*/ (0, $cLW1d$jsx)("div", {
+                                className: "mt-3 text-black/45",
+                                children: /*#__PURE__*/ (0, $cLW1d$jsx)((0, $cLW1d$Typography), {
+                                    variant: (0, $cLW1d$TYPOGRAPHY_VARIANTS).P1,
+                                    children: subheading
+                                })
+                            })
+                        ]
+                    }),
+                    renderCtaButton && /*#__PURE__*/ (0, $cLW1d$jsx)("div", {
+                        className: "flex w-[100%] justify-start lg:w-[50%] lg:justify-end",
+                        children: /*#__PURE__*/ (0, $cLW1d$jsx)("div", {
+                            className: "w-fit",
+                            children: /*#__PURE__*/ (0, $cLW1d$jsx)((0, $cLW1d$Button), {
+                                outlined: btnOutlined,
+                                type: btnType,
+                                label: btnText,
+                                iconSuffix: btnIcon,
+                                size: (0, $cLW1d$BUTTON_SIZES).MD,
+                                handleOnClick: handleButtonClick
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+export {$91c69c1ec93d187c$export$8adb256d999cd5a0 as SectionHeader};
+//# sourceMappingURL=section-header.588a7e5b.js.map

package/section-header.588a7e5b.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAcO,MAAM,4CAAwC,CAAC,WACpD,OAAO,cACP,UAAU,mBACV,eAAe,WACf,OAAO,qBACP,iBAAiB,WACjB,UAAU,CAAA,GAAA,mBAAW,EAAE,UAAU,WACjC,wBAAU,gBAAC,CAAA,GAAA,uBAAe;IAAE,WAAU;eACtC,YAAY,iBACZ,cAAc,oBACd,WAAW,EACZ;IACC,qBACE;;YACG,6BACC,gBAAC;gBAAI,WAAU;0BACb,cAAA,gBAAC,CAAA,GAAA,kBAAU;oBAAE,UAAU;;;0BAG3B,iBAAC;gBAAI,WAAU;;kCACb,iBAAC;wBAAI,WAAU;;0CACb,iBAAC;gCAAI,WAAU;;kDACb,gBAAC;wCAAI,WAAU;kDACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;4CAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;sDACxC;;;oCAGJ,CAAC,CAAC,2BACD,gBAAC,CAAA,GAAA,YAAI;wCACH,OAAO;wCACP,MAAM,CAAA,GAAA,yCAAU,EAAE,KAAK;wCACvB,SAAQ;wCACR,WAAU;wCACV,SAAS;wCACT,MAAM,CAAA,GAAA,yCAAU,EAAE,EAAE;;;;4BAIzB,4BACC,gBAAC;gCAAI,WAAU;0CACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;oCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;8CACxC;;;;;oBAKR,iCACC,gBAAC;wBAAI,WAAU;kCACb,cAAA,gBAAC;4BAAI,WAAU;sCACb,cAAA,gBAAC,CAAA,GAAA,aAAK;gCACJ,UAAU;gCACV,MAAM;gCACN,OAAO;gCACP,YAAY;gCACZ,MAAM,CAAA,GAAA,mBAAW,EAAE,EAAE;gCACrB,eAAe;;;;;;;;AAQ/B","sources":["src/organisms/section-header/section-header.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport React, { FC } from 'react';\nimport { SectionHeaderProps } from './type';\nimport { ChevronRightIcon } from '@heroicons/react/24/solid';\nimport { BADGE_SIZES, BADGE_TYPES } from '../../molecules/badge/type';\nimport { BreadCrumbs } from '../../molecules/breadcrumbs';\n\nexport const SectionHeader: FC<SectionHeaderProps> = ({\n  heading,\n  subheading,\n  renderCtaButton,\n  btnText,\n  handleButtonClick,\n  btnType = BUTTON_TYPES.QUATERNARY,\n  btnIcon = <ChevronRightIcon className=\"size-7\" />,\n  badgeText = '',\n  btnOutlined = false,\n  breadcrumbs,\n}) => {\n  return (\n    <>\n      {breadcrumbs && (\n        <div className=\"mb-14\">\n          <BreadCrumbs pathname={breadcrumbs} />\n        </div>\n      )}\n      <div className=\"flex w-full flex-col items-end justify-between gap-4 lg:flex-row lg:gap-0\">\n        <div className=\"w-[100%] lg:w-[50%]\">\n          <div className=\"flex items-center gap-10\">\n            <div className=\"\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.H2}>\n                {heading}\n              </Typography>\n            </div>\n            {!!badgeText && (\n              <Badge\n                label={badgeText}\n                type={BADGE_TYPES.SOLID}\n                bgColor=\"#B880F1\"\n                textColor=\"white\"\n                rounded={20}\n                size={BADGE_SIZES.LG}\n              />\n            )}\n          </div>\n          {subheading && (\n            <div className=\"mt-3 text-black/45\">\n              <Typography variant={TYPOGRAPHY_VARIANTS.P1}>\n                {subheading}\n              </Typography>\n            </div>\n          )}\n        </div>\n        {renderCtaButton && (\n          <div className=\"flex w-[100%] justify-start lg:w-[50%] lg:justify-end\">\n            <div className=\"w-fit\">\n              <Button\n                outlined={btnOutlined}\n                type={btnType}\n                label={btnText}\n                iconSuffix={btnIcon}\n                size={BUTTON_SIZES.MD}\n                handleOnClick={handleButtonClick}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n"],"names":[],"version":3,"file":"section-header.588a7e5b.js.map"}

package/{section-header.82cfac0f.js → section-header.bbecc2f7.js}

@@ -1,4 +1,4 @@
-import {SectionHeader as $91c69c1ec93d187c$export$8adb256d999cd5a0} from "./section-header.0fb31ee9.js";
+import {SectionHeader as $91c69c1ec93d187c$export$8adb256d999cd5a0} from "./section-header.588a7e5b.js";
 import "./type.6ee5aac6.js";
 
 
@@ -6,4 +6,4 @@ import "./type.6ee5aac6.js";
 
 
 export {$91c69c1ec93d187c$export$8adb256d999cd5a0 as SectionHeader};
-//# sourceMappingURL=section-header.82cfac0f.js.map
+//# sourceMappingURL=section-header.bbecc2f7.js.map

package/{section-header.5a3199f1.js.map → section-header.bbecc2f7.js.map}

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

package/{section-header.5a3199f1.js → section-header.e2770e63.js}

@@ -1,4 +1,4 @@
-var $1bb7dd2997bb83df$exports = require("./section-header.7eb72f04.js");
+var $1bb7dd2997bb83df$exports = require("./section-header.e3b6ad57.js");
 var $4f0a96f0abae99ea$exports = require("./type.3c6fb1f5.js");
 
 
@@ -24,4 +24,4 @@ $parcel$exportWildcard(module.exports, $1bb7dd2997bb83df$exports);
 $parcel$exportWildcard(module.exports, $4f0a96f0abae99ea$exports);
 
 
-//# sourceMappingURL=section-header.5a3199f1.js.map
+//# sourceMappingURL=section-header.e2770e63.js.map

package/{section-header.82cfac0f.js.map → section-header.e2770e63.js.map}

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