@appcorp/kismaa-web-ui 0.1.3 → 0.1.5

package/organisms/user-cards-grid/props.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.userGridData = exports.userCardGridData = void 0;
+exports.userCardGridData = [
+    {
+        isActive: true,
+        imageSrc: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80',
+        name: 'Emma Thompson',
+        description: '15420 reading for 2005',
+        badges: [
+            { label: 'Psychic', bgColor: '#FFC5671A', textColor: '#FFC567' },
+            { label: 'Numerology', bgColor: '#FF33331A', textColor: '#FF3333' },
+            { label: 'Astrology', bgColor: '#9BB8ED1A', textColor: '#9BB8ED' },
+            { label: 'Psychic', bgColor: '#FFC5671A', textColor: '#FFC567' },
+            { label: 'Tarot', bgColor: '#B880F11A', textColor: '#B880F1' },
+        ],
+        rating: 4.8,
+        price: { current: 1, duration: 5 },
+        originalPrice: 2,
+        handleButtonClick: function () { return void 0; },
+    },
+    {
+        isActive: false,
+        imageSrc: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80',
+        name: 'Michael Chen',
+        description: '15420 reading for 2005',
+        badges: [
+            { label: 'Astrology', bgColor: '#9BB8ED1A', textColor: '#9BB8ED' },
+            { label: 'Numerology', bgColor: '#FF33331A', textColor: '#FF3333' },
+        ],
+        rating: 4.5,
+        price: { current: 1.5, duration: 10 },
+        originalPrice: 3,
+        handleButtonClick: function () { return void 0; },
+    },
+    {
+        isActive: true,
+        imageSrc: 'https://images.unsplash.com/photo-1544005313-94ddf0286df2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1738&q=80',
+        name: 'Sophia Rodriguez',
+        description: '15420 reading for 2005',
+        badges: [
+            { label: 'Clairvoyant', bgColor: '#FFC5671A', textColor: '#FFC567' },
+            { label: 'Empath', bgColor: '#B880F11A', textColor: '#B880F1' },
+        ],
+        rating: 4.9,
+        price: { current: 2, duration: 15 },
+        originalPrice: 4,
+        handleButtonClick: function () { return void 0; },
+    },
+    {
+        isActive: true,
+        imageSrc: 'https://images.unsplash.com/photo-1552058544-f2b08422138a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1744&q=80',
+        name: 'Alex Johnson',
+        badges: [
+            { label: 'Palm Reading', bgColor: '#9BB8ED1A', textColor: '#9BB8ED' },
+            { label: 'Dream Analysis', bgColor: '#FF33331A', textColor: '#FF3333' },
+        ],
+        rating: 4.6,
+        price: { current: 1.2, duration: 8 },
+        originalPrice: 2.4,
+        handleButtonClick: function () { return void 0; },
+    },
+    {
+        isActive: false,
+        imageSrc: 'https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1661&q=80',
+        name: 'Olivia Baker',
+        badges: [
+            { label: 'Reiki', bgColor: '#FFC5671A', textColor: '#FFC567' },
+            { label: 'Chakra Healing', bgColor: '#B880F11A', textColor: '#B880F1' },
+        ],
+        rating: 4.7,
+        price: { current: 1.8, duration: 12 },
+        originalPrice: 3.6,
+        handleButtonClick: function () { return void 0; },
+    },
+    {
+        isActive: true,
+        imageSrc: 'https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80',
+        name: 'Daniel Lee',
+        description: '15420 reading for 2005',
+        badges: [
+            { label: 'I Ching', bgColor: '#9BB8ED1A', textColor: '#9BB8ED' },
+            { label: 'Feng Shui', bgColor: '#FF33331A', textColor: '#FF3333' },
+        ],
+        rating: 4.8,
+        price: { current: 1.5, duration: 10 },
+        originalPrice: 3,
+        handleButtonClick: function () { return void 0; },
+    },
+    {
+        isActive: true,
+        imageSrc: 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1664&q=80',
+        name: 'Isabella Martinez',
+        description: '15420 reading for 2005',
+        badges: [
+            { label: 'Mediumship', bgColor: '#FFC5671A', textColor: '#FFC567' },
+            { label: 'Past Life', bgColor: '#B880F11A', textColor: '#B880F1' },
+        ],
+        rating: 4.9,
+        price: { current: 2.2, duration: 15 },
+        originalPrice: 4.4,
+        handleButtonClick: function () { return void 0; },
+    },
+    {
+        isActive: false,
+        imageSrc: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1587&q=80',
+        name: 'William Taylor',
+        description: '15420 reading for 2005',
+        badges: [
+            { label: 'Runes', bgColor: '#9BB8ED1A', textColor: '#9BB8ED' },
+            { label: 'Crystals', bgColor: '#FF33331A', textColor: '#FF3333' },
+        ],
+        rating: 4.6,
+        price: { current: 1.3, duration: 8 },
+        originalPrice: 2.6,
+        handleButtonClick: function () { return void 0; },
+    },
+    {
+        isActive: true,
+        imageSrc: 'https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1588&q=80',
+        name: 'Ava Wilson',
+        description: '15420 reading for 2005',
+        badges: [
+            { label: 'Aura Reading', bgColor: '#FFC5671A', textColor: '#FFC567' },
+            { label: 'Energy Healing', bgColor: '#B880F11A', textColor: '#B880F1' },
+        ],
+        rating: 4.7,
+        price: { current: 1.7, duration: 12 },
+        originalPrice: 3.4,
+        handleButtonClick: function () { return void 0; },
+    },
+    {
+        isActive: true,
+        imageSrc: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80',
+        name: 'Ethan Brown',
+        description: '15420 reading for 2005',
+        badges: [
+            { label: 'Numerology', bgColor: '#9BB8ED1A', textColor: '#9BB8ED' },
+            { label: 'Astrology', bgColor: '#FF33331A', textColor: '#FF3333' },
+        ],
+        rating: 4.8,
+        price: { current: 1.6, duration: 10 },
+        originalPrice: 3.2,
+        handleButtonClick: function () { return void 0; },
+    },
+];
+exports.userGridData = {
+    cardItems: exports.userCardGridData,
+    cardsLimit: 6,
+};

