@appcorp/kismaa-web-ui 0.1.4 → 0.1.5

package/molecules/horoscope-card/props.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.horoscopeCardData = void 0;
+var react_1 = __importDefault(require("react"));
+var sagitarious_icon_1 = require("../../atoms/sagitarious-icon");
+exports.horoscopeCardData = {
+    cardHeading: 'SAGITTARIUS',
+    cardIcon: react_1.default.createElement(sagitarious_icon_1.SagittariusIcon, {
+        className: 'lg:h-full lg:w-full size-24',
+    }),
+    handleCardOnClick: function () { return void 0; },
+};

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

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+export declare enum HOROSCOPE_CARD_SIZES {
+    SM = "SM",
+    MD = "MD"
+}
+export interface HoroscopeCardProps {
+    cardHeading: string;
+    cardIcon: ReactElement;
+    handleCardOnClick: () => void;
+    cardSize?: HOROSCOPE_CARD_SIZES;
+}

package/molecules/horoscope-card/type.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HOROSCOPE_CARD_SIZES = void 0;
+var HOROSCOPE_CARD_SIZES;
+(function (HOROSCOPE_CARD_SIZES) {
+    HOROSCOPE_CARD_SIZES["SM"] = "SM";
+    HOROSCOPE_CARD_SIZES["MD"] = "MD";
+})(HOROSCOPE_CARD_SIZES || (exports.HOROSCOPE_CARD_SIZES = HOROSCOPE_CARD_SIZES = {}));

package/molecules/index.d.ts

@@ -0,0 +1,11 @@
+export * from './accordion';
+export * from './badge';
+export * from './button';
+export * from './horizontal-divider';
+export * from './ratings';
+export * from './stat-card';
+export * from './theme-switch/theme-switch';
+export * from './typography';
+export * from './user-card';
+export * from './horoscope-card';
+export * from './button-group';

package/molecules/index.js

@@ -0,0 +1,27 @@
+"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("./accordion"), exports);
+__exportStar(require("./badge"), exports);
+__exportStar(require("./button"), exports);
+__exportStar(require("./horizontal-divider"), exports);
+__exportStar(require("./ratings"), exports);
+__exportStar(require("./stat-card"), exports);
+__exportStar(require("./theme-switch/theme-switch"), exports);
+__exportStar(require("./typography"), exports);
+__exportStar(require("./user-card"), exports);
+__exportStar(require("./horoscope-card"), exports);
+__exportStar(require("./button-group"), exports);

package/molecules/ratings/index.d.ts

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

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

package/molecules/ratings/props.d.ts

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

package/molecules/ratings/props.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ratingStarData = void 0;
+exports.ratingStarData = {
+    rating: 4.5,
+};

package/molecules/ratings/ratings.d.ts

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

package/molecules/ratings/ratings.js

@@ -0,0 +1,43 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ratings = void 0;
+var react_1 = __importDefault(require("react"));
+var rating_star_1 = require("../../atoms/rating-star");
+var typography_1 = require("../typography");
+var Ratings = function (_a) {
+    var rating = _a.rating, _b = _a.renderFraction, renderFraction = _b === void 0 ? true : _b, _c = _a.starsSize, starsSize = _c === void 0 ? 'size-4' : _c;
+    var totalStars = 5;
+    var fullStars = Math.floor(rating);
+    var decimalPart = rating % 1;
+    return (react_1.default.createElement("div", { className: "flex items-center gap-3" },
+        react_1.default.createElement("div", { className: "flex", "aria-label": "Rating: ".concat(rating, " out of 5 stars") }, __spreadArray([], Array(totalStars), true).map(function (_, index) {
+            var fillPercentage = 0;
+            if (index < fullStars) {
+                fillPercentage = 100;
+            }
+            else if (index === fullStars && decimalPart > 0) {
+                fillPercentage = Math.round(decimalPart * 100);
+            }
+            return (react_1.default.createElement(rating_star_1.RatingStar, { key: index, className: starsSize, fillPercentage: fillPercentage, "aria-hidden": "true" }));
+        })),
+        renderFraction && (react_1.default.createElement("div", { className: "item-center flex" },
+            react_1.default.createElement("div", { className: "" },
+                react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P3 },
+                    rating,
+                    "/")),
+            react_1.default.createElement("div", { className: "text-black/60" },
+                react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P3 }, totalStars))))));
+};
+exports.Ratings = Ratings;

