@appcorp/kismaa-web-ui 0.1.3 → 0.1.5

package/organisms/customer-reviews/type.js

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

package/organisms/extended-user-card/extended-user-card.d.ts

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

package/organisms/extended-user-card/extended-user-card.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtendedUserCard = void 0;
+var active_icon_1 = require("../../atoms/active-icon");
+var molecules_1 = require("../../molecules");
+var type_1 = require("../../molecules/badge/type");
+var horizontal_divider_1 = require("../../molecules/horizontal-divider/horizontal-divider");
+var react_1 = __importDefault(require("react"));
+var image_1 = __importDefault(require("next/image"));
+var ExtendedUserCard = function (_a) {
+    var isActive = _a.isActive, imageUrl = _a.imageUrl, title = _a.title, fee = _a.fee, avgRating = _a.avgRating, totalRating = _a.totalRating, totalChat = _a.totalChat, expertIn = _a.expertIn, otherExpertise = _a.otherExpertise, onChatClick = _a.onChatClick;
+    return (react_1.default.createElement("div", { className: "overflow-hidden rounded-xl border-[1px] border-gray-300" },
+        react_1.default.createElement("div", { className: "relative" },
+            react_1.default.createElement("div", { className: "absolute right-3 top-3 z-10" },
+                react_1.default.createElement(active_icon_1.ActiveIcon, { isActive: isActive })),
+            react_1.default.createElement("div", { className: "h-72 w-full overflow-hidden rounded-xl" },
+                react_1.default.createElement(image_1.default, { width: 0, height: 0, src: imageUrl, alt: title, className: "h-full w-full object-cover object-center" }))),
+        react_1.default.createElement("div", { className: "mx-4 my-7 lg:mx-5 lg:my-6" },
+            react_1.default.createElement("div", { className: "mb-5 text-primary" },
+                react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H4 }, title)),
+            react_1.default.createElement(horizontal_divider_1.HorizontalDivider, null),
+            react_1.default.createElement("div", { className: "my-3 flex w-full items-center" },
+                react_1.default.createElement("div", { className: "w-[50%] text-[#8492A7]" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P2 }, "Fee")),
+                react_1.default.createElement("div", { className: "w-[50%]" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH3 }, fee))),
+            react_1.default.createElement(horizontal_divider_1.HorizontalDivider, null),
+            react_1.default.createElement("div", { className: "my-3 flex w-full items-center" },
+                react_1.default.createElement("div", { className: "w-[50%] text-[#8492A7]" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P2 }, "Avg. Rating")),
+                react_1.default.createElement("div", { className: "flex w-[50%] items-center gap-1" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH3 }, avgRating),
+                    react_1.default.createElement(molecules_1.Ratings, { rating: avgRating, renderFraction: false, starsSize: "w-4 lg:w-[15%]" }))),
+            react_1.default.createElement(horizontal_divider_1.HorizontalDivider, null),
+            react_1.default.createElement("div", { className: "my-3 flex w-full items-center" },
+                react_1.default.createElement("div", { className: "w-[50%] text-[#8492A7]" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P2 }, "Total Rating")),
+                react_1.default.createElement("div", { className: "w-[50%]" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH3 }, totalRating))),
+            react_1.default.createElement(horizontal_divider_1.HorizontalDivider, null),
+            react_1.default.createElement("div", { className: "my-3 flex w-full items-center" },
+                react_1.default.createElement("div", { className: "w-[50%] text-[#8492A7]" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P2 }, "Total Chat")),
+                react_1.default.createElement("div", { className: "w-[50%]" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH3 }, totalChat))),
+            react_1.default.createElement(horizontal_divider_1.HorizontalDivider, null),
+            react_1.default.createElement("div", { className: "my-3 flex w-full items-center" },
+                react_1.default.createElement("div", { className: "w-[50%] text-slate-400" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P2 }, "Expert in")),
+                react_1.default.createElement("div", { className: "w-[50%]" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH3 }, expertIn))),
+            react_1.default.createElement(horizontal_divider_1.HorizontalDivider, null),
+            react_1.default.createElement("div", { className: "my-3 flex w-full" },
+                react_1.default.createElement("div", { className: "w-[50%] text-[#8492A7]" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P2 }, "Other expertise")),
+                react_1.default.createElement("div", { className: "flex w-[50%] flex-col gap-2" }, otherExpertise.map(function (expertise, index) { return (react_1.default.createElement(molecules_1.Badge, { key: index, rounded: 20, type: type_1.BADGE_TYPES.SOLID, size: type_1.BADGE_SIZES.MD, label: expertise.label, bgColor: expertise.bgColor, textColor: expertise.textColor })); }))),
+            react_1.default.createElement("div", { className: "mt-7 w-full" },
+                react_1.default.createElement(molecules_1.Button, { label: 'Chat Now', size: molecules_1.BUTTON_SIZES.MD, type: molecules_1.BUTTON_TYPES.PRIMARY, handleOnClick: onChatClick })))));
+};
+exports.ExtendedUserCard = ExtendedUserCard;