package/organisms/user-cards-grid/type.d.ts

@@ -0,0 +1,10 @@
+import { UserCardProps } from '../../molecules/user-card/type';
+export declare enum USER_CARD_LIMITS {
+    'THREE' = 3,
+    'SIX' = 6,
+    'NINE' = 9
+}
+export interface UserGridProps {
+    cardItems: UserCardProps[];
+    cardsLimit: USER_CARD_LIMITS;
+}

package/organisms/user-cards-grid/type.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.USER_CARD_LIMITS = void 0;
+var USER_CARD_LIMITS;
+(function (USER_CARD_LIMITS) {
+    USER_CARD_LIMITS[USER_CARD_LIMITS["THREE"] = 3] = "THREE";
+    USER_CARD_LIMITS[USER_CARD_LIMITS["SIX"] = 6] = "SIX";
+    USER_CARD_LIMITS[USER_CARD_LIMITS["NINE"] = 9] = "NINE";
+})(USER_CARD_LIMITS || (exports.USER_CARD_LIMITS = USER_CARD_LIMITS = {}));

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

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

package/organisms/user-cards-grid/user-cards-grid.js

@@ -0,0 +1,68 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserCardsGrid = void 0;
+var react_1 = __importStar(require("react"));
+var user_card_1 = require("../../molecules/user-card/user-card");
+var UserCardsGrid = function (_a) {
+    var _b;
+    var cardItems = _a.cardItems, _c = _a.cardsLimit, cardsLimit = _c === void 0 ? 6 : _c;
+    var _d = (0, react_1.useState)(false), isTablet = _d[0], setIsTablet = _d[1];
+    (0, react_1.useEffect)(function () {
+        var handleResize = function () {
+            setIsTablet(window.innerWidth >= 768 && window.innerWidth < 1024);
+        };
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return function () { return window.removeEventListener('resize', handleResize); };
+    }, []);
+    var filteredCardItems = isTablet && cardsLimit === 3
+        ? (_b = cardItems === null || cardItems === void 0 ? void 0 : cardItems.slice(0, cardsLimit)) === null || _b === void 0 ? void 0 : _b.filter(function (_, index) { return index !== 2; })
+        : cardItems === null || cardItems === void 0 ? void 0 : cardItems.slice(0, cardsLimit);
+    return (react_1.default.createElement("div", { className: "mt-10" },
+        react_1.default.createElement("div", { className: "grid gap-10 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3" }, filteredCardItems === null || filteredCardItems === void 0 ? void 0 : filteredCardItems.map(function (userData, index) { return (react_1.default.createElement(user_card_1.UserCard, __assign({ key: index }, userData))); }))));
+};
+exports.UserCardsGrid = UserCardsGrid;

