@appcorp/kismaa-web-ui 0.1.77 → 0.1.79

package/molecules/index.d.ts

@@ -1,12 +1,13 @@
 export * from './accordion';
 export * from './badge';
 export * from './button';
+export * from './button-group';
 export * from './horizontal-divider';
+export * from './horoscope-card';
+export * from './mdx-remote';
+export * from './mega-menu-card';
 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';
-export * from './mega-menu-card';

package/molecules/index.js

@@ -17,12 +17,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./accordion"), exports);
 __exportStar(require("./badge"), exports);
 __exportStar(require("./button"), exports);
+__exportStar(require("./button-group"), exports);
 __exportStar(require("./horizontal-divider"), exports);
+__exportStar(require("./horoscope-card"), exports);
+__exportStar(require("./mdx-remote"), exports);
+__exportStar(require("./mega-menu-card"), 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);
-__exportStar(require("./mega-menu-card"), exports);

package/molecules/mdx-remote/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { MDXRemoteProps } from 'next-mdx-remote';
+interface Props {
+    source: MDXRemoteProps;
+}
+export declare const MDXComponent: FC<Props>;
+export {};

package/molecules/mdx-remote/index.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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MDXComponent = void 0;
+var react_1 = __importDefault(require("react"));
+var next_mdx_remote_1 = require("next-mdx-remote");
+var MDXComponent = function (_a) {
+    var source = _a.source;
+    return (react_1.default.createElement("div", { className: "wrapper" },
+        react_1.default.createElement(next_mdx_remote_1.MDXRemote, __assign({}, source))));
+};
+exports.MDXComponent = MDXComponent;

package/organisms/cta-banner/cta-banner.js