package/molecules/ratings/ratings.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    component: import("react").FC<import("./type").RatingTypes>;
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const RatingsStory: Story;

package/molecules/ratings/ratings.stories.js

@@ -0,0 +1,25 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RatingsStory = void 0;
+var ratings_1 = require("./ratings");
+var props_1 = require("./props");
+var meta = {
+    component: ratings_1.Ratings,
+    tags: ['autodocs'],
+    title: 'Molecules/Ratings',
+};
+exports.default = meta;
+exports.RatingsStory = {
+    args: __assign({}, props_1.ratingStarData),
+};

package/molecules/ratings/type.d.ts

@@ -0,0 +1,5 @@
+export interface RatingTypes {
+    rating: number;
+    renderFraction?: boolean;
+    starsSize?: string;
+}

package/molecules/ratings/type.js

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

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

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

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

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

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

package/molecules/stat-card/props.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.statCardData = void 0;
+var rocket_icon_1 = require("../../atoms/rocket-icon");
+var react_1 = __importDefault(require("react"));
+exports.statCardData = {
+    icon: react_1.default.createElement(rocket_icon_1.RocketIcon, { className: 'size-14' }),
+    title: '834',
+    description: 'Psychics',
+};

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

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

package/molecules/stat-card/stat-card.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.StatCard = void 0;
+var react_1 = __importDefault(require("react"));
+var StatCard = function (_a) {
+    var icon = _a.icon, title = _a.title, description = _a.description;
+    return (react_1.default.createElement("div", { className: "item-center flex w-fit gap-7" },
+        react_1.default.createElement("div", { className: "w-[50%]" }, icon),
+        react_1.default.createElement("div", { className: "w-[50%]" },
+            react_1.default.createElement("div", { className: "text-3xl text-slate-900 lg:text-4xl" }, title),
+            react_1.default.createElement("div", { className: "mt-1 text-slate-400" }, description))));
+};
+exports.StatCard = StatCard;

package/molecules/stat-card/type.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface StatCardProps {
+    icon: React.ReactElement;
+    title: string;
+    description: string;
+}

package/molecules/stat-card/type.js

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

package/molecules/theme-switch/theme-switch.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ThemeSwitch(): React.JSX.Element | undefined;

package/molecules/theme-switch/theme-switch.js

@@ -0,0 +1,56 @@
+'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.default = ThemeSwitch;
+var react_1 = __importStar(require("react"));
+var next_themes_1 = require("next-themes");
+var image_1 = __importDefault(require("next/image"));
+function ThemeSwitch() {
+    var _a = (0, react_1.useState)(false), mounted = _a[0], setMounted = _a[1];
+    var _b = (0, next_themes_1.useTheme)(), setTheme = _b.setTheme, resolvedTheme = _b.resolvedTheme;
+    (0, react_1.useEffect)(function () { return setMounted(true); }, []);
+    if (!mounted)
+        return (react_1.default.createElement(image_1.default, { src: "data:image/svg+xml;base64,PHN2ZyBzdHJva2U9IiNGRkZGRkYiIGZpbGw9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMCIgdmlld0JveD0iMCAwIDI0IDI0IiBoZWlnaHQ9IjIwMHB4IiB3aWR0aD0iMjAwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB4PSIyIiB5PSIyIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHJ4PSIyIj48L3JlY3Q+PC9zdmc+Cg==", width: 36, height: 36, sizes: "36x36", alt: "Loading Light/Dark Toggle", priority: false, title: "Loading Light/Dark Toggle" }));
+    if (resolvedTheme === 'dark') {
+        return (react_1.default.createElement("button", { onClick: function () { return setTheme('light'); }, className: "" }, "Light"));
+    }
+    if (resolvedTheme === 'light') {
+        return (react_1.default.createElement("button", { onClick: function () { return setTheme('dark'); }, className: "text-black" }, "Dark"));
+    }
+}