package/organisms/user-detail-banner/index.d.ts

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

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

package/organisms/user-detail-banner/props.d.ts

@@ -0,0 +1,5 @@
+export declare const userDetailBannerData: {
+    userName: string;
+    bannerImageSrc: string;
+    bannerImageAlt: string;
+};

package/organisms/user-detail-banner/props.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.userDetailBannerData = void 0;
+exports.userDetailBannerData = {
+    userName: 'TRUE HEALER',
+    bannerImageSrc: '/user-detail-banner.png',
+    bannerImageAlt: 'User detail banner',
+};

package/organisms/user-detail-banner/type.d.ts

@@ -0,0 +1,4 @@
+export interface UserDetailBannerProps {
+    userName: string;
+    bannerImageSrc: string;
+}

package/organisms/user-detail-banner/type.js

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

package/organisms/user-detail-banner/user-detail-banner.d.ts

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

package/organisms/user-detail-banner/user-detail-banner.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.UserDetailBanner = void 0;
+var molecules_1 = require("../../molecules");
+var react_1 = __importDefault(require("react"));
+var UserDetailBanner = function (_a) {
+    var userName = _a.userName, bannerImageSrc = _a.bannerImageSrc;
+    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 },
+                "Hi! I am ",
+                react_1.default.createElement("span", { className: "text-primary" }, userName))),
+        react_1.default.createElement("div", { className: "mt-5 min-h-80 w-full overflow-hidden rounded-xl", style: {
+                backgroundImage: "url(".concat(bannerImageSrc, ")"),
+                backgroundSize: 'cover',
+                backgroundPosition: 'center',
+            } })));
+};
+exports.UserDetailBanner = UserDetailBanner;

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

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

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

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

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

package/organisms/user-details/props.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.userDetailsData = void 0;
+var props_1 = require("../attributes-section/props");
+exports.userDetailsData = {
+    heading: 'Advisors',
+    userName: 'TRUE HEALER',
+    bannerImageSrc: '/user-detail-banner.png',
+    aboutTitle: 'About Me',
+    aboutImageSrc: '/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 persons soul, always radiating  unconditional love, irrespective of their actions. Guided by my angels,  Ive 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.',
+    attributesData: props_1.attributesData,
+    attributeHeading: 'My Attributes',
+    isActive: true,
+    profileImageUrl: '/card-person.jpg',
+    title: 'TRUE HEALER',
+    totalChat: 0,
+    totalRating: 0,
+    avgRating: 5,
+    expertIn: 'Love Psychics',
+    onChatClick: function () { return void 0; },
+    otherExpertise: [
+        { label: 'Clairvoyant', bgColor: '#FFC5671A', textColor: '#FFC567' },
+        { label: 'Clairaudient', bgColor: '#B880F11A', textColor: '#B880F1' },
+        {
+            label: 'Destiny & Life Path',
+            bgColor: '#9BB8ED1A',
+            textColor: '#9BB8ED',
+        },
+    ],
+    fee: '$199.00/min',
+    breadcrumbs: '',
+};

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

@@ -0,0 +1,23 @@
+import { AttributeItem } from '../attributes-section';
+import { Expertise } from '../extended-user-card';
+export interface UserDetailsProps {
+    heading: string;
+    userName: string;
+    bannerImageSrc: string;
+    aboutTitle: string;
+    aboutImageSrc: string;
+    description: string;
+    attributeHeading: string;
+    attributesData: AttributeItem[];
+    isActive: true;
+    profileImageUrl: string;
+    title: string;
+    fee: string;
+    avgRating: number;
+    totalRating: number;
+    totalChat: number;
+    expertIn: string;
+    otherExpertise: Expertise[];
+    onChatClick: () => void;
+    breadcrumbs: string;
+}

package/organisms/user-details/type.js

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

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

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

