@appcorp/kismaa-web-ui 0.1.2 → 0.1.4

package/pagination.f53df579.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.dbeec2dc.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.f53df579.js.map

package/pagination.f53df579.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.f53df579.js.map"}

package/rating-star.1e6963f0.js

@@ -0,0 +1,36 @@
+import {jsxs as $5Jmqv$jsxs, jsx as $5Jmqv$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+const $8e82e13041647fde$export$d22c29c9a4f5b412 = ({ className: className = '', fillPercentage: fillPercentage, fillColor: fillColor = '#FFC633', emptyColor: emptyColor = '#D1D5DB' })=>/*#__PURE__*/ (0, $5Jmqv$jsxs)("svg", {
+        viewBox: "0 0 18 17",
+        className: className,
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ (0, $5Jmqv$jsx)("mask", {
+                id: `star-mask-${fillPercentage}`,
+                children: /*#__PURE__*/ (0, $5Jmqv$jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: `${fillPercentage}%`,
+                    height: "100%",
+                    fill: "white"
+                })
+            }),
+            /*#__PURE__*/ (0, $5Jmqv$jsx)("path", {
+                d: "M9.14631 0L11.7655 5.63991L17.9388 6.38809L13.3843 10.6219L14.5803 16.7243L9.14631 13.701L3.71227 16.7243L4.90834 10.6219L0.353847 6.38809L6.5271 5.63991L9.14631 0Z",
+                fill: emptyColor
+            }),
+            /*#__PURE__*/ (0, $5Jmqv$jsx)("path", {
+                d: "M9.14631 0L11.7655 5.63991L17.9388 6.38809L13.3843 10.6219L14.5803 16.7243L9.14631 13.701L3.71227 16.7243L4.90834 10.6219L0.353847 6.38809L6.5271 5.63991L9.14631 0Z",
+                fill: fillColor,
+                mask: `url(#star-mask-${fillPercentage})`
+            })
+        ]
+    });
+
+
+export {$8e82e13041647fde$export$d22c29c9a4f5b412 as RatingStar};
+//# sourceMappingURL=rating-star.1e6963f0.js.map

package/rating-star.1e6963f0.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AASO,MAAM,4CAAwC,CAAC,aACpD,YAAY,oBACZ,cAAc,aACd,YAAY,uBACZ,aAAa,WACd,iBACC,iBAAC;QACC,SAAQ;QACR,WAAW;QACX,MAAK;QACL,OAAM;;0BAEN,gBAAC;gBAAK,IAAI,CAAC,UAAU,EAAE,gBAAgB;0BACrC,cAAA,gBAAC;oBACC,GAAE;oBACF,GAAE;oBACF,OAAO,GAAG,eAAe,CAAC,CAAC;oBAC3B,QAAO;oBACP,MAAK;;;0BAGT,gBAAC;gBACC,GAAE;gBACF,MAAM;;0BAER,gBAAC;gBACC,GAAE;gBACF,MAAM;gBACN,MAAM,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC","sources":["src/atoms/rating-star.tsx"],"sourcesContent":["import * as React from 'react';\n\ninterface RatingStarProps {\n  className?: string;\n  fillPercentage: number;\n  fillColor?: string;\n  emptyColor?: string;\n}\n\nexport const RatingStar: React.FC<RatingStarProps> = ({\n  className = '',\n  fillPercentage,\n  fillColor = '#FFC633',\n  emptyColor = '#D1D5DB',\n}) => (\n  <svg\n    viewBox=\"0 0 18 17\"\n    className={className}\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <mask id={`star-mask-${fillPercentage}`}>\n      <rect\n        x=\"0\"\n        y=\"0\"\n        width={`${fillPercentage}%`}\n        height=\"100%\"\n        fill=\"white\"\n      />\n    </mask>\n    <path\n      d=\"M9.14631 0L11.7655 5.63991L17.9388 6.38809L13.3843 10.6219L14.5803 16.7243L9.14631 13.701L3.71227 16.7243L4.90834 10.6219L0.353847 6.38809L6.5271 5.63991L9.14631 0Z\"\n      fill={emptyColor}\n    />\n    <path\n      d=\"M9.14631 0L11.7655 5.63991L17.9388 6.38809L13.3843 10.6219L14.5803 16.7243L9.14631 13.701L3.71227 16.7243L4.90834 10.6219L0.353847 6.38809L6.5271 5.63991L9.14631 0Z\"\n      fill={fillColor}\n      mask={`url(#star-mask-${fillPercentage})`}\n    />\n  </svg>\n);\n"],"names":[],"version":3,"file":"rating-star.1e6963f0.js.map"}

package/{rating-star.1430243d.js → rating-star.e821106c.js}