package/organisms/extended-user-card/index.d.ts

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

package/organisms/extended-user-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("./extended-user-card"), exports);
+__exportStar(require("./type"), exports);

package/organisms/extended-user-card/props.d.ts

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

package/organisms/extended-user-card/props.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extendedUserCardData = void 0;
+exports.extendedUserCardData = {
+    isActive: true,
+    imageUrl: 'https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80',
+    title: 'TRUE HEALER',
+    fee: '$199.00/min',
+    avgRating: 5,
+    totalRating: 100,
+    totalChat: 50,
+    expertIn: 'Love Psychics',
+    otherExpertise: [
+        { label: 'Clairvoyant', bgColor: '#FFC5671A', textColor: '#FFC567' },
+        { label: 'Clairaudient', bgColor: '#B880F11A', textColor: '#B880F1' },
+        {
+            label: 'Destiny & Life Path',
+            bgColor: '#9BB8ED1A',
+            textColor: '#9BB8ED',
+        },
+    ],
+    onChatClick: function () { return console.log('Chat button clicked'); },
+};

package/organisms/extended-user-card/type.d.ts

@@ -0,0 +1,17 @@
+export interface Expertise {
+    label: string;
+    bgColor: string;
+    textColor: string;
+}
+export interface ExtendedUserCardProps {
+    isActive: boolean;
+    imageUrl: string;
+    title: string;
+    fee: string;
+    avgRating: number;
+    totalRating: number;
+    totalChat: number;
+    expertIn: string;
+    otherExpertise: Expertise[];
+    onChatClick: () => void;
+}

package/organisms/extended-user-card/type.js

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

package/organisms/faq/faq.d.ts

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

package/organisms/faq/faq.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Faq = void 0;
+var react_1 = __importDefault(require("react"));
+var accordion_1 = require("../../molecules/accordion/accordion");
+var section_header_1 = require("../section-header");
+var Faq = function (_a) {
+    var isSectionBgEnabled = _a.isSectionBgEnabled, handleBtnClick = _a.handleBtnClick, faqListItems = _a.faqListItems, subHeading = _a.subHeading, btnText = _a.btnText, faqItemsLimit = _a.faqItemsLimit, breadcrumbs = _a.breadcrumbs;
+    var shownFaqs = faqListItems.slice(0, faqItemsLimit);
+    return (react_1.default.createElement("section", { className: "kismaa-section-spacing ".concat(isSectionBgEnabled ? 'bg-gray-100/95' : 'bg-white') },
+        react_1.default.createElement("div", { className: "kismaa-container" },
+            react_1.default.createElement(section_header_1.SectionHeader, { heading: "FAQs", subheading: subHeading, renderCtaButton: faqListItems.length > faqItemsLimit, handleButtonClick: handleBtnClick, btnText: btnText, breadcrumbs: breadcrumbs }),
+            react_1.default.createElement("div", { className: "mt-9" },
+                react_1.default.createElement(accordion_1.Accordion, { accordionItems: shownFaqs })))));
+};
+exports.Faq = Faq;