package/organisms/user-details/user-details.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserDetails = void 0;
+var react_1 = __importDefault(require("react"));
+var user_detail_banner_1 = require("../user-detail-banner");
+var about_user_1 = require("../about-user");
+var extended_user_card_1 = require("../extended-user-card");
+var attributes_section_1 = require("../attributes-section");
+var section_header_1 = require("../section-header");
+var UserDetails = function (_a) {
+    var heading = _a.heading, userName = _a.userName, bannerImageSrc = _a.bannerImageSrc, aboutTitle = _a.aboutTitle, aboutImageSrc = _a.aboutImageSrc, description = _a.description, attributesData = _a.attributesData, attributeHeading = _a.attributeHeading, isActive = _a.isActive, profileImageUrl = _a.profileImageUrl, title = _a.title, totalChat = _a.totalChat, totalRating = _a.totalRating, avgRating = _a.avgRating, expertIn = _a.expertIn, onChatClick = _a.onChatClick, otherExpertise = _a.otherExpertise, fee = _a.fee, breadcrumbs = _a.breadcrumbs;
+    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: "", renderCtaButton: false, handleButtonClick: function () { return null; }, breadcrumbs: breadcrumbs }),
+            react_1.default.createElement("div", { className: "grid w-full gap-6 xl:grid-cols-12 xl:gap-24" },
+                react_1.default.createElement("div", { className: "block w-full md:hidden lg:hidden xl:hidden" },
+                    react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { isActive: isActive, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn })),
+                react_1.default.createElement("div", { className: "w-full lg:col-span-7 xl:col-span-8" },
+                    react_1.default.createElement("div", { className: "mt-4 lg:mt-9" },
+                        react_1.default.createElement(user_detail_banner_1.UserDetailBanner, { userName: userName, bannerImageSrc: bannerImageSrc })),
+                    react_1.default.createElement("div", { className: "mt-4 lg:mt-9" },
+                        react_1.default.createElement(about_user_1.AboutUser, { title: aboutTitle, imageSrc: aboutImageSrc, description: description })),
+                    react_1.default.createElement("div", { className: "mt-6 grid gap-10 lg:mt-40 lg:grid-cols-12 lg:gap-20" },
+                        react_1.default.createElement("div", { className: "lg:col-span-7 xl:col-span-9" },
+                            react_1.default.createElement(attributes_section_1.AttributeSection, { attributesData: attributesData, sectionHeading: attributeHeading })),
+                        react_1.default.createElement("div", { className: "hidden w-full md:block lg:col-span-5 xl:hidden" },
+                            react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { isActive: isActive, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn })))),
+                react_1.default.createElement("div", { className: "hidden w-full lg:col-span-4 lg:hidden xl:block" },
+                    react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { isActive: isActive, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn }))))));
+};
+exports.UserDetails = UserDetails;

package/organisms/users-list-explore/index.d.ts

@@ -0,0 +1,2 @@
+export * from './type';
+export * from './users-list-explore';

package/organisms/users-list-explore/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("./users-list-explore"), exports);

package/organisms/users-list-explore/props.d.ts

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

package/organisms/users-list-explore/props.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.userListExploreData = void 0;
+var molecules_1 = require("../../molecules");
+var props_1 = require("../user-cards-grid/props");
+var filter_icon_1 = require("../../atoms/filter-icon");
+var react_1 = __importDefault(require("react"));
+exports.userListExploreData = {
+    heading: 'Advisors',
+    subheading: 'Getting started with Kismaa is quick, easy, and free. Start with a 14 day free trial, and end with countless happy patients.',
+    badgeText: '9/40',
+    btnText: '',
+    btnIcon: react_1.default.createElement(filter_icon_1.FilterIcon, { className: 'size-4' }),
+    btnOutlined: true,
+    btnType: molecules_1.BUTTON_TYPES.PRIMARY,
+    handleButtonClick: function () { return void 0; },
+    cardItems: props_1.userCardGridData,
+    cardsLimit: 9,
+    currentPage: 1,
+    totalPages: 3,
+    onNext: function () { return void 0; },
+    onPageChange: function () { return void 0; },
+    onPrevious: function () { return void 0; },
+    breadcrumbsUrl: '/Page/Page.tsx',
+};

package/organisms/users-list-explore/type.d.ts

@@ -0,0 +1,19 @@
+import { BUTTON_TYPES, UserCardProps } from '../../molecules';
+export type UsersListExploreProps = {
+    heading: string;
+    subheading: string;
+    badgeText: string;
+    btnText: string;
+    btnOutlined: boolean;
+    btnType: BUTTON_TYPES;
+    btnIcon?: React.ReactElement;
+    handleButtonClick: () => void;
+    cardItems: UserCardProps[];
+    cardsLimit: number;
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    onPrevious: () => void;
+    onNext: () => void;
+    breadcrumbsUrl: string;
+};

