@appcorp/kismaa-web-ui 0.1.3 → 0.1.5

package/molecules/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,38 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadCrumbs = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var navigation_1 = require("next/navigation");
+var solid_1 = require("@heroicons/react/24/solid");
+var home_icon_1 = require("../../atoms/home-icon");
+var formatCrumb = function (crumb) {
+    return crumb
+        .split('-')
+        .map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1); })
+        .join(' ');
+};
+var BreadCrumbs = function (_a) {
+    var pathname = _a.pathname;
+    var currentPathname = (0, navigation_1.usePathname)();
+    var breadcrumbs = pathname === null || pathname === void 0 ? void 0 : pathname.split('/').filter(Boolean);
+    return (react_1.default.createElement("nav", { "aria-label": "Breadcrumb", className: "text-xs lg:text-sm" },
+        react_1.default.createElement("ol", { className: "flex flex-wrap items-center" },
+            react_1.default.createElement("li", { className: "flex items-center" },
+                react_1.default.createElement(link_1.default, { href: "/", className: "flex items-center gap-2 text-gray-500 hover:text-gray-700 hover:underline" },
+                    react_1.default.createElement(home_icon_1.HomeIcon, { className: "size-6", "aria-hidden": "true" }),
+                    react_1.default.createElement("span", { className: "text-xs text-primary lg:text-sm" }, "Home"))), breadcrumbs === null || breadcrumbs === void 0 ? void 0 :
+            breadcrumbs.map(function (crumb, index) {
+                var href = "/".concat(breadcrumbs.slice(0, index + 1).join('/'));
+                var isLast = index === breadcrumbs.length - 1;
+                var isActive = currentPathname === href;
+                return (react_1.default.createElement("li", { key: href, className: "flex items-center text-xs lg:text-sm" },
+                    react_1.default.createElement(solid_1.ChevronRightIcon, { className: "mx-1 h-4 w-4 flex-shrink-0 text-gray-400 lg:mx-2", "aria-hidden": "true" }),
+                    isLast || isActive ? (react_1.default.createElement("span", { className: "font-normal text-slate-500", "aria-current": "page" }, formatCrumb(crumb))) : (react_1.default.createElement(link_1.default, { href: href, className: "text-primary hover:text-gray-700 hover:underline" }, formatCrumb(crumb)))));
+            }))));
+};
+exports.BreadCrumbs = BreadCrumbs;

package/molecules/breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './breadcrumbs';
+export * from './type';

package/molecules/breadcrumbs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./breadcrumbs"), exports);
+__exportStar(require("./type"), exports);

package/molecules/breadcrumbs/props.d.ts

@@ -0,0 +1,2 @@
+import { BreadcrumbsProps } from './type';
+export declare const breadCrumbsData: BreadcrumbsProps;

package/molecules/breadcrumbs/props.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.breadCrumbsData = void 0;
+exports.breadCrumbsData = {
+    pathname: '/psychics-readings/aura-readings',
+};

package/molecules/breadcrumbs/type.d.ts

@@ -0,0 +1,3 @@
+export interface BreadcrumbsProps {
+    pathname: string;
+}

package/molecules/breadcrumbs/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/molecules/button/app-store-btn.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { AppButtonProps } from './type';
+export declare const AppStoreButton: FC<AppButtonProps>;

package/molecules/button/app-store-btn.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppStoreButton = void 0;
+var react_1 = __importDefault(require("react"));
+var app_store_icon_1 = require("../../atoms/app-store-icon");
+var AppStoreButton = function (_a) {
+    var handleOnClick = _a.handleOnClick;
+    return (react_1.default.createElement("button", { onClick: handleOnClick, className: "h-fit rounded-sm bg-slate-800 bg-opacity-95 px-4 py-2 transition-all duration-300 ease-in-out hover:scale-105 lg:px-7 lg:py-3" },
+        react_1.default.createElement(app_store_icon_1.AppStoreIcon, null)));
+};
+exports.AppStoreButton = AppStoreButton;

package/molecules/button/button.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ButtonProps } from './type';
+export declare const Button: FC<ButtonProps>;