package/organisms/faq/index.d.ts

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

package/organisms/faq/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("./faq"), exports);
+__exportStar(require("./type"), exports);

package/organisms/faq/props.d.ts

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

package/organisms/faq/props.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.faqData = void 0;
+var type_1 = require("./type");
+exports.faqData = {
+    btnText: 'See More',
+    faqListItems: [
+        {
+            title: 'Does only provide web3 technology services?',
+            description: ' we go beyond web3, blockchain & metaverse to help businesses transform through technology. We help start-ups and established businesses in building products that make a difference and increase profitability.',
+        },
+        {
+            title: 'Which industries does provide software development & consulting services in?',
+            description: ' we combine innovation and collective knowledge to create the extraordinary solutions for industries including but not limited to',
+        },
+        {
+            title: 'What technology services do you provide?',
+            description: 'provide following technology services in software development:',
+        },
+        {
+            title: 'Does only provide web3 technology services?',
+            description: ' we go beyond web3, blockchain & metaverse to help businesses transform through technology. We help start-ups and established businesses in building products that make a difference and increase profitability.',
+        },
+        {
+            title: 'Which industries does provide software development & consulting services in?',
+            description: ' we combine innovation and collective knowledge to create the extraordinary solutions for industries including but not limited to',
+        },
+        {
+            title: 'What technology services do you provide?',
+            description: 'provide following technology services in software development:',
+        },
+    ],
+    subHeading: 'When starting a reading, get $15 FREE CREDIT',
+    handleBtnClick: function () { return void 0; },
+    faqItemsLimit: type_1.FAQ_ITEMS_LIMIT.THREE,
+};

package/organisms/faq/type.d.ts

@@ -0,0 +1,17 @@
+export declare enum FAQ_ITEMS_LIMIT {
+    'THREE' = 3,
+    'SEVEN' = 7
+}
+export interface FaqItems {
+    description: string;
+    title: string;
+}
+export interface FaqProps {
+    btnText: string;
+    faqListItems: FaqItems[];
+    handleBtnClick: () => void;
+    isSectionBgEnabled?: boolean;
+    subHeading: string;
+    faqItemsLimit: FAQ_ITEMS_LIMIT;
+    breadcrumbs?: string;
+}

package/organisms/faq/type.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FAQ_ITEMS_LIMIT = void 0;
+var FAQ_ITEMS_LIMIT;
+(function (FAQ_ITEMS_LIMIT) {
+    FAQ_ITEMS_LIMIT[FAQ_ITEMS_LIMIT["THREE"] = 3] = "THREE";
+    FAQ_ITEMS_LIMIT[FAQ_ITEMS_LIMIT["SEVEN"] = 7] = "SEVEN";
+})(FAQ_ITEMS_LIMIT || (exports.FAQ_ITEMS_LIMIT = FAQ_ITEMS_LIMIT = {}));

package/organisms/footer/footer.d.ts

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