package/organisms/users-list-explore/type.js

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

package/organisms/users-list-explore/users-list-explore.d.ts

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

package/organisms/users-list-explore/users-list-explore.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UsersListExplore = 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 pagination_1 = require("../pagination/pagination");
+var UsersListExplore = function (_a) {
+    var badgeText = _a.badgeText, breadcrumbsUrl = _a.breadcrumbsUrl, btnIcon = _a.btnIcon, btnOutlined = _a.btnOutlined, btnText = _a.btnText, btnType = _a.btnType, cardItems = _a.cardItems, cardsLimit = _a.cardsLimit, currentPage = _a.currentPage, handleButtonClick = _a.handleButtonClick, heading = _a.heading, onNext = _a.onNext, onPageChange = _a.onPageChange, onPrevious = _a.onPrevious, subheading = _a.subheading, totalPages = _a.totalPages;
+    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: true, handleButtonClick: handleButtonClick, btnText: btnText, btnOutlined: btnOutlined, badgeText: badgeText, btnType: btnType, btnIcon: btnIcon, breadcrumbs: breadcrumbsUrl }),
+            react_1.default.createElement(user_cards_grid_1.UserCardsGrid, { cardItems: cardItems, cardsLimit: cardsLimit }),
+            react_1.default.createElement("div", { className: "mt-12" },
+                react_1.default.createElement(pagination_1.Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: onPageChange, onPrevious: onPrevious, onNext: onNext })))));
+};
+exports.UsersListExplore = UsersListExplore;

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@appcorp/kismaa-web-ui",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "source": "src/index.ts",
   "main": "lib/main.js",
   "module": "lib/module.js",
   "types": "lib/types.d.ts",
   "scripts": {
-    "build": "parcel build && cp package.json lib && cp README.md lib",
+    "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
+    "build:next": "next build",
     "build:storybook": "storybook build -c .storybook -o .out",
-    "bundle:reports": "yarn build --reporter @parcel/reporter-bundle-analyzer",
+    "build:ts": "tsc --project tsconfig.build.json",
     "clean": "yarn rimraf ./lib",
     "deploy:storybook": "concurrently \"yarn storybook:ghpages\" \"sleep 15 && rm ./*out*/favicon.ico && yarn copy:deploy:files\"",
     "dev": "next dev",
@@ -23,8 +24,7 @@
     "storybook": "storybook dev -p 9001",
     "test": "jest",
     "test:coverage": "jest --coverage",
-    "test:watch": "jest --watch",
-    "watch": "parcel watch"
+    "test:watch": "jest --watch"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
@@ -65,11 +65,6 @@
     "@mdx-js/react": "^3.1.0",
     "@next/eslint-plugin-next": "^15.1.0",
     "@next/mdx": "^15.0.4",
-    "@parcel/bundler-library": "^2.13.2",
-    "@parcel/packager-ts": "2.13.2",
-    "@parcel/reporter-bundle-analyzer": "^2.13.2",
-    "@parcel/reporter-bundle-buddy": "^2.13.2",
-    "@parcel/transformer-typescript-types": "2.13.2",
     "@storybook/addon-essentials": "8.4.7",
     "@storybook/addon-interactions": "8.4.7",
     "@storybook/addon-onboarding": "8.4.7",
@@ -101,8 +96,6 @@
     "lint-staged": "15.2.11",
     "next": "15.0.3",
     "next-themes": "^0.4.3",
-    "parcel": "^2.13.2",
-    "parcel-plugin-obfuscate": "^2.1.1",
     "postcss": "^8",
     "prettier": "^3.4.1",
     "prettier-plugin-tailwindcss": "^0.6.9",

package/providers/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function Providers({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

package/providers/index.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.Providers = Providers;
+var react_1 = __importDefault(require("react"));
+var next_themes_1 = require("next-themes");
+function Providers(_a) {
+    var children = _a.children;
+    return (react_1.default.createElement("main", { className: "font-primary" },
+        react_1.default.createElement(next_themes_1.ThemeProvider, { attribute: "class", defaultTheme: "light", enableSystem: true }, children)));
+}