package/molecules/button/button.js

@@ -0,0 +1,78 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a, _b, _c, _d;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/24/solid");
+var type_1 = require("./type");
+var colorMap = (_a = {},
+    _a[type_1.BUTTON_TYPES.PRIMARY] = 'bg-primary text-white transition-all ease-in-out duration-300',
+    _a[type_1.BUTTON_TYPES.SECONDARY] = 'bg-secondary text-white transition-all ease-in-out duration-300',
+    _a[type_1.BUTTON_TYPES.TERTIARY] = 'border-[1px] border-gray-300 text-tertiary bg-transparent transition-all ease-in-out duration-300',
+    _a[type_1.BUTTON_TYPES.QUATERNARY] = 'bg-[#7F9ED6] text-white transition-all ease-in-out duration-300',
+    _a[type_1.BUTTON_TYPES.LOADING] = 'bg-gray-400 text-white',
+    _a[type_1.BUTTON_TYPES.SUCCESS] = 'bg-green-500 text-white',
+    _a[type_1.BUTTON_TYPES.ERROR] = 'bg-red-500 text-white',
+    _a[type_1.BUTTON_TYPES.ICON] = 'bg-red-500 text-white',
+    _a[type_1.BUTTON_TYPES.TEXT] = 'bg-transparent text-slate-900/90 lg:px-0 lg:py-0',
+    _a);
+var outlinedColorMap = (_b = {},
+    _b[type_1.BUTTON_TYPES.PRIMARY] = 'border-[1px] border-primary text-primary bg-transparent hover:bg-primary hover:text-secondary',
+    _b[type_1.BUTTON_TYPES.SECONDARY] = 'border-[1px] border-secondary text-secondary bg-transparent hover:bg-secondary hover:text-white',
+    _b[type_1.BUTTON_TYPES.QUATERNARY] = 'border-[1px] border-[#7F9ED6] text-[#7F9ED6] bg-transparent hover:bg-[#7F9ED6] hover:text-white',
+    _b[type_1.BUTTON_TYPES.TERTIARY] = 'border-[1px] border-gray-300 text-tertiary ',
+    _b[type_1.BUTTON_TYPES.SUCCESS] = '',
+    _b[type_1.BUTTON_TYPES.ERROR] = '',
+    _b[type_1.BUTTON_TYPES.LOADING] = '',
+    _b[type_1.BUTTON_TYPES.ICON] = '',
+    _b[type_1.BUTTON_TYPES.TEXT] = '',
+    _b);
+var hoverMap = (_c = {},
+    _c[type_1.BUTTON_TYPES.PRIMARY] = 'hover:bg-transparent border-[1px] border-primary hover:border-primary hover:text-primary',
+    _c[type_1.BUTTON_TYPES.SECONDARY] = 'hover:bg-transparent border-[1px] border-secondary hover:border-secondary hover:text-secondary',
+    _c[type_1.BUTTON_TYPES.QUATERNARY] = 'hover:bg-transparent border-[1px] border-[#7F9ED6] hover:border-[#7F9ED6] hover:text-[#7F9ED6]',
+    _c[type_1.BUTTON_TYPES.TERTIARY] = 'hover:bg-tertiary hover:text-white',
+    _c[type_1.BUTTON_TYPES.ERROR] = '',
+    _c[type_1.BUTTON_TYPES.SUCCESS] = '',
+    _c[type_1.BUTTON_TYPES.LOADING] = '',
+    _c[type_1.BUTTON_TYPES.ICON] = '',
+    _c[type_1.BUTTON_TYPES.TEXT] = 'hover:text-primary',
+    _c);
+var sizeMap = (_d = {},
+    _d[type_1.BUTTON_SIZES.SM] = 'text-base font-medium lg:px-6 lg:py-2 px-4 py-1',
+    _d[type_1.BUTTON_SIZES.MD] = 'text-md lg:px-8 lg:py-4 px-6 py-2',
+    _d[type_1.BUTTON_SIZES.LG] = 'text-lg lg:px-10 lg:py-5 px-8 py-3',
+    _d[type_1.BUTTON_SIZES.XL] = 'text-xl font-medium lg:px-10 lg:py-5 px-8 py-3',
+    _d);
+var Button = function (_a) {
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, handleOnClick = _a.handleOnClick, iconPrefix = _a.iconPrefix, iconSuffix = _a.iconSuffix, label = _a.label, _c = _a.outlined, outlined = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? type_1.BUTTON_SIZES.MD : _d, type = _a.type;
+    var disabledStyles = 'opacity-50 cursor-not-allowed';
+    var buttonClasses = "flex items-center justify-center gap-2 rounded-md w-[100%] ".concat(outlined ? outlinedColorMap[type] : colorMap[type], " ").concat(disabled || type === type_1.BUTTON_TYPES.LOADING
+        ? disabledStyles
+        : type === type_1.BUTTON_TYPES.SUCCESS || type === type_1.BUTTON_TYPES.ERROR
+            ? ''
+            : hoverMap[type], " ").concat(sizeMap[size]);
+    var renderContent = function () {
+        if (type === type_1.BUTTON_TYPES.LOADING) {
+            return (react_1.default.createElement("div", { className: "flex min-w-32 items-center justify-center gap-2" },
+                react_1.default.createElement(solid_1.ArrowPathIcon, { className: "size-6 animate-spin" })));
+        }
+        if (type === type_1.BUTTON_TYPES.SUCCESS) {
+            return (react_1.default.createElement("div", { className: "flex min-w-32 items-center justify-center gap-2" },
+                react_1.default.createElement(solid_1.CheckIcon, { className: "size-6" })));
+        }
+        if (type === type_1.BUTTON_TYPES.ERROR) {
+            return (react_1.default.createElement("div", { className: "flex min-w-32 items-center justify-center gap-2" },
+                react_1.default.createElement(solid_1.XMarkIcon, { className: "size-6" })));
+        }
+        return (react_1.default.createElement("div", { className: "flex w-[100%] items-center justify-center gap-2" },
+            iconPrefix,
+            type === type_1.BUTTON_TYPES.ICON ? null : label,
+            iconSuffix));
+    };
+    return (react_1.default.createElement("button", { className: buttonClasses, onClick: !disabled && type !== type_1.BUTTON_TYPES.LOADING ? handleOnClick : undefined, disabled: disabled || type === type_1.BUTTON_TYPES.LOADING }, renderContent()));
+};
+exports.Button = Button;