package/molecules/typography/index.d.ts

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

package/molecules/typography/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("./typography"), exports);

package/molecules/typography/props.d.ts

@@ -0,0 +1,2 @@
+import { TypographyProps } from './typography';
+export declare const typographyProps: TypographyProps;

package/molecules/typography/props.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typographyProps = void 0;
+var type_1 = require("./type");
+exports.typographyProps = {
+    as: 'p',
+    children: 'Featured Advisors',
+    variant: type_1.TYPOGRAPHY_VARIANTS.DISPLAYHEADING,
+};

package/molecules/typography/type.d.ts

@@ -0,0 +1,20 @@
+export declare enum TYPOGRAPHY_VARIANTS {
+    DISPLAYHEADING = "DISPLAYHEADING",
+    H1 = "H1",
+    H2 = "H2",
+    H3 = "H3",
+    H4 = "H4",
+    H5 = "H5",
+    H6 = "H6",
+    HEROHEADING = "HEROHEADING",
+    P1 = "P1",
+    P2 = "P2",
+    P3 = "P3",
+    P4 = "P4",
+    P5 = "P5",
+    P6 = "P6",
+    SUBH1 = "SUBH1",
+    SUBH2 = "SUBH2",
+    SUBH3 = "SUBH3",
+    SUBH4 = "SUBH4"
+}

package/molecules/typography/type.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TYPOGRAPHY_VARIANTS = void 0;
+var TYPOGRAPHY_VARIANTS;
+(function (TYPOGRAPHY_VARIANTS) {
+    TYPOGRAPHY_VARIANTS["DISPLAYHEADING"] = "DISPLAYHEADING";
+    TYPOGRAPHY_VARIANTS["H1"] = "H1";
+    TYPOGRAPHY_VARIANTS["H2"] = "H2";
+    TYPOGRAPHY_VARIANTS["H3"] = "H3";
+    TYPOGRAPHY_VARIANTS["H4"] = "H4";
+    TYPOGRAPHY_VARIANTS["H5"] = "H5";
+    TYPOGRAPHY_VARIANTS["H6"] = "H6";
+    TYPOGRAPHY_VARIANTS["HEROHEADING"] = "HEROHEADING";
+    TYPOGRAPHY_VARIANTS["P1"] = "P1";
+    TYPOGRAPHY_VARIANTS["P2"] = "P2";
+    TYPOGRAPHY_VARIANTS["P3"] = "P3";
+    TYPOGRAPHY_VARIANTS["P4"] = "P4";
+    TYPOGRAPHY_VARIANTS["P5"] = "P5";
+    TYPOGRAPHY_VARIANTS["P6"] = "P6";
+    TYPOGRAPHY_VARIANTS["SUBH1"] = "SUBH1";
+    TYPOGRAPHY_VARIANTS["SUBH2"] = "SUBH2";
+    TYPOGRAPHY_VARIANTS["SUBH3"] = "SUBH3";
+    TYPOGRAPHY_VARIANTS["SUBH4"] = "SUBH4";
+})(TYPOGRAPHY_VARIANTS || (exports.TYPOGRAPHY_VARIANTS = TYPOGRAPHY_VARIANTS = {}));

package/molecules/typography/typography.d.ts

@@ -0,0 +1,8 @@
+import React, { ElementType } from 'react';
+import { TYPOGRAPHY_VARIANTS } from './type';
+export interface TypographyProps {
+    as?: ElementType;
+    children: React.ReactNode;
+    variant: TYPOGRAPHY_VARIANTS;
+}
+export declare const Typography: React.FC<TypographyProps>;

