@appcorp/kismaa-web-ui 0.1.3 → 0.1.5

package/molecules/user-card/user-card.js

@@ -0,0 +1,86 @@
+'use client';
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserCard = void 0;
+var react_1 = __importStar(require("react"));
+var active_icon_1 = require("../../atoms/active-icon");
+var button_1 = require("../button");
+var typography_1 = require("../typography");
+var badge_1 = require("../badge");
+var type_1 = require("../badge/type");
+var ratings_1 = require("../ratings");
+var image_1 = __importDefault(require("next/image"));
+var UserCard = function (_a) {
+    var isActive = _a.isActive, imageSrc = _a.imageSrc, name = _a.name, badges = _a.badges, rating = _a.rating, price = _a.price, originalPrice = _a.originalPrice, description = _a.description, handleButtonClick = _a.handleButtonClick;
+    var _b = (0, react_1.useState)(false), isHovered = _b[0], setIsHovered = _b[1];
+    return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] lg:max-w-[415px]", onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } },
+        react_1.default.createElement("div", { className: "relative overflow-hidden rounded-xl" },
+            react_1.default.createElement("div", { className: "absolute right-4 top-4 z-10" },
+                react_1.default.createElement(active_icon_1.ActiveIcon, { isActive: isActive })),
+            react_1.default.createElement("div", { className: "" },
+                react_1.default.createElement("div", { className: "relative pb-[76%]" },
+                    react_1.default.createElement(image_1.default, { src: imageSrc, alt: "Person Image", width: 100, height: 100, className: "absolute inset-0 h-full w-full object-cover" })),
+                isHovered && isActive && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent to-[rgba(22,18,69,0.85)] transition-opacity duration-300" }),
+                    react_1.default.createElement("div", { className: "absolute bottom-7 flex w-full justify-center" },
+                        react_1.default.createElement("div", { className: "w-fit" },
+                            react_1.default.createElement(button_1.Button, { label: "Chat Now", type: button_1.BUTTON_TYPES.PRIMARY, size: button_1.BUTTON_SIZES.SM, handleOnClick: function () { return handleButtonClick(); } }))))))),
+        react_1.default.createElement("div", { className: "p-4 text-center" },
+            react_1.default.createElement("div", { className: "mb-2" },
+                react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H3 }, name)),
+            react_1.default.createElement("div", { className: "mb-2 min-h-5 text-gray-500" }, !!description && (react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, description))),
+            react_1.default.createElement("div", { className: "mt-1.5 flex min-h-16 w-full flex-wrap justify-center gap-1.5" }, badges.slice(0, 5).map(function (badge, index) { return (react_1.default.createElement("div", { className: "h-fit w-fit", key: index },
+                react_1.default.createElement(badge_1.Badge, { label: badge.label, type: type_1.BADGE_TYPES.SOLID, size: type_1.BADGE_SIZES.SM, rounded: 20, bgColor: badge.bgColor, textColor: badge.textColor }))); })),
+            react_1.default.createElement("div", { className: "my-5 flex justify-center" },
+                react_1.default.createElement(ratings_1.Ratings, { rating: rating })),
+            react_1.default.createElement("div", { className: "flex justify-center gap-2.5" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H5 },
+                        "$",
+                        price.current,
+                        " for ",
+                        price.duration,
+                        "min")),
+                react_1.default.createElement("div", { className: "text-black/40 line-through" },
+                    react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H6 },
+                        "$",
+                        originalPrice,
+                        "/min"))))));
+};
+exports.UserCard = UserCard;

package/organisms/about-us-banner/about-us-banner.d.ts

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

package/organisms/about-us-banner/about-us-banner.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AboutUsBanner = void 0;
+var molecules_1 = require("../../molecules");
+var breadcrumbs_1 = require("../../molecules/breadcrumbs");
+var react_1 = __importDefault(require("react"));
+var AboutUsBanner = function (_a) {
+    var breadcrumbs = _a.breadcrumbs, heading = _a.heading, subHeading = _a.subHeading, description = _a.description, bannerImageUrl = _a.bannerImageUrl;
+    return (react_1.default.createElement("section", { className: "kismaa-section-spacing" },
+        react_1.default.createElement("div", { className: "kismaa-container" },
+            react_1.default.createElement("div", { className: "mb-10" },
+                react_1.default.createElement(breadcrumbs_1.BreadCrumbs, { pathname: breadcrumbs })),
+            react_1.default.createElement("div", { className: "text-gray-800" },
+                react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H2 }, heading)),
+            react_1.default.createElement("div", { className: "mt-8 sm:max-w-full md:max-w-[60%] lg:max-w-[55%]" },
+                react_1.default.createElement("div", { className: "text-gray-800" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H3 }, subHeading)),
+                react_1.default.createElement("div", { className: "mt-2 text-slate-400" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P1 }, description))),
+            react_1.default.createElement("div", { className: "mt-11 h-60 overflow-hidden rounded-sm lg:h-[700px]", style: {
+                    backgroundImage: "url(".concat(bannerImageUrl, ")"),
+                    backgroundSize: 'cover',
+                    backgroundPosition: 'center',
+                } }))));
+};
+exports.AboutUsBanner = AboutUsBanner;