package/organisms/footer/footer.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = void 0;
+var kismaa_logo_1 = require("../../atoms/kismaa-logo");
+var molecules_1 = require("../../molecules");
+var type_1 = require("../../molecules/badge/type");
+var react_1 = __importDefault(require("react"));
+var Footer = function (_a) {
+    var _b = _a.logoClassName, logoClassName = _b === void 0 ? 'h-24 w-28' : _b, description = _a.description, socialLinks = _a.socialLinks, quickLinks = _a.quickLinks, communities = _a.communities;
+    var halfLength = Math.ceil(quickLinks.length / 2);
+    var quickLinksLeft = quickLinks.slice(0, halfLength);
+    var quickLinksRight = quickLinks.slice(halfLength);
+    return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-purple-200/90" },
+        react_1.default.createElement("div", { className: "kismaa-container" },
+            react_1.default.createElement("footer", { className: "grid w-full items-end gap-10 md:grid-cols-2 lg:grid-cols-3 lg:gap-16" },
+                react_1.default.createElement("div", { className: "w-full" },
+                    react_1.default.createElement(kismaa_logo_1.KismaaLogo, { className: logoClassName }),
+                    react_1.default.createElement("div", { className: "mb-10 mt-3 text-neutral-800" },
+                        react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH4 }, description)),
+                    react_1.default.createElement("div", { className: "flex gap-6" }, socialLinks.map(function (_a, index) {
+                        var icon = _a.icon, href = _a.href;
+                        return (react_1.default.createElement("a", { key: index, href: href, target: "_blank", rel: "noopener noreferrer", className: "cursor-pointer rounded-full bg-primary/65 p-2 transition-all duration-300 ease-in-out hover:scale-110" }, icon));
+                    }))),
+                react_1.default.createElement("div", { className: "w-fit md:w-full" },
+                    react_1.default.createElement("div", { className: "text-neutral-800" },
+                        react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H5 }, "Quick Links")),
+                    react_1.default.createElement("div", { className: "mt-6 grid grid-cols-2 gap-14 text-neutral-800" },
+                        react_1.default.createElement("div", { className: "flex flex-col gap-4" }, quickLinksLeft.slice(0, 5).map(function (_a, index) {
+                            var label = _a.label, href = _a.href;
+                            return (react_1.default.createElement("a", { key: index, href: href, className: "cursor-pointer" },
+                                react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH4 }, label)));
+                        })),
+                        react_1.default.createElement("div", { className: "flex flex-col gap-4" }, quickLinksRight.slice(0, 5).map(function (_a, index) {
+                            var label = _a.label, href = _a.href;
+                            return (react_1.default.createElement("a", { key: index, href: href, className: "cursor-pointer" },
+                                react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH4 }, label)));
+                        })))),
+                react_1.default.createElement("div", { className: "block w-fit md:hidden lg:block" },
+                    react_1.default.createElement("div", { className: "text-neutral-800" },
+                        react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H5 }, "Communities")),
+                    react_1.default.createElement("div", { className: "mt-6 flex flex-wrap gap-2" }, communities
+                        .slice(0, 10)
+                        .map(function (_a, index) {
+                        var label = _a.label, bgColor = _a.bgColor, textColor = _a.textColor, outlined = _a.outlined, borderColor = _a.borderColor;
+                        return (react_1.default.createElement(molecules_1.Badge, { key: index, type: outlined ? type_1.BADGE_TYPES.OUTLINE : type_1.BADGE_TYPES.SOLID, label: label, bgColor: bgColor, textColor: textColor, borderColor: borderColor, rounded: 6, size: type_1.BADGE_SIZES.LG }));
+                    })))))));
+};
+exports.Footer = Footer;

package/organisms/footer/index.d.ts

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

package/organisms/footer/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("./footer"), exports);
+__exportStar(require("./type"), exports);

package/organisms/footer/props.d.ts

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

package/organisms/footer/props.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.footerData = void 0;
+var react_1 = __importDefault(require("react"));
+var facebook_icon_1 = require("../../atoms/facebook-icon");
+var instagram_icon_1 = require("../../atoms/instagram-icon");
+var twitter_icon_1 = require("../../atoms/twitter-icon");
+exports.footerData = {
+    description: 'Kismaa simplifies healthcare with an easy-to-use platform for booking appointments, telehealth services, and managing patient records.',
+    socialLinks: [
+        { icon: react_1.default.createElement(facebook_icon_1.FacebookIcon, { className: "size-5" }), href: 'https://facebook.com' },
+        {
+            icon: react_1.default.createElement(instagram_icon_1.InstagramIcon, { className: "size-5" }),
+            href: 'https://instagram.com',
+        },
+        { icon: react_1.default.createElement(twitter_icon_1.TwitterIcon, { className: "size-5" }), href: 'https://twitter.com' },
+    ],
+    quickLinks: [
+        { label: 'About Us', href: '/about-us' },
+        { label: 'Services', href: '/services' },
+        { label: 'Contact', href: '/contact' },
+        { label: 'FAQ', href: '/faq' },
+        { label: 'Blog', href: '/blog' },
+        { label: 'Blog', href: '/blog' },
+        { label: 'Blog', href: '/blog' },
+        { label: 'Blog', href: '/blog' },
+    ],
+    communities: [
+        { label: 'All', bgColor: '#B880F1', textColor: '#fff' },
+        { label: 'All', bgColor: '#B880F1', textColor: '#fff' },
+        { label: 'Love', bgColor: '#B880F1', textColor: '#fff' },
+        { label: 'Dating', bgColor: '#B880F1', textColor: '#fff' },
+        { label: 'Locality', bgColor: '#B880F1', textColor: '#fff' },
+        { label: 'Backup', bgColor: '#B880F1', textColor: '#fff' },
+        { label: 'Backup', bgColor: '#B880F1', textColor: '#fff' },
+        { label: 'Backup', bgColor: '#B880F1', textColor: '#fff' },
+        { label: 'Backup', bgColor: '#B880F1', textColor: '#fff' },
+        { label: 'Backup', bgColor: '#B880F1', textColor: '#fff' },
+        {
+            label: 'More...',
+            bgColor: '#B880F1',
+            textColor: '#000',
+            outlined: true,
+            borderColor: '#000',
+        },
+    ],
+};

