@appcorp/kismaa-web-ui 0.1.1

package/onboarding-steps.166da9ae.js

@@ -0,0 +1,84 @@
+import {Typography as $9u9aa$Typography, TYPOGRAPHY_VARIANTS as $9u9aa$TYPOGRAPHY_VARIANTS} from "./molecules.1ee3143a.js";
+import {OnboardingStepCard as $008f8db7f39e0cee$export$11a254717886792f} from "./onboarding-step-card.a6bafb48.js";
+import {ONBOARDING_BTN_TYPES as $fe07776ee566a102$export$356cd3ceac6ccc1f} from "./type.53130166.js";
+import {OnboardingTrack as $b3b2f5cc373419eb$export$b30b305eb9feb5ed} from "./onboarding-track.e55f9898.js";
+import {jsx as $9u9aa$jsx, jsxs as $9u9aa$jsxs} from "react/jsx-runtime";
+import $9u9aa$react from "react";
+
+
+
+
+
+
+
+const $9232a7829ecfae0a$export$d7114b4b3a61bbba = ({ stepsData: stepsData, heading: heading, subheading: subheading })=>{
+    return /*#__PURE__*/ (0, $9u9aa$jsx)("div", {
+        className: "bg-gray-100",
+        children: /*#__PURE__*/ (0, $9u9aa$jsxs)("div", {
+            className: "kismaa-section-spacing kismaa-container",
+            children: [
+                /*#__PURE__*/ (0, $9u9aa$jsxs)("div", {
+                    className: "mb-8 text-center",
+                    children: [
+                        /*#__PURE__*/ (0, $9u9aa$jsx)("div", {
+                            className: "text-gray-800",
+                            children: /*#__PURE__*/ (0, $9u9aa$jsx)((0, $9u9aa$Typography), {
+                                variant: (0, $9u9aa$TYPOGRAPHY_VARIANTS).H2,
+                                children: heading
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $9u9aa$jsx)("div", {
+                            className: "mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[60%]",
+                            children: /*#__PURE__*/ (0, $9u9aa$jsx)((0, $9u9aa$Typography), {
+                                variant: (0, $9u9aa$TYPOGRAPHY_VARIANTS).SUBH4,
+                                children: subheading
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $9u9aa$jsx)("div", {
+                    className: "mt-16 flex flex-col justify-between gap-10 lg:flex-row lg:gap-0",
+                    children: stepsData.map((step, index)=>/*#__PURE__*/ (0, $9u9aa$jsxs)((0, $9u9aa$react).Fragment, {
+                            children: [
+                                /*#__PURE__*/ (0, $9u9aa$jsx)("div", {
+                                    children: step.btnType === (0, $fe07776ee566a102$export$356cd3ceac6ccc1f).BUTTON ? /*#__PURE__*/ (0, $9u9aa$jsx)((0, $008f8db7f39e0cee$export$11a254717886792f), {
+                                        title: step.title,
+                                        description: step.description,
+                                        buttonText: step.buttonText,
+                                        onButtonClick: step.onButtonClick,
+                                        headerIcon: step.headerIcon,
+                                        btnType: step.btnType
+                                    }) : /*#__PURE__*/ (0, $9u9aa$jsx)((0, $008f8db7f39e0cee$export$11a254717886792f), {
+                                        title: step.title,
+                                        description: step.description,
+                                        headerIcon: step.headerIcon,
+                                        btnType: step.btnType,
+                                        comboInputOnChange: step.comboInputOnChange || (()=>{}),
+                                        comboOnBlur: step.comboOnBlur || (()=>{}),
+                                        comboOnChange: step.comboOnChange || (()=>{}),
+                                        comboLabel: step.comboLabel || '',
+                                        comboSelectedItem: step.comboSelectedItem || null,
+                                        comboListItems: step.comboListItems || [],
+                                        nodeQueryKey: step.nodeQueryKey || '',
+                                        nodeSelectKey: step.nodeSelectKey || '',
+                                        comboQuery: step.comboQuery || '',
+                                        comboSelectKey1: step.comboSelectKey1 || ''
+                                    })
+                                }),
+                                index < stepsData.length - 1 && /*#__PURE__*/ (0, $9u9aa$jsx)("div", {
+                                    className: "-mx-14 mt-20 hidden lg:block",
+                                    children: /*#__PURE__*/ (0, $9u9aa$jsx)((0, $b3b2f5cc373419eb$export$b30b305eb9feb5ed), {
+                                        className: `w-44 ${index % 2 !== 0 ? 'rotate-180' : ''}`
+                                    })
+                                })
+                            ]
+                        }, index))
+                })
+            ]
+        })
+    });
+};
+
+
+export {$9232a7829ecfae0a$export$d7114b4b3a61bbba as OnboardingSteps};
+//# sourceMappingURL=onboarding-steps.166da9ae.js.map

package/onboarding-steps.166da9ae.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAOO,MAAM,4CAA4C,CAAC,aACxD,SAAS,WACT,OAAO,cACP,UAAU,EACX;IACC,qBACE,gBAAC;QAAI,WAAU;kBACb,cAAA,iBAAC;YAAI,WAAU;;8BACb,iBAAC;oBAAI,WAAU;;sCACb,gBAAC;4BAAI,WAAU;sCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,EAAE;0CAAG;;;sCAEhD,gBAAC;4BAAI,WAAU;sCACb,cAAA,gBAAC,CAAA,GAAA,iBAAS;gCAAE,SAAS,CAAA,GAAA,0BAAkB,EAAE,KAAK;0CAC3C;;;;;8BAIP,gBAAC;oBAAI,WAAU;8BACZ,UAAU,GAAG,CAAC,CAAC,MAAM,sBACpB,iBAAC,CAAA,GAAA,YAAI,EAAE,QAAQ;;8CACb,gBAAC;8CACE,KAAK,OAAO,KAAK,CAAA,GAAA,yCAAmB,EAAE,MAAM,iBAC3C,gBAAC,CAAA,GAAA,yCAAiB;wCAChB,OAAO,KAAK,KAAK;wCACjB,aAAa,KAAK,WAAW;wCAC7B,YAAY,KAAK,UAAU;wCAC3B,eAAe,KAAK,aAAa;wCACjC,YAAY,KAAK,UAAU;wCAC3B,SAAS,KAAK,OAAO;uDAGvB,gBAAC,CAAA,GAAA,yCAAiB;wCAChB,OAAO,KAAK,KAAK;wCACjB,aAAa,KAAK,WAAW;wCAC7B,YAAY,KAAK,UAAU;wCAC3B,SAAS,KAAK,OAAO;wCACrB,oBAAoB,KAAK,kBAAkB,IAAK,CAAA,KAAO,CAAA;wCACvD,aAAa,KAAK,WAAW,IAAK,CAAA,KAAO,CAAA;wCACzC,eAAe,KAAK,aAAa,IAAK,CAAA,KAAO,CAAA;wCAC7C,YAAY,KAAK,UAAU,IAAI;wCAC/B,mBAAmB,KAAK,iBAAiB,IAAI;wCAC7C,gBAAgB,KAAK,cAAc,IAAI,EAAE;wCACzC,cAAc,KAAK,YAAY,IAAI;wCACnC,eAAe,KAAK,aAAa,IAAI;wCACrC,YAAY,KAAK,UAAU,IAAI;wCAC/B,iBAAiB,KAAK,eAAe,IAAI;;;gCAI9C,QAAQ,UAAU,MAAM,GAAG,mBAC1B,gBAAC;oCAAI,WAAU;8CACb,cAAA,gBAAC,CAAA,GAAA,yCAAc;wCACb,WAAW,CAAC,KAAK,EAAE,QAAQ,MAAM,IAAI,eAAe,IAAI;;;;2BAjC3C;;;;;AA2CjC","sources":["src/organisms/onboarding-steps/onboarding-steps.tsx"],"sourcesContent":["import { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport React, { FC } from 'react';\nimport { OnboardingStepCard } from '../onboarding-step-card/onboarding-step-card';\nimport { ONBOARDING_BTN_TYPES } from '../onboarding-step-card/type';\nimport { OnboardingTrack } from '../../atoms/onboarding-track';\nimport { OnboardingStepsTypes } from './type';\n\nexport const OnboardingSteps: FC<OnboardingStepsTypes> = ({\n  stepsData,\n  heading,\n  subheading,\n}) => {\n  return (\n    <div className=\"bg-gray-100\">\n      <div className=\"kismaa-section-spacing kismaa-container\">\n        <div className=\"mb-8 text-center\">\n          <div className=\"text-gray-800\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H2}>{heading}</Typography>\n          </div>\n          <div className=\"mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[60%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n              {subheading}\n            </Typography>\n          </div>\n        </div>\n        <div className=\"mt-16 flex flex-col justify-between gap-10 lg:flex-row lg:gap-0\">\n          {stepsData.map((step, index) => (\n            <React.Fragment key={index}>\n              <div>\n                {step.btnType === ONBOARDING_BTN_TYPES.BUTTON ? (\n                  <OnboardingStepCard\n                    title={step.title}\n                    description={step.description}\n                    buttonText={step.buttonText}\n                    onButtonClick={step.onButtonClick}\n                    headerIcon={step.headerIcon}\n                    btnType={step.btnType}\n                  />\n                ) : (\n                  <OnboardingStepCard\n                    title={step.title}\n                    description={step.description}\n                    headerIcon={step.headerIcon}\n                    btnType={step.btnType}\n                    comboInputOnChange={step.comboInputOnChange || (() => {})}\n                    comboOnBlur={step.comboOnBlur || (() => {})}\n                    comboOnChange={step.comboOnChange || (() => {})}\n                    comboLabel={step.comboLabel || ''}\n                    comboSelectedItem={step.comboSelectedItem || null}\n                    comboListItems={step.comboListItems || []}\n                    nodeQueryKey={step.nodeQueryKey || ''}\n                    nodeSelectKey={step.nodeSelectKey || ''}\n                    comboQuery={step.comboQuery || ''}\n                    comboSelectKey1={step.comboSelectKey1 || ''}\n                  />\n                )}\n              </div>\n              {index < stepsData.length - 1 && (\n                <div className=\"-mx-14 mt-20 hidden lg:block\">\n                  <OnboardingTrack\n                    className={`w-44 ${index % 2 !== 0 ? 'rotate-180' : ''}`}\n                  />\n                </div>\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"onboarding-steps.166da9ae.js.map"}

package/onboarding-steps.bdf42853.js

@@ -0,0 +1,27 @@
+var $4685853a0f2d9fd0$exports = require("./onboarding-steps.eaf57aa1.js");
+var $5dcbd18caa3f45ac$exports = require("./type.376153d3.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, $4685853a0f2d9fd0$exports);
+$parcel$exportWildcard(module.exports, $5dcbd18caa3f45ac$exports);
+
+
+//# sourceMappingURL=onboarding-steps.bdf42853.js.map

package/onboarding-steps.bdf42853.js.map

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

package/onboarding-steps.eaf57aa1.js

@@ -0,0 +1,93 @@
+var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.js");
+var $8ece84e733854ef8$exports = require("./onboarding-step-card.883f89ad.js");
+var $52219a87c23fdfd8$exports = require("./type.65c54ecd.js");
+var $95d9a893c0c4c663$exports = require("./onboarding-track.0ee2ca59.js");
+var $agwiJ$reactjsxruntime = require("react/jsx-runtime");
+var $agwiJ$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "OnboardingSteps", () => $4685853a0f2d9fd0$export$d7114b4b3a61bbba);
+
+
+
+
+
+
+const $4685853a0f2d9fd0$export$d7114b4b3a61bbba = ({ stepsData: stepsData, heading: heading, subheading: subheading })=>{
+    return /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("div", {
+        className: "bg-gray-100",
+        children: /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsxs)("div", {
+            className: "kismaa-section-spacing kismaa-container",
+            children: [
+                /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsxs)("div", {
+                    className: "mb-8 text-center",
+                    children: [
+                        /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("div", {
+                            className: "text-gray-800",
+                            children: /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).H2,
+                                children: heading
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("div", {
+                            className: "mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[60%]",
+                            children: /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
+                                variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH4,
+                                children: subheading
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("div", {
+                    className: "mt-16 flex flex-col justify-between gap-10 lg:flex-row lg:gap-0",
+                    children: stepsData.map((step, index)=>/*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($agwiJ$react))).Fragment, {
+                            children: [
+                                /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("div", {
+                                    children: step.btnType === (0, $52219a87c23fdfd8$exports.ONBOARDING_BTN_TYPES).BUTTON ? /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)((0, $8ece84e733854ef8$exports.OnboardingStepCard), {
+                                        title: step.title,
+                                        description: step.description,
+                                        buttonText: step.buttonText,
+                                        onButtonClick: step.onButtonClick,
+                                        headerIcon: step.headerIcon,
+                                        btnType: step.btnType
+                                    }) : /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)((0, $8ece84e733854ef8$exports.OnboardingStepCard), {
+                                        title: step.title,
+                                        description: step.description,
+                                        headerIcon: step.headerIcon,
+                                        btnType: step.btnType,
+                                        comboInputOnChange: step.comboInputOnChange || (()=>{}),
+                                        comboOnBlur: step.comboOnBlur || (()=>{}),
+                                        comboOnChange: step.comboOnChange || (()=>{}),
+                                        comboLabel: step.comboLabel || '',
+                                        comboSelectedItem: step.comboSelectedItem || null,
+                                        comboListItems: step.comboListItems || [],
+                                        nodeQueryKey: step.nodeQueryKey || '',
+                                        nodeSelectKey: step.nodeSelectKey || '',
+                                        comboQuery: step.comboQuery || '',
+                                        comboSelectKey1: step.comboSelectKey1 || ''
+                                    })
+                                }),
+                                index < stepsData.length - 1 && /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)("div", {
+                                    className: "-mx-14 mt-20 hidden lg:block",
+                                    children: /*#__PURE__*/ (0, $agwiJ$reactjsxruntime.jsx)((0, $95d9a893c0c4c663$exports.OnboardingTrack), {
+                                        className: `w-44 ${index % 2 !== 0 ? 'rotate-180' : ''}`
+                                    })
+                                })
+                            ]
+                        }, index))
+                })
+            ]
+        })
+    });
+};
+
+
+//# sourceMappingURL=onboarding-steps.eaf57aa1.js.map

package/onboarding-steps.eaf57aa1.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,4CAA4C,CAAC,aACxD,SAAS,WACT,OAAO,cACP,UAAU,EACX;IACC,qBACE,gCAAC;QAAI,WAAU;kBACb,cAAA,iCAAC;YAAI,WAAU;;8BACb,iCAAC;oBAAI,WAAU;;sCACb,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;gCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,EAAE;0CAAG;;;sCAEhD,gCAAC;4BAAI,WAAU;sCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;gCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;0CAC3C;;;;;8BAIP,gCAAC;oBAAI,WAAU;8BACZ,UAAU,GAAG,CAAC,CAAC,MAAM,sBACpB,iCAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;;8CACb,gCAAC;8CACE,KAAK,OAAO,KAAK,CAAA,GAAA,8CAAmB,EAAE,MAAM,iBAC3C,gCAAC,CAAA,GAAA,4CAAiB;wCAChB,OAAO,KAAK,KAAK;wCACjB,aAAa,KAAK,WAAW;wCAC7B,YAAY,KAAK,UAAU;wCAC3B,eAAe,KAAK,aAAa;wCACjC,YAAY,KAAK,UAAU;wCAC3B,SAAS,KAAK,OAAO;uDAGvB,gCAAC,CAAA,GAAA,4CAAiB;wCAChB,OAAO,KAAK,KAAK;wCACjB,aAAa,KAAK,WAAW;wCAC7B,YAAY,KAAK,UAAU;wCAC3B,SAAS,KAAK,OAAO;wCACrB,oBAAoB,KAAK,kBAAkB,IAAK,CAAA,KAAO,CAAA;wCACvD,aAAa,KAAK,WAAW,IAAK,CAAA,KAAO,CAAA;wCACzC,eAAe,KAAK,aAAa,IAAK,CAAA,KAAO,CAAA;wCAC7C,YAAY,KAAK,UAAU,IAAI;wCAC/B,mBAAmB,KAAK,iBAAiB,IAAI;wCAC7C,gBAAgB,KAAK,cAAc,IAAI,EAAE;wCACzC,cAAc,KAAK,YAAY,IAAI;wCACnC,eAAe,KAAK,aAAa,IAAI;wCACrC,YAAY,KAAK,UAAU,IAAI;wCAC/B,iBAAiB,KAAK,eAAe,IAAI;;;gCAI9C,QAAQ,UAAU,MAAM,GAAG,mBAC1B,gCAAC;oCAAI,WAAU;8CACb,cAAA,gCAAC,CAAA,GAAA,yCAAc;wCACb,WAAW,CAAC,KAAK,EAAE,QAAQ,MAAM,IAAI,eAAe,IAAI;;;;2BAjC3C;;;;;AA2CjC","sources":["src/organisms/onboarding-steps/onboarding-steps.tsx"],"sourcesContent":["import { Typography, TYPOGRAPHY_VARIANTS } from '../../molecules';\nimport React, { FC } from 'react';\nimport { OnboardingStepCard } from '../onboarding-step-card/onboarding-step-card';\nimport { ONBOARDING_BTN_TYPES } from '../onboarding-step-card/type';\nimport { OnboardingTrack } from '../../atoms/onboarding-track';\nimport { OnboardingStepsTypes } from './type';\n\nexport const OnboardingSteps: FC<OnboardingStepsTypes> = ({\n  stepsData,\n  heading,\n  subheading,\n}) => {\n  return (\n    <div className=\"bg-gray-100\">\n      <div className=\"kismaa-section-spacing kismaa-container\">\n        <div className=\"mb-8 text-center\">\n          <div className=\"text-gray-800\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.H2}>{heading}</Typography>\n          </div>\n          <div className=\"mx-auto mt-4 w-[100%] text-center text-gray-600 lg:w-[60%]\">\n            <Typography variant={TYPOGRAPHY_VARIANTS.SUBH4}>\n              {subheading}\n            </Typography>\n          </div>\n        </div>\n        <div className=\"mt-16 flex flex-col justify-between gap-10 lg:flex-row lg:gap-0\">\n          {stepsData.map((step, index) => (\n            <React.Fragment key={index}>\n              <div>\n                {step.btnType === ONBOARDING_BTN_TYPES.BUTTON ? (\n                  <OnboardingStepCard\n                    title={step.title}\n                    description={step.description}\n                    buttonText={step.buttonText}\n                    onButtonClick={step.onButtonClick}\n                    headerIcon={step.headerIcon}\n                    btnType={step.btnType}\n                  />\n                ) : (\n                  <OnboardingStepCard\n                    title={step.title}\n                    description={step.description}\n                    headerIcon={step.headerIcon}\n                    btnType={step.btnType}\n                    comboInputOnChange={step.comboInputOnChange || (() => {})}\n                    comboOnBlur={step.comboOnBlur || (() => {})}\n                    comboOnChange={step.comboOnChange || (() => {})}\n                    comboLabel={step.comboLabel || ''}\n                    comboSelectedItem={step.comboSelectedItem || null}\n                    comboListItems={step.comboListItems || []}\n                    nodeQueryKey={step.nodeQueryKey || ''}\n                    nodeSelectKey={step.nodeSelectKey || ''}\n                    comboQuery={step.comboQuery || ''}\n                    comboSelectKey1={step.comboSelectKey1 || ''}\n                  />\n                )}\n              </div>\n              {index < stepsData.length - 1 && (\n                <div className=\"-mx-14 mt-20 hidden lg:block\">\n                  <OnboardingTrack\n                    className={`w-44 ${index % 2 !== 0 ? 'rotate-180' : ''}`}\n                  />\n                </div>\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"onboarding-steps.eaf57aa1.js.map"}

package/onboarding-track.0ee2ca59.js

@@ -0,0 +1,27 @@
+var $63O9C$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, "OnboardingTrack", () => $95d9a893c0c4c663$export$b30b305eb9feb5ed);
+
+
+const $95d9a893c0c4c663$export$b30b305eb9feb5ed = ({ className: className })=>/*#__PURE__*/ (0, $63O9C$reactjsxruntime.jsx)("svg", {
+        viewBox: "0 0 172 40",
+        fill: "none",
+        className: className,
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ (0, $63O9C$reactjsxruntime.jsx)("path", {
+            d: "M1 1C29 29.5 102.1 69.4 170.5 1",
+            stroke: "black",
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeDasharray: "12 12"
+        })
+    });
+
+
+//# sourceMappingURL=onboarding-track.0ee2ca59.js.map

package/onboarding-track.0ee2ca59.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAGO,MAAM,4CAAuC,CAAC,aAAE,SAAS,EAAE,iBAChE,gCAAC;QACC,SAAQ;QACR,MAAK;QACL,WAAW;QACX,OAAM;kBAEN,cAAA,gCAAC;YACC,GAAE;YACF,QAAO;YACP,aAAa;YACb,eAAc;YACd,iBAAgB","sources":["src/atoms/onboarding-track.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconProps } from './facebook-icon';\n\nexport const OnboardingTrack: React.FC<IconProps> = ({ className }) => (\n  <svg\n    viewBox=\"0 0 172 40\"\n    fill=\"none\"\n    className={className}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M1 1C29 29.5 102.1 69.4 170.5 1\"\n      stroke=\"black\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeDasharray=\"12 12\"\n    />\n  </svg>\n);\n"],"names":[],"version":3,"file":"onboarding-track.0ee2ca59.js.map"}

package/onboarding-track.e55f9898.js

@@ -0,0 +1,22 @@
+import {jsx as $epfbk$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+const $b3b2f5cc373419eb$export$b30b305eb9feb5ed = ({ className: className })=>/*#__PURE__*/ (0, $epfbk$jsx)("svg", {
+        viewBox: "0 0 172 40",
+        fill: "none",
+        className: className,
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ (0, $epfbk$jsx)("path", {
+            d: "M1 1C29 29.5 102.1 69.4 170.5 1",
+            stroke: "black",
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeDasharray: "12 12"
+        })
+    });
+
+
+export {$b3b2f5cc373419eb$export$b30b305eb9feb5ed as OnboardingTrack};
+//# sourceMappingURL=onboarding-track.e55f9898.js.map

package/onboarding-track.e55f9898.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAGO,MAAM,4CAAuC,CAAC,aAAE,SAAS,EAAE,iBAChE,gBAAC;QACC,SAAQ;QACR,MAAK;QACL,WAAW;QACX,OAAM;kBAEN,cAAA,gBAAC;YACC,GAAE;YACF,QAAO;YACP,aAAa;YACb,eAAc;YACd,iBAAgB","sources":["src/atoms/onboarding-track.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconProps } from './facebook-icon';\n\nexport const OnboardingTrack: React.FC<IconProps> = ({ className }) => (\n  <svg\n    viewBox=\"0 0 172 40\"\n    fill=\"none\"\n    className={className}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M1 1C29 29.5 102.1 69.4 170.5 1\"\n      stroke=\"black\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeDasharray=\"12 12\"\n    />\n  </svg>\n);\n"],"names":[],"version":3,"file":"onboarding-track.e55f9898.js.map"}

package/organisms.298d66fd.js

@@ -0,0 +1,87 @@
+var $e610864f14126990$exports = require("./about-user.e986b92d.js");
+var $5d7d284e267edd7d$exports = require("./advisors-section.7471f1c2.js");
+var $179b36a76c93da55$exports = require("./attribute-card.3c42265d.js");
+var $8f24a7c19c49caa4$exports = require("./attributes-section.46c1f4cc.js");
+var $1efa6123c5174771$exports = require("./banner.f5740fe3.js");
+var $3cbb4e0dbc61d562$exports = require("./cta-banner.43657965.js");
+var $e824ce61ae459d3d$exports = require("./customer-reviews.ce102594.js");
+var $173ce6d997e61c7e$exports = require("./extended-user-card.ba2af038.js");
+var $efb0de967e78ff3e$exports = require("./faq.e15089cf.js");
+var $3dc683c35a958616$exports = require("./footer.e51d58a5.js");
+var $c72748e67f82f6c6$exports = require("./get-app-banner.479bc25b.js");
+var $ff2400f91d8c8edc$exports = require("./highlight-banner.72cb3897.js");
+var $5390f37fe3e23775$exports = require("./navbar.7867f218.js");
+var $7cd3cc137cbbcc7f$exports = require("./onboarding-step-card.22cd11bd.js");
+var $d46c69be3ad89e77$exports = require("./onboarding-steps.bdf42853.js");
+var $3bb9362f0029d294$exports = require("./pagination.cb2c45a3.js");
+var $7c684a935ed6c033$exports = require("./review-card.d32ebcc1.js");
+var $69423c8f42816118$exports = require("./section-header.5a3199f1.js");
+var $5ccdee89393a0157$exports = require("./user-cards-grid.69fe7492.js");
+var $2949ab2eadc85907$exports = require("./user-detail-banner.6e6c34bf.js");
+var $d3f0b41e91cd54ec$exports = require("./user-details.3e584a82.js");
+var $cc136ae1f6d1d922$exports = require("./users-list-explore.cdf5f415.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, $e610864f14126990$exports);
+$parcel$exportWildcard(module.exports, $5d7d284e267edd7d$exports);
+$parcel$exportWildcard(module.exports, $179b36a76c93da55$exports);
+$parcel$exportWildcard(module.exports, $8f24a7c19c49caa4$exports);
+$parcel$exportWildcard(module.exports, $1efa6123c5174771$exports);
+$parcel$exportWildcard(module.exports, $3cbb4e0dbc61d562$exports);
+$parcel$exportWildcard(module.exports, $e824ce61ae459d3d$exports);
+$parcel$exportWildcard(module.exports, $173ce6d997e61c7e$exports);
+$parcel$exportWildcard(module.exports, $efb0de967e78ff3e$exports);
+$parcel$exportWildcard(module.exports, $3dc683c35a958616$exports);
+$parcel$exportWildcard(module.exports, $c72748e67f82f6c6$exports);
+$parcel$exportWildcard(module.exports, $ff2400f91d8c8edc$exports);
+$parcel$exportWildcard(module.exports, $5390f37fe3e23775$exports);
+$parcel$exportWildcard(module.exports, $7cd3cc137cbbcc7f$exports);
+$parcel$exportWildcard(module.exports, $d46c69be3ad89e77$exports);
+$parcel$exportWildcard(module.exports, $3bb9362f0029d294$exports);
+$parcel$exportWildcard(module.exports, $7c684a935ed6c033$exports);
+$parcel$exportWildcard(module.exports, $69423c8f42816118$exports);
+$parcel$exportWildcard(module.exports, $5ccdee89393a0157$exports);
+$parcel$exportWildcard(module.exports, $2949ab2eadc85907$exports);
+$parcel$exportWildcard(module.exports, $d3f0b41e91cd54ec$exports);
+$parcel$exportWildcard(module.exports, $cc136ae1f6d1d922$exports);
+
+
+//# sourceMappingURL=organisms.298d66fd.js.map

package/organisms.298d66fd.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/index.ts"],"sourcesContent":["export * from './about-user';\nexport * from './advisors-section';\nexport * from './attribute-card';\nexport * from './attributes-section';\nexport * from './banner';\nexport * from './cta-banner';\nexport * from './customer-reviews';\nexport * from './extended-user-card';\nexport * from './faq';\nexport * from './footer';\nexport * from './get-app-banner';\nexport * from './highlight-banner';\nexport * from './navbar';\nexport * from './onboarding-step-card';\nexport * from './onboarding-steps';\nexport * from './pagination';\nexport * from './review-card';\nexport * from './section-header';\nexport * from './user-cards-grid';\nexport * from './user-detail-banner';\nexport * from './user-details';\nexport * from './users-list-explore';\n"],"names":[],"version":3,"file":"organisms.298d66fd.js.map"}

package/organisms.7c836370.js

@@ -0,0 +1,49 @@
+import {AboutUser as $9d396f2235f5f9b0$export$81d8b0df29d09289} from "./about-user.35f4d49f.js";
+import {AdvisorsSection as $fcefcbd94a03ff8b$export$e75f0618b409fe69} from "./advisors-section.11fc9b88.js";
+import {AttributeCard as $efd28705cecde794$export$bc7325bce5c6aee3} from "./attribute-card.07f9fd22.js";
+import {AttributeSection as $df9787deb38c97a9$export$511e8bf4ba536e} from "./attributes-section.4f2dc395.js";
+import {Banner as $3f9a58948bc9411f$export$3b4e64e77073e307, BANNER_TYPES as $eb585ff201d848f5$export$fbe148ab0f95986b} from "./banner.68c68648.js";
+import {CtaBanner as $06745379ccb9ed22$export$7ef2bea4ddeb4719} from "./cta-banner.f11dffff.js";
+import {CustomerReviews as $0ef94e84e3b09e62$export$7d48b2279aedb0af} from "./customer-reviews.1648c836.js";
+import {ExtendedUserCard as $79223fd2376d2226$export$faefeb4adbbab362} from "./extended-user-card.33308b6c.js";
+import {Faq as $05fc594b5a5f7a37$export$7562e752e5ef1fad} from "./faq.bf0a65b6.js";
+import {Footer as $89ae60bde1c9f0da$export$a06f1c675e846f6f} from "./footer.a62e8baf.js";
+import {GetAppBanner as $0fb947b884634b76$export$d16a05db9048d3bc} from "./get-app-banner.ce24af5e.js";
+import {HighlightBanner as $c1b09c96e6e171d1$export$c539ba454c58e943} from "./highlight-banner.073637c7.js";
+import {Navbar as $0b92d565a596e9d4$export$42cfbb80f7861e77} from "./navbar.cd9185a1.js";
+import {OnboardingStepCard as $008f8db7f39e0cee$export$11a254717886792f, ONBOARDING_BTN_TYPES as $fe07776ee566a102$export$356cd3ceac6ccc1f} from "./onboarding-step-card.30c30f41.js";
+import {OnboardingSteps as $9232a7829ecfae0a$export$d7114b4b3a61bbba} from "./onboarding-steps.0f368585.js";
+import {Pagination as $ff35507587ee3a0a$export$68f5e1453c188a82} from "./pagination.5b4120a8.js";
+import {ReviewCard as $77d693df8ce8c2ca$export$82cac57774882155} from "./review-card.89f75701.js";
+import {SectionHeader as $91c69c1ec93d187c$export$8adb256d999cd5a0} from "./section-header.82cfac0f.js";
+import {UserCardsGrid as $01db6eafc17e0ae1$export$cf7bb17d62f43605, USER_CARD_LIMITS as $bb413ec1cbcbfd45$export$caafb853ef78f0a8} from "./user-cards-grid.a2f73a6a.js";
+import {UserDetailBanner as $70b2682371d3ed4c$export$bd82f2c123bc93bf} from "./user-detail-banner.96a638df.js";
+import {UserDetails as $a63412db7200737b$export$a398983943bbde23} from "./user-details.a3e5e6ca.js";
+import {UsersListExplore as $a89f1a96f0eec02f$export$8176d3c62d09443b} from "./users-list-explore.d8ee0156.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+export {$9d396f2235f5f9b0$export$81d8b0df29d09289 as AboutUser, $fcefcbd94a03ff8b$export$e75f0618b409fe69 as AdvisorsSection, $efd28705cecde794$export$bc7325bce5c6aee3 as AttributeCard, $df9787deb38c97a9$export$511e8bf4ba536e as AttributeSection, $3f9a58948bc9411f$export$3b4e64e77073e307 as Banner, $eb585ff201d848f5$export$fbe148ab0f95986b as BANNER_TYPES, $06745379ccb9ed22$export$7ef2bea4ddeb4719 as CtaBanner, $0ef94e84e3b09e62$export$7d48b2279aedb0af as CustomerReviews, $79223fd2376d2226$export$faefeb4adbbab362 as ExtendedUserCard, $05fc594b5a5f7a37$export$7562e752e5ef1fad as Faq, $89ae60bde1c9f0da$export$a06f1c675e846f6f as Footer, $0fb947b884634b76$export$d16a05db9048d3bc as GetAppBanner, $c1b09c96e6e171d1$export$c539ba454c58e943 as HighlightBanner, $0b92d565a596e9d4$export$42cfbb80f7861e77 as Navbar, $008f8db7f39e0cee$export$11a254717886792f as OnboardingStepCard, $fe07776ee566a102$export$356cd3ceac6ccc1f as ONBOARDING_BTN_TYPES, $9232a7829ecfae0a$export$d7114b4b3a61bbba as OnboardingSteps, $ff35507587ee3a0a$export$68f5e1453c188a82 as Pagination, $77d693df8ce8c2ca$export$82cac57774882155 as ReviewCard, $91c69c1ec93d187c$export$8adb256d999cd5a0 as SectionHeader, $01db6eafc17e0ae1$export$cf7bb17d62f43605 as UserCardsGrid, $bb413ec1cbcbfd45$export$caafb853ef78f0a8 as USER_CARD_LIMITS, $70b2682371d3ed4c$export$bd82f2c123bc93bf as UserDetailBanner, $a63412db7200737b$export$a398983943bbde23 as UserDetails, $a89f1a96f0eec02f$export$8176d3c62d09443b as UsersListExplore};
+//# sourceMappingURL=organisms.7c836370.js.map

package/organisms.7c836370.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["src/organisms/index.ts"],"sourcesContent":["export * from './about-user';\nexport * from './advisors-section';\nexport * from './attribute-card';\nexport * from './attributes-section';\nexport * from './banner';\nexport * from './cta-banner';\nexport * from './customer-reviews';\nexport * from './extended-user-card';\nexport * from './faq';\nexport * from './footer';\nexport * from './get-app-banner';\nexport * from './highlight-banner';\nexport * from './navbar';\nexport * from './onboarding-step-card';\nexport * from './onboarding-steps';\nexport * from './pagination';\nexport * from './review-card';\nexport * from './section-header';\nexport * from './user-cards-grid';\nexport * from './user-detail-banner';\nexport * from './user-details';\nexport * from './users-list-explore';\n"],"names":[],"version":3,"file":"organisms.7c836370.js.map"}

package/package.json

@@ -0,0 +1,119 @@
+{
+  "name": "@appcorp/kismaa-web-ui",
+  "version": "0.1.1",
+  "source": "src/index.ts",
+  "main": "lib/main.js",
+  "module": "lib/module.js",
+  "types": "lib/types.d.ts",
+  "scripts": {
+    "build": "parcel build && cp package.json lib && cp README.md lib",
+    "build:storybook": "storybook build -c .storybook -o .out",
+    "bundle:reports": "yarn build --reporter @parcel/reporter-bundle-analyzer",
+    "clean": "yarn rimraf ./lib",
+    "deploy:storybook": "concurrently \"yarn storybook:ghpages\" \"sleep 15 && rm ./*out*/favicon.ico && yarn copy:deploy:files\"",
+    "dev": "next dev",
+    "lint": "next lint",
+    "lint:fix": "next lint --fix",
+    "major": "npm version major",
+    "minor": "npm version minor",
+    "patch": "npm version patch",
+    "prepare": "husky",
+    "publish:npm": "yarn build && cd lib/ && npm publish --access public && cd ..",
+    "start": "next start",
+    "storybook": "storybook dev -p 9001",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "test:watch": "jest --watch",
+    "watch": "parcel watch"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{json,scss,css,md}": [
+      "prettier --write"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "eslint --max-warnings=0 ."
+    }
+  },
+  "peerDependencies": {
+    "@appcorp/app-corp-designs": "^0.4.28",
+    "@headlessui/tailwindcss": "^0.2.1",
+    "@heroicons/react": "^2.2.0",
+    "@mdx-js/loader": "^3.1.0",
+    "@mdx-js/react": "^3.1.0",
+    "@next/mdx": "^15.0.4",
+    "@types/mdx": "^2.0.13",
+    "next": "15.0.3",
+    "next-themes": "^0.4.3",
+    "react": "19.0.0-rc-66855b96-20241106",
+    "swiper": "^11.1.15"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@appcorp/app-corp-designs": "^0.4.28",
+    "@chromatic-com/storybook": "3.2.2",
+    "@eslint/compat": "^1.2.3",
+    "@headlessui/react": "^2.2.0",
+    "@headlessui/tailwindcss": "^0.2.1",
+    "@heroicons/react": "^2.2.0",
+    "@mdx-js/loader": "^3.1.0",
+    "@mdx-js/react": "^3.1.0",
+    "@next/eslint-plugin-next": "^15.1.0",
+    "@next/mdx": "^15.0.4",
+    "@parcel/bundler-library": "^2.13.2",
+    "@parcel/packager-ts": "2.13.2",
+    "@parcel/reporter-bundle-analyzer": "^2.13.2",
+    "@parcel/reporter-bundle-buddy": "^2.13.2",
+    "@parcel/transformer-typescript-types": "2.13.2",
+    "@storybook/addon-essentials": "8.4.7",
+    "@storybook/addon-interactions": "8.4.7",
+    "@storybook/addon-onboarding": "8.4.7",
+    "@storybook/addon-themes": "8.4.7",
+    "@storybook/addon-webpack5-compiler-swc": "1.0.5",
+    "@storybook/blocks": "8.4.7",
+    "@storybook/nextjs": "8.4.7",
+    "@storybook/react": "8.4.7",
+    "@storybook/react-webpack5": "8.4.7",
+    "@storybook/test": "8.4.7",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/mdx": "^2.0.13",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "concurrently": "^9.1.0",
+    "eslint": "^9.16.0",
+    "eslint-config-next": "15.0.3",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-storybook": "^0.11.1",
+    "globals": "^15.13.0",
+    "husky": "^9.1.7",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "15.2.11",
+    "next": "15.0.3",
+    "next-themes": "^0.4.3",
+    "parcel": "^2.13.2",
+    "parcel-plugin-obfuscate": "^2.1.1",
+    "postcss": "^8",
+    "prettier": "^3.4.1",
+    "prettier-plugin-tailwindcss": "^0.6.9",
+    "react": "19.0.0-rc-66855b96-20241106",
+    "react-dom": "19.0.0-rc-66855b96-20241106",
+    "rimraf": "^6.0.1",
+    "storybook": "8.4.7",
+    "swiper": "^11.1.15",
+    "tailwindcss": "^3.4.1",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
+    "typescript": "^5"
+  }
+}

package/pagination.489f4353.js

@@ -0,0 +1,68 @@
+var $1c282d9414c56791$exports = require("./arrow-left-icon.8c768b3d.js");
+var $e546e78510c33f22$exports = require("./arrow-right-icon.8dc2b5ec.js");
+var $75ff6314b77a3597$exports = require("./molecules.0cbdf4a9.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 = [];
+    for(let i = 1; i <= totalPages; i++)pageNumbers.push(i);
+    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: /*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
+                    handleOnClick: onPrevious,
+                    disabled: currentPage === 1,
+                    type: currentPage === 1 ? (0, $75ff6314b77a3597$exports.BUTTON_TYPES).TERTIARY : (0, $75ff6314b77a3597$exports.BUTTON_TYPES).PRIMARY,
+                    label: "Prev",
+                    size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).SM,
+                    iconPrefix: /*#__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((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))
+            }),
+            /*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsx)("div", {
+                className: "w-fit",
+                children: /*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
+                    handleOnClick: onNext,
+                    disabled: currentPage === totalPages,
+                    type: currentPage === totalPages ? (0, $75ff6314b77a3597$exports.BUTTON_TYPES).TERTIARY : (0, $75ff6314b77a3597$exports.BUTTON_TYPES).PRIMARY,
+                    label: "Next",
+                    size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).SM,
+                    iconSuffix: /*#__PURE__*/ (0, $6wEGJ$reactjsxruntime.jsx)((0, $e546e78510c33f22$exports.ArrowRightIcon), {
+                        className: "size-3",
+                        fill: "currentColor"
+                    })
+                })
+            })
+        ]
+    });
+};
+
+
+//# sourceMappingURL=pagination.489f4353.js.map

package/pagination.489f4353.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAMO,MAAM,4CAAwC,CAAC,eACpD,WAAW,cACX,UAAU,gBACV,YAAY,cACZ,UAAU,UACV,MAAM,EACP;IACC,MAAM,cAAc,EAAE;IACtB,IAAK,IAAI,IAAI,GAAG,KAAK,YAAY,IAC/B,YAAY,IAAI,CAAC;IAGnB,qBACE,iCAAC;QACC,WAAU;QACV,cAAW;;0BAEX,gCAAC;gBAAI,WAAU;0BACb,cAAA,gCAAC,CAAA,GAAA,gCAAK;oBACJ,eAAe;oBACf,UAAU,gBAAgB;oBAC1B,MACE,gBAAgB,IAAI,CAAA,GAAA,sCAAW,EAAE,QAAQ,GAAG,CAAA,GAAA,sCAAW,EAAE,OAAO;oBAElE,OAAM;oBACN,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;oBACrB,0BAAY,gCAAC,CAAA,GAAA,uCAAY;wBAAE,WAAU;wBAAS,MAAK;;;;0BAGvD,gCAAC;gBAAI,WAAU;0BACZ,YAAY,GAAG,CAAC,CAAC,uBAChB,gCAAC,CAAA,GAAA,gCAAK;wBAEJ,MACE,gBAAgB,SACZ,CAAA,GAAA,sCAAW,EAAE,OAAO,GACpB,CAAA,GAAA,sCAAW,EAAE,QAAQ;wBAE3B,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;wBACrB,OAAO,OAAO;wBACd,UAAU,gBAAgB;wBAC1B,eAAe,IAAM,aAAa;uBAT7B;;0BAaX,gCAAC;gBAAI,WAAU;0BACb,cAAA,gCAAC,CAAA,GAAA,gCAAK;oBACJ,eAAe;oBACf,UAAU,gBAAgB;oBAC1B,MACE,gBAAgB,aACZ,CAAA,GAAA,sCAAW,EAAE,QAAQ,GACrB,CAAA,GAAA,sCAAW,EAAE,OAAO;oBAE1B,OAAM;oBACN,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;oBACrB,0BAAY,gCAAC,CAAA,GAAA,wCAAa;wBAAE,WAAU;wBAAS,MAAK;;;;;;AAK9D","sources":["src/organisms/pagination/pagination.tsx"],"sourcesContent":["import { ArrowLeftIcon } from '../../atoms/arrow-left-icon';\nimport { ArrowRightIcon } from '../../atoms/arrow-right-icon';\nimport { Button, BUTTON_SIZES, BUTTON_TYPES } from '../../molecules';\nimport React from 'react';\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 = [];\n  for (let i = 1; i <= totalPages; i++) {\n    pageNumbers.push(i);\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        <Button\n          handleOnClick={onPrevious}\n          disabled={currentPage === 1}\n          type={\n            currentPage === 1 ? BUTTON_TYPES.TERTIARY : BUTTON_TYPES.PRIMARY\n          }\n          label=\"Prev\"\n          size={BUTTON_SIZES.SM}\n          iconPrefix={<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((number) => (\n          <Button\n            key={number}\n            type={\n              currentPage === number\n                ? BUTTON_TYPES.PRIMARY\n                : BUTTON_TYPES.TERTIARY\n            }\n            size={BUTTON_SIZES.SM}\n            label={String(number)}\n            outlined={currentPage === number}\n            handleOnClick={() => onPageChange(number)}\n          />\n        ))}\n      </div>\n      <div className=\"w-fit\">\n        <Button\n          handleOnClick={onNext}\n          disabled={currentPage === totalPages}\n          type={\n            currentPage === totalPages\n              ? BUTTON_TYPES.TERTIARY\n              : BUTTON_TYPES.PRIMARY\n          }\n          label=\"Next\"\n          size={BUTTON_SIZES.SM}\n          iconSuffix={<ArrowRightIcon className=\"size-3\" fill=\"currentColor\" />}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"pagination.489f4353.js.map"}