package/organisms/about-us-banner/index.d.ts

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

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

package/organisms/about-us-banner/props.d.ts

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

package/organisms/about-us-banner/props.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aboutUsBannerData = void 0;
+exports.aboutUsBannerData = {
+    breadcrumbs: '/about-us',
+    heading: 'About Us',
+    subHeading: 'Short Story About Kismaa.',
+    description: 'Welcome to Kismaa, where we believe that everyone has the power to connect with their intuition and harness their inner guidance.',
+    bannerImageUrl: '/about-us-banner.png',
+};

package/organisms/about-us-banner/type.d.ts

@@ -0,0 +1,7 @@
+export interface AboutUsBannerProps {
+    breadcrumbs: string;
+    heading: string;
+    subHeading: string;
+    description: string;
+    bannerImageUrl: string;
+}

package/organisms/about-us-banner/type.js

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

package/organisms/about-us-stats/about-us-stats.d.ts

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

package/organisms/about-us-stats/about-us-stats.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.AboutUsStats = void 0;
+var react_1 = __importDefault(require("react"));
+var molecules_1 = require("../../molecules");
+var AboutUsStats = function (_a) {
+    var description = _a.description, statsData = _a.statsData;
+    return (react_1.default.createElement("section", { className: "kismaa-section-spacing" },
+        react_1.default.createElement("div", { className: "kismaa-container" },
+            react_1.default.createElement("div", { className: "text-gray-500" },
+                react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P1 }, description)),
+            react_1.default.createElement("div", { className: "mt-16 flex flex-col flex-wrap items-center gap-12 border-y-[1px] border-slate-200 py-16 lg:flex-row lg:justify-between lg:gap-0" }, statsData.map(function (stat, index) { return (react_1.default.createElement(react_1.default.Fragment, { key: index },
+                react_1.default.createElement(molecules_1.StatCard, { icon: stat.icon, title: stat.title, description: stat.description }),
+                index < statsData.length - 1 && (react_1.default.createElement("div", { className: "hidden h-14 border-[1px] border-slate-200 lg:block" })))); })))));
+};
+exports.AboutUsStats = AboutUsStats;

package/organisms/about-us-stats/index.d.ts

@@ -0,0 +1,2 @@
+export * from './about-us-stats';
+export * from './type';

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

package/organisms/about-us-stats/props.d.ts

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

package/organisms/about-us-stats/props.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aboutUsStatsData = void 0;
+var react_1 = __importDefault(require("react"));
+var rocket_icon_1 = require("../../atoms/rocket-icon");
+var clients_icon_1 = require("../../atoms/clients-icon");
+var award_icon_1 = require("../../atoms/award-icon");
+var partners_icon_1 = require("../../atoms/partners-icon");
+exports.aboutUsStatsData = {
+    description: "At Kismaa, we offer a wide range of psychic readings and services to\n             help you gain clarity and insight into your life. Whether you're\n             seeking guidance on your career, relationships, or personal growth,\n             our psychics can help you navigate life's challenges and find the\n             answers you seek. \n\n\n             Our psychics are carefully selected for their expertise, experience,\n             and compassionate approach. They use a variety of tools and techniques\n             to provide accurate and insightful readings, including tarot cards,\n             astrology, numerology, and mediumship. Our psychics are committed to\n             providing a safe and supportive environment for our clients, and we\n             take your privacy and confidentiality seriously. \n\n\n             We are passionate about helping people discover their true\n            potential and live their best lives. Whether you're looking for\n             guidance on a specific issue or simply seeking greater clarity and\n             understanding, we're here to help. Contact us today to schedule a\n             reading and start your journey towards greater insight and\n             self-discovery.",
+    statsData: [
+        {
+            icon: react_1.default.createElement(rocket_icon_1.RocketIcon, { className: "size-14" }),
+            title: '834',
+            description: 'Psychics',
+        },
+        {
+            icon: react_1.default.createElement(clients_icon_1.ClientsIcon, { className: "size-14" }),
+            title: '372',
+            description: 'Clients',
+        },
+        {
+            icon: react_1.default.createElement(award_icon_1.AwardIcon, { className: "size-14" }),
+            title: '14',
+            description: 'Award',
+        },
+        {
+            icon: react_1.default.createElement(partners_icon_1.PartnersIcon, { className: "size-14" }),
+            title: '43',
+            description: 'Partners',
+        },
+    ],
+};