package/molecules/typography/typography.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Typography = void 0;
+var react_1 = __importDefault(require("react"));
+var type_1 = require("./type");
+var variantClasses = (_a = {},
+    _a[type_1.TYPOGRAPHY_VARIANTS.DISPLAYHEADING] = 'lg:text-[68px] text-5xl font-semibold lg:leading-[82px] leading-[62px] font-secondary',
+    _a[type_1.TYPOGRAPHY_VARIANTS.H1] = 'lg:text-[44px] text-3xl font-bold font-secondary lg:leading-[54px] leading-[40px]',
+    _a[type_1.TYPOGRAPHY_VARIANTS.H2] = 'lg:text-4xl text-2xl font-bold font-secondary leading-[54px]',
+    _a[type_1.TYPOGRAPHY_VARIANTS.H3] = 'lg:text-2xl text-xl font-bold leading-[34.02px] font-secondary',
+    _a[type_1.TYPOGRAPHY_VARIANTS.H4] = 'lg:text-xl text-lg font-bold ',
+    _a[type_1.TYPOGRAPHY_VARIANTS.H5] = 'lg:text-xl md:text-lg text-base font-medium',
+    _a[type_1.TYPOGRAPHY_VARIANTS.H6] = 'lg:text-lg text-base  font-medium',
+    _a[type_1.TYPOGRAPHY_VARIANTS.HEROHEADING] = 'lg:text-[60px] text-3xl font-semibold lg:leading-[60px] leading-auto font-secondary',
+    _a[type_1.TYPOGRAPHY_VARIANTS.P1] = 'lg:text-lg text-sm font-normal',
+    _a[type_1.TYPOGRAPHY_VARIANTS.P2] = 'text-[15px] font-medium',
+    _a[type_1.TYPOGRAPHY_VARIANTS.P3] = 'text-[13px] font-normal',
+    _a[type_1.TYPOGRAPHY_VARIANTS.P4] = 'text-xs font-light',
+    _a[type_1.TYPOGRAPHY_VARIANTS.P5] = 'text-xs font-thin',
+    _a[type_1.TYPOGRAPHY_VARIANTS.P6] = 'text-xs font-extralight',
+    _a[type_1.TYPOGRAPHY_VARIANTS.SUBH1] = 'lg:text-lg text-md font-normal -tracking-[0.012em]',
+    _a[type_1.TYPOGRAPHY_VARIANTS.SUBH2] = 'lg:text-base text-sm font-medium ',
+    _a[type_1.TYPOGRAPHY_VARIANTS.SUBH3] = 'lg:text-lg text-sm font-semibold',
+    _a[type_1.TYPOGRAPHY_VARIANTS.SUBH4] = 'lg:text-base text-sm font-normal -tracking-[0.012em]',
+    _a);
+var Typography = function (_a) {
+    var _b = _a.as, Component = _b === void 0 ? 'p' : _b, children = _a.children, variant = _a.variant;
+    return (react_1.default.createElement(Component, { className: "".concat(variantClasses[variant]) }, children));
+};
+exports.Typography = Typography;

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

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

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

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

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

package/molecules/user-card/props.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.userCardData = void 0;
+exports.userCardData = {
+    isActive: true,
+    imageSrc: '/card-person.jpg',
+    name: 'Manish Kumar Arora',
+    description: '19210 for reading 2001',
+    badges: [
+        { label: 'Clairvoyant', bgColor: '#FFC5671A', textColor: '#FFC567' },
+        { label: 'Clairaudient', bgColor: '#B880F11A', textColor: '#B880F1' },
+        {
+            label: 'Destiny & Life Path',
+            bgColor: '#9BB8ED1A',
+            textColor: '#9BB8ED',
+        },
+    ],
+    rating: 3.5,
+    price: { current: 1, duration: 5 },
+    originalPrice: 2,
+    handleButtonClick: function () { return void 0; },
+};

package/molecules/user-card/type.d.ts

@@ -0,0 +1,18 @@
+export interface UserCardProps {
+    isActive: boolean;
+    imageSrc: string;
+    name: string;
+    badges: {
+        label: string;
+        bgColor: string;
+        textColor: string;
+    }[];
+    rating: number;
+    price: {
+        current: number;
+        duration: number;
+    };
+    originalPrice: number;
+    handleButtonClick: () => void;
+    description?: string;
+}

package/molecules/user-card/type.js

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

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

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