package/organisms/footer/type.d.ts

@@ -0,0 +1,20 @@
+export interface FooterCommunityItem {
+    label: string;
+    bgColor: string;
+    textColor: string;
+    outlined?: boolean;
+    borderColor?: string;
+}
+export interface FooterProps {
+    logoClassName?: string;
+    description: string;
+    socialLinks: {
+        icon: React.ReactNode;
+        href: string;
+    }[];
+    quickLinks: {
+        label: string;
+        href: string;
+    }[];
+    communities: FooterCommunityItem[];
+}

package/organisms/footer/type.js

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

package/organisms/get-app-banner/get-app-banner.d.ts

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

package/organisms/get-app-banner/get-app-banner.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GetAppBanner = void 0;
+var molecules_1 = require("../../molecules");
+var react_1 = __importDefault(require("react"));
+var GetAppBanner = function (_a) {
+    var backgroundImageUrl = _a.backgroundImageUrl, getAppDescription = _a.getAppDescription, getAppHeading = _a.getAppHeading, handleAppStoreClick = _a.handleAppStoreClick, handlePlayStoreClick = _a.handlePlayStoreClick, _b = _a.bannerBgEnabled, bannerBgEnabled = _b === void 0 ? false : _b;
+    return (react_1.default.createElement("section", { className: "".concat(!bannerBgEnabled ? 'kismaa-section-spacing' : '') },
+        react_1.default.createElement("div", { className: "".concat(bannerBgEnabled ? 'bg-gray-100/95 bg-cover' : '') },
+            react_1.default.createElement("div", { className: "kismaa-container rounded-md bg-gray-100/95 bg-cover ".concat(backgroundImageUrl ? 'lg:bg-[image:var(--bg-image)]' : ''), style: {
+                    '--bg-image': "url(".concat(backgroundImageUrl, ")"),
+                    backgroundRepeat: 'no-repeat',
+                    backgroundSize: 'cover',
+                } },
+                react_1.default.createElement("div", { className: "w-full px-4 py-8 lg:py-16 lg:pl-14" },
+                    react_1.default.createElement("div", { className: "text-slate-900/95" },
+                        react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H2 }, getAppHeading)),
+                    react_1.default.createElement("div", { className: "mt-6 w-full text-neutral-800/95 lg:w-1/3" },
+                        react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P1 }, getAppDescription)),
+                    react_1.default.createElement("div", { className: "mt-8 flex gap-5 lg:mt-16" },
+                        react_1.default.createElement(molecules_1.PlayStoreButton, { handleOnClick: handlePlayStoreClick }),
+                        react_1.default.createElement(molecules_1.AppStoreButton, { handleOnClick: handleAppStoreClick })))))));
+};
+exports.GetAppBanner = GetAppBanner;

package/organisms/get-app-banner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './get-app-banner';
+export * from './type';

package/organisms/get-app-banner/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("./get-app-banner"), exports);
+__exportStar(require("./type"), exports);