package/organisms/about-us-stats/type.d.ts

@@ -0,0 +1,5 @@
+import { StatCardProps } from '../../molecules';
+export interface AboutUsStatsProps {
+    description: string;
+    statsData: StatCardProps[];
+}

package/organisms/about-us-stats/type.js

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

package/organisms/about-user/about-user.d.ts

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

package/organisms/about-user/about-user.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AboutUser = void 0;
+var molecules_1 = require("../../molecules");
+var image_1 = __importDefault(require("next/image"));
+var react_1 = __importDefault(require("react"));
+var AboutUser = function (_a) {
+    var title = _a.title, imageSrc = _a.imageSrc, description = _a.description;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "text-gray-800" },
+            react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H2 }, title)),
+        react_1.default.createElement("div", { className: "mt-5 flex w-full flex-col items-stretch gap-7 lg:flex-row" },
+            react_1.default.createElement("div", { className: "h-60 w-[100%] overflow-hidden rounded-xl lg:w-[30%]" },
+                react_1.default.createElement(image_1.default, { src: imageSrc, alt: "profileImage", width: 200, height: 240, className: "h-full w-full object-cover object-top" })),
+            react_1.default.createElement("div", { className: "w-[100%] lg:w-[70%]" },
+                react_1.default.createElement("div", { className: "text-gray-500" },
+                    react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P1 }, description))))));
+};
+exports.AboutUser = AboutUser;

package/organisms/about-user/index.d.ts

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

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

package/organisms/about-user/props.d.ts

@@ -0,0 +1,5 @@
+export declare const aboutUserData: {
+    title: string;
+    imageSrc: string;
+    description: string;
+};

package/organisms/about-user/props.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aboutUserData = void 0;
+exports.aboutUserData = {
+    title: 'About Me',
+    imageSrc: '/card-person.jpg',
+    description: "My clairsentient abilities enable me to receive psychic insights by sensing subtle energies and interpreting images from my angels. Starting as a teenager, I discovered my unique gift of consistently seeing a person's soul, always radiating unconditional love, irrespective of their actions. Guided by my angels, I've honed this ability over 42 years of continuous learning.My extensive practice has allowed me to develop a range of skills, including clairaudience, clairvoyance, empathic abilities, autowriting, energy reading, and Tarot. Remote psychic readings are facilitated by tapping into your energy field, providing accurate insights for both you and those close to you.",
+};

package/organisms/about-user/type.d.ts

@@ -0,0 +1,5 @@
+export interface AboutUserProps {
+    title: string;
+    imageSrc: string;
+    description: string;
+}

package/organisms/about-user/type.js

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

package/organisms/advisors-section/advisors-section.d.ts

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

package/organisms/advisors-section/advisors-section.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvisorsSection = void 0;
+var react_1 = __importDefault(require("react"));
+var section_header_1 = require("../section-header");
+var user_cards_grid_1 = require("../user-cards-grid");
+var AdvisorsSection = function (_a) {
+    var heading = _a.heading, subheading = _a.subheading, btnText = _a.btnText, cardItems = _a.cardItems, cardsLimit = _a.cardsLimit, onButtonClick = _a.onButtonClick;
+    return (react_1.default.createElement("section", { className: "kismaa-section-spacing" },
+        react_1.default.createElement("div", { className: "kismaa-container" },
+            react_1.default.createElement(section_header_1.SectionHeader, { heading: heading, subheading: subheading, renderCtaButton: cardItems.length > cardsLimit, handleButtonClick: onButtonClick, btnText: btnText }),
+            react_1.default.createElement(user_cards_grid_1.UserCardsGrid, { cardItems: cardItems, cardsLimit: cardsLimit }))));
+};
+exports.AdvisorsSection = AdvisorsSection;

package/organisms/advisors-section/index.d.ts

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

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

package/organisms/advisors-section/props.d.ts

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

package/organisms/advisors-section/props.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.advisorsSectionData = void 0;
+var props_1 = require("./../../organisms/user-cards-grid/props");
+exports.advisorsSectionData = {
+    heading: 'Featured Advisors',
+    subheading: 'Getting started with Kismaa is quick, easy, and free. Start with a 14 day free trial, and end with countless happy patients.',
+    btnText: 'See more',
+    cardItems: props_1.userCardGridData,
+    cardsLimit: 6,
+    onButtonClick: function () { return console.log('Button clicked!'); },
+};