package/molecules/button/index.d.ts

@@ -0,0 +1,4 @@
+export * from './button';
+export * from './type';
+export * from './app-store-btn';
+export * from './play-store-btn';

package/molecules/button/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./button"), exports);
+__exportStar(require("./type"), exports);
+__exportStar(require("./app-store-btn"), exports);
+__exportStar(require("./play-store-btn"), exports);

package/molecules/button/play-store-btn.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { AppButtonProps } from './type';
+export declare const PlayStoreButton: FC<AppButtonProps>;

package/molecules/button/play-store-btn.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayStoreButton = void 0;
+var react_1 = __importDefault(require("react"));
+var google_play_icon_1 = require("../../atoms/google-play-icon");
+var PlayStoreButton = function (_a) {
+    var handleOnClick = _a.handleOnClick;
+    return (react_1.default.createElement("button", { onClick: handleOnClick, className: "h-fit rounded-sm bg-slate-800 bg-opacity-95 px-4 py-2 transition-all duration-300 ease-in-out hover:scale-105 lg:px-7 lg:py-3" },
+        react_1.default.createElement(google_play_icon_1.GooglePlayIcon, null)));
+};
+exports.PlayStoreButton = PlayStoreButton;

package/molecules/button/props.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps, AppButtonProps } from './type';
+export declare const buttonProps: ButtonProps;
+export declare const PlayStoreBtnProps: AppButtonProps;