@@ -18,10 +18,10 @@ var CtaBanner = function (_a) {
             backgroundPosition: '50% 40%',
         } },
         react_1.default.createElement("div", { className: "kismaa-container flex items-center justify-center" },
-            react_1.default.createElement("div", { className: "flex max-w-xl flex-col items-start justify-center text-center lg:items-center" },
+            react_1.default.createElement("div", { className: "flex max-w-xl flex-col items-center justify-center text-center" },
                 react_1.default.createElement("div", { className: "text-gray-600/80" },
                     react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H1 }, heading)),
-                react_1.default.createElement("div", { className: "mb-10 mt-4 text-slate-900/95 lg:mb-16" },
+                react_1.default.createElement("div", { className: "mt-4 mb-10 text-slate-900/95 lg:mb-16" },
                     react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.P1 }, description)),
                 react_1.default.createElement("div", { className: "flex w-fit flex-col items-start justify-start gap-6 md:w-[75%] lg:w-[85%] lg:flex-row lg:items-center" },
                     react_1.default.createElement(molecules_1.Button, { label: firstBtnText, type: molecules_1.BUTTON_TYPES.PRIMARY, handleOnClick: firstBtnHandleClick }),

package/organisms/footer/footer.js

@@ -65,7 +65,7 @@ var Footer = function (_a) {
         react_1.default.createElement("div", { className: "kismaa-container" },
             react_1.default.createElement("footer", { className: "w-full gap-10 md:grid-cols-2 lg:grid-cols-3 lg:gap-16" },
                 react_1.default.createElement(kismaa_logo_1.KismaaLogo, { className: logoClassName }),
-                react_1.default.createElement("div", { className: "grid grid-cols-3 gap-8" },
+                react_1.default.createElement("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-3" },
                     react_1.default.createElement("div", { className: "w-full" },
                         react_1.default.createElement("div", { className: "mt-3 mb-10 text-neutral-800" },
                             react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH4 }, description)),
@@ -93,7 +93,7 @@ var Footer = function (_a) {
                                 return (react_1.default.createElement(link_1.default, { 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 h-full w-fit md:hidden lg:block" },
+                    react_1.default.createElement("div", { className: "block h-full w-fit" },
                         react_1.default.createElement("div", { className: "text-neutral-800" },
                             react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H5 }, "Payment Solutions")),
                         react_1.default.createElement("div", { className: "mt-6 flex flex-wrap gap-2" },

package/organisms/horoscope-details-section/horoscope-details-section.js

@@ -19,7 +19,7 @@ var HoroscopeDetailsSection = function (_a) {
             react_1.default.createElement(section_header_1.SectionHeader, { heading: heading, subheading: "", renderCtaButton: false, handleButtonClick: function () { return void 0; }, breadcrumbs: breadcrumbs }),
             react_1.default.createElement("div", { className: "flex flex-col gap-2 py-8" },
                 react_1.default.createElement("p", { className: "font-secondary text-lg font-bold text-gray-500" }, formattedDate),
-                react_1.default.createElement("p", { className: "text-gray-500" }, intro))),
+                intro)),
         react_1.default.createElement("div", { className: "bg-blue-50 py-10" },
             react_1.default.createElement("div", { className: "kismaa-container" },
                 react_1.default.createElement("p", { className: "font-secondary text-2xl font-bold" }, "Receive FREE daily horoscopes and exclusive promotions"),

package/organisms/horoscope-details-section/type.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
 export interface HoroscopeFaqItem {
     title: string;
@@ -6,6 +7,6 @@ export interface HoroscopeFaqItem {
 export interface HoroscopeDetailsSectionTypes {
     breadcrumbs: BreadcrumbsProps;
     heading: string;
-    intro: string;
+    intro: ReactNode;
     items: HoroscopeFaqItem[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/kismaa-web-ui",
-  "version": "0.1.77",
+  "version": "0.1.79",
   "source": "src/index.ts",
   "main": "lib/main.js",
   "module": "lib/module.js",
@@ -44,9 +44,9 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@appcorp/app-corp-designs": "^0.4.64",
-    "@appcorp/app-corp-vista": "^0.1.0",
-    "@appcorp/kismaa-utils": "^0.1.72",
+    "@appcorp/app-corp-designs": "^0.4.65",
+    "@appcorp/app-corp-vista": "^0.1.5",
+    "@appcorp/kismaa-utils": "^0.1.77",
     "@chromatic-com/storybook": "3.2.3",
     "@eslint/compat": "^1.2.3",
     "@headlessui/react": "^2.2.0",
@@ -56,24 +56,24 @@
     "@mdx-js/react": "^3.1.0",
     "@next/eslint-plugin-next": "^15",
     "@next/mdx": "^15",
-    "@react-pakistan/util-functions": "^1.23.68",
-    "@storybook/addon-essentials": "8.5.1",
-    "@storybook/addon-interactions": "8.5.1",
-    "@storybook/addon-links": "^8.5.3",
-    "@storybook/addon-onboarding": "8.5.1",
-    "@storybook/addon-themes": "8.5.1",
-    "@storybook/blocks": "8.5.1",
-    "@storybook/nextjs": "8.5.1",
-    "@storybook/react": "8.5.1",
-    "@storybook/test": "8.5.1",
-    "@storybook/types": "^8.5.3",
+    "@react-pakistan/util-functions": "^1.23.74",
+    "@storybook/addon-essentials": "^8",
+    "@storybook/addon-interactions": "^8",
+    "@storybook/addon-links": "^8",
+    "@storybook/addon-onboarding": "^8",
+    "@storybook/addon-themes": "^8",
+    "@storybook/blocks": "^8",
+    "@storybook/nextjs": "^8",
+    "@storybook/react": "^8",
+    "@storybook/test": "^8",
+    "@storybook/types": "^8",
     "@tailwindcss/cli": "^4",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/postcss": "^4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
-    "@types/jest": "^29.5.14",
+    "@types/jest": "^29",
     "@types/mdx": "^2.0.13",
     "@types/node": "^22",
     "@types/react": "^19",
@@ -91,6 +91,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "15.2.11",
     "next": "^15",
+    "next-mdx-remote": "^5.0.0",
     "next-themes": "^0.4.3",
     "postcss": "^8",
     "prettier": "^3.4.1",
@@ -98,7 +99,7 @@
     "react": "^19",
     "react-dom": "^19",
     "rimraf": "^6.0.1",
-    "storybook": "8.5.1",
+    "storybook": "^8",
     "swiper": "^11.1.15",
     "tailwindcss": "^4",
     "ts-jest": "^29.2.5",