@@ -15,31 +15,27 @@ const $bc6b5d10bacf9b12$export$d22c29c9a4f5b412 = ({ className: className = '',
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-            /*#__PURE__*/ (0, $5A1sN$reactjsxruntime.jsx)("defs", {
-                children: /*#__PURE__*/ (0, $5A1sN$reactjsxruntime.jsxs)("linearGradient", {
-                    id: `partialFill-${fillPercentage}`,
-                    x1: "0%",
-                    y1: "0%",
-                    x2: "100%",
-                    y2: "0%",
-                    children: [
-                        /*#__PURE__*/ (0, $5A1sN$reactjsxruntime.jsx)("stop", {
-                            offset: `${fillPercentage}%`,
-                            stopColor: fillColor
-                        }),
-                        /*#__PURE__*/ (0, $5A1sN$reactjsxruntime.jsx)("stop", {
-                            offset: `${fillPercentage}%`,
-                            stopColor: emptyColor
-                        })
-                    ]
+            /*#__PURE__*/ (0, $5A1sN$reactjsxruntime.jsx)("mask", {
+                id: `star-mask-${fillPercentage}`,
+                children: /*#__PURE__*/ (0, $5A1sN$reactjsxruntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: `${fillPercentage}%`,
+                    height: "100%",
+                    fill: "white"
                 })
             }),
             /*#__PURE__*/ (0, $5A1sN$reactjsxruntime.jsx)("path", {
                 d: "M9.14631 0L11.7655 5.63991L17.9388 6.38809L13.3843 10.6219L14.5803 16.7243L9.14631 13.701L3.71227 16.7243L4.90834 10.6219L0.353847 6.38809L6.5271 5.63991L9.14631 0Z",
-                fill: `url(#partialFill-${fillPercentage})`
+                fill: emptyColor
+            }),
+            /*#__PURE__*/ (0, $5A1sN$reactjsxruntime.jsx)("path", {
+                d: "M9.14631 0L11.7655 5.63991L17.9388 6.38809L13.3843 10.6219L14.5803 16.7243L9.14631 13.701L3.71227 16.7243L4.90834 10.6219L0.353847 6.38809L6.5271 5.63991L9.14631 0Z",
+                fill: fillColor,
+                mask: `url(#star-mask-${fillPercentage})`
             })
         ]
     });
 
 
-//# sourceMappingURL=rating-star.1430243d.js.map
+//# sourceMappingURL=rating-star.e821106c.js.map

package/rating-star.e821106c.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AASO,MAAM,4CAAwC,CAAC,aACpD,YAAY,oBACZ,cAAc,aACd,YAAY,uBACZ,aAAa,WACd,iBACC,iCAAC;QACC,SAAQ;QACR,WAAW;QACX,MAAK;QACL,OAAM;;0BAEN,gCAAC;gBAAK,IAAI,CAAC,UAAU,EAAE,gBAAgB;0BACrC,cAAA,gCAAC;oBACC,GAAE;oBACF,GAAE;oBACF,OAAO,GAAG,eAAe,CAAC,CAAC;oBAC3B,QAAO;oBACP,MAAK;;;0BAGT,gCAAC;gBACC,GAAE;gBACF,MAAM;;0BAER,gCAAC;gBACC,GAAE;gBACF,MAAM;gBACN,MAAM,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC","sources":["src/atoms/rating-star.tsx"],"sourcesContent":["import * as React from 'react';\n\ninterface RatingStarProps {\n  className?: string;\n  fillPercentage: number;\n  fillColor?: string;\n  emptyColor?: string;\n}\n\nexport const RatingStar: React.FC<RatingStarProps> = ({\n  className = '',\n  fillPercentage,\n  fillColor = '#FFC633',\n  emptyColor = '#D1D5DB',\n}) => (\n  <svg\n    viewBox=\"0 0 18 17\"\n    className={className}\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <mask id={`star-mask-${fillPercentage}`}>\n      <rect\n        x=\"0\"\n        y=\"0\"\n        width={`${fillPercentage}%`}\n        height=\"100%\"\n        fill=\"white\"\n      />\n    </mask>\n    <path\n      d=\"M9.14631 0L11.7655 5.63991L17.9388 6.38809L13.3843 10.6219L14.5803 16.7243L9.14631 13.701L3.71227 16.7243L4.90834 10.6219L0.353847 6.38809L6.5271 5.63991L9.14631 0Z\"\n      fill={emptyColor}\n    />\n    <path\n      d=\"M9.14631 0L11.7655 5.63991L17.9388 6.38809L13.3843 10.6219L14.5803 16.7243L9.14631 13.701L3.71227 16.7243L4.90834 10.6219L0.353847 6.38809L6.5271 5.63991L9.14631 0Z\"\n      fill={fillColor}\n      mask={`url(#star-mask-${fillPercentage})`}\n    />\n  </svg>\n);\n"],"names":[],"version":3,"file":"rating-star.e821106c.js.map"}

package/{ratings.82c4f0f7.js → ratings.45def69f.js}

@@ -1,5 +1,5 @@
-var $bc6b5d10bacf9b12$exports = require("./rating-star.1430243d.js");
-var $8444647316629dd8$exports = require("./typography.aa7e3a61.js");
+var $bc6b5d10bacf9b12$exports = require("./rating-star.e821106c.js");
+var $8444647316629dd8$exports = require("./typography.1e66e861.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.45def69f.js.map

package/ratings.45def69f.js.map

@@ -0,0 +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;IAC7B,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  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.45def69f.js.map"}

package/{ratings.e017cfec.js → ratings.7338fdf7.js}

@@ -1,4 +1,4 @@
-import {Ratings as $a748f2c9c8310309$export$63624e0823f82b87} from "./ratings.7fa69292.js";
+import {Ratings as $a748f2c9c8310309$export$63624e0823f82b87} from "./ratings.8f7f5f25.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.7338fdf7.js.map

package/{ratings.bc271da9.js.map → ratings.7338fdf7.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.7338fdf7.js.map"}

package/{ratings.7fa69292.js → ratings.8f7f5f25.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 {RatingStar as $8e82e13041647fde$export$d22c29c9a4f5b412} from "./rating-star.1e6963f0.js";
+import {Typography as $d2za5$Typography, TYPOGRAPHY_VARIANTS as $d2za5$TYPOGRAPHY_VARIANTS} from "./typography.5ec7fe57.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.8f7f5f25.js.map

package/ratings.8f7f5f25.js.map

@@ -0,0 +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;IAC7B,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  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.8f7f5f25.js.map"}

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

@@ -1,4 +1,4 @@
-var $5563ebe312e5cf8a$exports = require("./ratings.82c4f0f7.js");
+var $5563ebe312e5cf8a$exports = require("./ratings.45def69f.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.f221bf4d.js.map

package/{ratings.e017cfec.js.map → ratings.f221bf4d.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.f221bf4d.js.map"}

package/{review-card.d4bb9847.js → review-card.6f537587.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.dbeec2dc.js";
+import {Ratings as $a748f2c9c8310309$export$63624e0823f82b87} from "./ratings.8f7f5f25.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.6f537587.js.map

package/review-card.6f537587.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.6f537587.js.map"}

package/{review-card.d32ebcc1.js → review-card.af71b6c1.js}

@@ -1,4 +1,4 @@
-var $5e083177c6745d7a$exports = require("./review-card.34430249.js");
+var $5e083177c6745d7a$exports = require("./review-card.bbd5bf69.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.af71b6c1.js.map

package/{review-card.89f75701.js.map → review-card.af71b6c1.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.af71b6c1.js.map"}

package/{review-card.34430249.js → review-card.bbd5bf69.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.a0ab4a41.js");
+var $5563ebe312e5cf8a$exports = require("./ratings.45def69f.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.bbd5bf69.js.map

package/review-card.bbd5bf69.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.bbd5bf69.js.map"}

package/{review-card.89f75701.js → review-card.ce503af7.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.6f537587.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.ce503af7.js.map

package/{review-card.d32ebcc1.js.map → review-card.ce503af7.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.ce503af7.js.map"}

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

@@ -1,4 +1,4 @@
-var $1bb7dd2997bb83df$exports = require("./section-header.7eb72f04.js");
+var $1bb7dd2997bb83df$exports = require("./section-header.df4329cf.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.7326a95c.js.map

package/{section-header.5a3199f1.js.map → section-header.7326a95c.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.7326a95c.js.map"}

package/section-header.99b67de3.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.dbeec2dc.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.99b67de3.js.map

package/section-header.99b67de3.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.99b67de3.js.map"}

package/{section-header.82cfac0f.js → section-header.9f85c725.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.99b67de3.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.9f85c725.js.map

package/{section-header.82cfac0f.js.map → section-header.9f85c725.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.9f85c725.js.map"}

package/section-header.df4329cf.js

@@ -0,0 +1,87 @@
+var $75ff6314b77a3597$exports = require("./molecules.a0ab4a41.js");
+var $3fc68f5c881da3e1$exports = require("./type.fe8fbc9e.js");
+var $7a6bf1f0f8d11d8a$exports = require("./breadcrumbs.11239bca.js");
+var $e7rO7$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+var $e7rO7$heroiconsreact24solid = require("@heroicons/react/24/solid");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "SectionHeader", () => $1bb7dd2997bb83df$export$8adb256d999cd5a0);
+
+
+
+
+
+
+const $1bb7dd2997bb83df$export$8adb256d999cd5a0 = ({ heading: heading, subheading: subheading, renderCtaButton: renderCtaButton, btnText: btnText, handleButtonClick: handleButtonClick, btnType: btnType = (0, $75ff6314b77a3597$exports.BUTTON_TYPES).QUATERNARY, btnIcon: btnIcon = /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)((0, $e7rO7$heroiconsreact24solid.ChevronRightIcon), {
+    className: "size-7"
+}), badgeText: badgeText = '', btnOutlined: btnOutlined = false, breadcrumbs: breadcrumbs })=>{
+    return /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsxs)((0, $e7rO7$reactjsxruntime.Fragment), {
+        children: [
+            breadcrumbs && /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)("div", {
+                className: "mb-14",
+                children: /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)((0, $7a6bf1f0f8d11d8a$exports.BreadCrumbs), {
+                    pathname: breadcrumbs
+                })
+            }),
+            /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsxs)("div", {
+                className: "flex w-full flex-col items-end justify-between gap-4 lg:flex-row lg:gap-0",
+                children: [
+                    /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsxs)("div", {
+                        className: "w-[100%] lg:w-[50%]",
+                        children: [
+                            /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsxs)("div", {
+                                className: "flex items-center gap-10",
+                                children: [
+                                    /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)("div", {
+                                        className: "",
+                                        children: /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                            variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H2,
+                                            children: heading
+                                        })
+                                    }),
+                                    !!badgeText && /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Badge), {
+                                        label: badgeText,
+                                        type: (0, $3fc68f5c881da3e1$exports.BADGE_TYPES).SOLID,
+                                        bgColor: "#B880F1",
+                                        textColor: "white",
+                                        rounded: 20,
+                                        size: (0, $3fc68f5c881da3e1$exports.BADGE_SIZES).LG
+                                    })
+                                ]
+                            }),
+                            subheading && /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)("div", {
+                                className: "mt-3 text-black/45",
+                                children: /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).P1,
+                                    children: subheading
+                                })
+                            })
+                        ]
+                    }),
+                    renderCtaButton && /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)("div", {
+                        className: "flex w-[100%] justify-start lg:w-[50%] lg:justify-end",
+                        children: /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)("div", {
+                            className: "w-fit",
+                            children: /*#__PURE__*/ (0, $e7rO7$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
+                                outlined: btnOutlined,
+                                type: btnType,
+                                label: btnText,
+                                iconSuffix: btnIcon,
+                                size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).MD,
+                                handleOnClick: handleButtonClick
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=section-header.df4329cf.js.map

package/section-header.df4329cf.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;AAcO,MAAM,4CAAwC,CAAC,WACpD,OAAO,cACP,UAAU,mBACV,eAAe,WACf,OAAO,qBACP,iBAAiB,WACjB,UAAU,CAAA,GAAA,sCAAW,EAAE,UAAU,WACjC,wBAAU,gCAAC,CAAA,GAAA,6CAAe;IAAE,WAAU;eACtC,YAAY,iBACZ,cAAc,oBACd,WAAW,EACZ;IACC,qBACE;;YACG,6BACC,gCAAC;gBAAI,WAAU;0BACb,cAAA,gCAAC,CAAA,GAAA,qCAAU;oBAAE,UAAU;;;0BAG3B,iCAAC;gBAAI,WAAU;;kCACb,iCAAC;wBAAI,WAAU;;0CACb,iCAAC;gCAAI,WAAU;;kDACb,gCAAC;wCAAI,WAAU;kDACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4CAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;sDACxC;;;oCAGJ,CAAC,CAAC,2BACD,gCAAC,CAAA,GAAA,+BAAI;wCACH,OAAO;wCACP,MAAM,CAAA,GAAA,qCAAU,EAAE,KAAK;wCACvB,SAAQ;wCACR,WAAU;wCACV,SAAS;wCACT,MAAM,CAAA,GAAA,qCAAU,EAAE,EAAE;;;;4BAIzB,4BACC,gCAAC;gCAAI,WAAU;0CACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;8CACxC;;;;;oBAKR,iCACC,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,gCAAK;gCACJ,UAAU;gCACV,MAAM;gCACN,OAAO;gCACP,YAAY;gCACZ,MAAM,CAAA,GAAA,sCAAW,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.df4329cf.js.map"}

package/stat-card.2c0b0f3a.js

@@ -0,0 +1,9 @@
+import {StatCard as $ce733267d2974041$export$b5cddb1a6bf990a0} from "./stat-card.4cf99023.js";
+import "./type.2f438c65.js";
+
+
+
+
+
+export {$ce733267d2974041$export$b5cddb1a6bf990a0 as StatCard};
+//# sourceMappingURL=stat-card.2c0b0f3a.js.map

package/stat-card.2c0b0f3a.js.map

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