package/molecules/button/props.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayStoreBtnProps = exports.buttonProps = void 0;
+var react_1 = __importDefault(require("react"));
+var type_1 = require("./type");
+exports.buttonProps = {
+    disabled: false,
+    handleOnClick: function () { return console.log('handleOnClick'); },
+    iconPrefix: (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "size-6" },
+        react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" }))),
+    iconSuffix: (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "size-6" },
+        react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" }))),
+    label: 'Send',
+    size: type_1.BUTTON_SIZES.SM,
+    type: type_1.BUTTON_TYPES.PRIMARY,
+    outlined: true,
+};
+exports.PlayStoreBtnProps = {
+    handleOnClick: function () { return void 0; },
+};

package/molecules/button/type.d.ts

@@ -0,0 +1,31 @@
+import { ReactElement } from 'react';
+export declare enum BUTTON_TYPES {
+    PRIMARY = "PRIMARY",
+    SECONDARY = "SECONDARY",
+    TERTIARY = "TERTIARY",
+    QUATERNARY = "QUATERNARY",
+    LOADING = "LOADING",
+    SUCCESS = "SUCCESS",
+    ERROR = "ERROR",
+    ICON = "ICON",
+    TEXT = "TEXT"
+}
+export declare enum BUTTON_SIZES {
+    SM = "SM",
+    MD = "MD",
+    LG = "LG",
+    XL = "XL"
+}
+export interface ButtonProps {
+    disabled?: boolean;
+    handleOnClick: () => void;
+    iconPrefix?: ReactElement;
+    iconSuffix?: ReactElement;
+    label?: string;
+    size?: BUTTON_SIZES;
+    type: BUTTON_TYPES;
+    outlined?: boolean;
+}
+export interface AppButtonProps {
+    handleOnClick: () => void;
+}

package/molecules/button/type.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BUTTON_SIZES = exports.BUTTON_TYPES = void 0;
+var BUTTON_TYPES;
+(function (BUTTON_TYPES) {
+    BUTTON_TYPES["PRIMARY"] = "PRIMARY";
+    BUTTON_TYPES["SECONDARY"] = "SECONDARY";
+    BUTTON_TYPES["TERTIARY"] = "TERTIARY";
+    BUTTON_TYPES["QUATERNARY"] = "QUATERNARY";
+    BUTTON_TYPES["LOADING"] = "LOADING";
+    BUTTON_TYPES["SUCCESS"] = "SUCCESS";
+    BUTTON_TYPES["ERROR"] = "ERROR";
+    BUTTON_TYPES["ICON"] = "ICON";
+    BUTTON_TYPES["TEXT"] = "TEXT";
+})(BUTTON_TYPES || (exports.BUTTON_TYPES = BUTTON_TYPES = {}));
+var BUTTON_SIZES;
+(function (BUTTON_SIZES) {
+    BUTTON_SIZES["SM"] = "SM";
+    BUTTON_SIZES["MD"] = "MD";
+    BUTTON_SIZES["LG"] = "LG";
+    BUTTON_SIZES["XL"] = "XL";
+})(BUTTON_SIZES || (exports.BUTTON_SIZES = BUTTON_SIZES = {}));

package/molecules/button-group/button-group.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ButtonGroupProps } from './type';
+export declare const ButtonGroup: FC<ButtonGroupProps>;

package/molecules/button-group/button-group.js