package/organisms/advisors-section/type.d.ts

@@ -0,0 +1,9 @@
+import { UserCardProps } from '../../molecules';
+export interface AdvisorsSectionProps {
+    heading: string;
+    subheading: string;
+    btnText: string;
+    cardItems: UserCardProps[];
+    cardsLimit: number;
+    onButtonClick: () => void;
+}

package/organisms/advisors-section/type.js

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

package/organisms/attribute-card/attribute-card.d.ts

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

package/organisms/attribute-card/attribute-card.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttributeCard = void 0;
+var molecules_1 = require("../../molecules");
+var react_1 = __importDefault(require("react"));
+var AttributeCard = function (_a) {
+    var title = _a.title, attributes = _a.attributes;
+    return (react_1.default.createElement("div", { className: "flex flex-col items-stretch gap-1 rounded-xl border-[1px] border-blue-300/90 bg-purple-200/90" },
+        react_1.default.createElement("div", { className: "mx-5 my-4" },
+            react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H3 }, title)),
+        react_1.default.createElement("div", { className: "h-full scale-[1.01] rounded-xl border-[1px] border-purple-400 bg-white px-12 py-5" },
+            react_1.default.createElement("ul", { className: "list-disc leading-[26px] text-gray-500" }, attributes.map(function (attribute, index) { return (react_1.default.createElement("li", { key: index }, attribute)); })))));
+};
+exports.AttributeCard = AttributeCard;

package/organisms/attribute-card/index.d.ts

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

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

package/organisms/attribute-card/props.d.ts

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

package/organisms/attribute-card/props.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attributeCardData = void 0;
+exports.attributeCardData = {
+    title: 'Specialties',
+    attributes: [
+        'Career & Work',
+        'Spirit Guides',
+        'Deceased Loved Ones',
+        'Lost People & Pets',
+        'Past Lives',
+    ],
+};

package/organisms/attribute-card/type.d.ts

@@ -0,0 +1,4 @@
+export interface AttributeCardProps {
+    title: string;
+    attributes: string[];
+}

package/organisms/attribute-card/type.js

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

package/organisms/attributes-section/attributes-section.d.ts

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

package/organisms/attributes-section/attributes-section.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttributeSection = void 0;
+var molecules_1 = require("../../molecules");
+var react_1 = __importDefault(require("react"));
+var attribute_card_1 = require("../attribute-card");
+var AttributeSection = function (_a) {
+    var sectionHeading = _a.sectionHeading, attributesData = _a.attributesData;
+    return (react_1.default.createElement("div", { className: "text-gray-800" },
+        react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H2 }, sectionHeading),
+        react_1.default.createElement("div", { className: "mt-6 grid grid-cols-1 gap-6 sm:grid-cols-2" }, attributesData.map(function (attribute, index) { return (react_1.default.createElement(attribute_card_1.AttributeCard, { key: index, title: attribute.title, attributes: attribute.attributes })); }))));
+};
+exports.AttributeSection = AttributeSection;

package/organisms/attributes-section/index.d.ts

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

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

package/organisms/attributes-section/props.d.ts

@@ -0,0 +1,11 @@
+export declare const attributesData: {
+    title: string;
+    attributes: string[];
+}[];
+export declare const attributeSectionData: {
+    sectionHeading: string;
+    attributesData: {
+        title: string;
+        attributes: string[];
+    }[];
+};

package/organisms/attributes-section/props.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attributeSectionData = exports.attributesData = void 0;
+exports.attributesData = [
+    {
+        title: 'Specialties',
+        attributes: [
+            'Career & Work',
+            'Spirit Guides',
+            'Deceased Loved Ones',
+            'Lost People & Pets',
+            'Past Lives',
+        ],
+    },
+    {
+        title: 'Skills',
+        attributes: [
+            'Clairvoyant',
+            'Medium',
+            'Angel Readings',
+            'Dream Exploration',
+        ],
+    },
+    { title: 'Communication', attributes: ['Inspirational'] },
+    { title: 'Language', attributes: ['English'] },
+    { title: 'Tools', attributes: ['Tarot'] },
+];
+exports.attributeSectionData = {
+    sectionHeading: 'Attribute',
+    attributesData: exports.attributesData,
+};

package/organisms/attributes-section/type.d.ts

@@ -0,0 +1,8 @@
+export interface AttributeItem {
+    title: string;
+    attributes: string[];
+}
+export interface AttributeSectionProps {
+    sectionHeading: string;
+    attributesData: AttributeItem[];
+}

package/organisms/attributes-section/type.js

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