package/organisms/get-app-banner/props.d.ts

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

package/organisms/get-app-banner/props.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GetAppBannerData = void 0;
+exports.GetAppBannerData = {
+    handleAppStoreClick: function () { return void 0; },
+    handlePlayStoreClick: function () { return void 0; },
+    backgroundImageUrl: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/app-mockup.webp',
+    getAppHeading: 'Get the App',
+    getAppDescription: 'All prices are listed in $ credits. One $ credit is equivalent to $1  USD. Psychics are not employees or representatives of Kismaa Psychics.',
+    bannerBgEnabled: true,
+};

package/organisms/get-app-banner/type.d.ts

@@ -0,0 +1,8 @@
+export interface GetAppProps {
+    backgroundImageUrl: string;
+    getAppDescription: string;
+    getAppHeading: string;
+    handleAppStoreClick: () => void;
+    handlePlayStoreClick: () => void;
+    bannerBgEnabled?: boolean;
+}

package/organisms/get-app-banner/type.js

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

package/organisms/highlight-banner/highlight-banner.d.ts

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

package/organisms/highlight-banner/highlight-banner.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HighlightBanner = void 0;
+var react_1 = __importDefault(require("react"));
+var typography_1 = require("../../molecules/typography");
+var button_1 = require("../../molecules/button");
+var solid_1 = require("@heroicons/react/24/solid");
+var HighlightBanner = function (_a) {
+    var bannerButtonText = _a.bannerButtonText, bannerDescription = _a.bannerDescription, bannerTitle = _a.bannerTitle, handleCtaClick = _a.handleCtaClick, bannerBg = _a.bannerBg;
+    return (react_1.default.createElement("section", { className: "kismaa-section-spacing" },
+        react_1.default.createElement("div", { className: "kismaa-container rounded-md bg-purple-300/60", style: {
+                backgroundImage: "url(".concat(bannerBg, ")"),
+                backgroundPosition: '50% 15%',
+                backgroundRepeat: 'no-repeat',
+            } },
+            react_1.default.createElement("div", { className: "mx-auto flex flex-col items-center justify-center px-4 py-12 text-center text-quaternary lg:px-32 lg:py-24" },
+                react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H1 }, bannerTitle),
+                react_1.default.createElement("div", { className: "mt-3 flex flex-col items-center gap-4 text-gray-600" },
+                    react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, bannerDescription),
+                    react_1.default.createElement("div", { className: "mt-4 w-fit" },
+                        react_1.default.createElement(button_1.Button, { label: bannerButtonText, type: button_1.BUTTON_TYPES.PRIMARY, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }), handleOnClick: handleCtaClick })))))));
+};
+exports.HighlightBanner = HighlightBanner;

package/organisms/highlight-banner/index.d.ts

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

package/organisms/highlight-banner/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("./highlight-banner"), exports);
+__exportStar(require("./type"), exports);

package/organisms/highlight-banner/props.d.ts

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

package/organisms/highlight-banner/props.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.highlightBannerData = void 0;
+exports.highlightBannerData = {
+    bannerButtonText: 'Sign In',
+    bannerDescription: 'We realize that choosing the right advisor is important for your  satisfaction. Our Best Match Guarantee gives you $15 free credits with  each new advisor, allowing you to pick the best match for you before you start a paid reading. Our guarantee applies to your first chat reading  with any new advisor and to your first phone reading only.',
+    bannerTitle: 'When starting a reading, get $15 FREE CREDIT',
+    handleCtaClick: function () { return void 0; },
+    bannerBg: '/highlight-banner.svg',
+};

package/organisms/highlight-banner/type.d.ts

@@ -0,0 +1,7 @@
+export interface HighlightBannerProps {
+    bannerTitle: string;
+    bannerDescription: string;
+    bannerButtonText: string;
+    handleCtaClick: () => void;
+    bannerBg: string;
+}

package/organisms/highlight-banner/type.js

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

package/organisms/horoscope-cards-grid/horoscope-cards-grid.d.ts

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