@@ -0,0 +1,47 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGroup = void 0;
+var react_1 = __importDefault(require("react"));
+var filter_icon_1 = require("../../atoms/filter-icon");
+var typography_1 = require("../typography");
+var ButtonGroup = function (_a) {
+    var buttonsList = _a.buttonsList, activeIndex = _a.activeIndex, onFilterBtnClick = _a.onFilterBtnClick, _b = _a.numberOfFilters, numberOfFilters = _b === void 0 ? 0 : _b;
+    var activeStyles = 'text-primary bg-primary/20';
+    var nonActiveStyles = 'text-gray-700';
+    var maxButtonsLimit = 10;
+    var filterButton = {
+        label: 'Filter',
+        handleOnClick: function () { return onFilterBtnClick(); },
+        borderColor: numberOfFilters !== 0 ? '#B880F1' : '#D9D9D9',
+        iconPrefix: react_1.default.createElement(filter_icon_1.FilterIcon, { className: "size-4" }),
+        iconSuffix: numberOfFilters === 0 ? (react_1.default.createElement(react_1.default.Fragment, null)) : (react_1.default.createElement("div", { className: "flex size-9 items-center justify-center rounded-full bg-primary/80 text-white" },
+            react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, numberOfFilters))),
+    };
+    var visibleButtons = buttonsList.slice(0, maxButtonsLimit - 1);
+    if (buttonsList.length >= maxButtonsLimit) {
+        visibleButtons = buttonsList.slice(0, maxButtonsLimit - 1);
+    }
+    var extendedButtonsList = __spreadArray(__spreadArray([], visibleButtons, true), [filterButton], false);
+    return (react_1.default.createElement("div", { className: "flex w-fit flex-wrap gap-3" }, extendedButtonsList.slice(0, maxButtonsLimit).map(function (button, index) {
+        var isActive = index === activeIndex;
+        return (react_1.default.createElement("button", { key: index, onClick: function () { return button.handleOnClick(index); }, className: "flex max-h-16 items-center justify-center gap-3 rounded-full px-5 py-3 text-base font-medium transition-all duration-300 ease-in-out hover:text-primary lg:px-10 lg:py-5 ".concat(isActive ? activeStyles : nonActiveStyles), style: {
+                border: "1px solid ".concat(isActive ? '#B880F1' : button.borderColor || '#D9D9D9'),
+            } },
+            button.iconPrefix,
+            button.label,
+            button.iconSuffix));
+    })));
+};
+exports.ButtonGroup = ButtonGroup;

package/molecules/button-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from './button-group';
+export * from './type';

package/molecules/button-group/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./button-group"), exports);
+__exportStar(require("./type"), exports);

package/molecules/button-group/props.d.ts

@@ -0,0 +1,2 @@
+import { ButtonGroupProps } from './type';
+export declare const buttonGroupProps: ButtonGroupProps;

package/molecules/button-group/props.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonGroupProps = void 0;
+exports.buttonGroupProps = {
+    buttonsList: [
+        {
+            handleOnClick: function () { return console.log('handleOnClick'); },
+            label: 'Career and Work',
+        },
+        {
+            handleOnClick: function () { return console.log('handleOnClick'); },
+            label: 'Career and Work',
+        },
+        {
+            handleOnClick: function () { return console.log('handleOnClick'); },
+            label: 'Career and Work',
+        },
+        {
+            handleOnClick: function () { return console.log('handleOnClick'); },
+            label: 'Career and Work',
+        },
+    ],
+    activeIndex: 1,
+    onFilterBtnClick: function () { return void 0; },
+    numberOfFilters: 3,
+};

package/molecules/button-group/type.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+export interface ButtonGroupItem {
+    handleOnClick: (index: number) => void;
+    iconPrefix?: ReactElement;
+    iconSuffix?: ReactElement;
+    label?: string;
+    borderColor?: string;
+}
+export interface ButtonGroupProps {
+    buttonsList: ButtonGroupItem[];
+    activeIndex: number;
+    onFilterBtnClick: () => void;
+    numberOfFilters?: number;
+}

package/molecules/button-group/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/molecules/core-values-card/core-values-card.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { CoreValuesCardProps } from './type';
+export declare const CoreValuesCard: FC<CoreValuesCardProps>;

package/molecules/core-values-card/core-values-card.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoreValuesCard = void 0;
+var react_1 = __importDefault(require("react"));
+var typography_1 = require("../typography");
+var CoreValuesCard = function (_a) {
+    var icon = _a.icon, heading = _a.heading, description = _a.description;
+    return (react_1.default.createElement("div", { className: "w-fit rounded-sm bg-white p-12 transition-all duration-300 ease-in-out hover:scale-105" },
+        react_1.default.createElement("div", { className: "relative" },
+            react_1.default.createElement("div", { className: "absolute -left-2 -top-4 size-10 rounded-full bg-[#B689E51A]" }),
+            react_1.default.createElement("div", { className: "ml-1" }, icon)),
+        react_1.default.createElement("div", { className: "mt-7" },
+            react_1.default.createElement("div", { className: "" },
+                react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H3 }, heading)),
+            react_1.default.createElement("div", { className: "mt-4 text-slate-400" },
+                react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H6 }, description)))));
+};
+exports.CoreValuesCard = CoreValuesCard;

package/molecules/core-values-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './core-values-card';
+export * from './type';

package/molecules/core-values-card/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./core-values-card"), exports);
+__exportStar(require("./type"), exports);

package/molecules/core-values-card/props.d.ts

@@ -0,0 +1,2 @@
+import { CoreValuesCardProps } from './type';
+export declare const coreValuesCardData: CoreValuesCardProps;

package/molecules/core-values-card/props.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.coreValuesCardData = void 0;
+var react_1 = __importDefault(require("react"));
+var brief_case_icon_1 = require("../../atoms/brief-case-icon");
+exports.coreValuesCardData = {
+    icon: react_1.default.createElement(brief_case_icon_1.BriefCaseIcon, { className: 'size-10' }),
+    heading: 'Team work',
+    description: 'Lorem ipsum dolor sit amet, consectetu adipiscing elit eque dolor.',
+};

package/molecules/core-values-card/type.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export interface CoreValuesCardProps {
+    icon: ReactElement;
+    heading: string;
+    description: string;
+}

package/molecules/core-values-card/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/molecules/horizontal-divider/horizontal-divider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const HorizontalDivider: () => React.JSX.Element;

package/molecules/horizontal-divider/horizontal-divider.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalDivider = void 0;
+var react_1 = __importDefault(require("react"));
+var HorizontalDivider = function () {
+    return react_1.default.createElement("hr", { className: "border-[0.5px] border-[#DADADA]" });
+};
+exports.HorizontalDivider = HorizontalDivider;

package/molecules/horizontal-divider/index.d.ts

@@ -0,0 +1 @@
+export * from './horizontal-divider';

package/molecules/horizontal-divider/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./horizontal-divider"), exports);

package/molecules/horoscope-card/horoscope-card.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { HoroscopeCardProps } from './type';
+export declare const HoroscopeCard: FC<HoroscopeCardProps>;

package/molecules/horoscope-card/horoscope-card.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HoroscopeCard = void 0;
+var react_1 = __importDefault(require("react"));
+var typography_1 = require("../typography");
+var type_1 = require("./type");
+var sizeMap = (_a = {},
+    _a[type_1.HOROSCOPE_CARD_SIZES.MD] = 'mb-8 mt-5',
+    _a[type_1.HOROSCOPE_CARD_SIZES.SM] = 'my-3',
+    _a);
+var HoroscopeCard = function (_a) {
+    var cardHeading = _a.cardHeading, cardIcon = _a.cardIcon, handleCardOnClick = _a.handleCardOnClick, _b = _a.cardSize, cardSize = _b === void 0 ? type_1.HOROSCOPE_CARD_SIZES.MD : _b;
+    return (react_1.default.createElement("div", { className: "group w-full cursor-pointer overflow-hidden rounded-xl border-[1px] border-gray-300 transition-all duration-300 ease-in-out hover:scale-[1.01] hover:border-purple-400/70", onClick: handleCardOnClick },
+        react_1.default.createElement("div", { className: "flex justify-center rounded-xl bg-purple-300/50 p-4 transition-colors group-hover:bg-purple-400/70 ".concat(cardSize === type_1.HOROSCOPE_CARD_SIZES.SM ? 'lg:4 p-2' : 'md:p-8 lg:p-12', " ") }, cardIcon),
+        react_1.default.createElement("div", { className: "text-center ".concat(sizeMap[cardSize]) },
+            react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H5 }, cardHeading))));
+};
+exports.HoroscopeCard = HoroscopeCard;

package/molecules/horoscope-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './horoscope-card';
+export * from './type';

package/molecules/horoscope-card/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./horoscope-card"), exports);
+__exportStar(require("./type"), exports);

package/molecules/horoscope-card/props.d.ts

@@ -0,0 +1,2 @@
+import { HoroscopeCardProps } from './type';
+export declare const horoscopeCardData: HoroscopeCardProps;