@appcorp/app-corp-vista 0.2.25 → 0.2.26

package/organisms/vista-feature-v2/vista-feature-v2.d.ts

@@ -1,2 +1,3 @@
-import React from 'react';
-export declare const VistaFeatureV2: () => React.JSX.Element;
+import { FC } from 'react';
+import { VistaFeatureV2Props } from '../../type/vista-feature-type';
+export declare const VistaFeatureV2: FC<VistaFeatureV2Props>;

package/organisms/vista-feature-v2/vista-feature-v2.js

@@ -5,39 +5,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaFeatureV2 = void 0;
 var react_1 = __importDefault(require("react"));
-var solid_1 = require("@heroicons/react/20/solid");
-var features = [
-    {
-        name: 'Push to deploy.',
-        description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione.',
-        icon: solid_1.CloudArrowUpIcon,
-    },
-    {
-        name: 'SSL certificates.',
-        description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
-        icon: solid_1.LockClosedIcon,
-    },
-    {
-        name: 'Database backups.',
-        description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. Et magna sit morbi lobortis.',
-        icon: solid_1.ServerIcon,
-    },
-];
-var VistaFeatureV2 = function () {
-    return (react_1.default.createElement("div", { className: "overflow-hidden bg-white py-24 sm:py-32" },
+var image_1 = __importDefault(require("next/image"));
+var VistaFeatureV2 = function (_a) {
+    var description = _a.description, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, items = _a.items, _b = _a.revert, revert = _b === void 0 ? false : _b, subTitle = _a.subTitle, title = _a.title;
+    return (react_1.default.createElement("div", { className: "overflow-hidden bg-white py-20 sm:py-32" },
         react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
             react_1.default.createElement("div", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2" },
-                react_1.default.createElement("div", { className: "lg:pt-4 lg:pr-8" },
+                react_1.default.createElement("div", { className: "lg:pt-4 lg:pr-8 w-full ".concat(revert ? 'order-2' : 'order-1') },
                     react_1.default.createElement("div", { className: "lg:max-w-lg" },
-                        react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-600" }, "Deploy faster"),
-                        react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl" }, "A better workflow"),
-                        react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-700" }, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione."),
-                        react_1.default.createElement("dl", { className: "mt-10 max-w-xl space-y-8 text-base/7 text-gray-600 lg:max-w-none" }, features.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name, className: "relative pl-9" },
-                            react_1.default.createElement("dt", { className: "inline font-semibold text-gray-900" },
-                                react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "absolute top-1 left-1 size-5 text-indigo-600" }),
-                                feature.name),
-                            ' ',
-                            react_1.default.createElement("dd", { className: "inline" }, feature.description))); })))),
-                react_1.default.createElement("img", { alt: "Product screenshot", src: "https://tailwindcss.com/plus-assets/img/component-images/project-app-screenshot.png", width: 2432, height: 1442, className: "w-3xl max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-228 md:-ml-4 lg:-ml-0" })))));
+                        react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-primary" }, subTitle),
+                        react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl" }, title),
+                        react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-700" }, description),
+                        react_1.default.createElement("dl", { className: "mt-10 max-w-xl space-y-8 text-base/7 text-gray-600 lg:max-w-none" }, items.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name, className: "flex flex-row gap-2" },
+                            react_1.default.createElement("div", { className: "size-5 ".concat(revert ? 'order-1' : 'order-2') },
+                                react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "size-5 text-primary mt-1" })),
+                            react_1.default.createElement("p", { className: "".concat(revert ? 'order-1' : 'order-2') },
+                                react_1.default.createElement("span", { className: 'font-semibold text-gray-900' },
+                                    feature.name,
+                                    ' '),
+                                react_1.default.createElement("span", { className: "inline" }, feature.description)))); })))),
+                react_1.default.createElement(image_1.default, { alt: imageAlt, className: "w-3xl max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-228 md:-ml-4 lg:-ml-0 ".concat(revert ? 'order-1 lg:-ml-80' : 'order-2'), height: 1442, src: imageSrc, width: 232 })))));
 };
 exports.VistaFeatureV2 = VistaFeatureV2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.2.25",
+  "version": "0.2.26",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",
@@ -43,7 +43,7 @@
     "@react-jvectormap/core": "^1.0.4",
     "@react-jvectormap/world": "^1.1.2",
     "@react-pakistan/react-icon-collection": "^3.5.0",
-    "@react-pakistan/util-functions": "^1.24.14",
+    "@react-pakistan/util-functions": "^1.24.22",
     "@remixicon/react": "^4.6.0",
     "@storybook/addon-essentials": "^8",
     "@storybook/addon-interactions": "^8",

package/type/vista-feature-type.d.ts

@@ -1,8 +1,20 @@
+import { ForwardRefExoticComponent, SVGProps } from "react";
 export interface VistaFeatureV1Props {
     id: string;
 }
+export interface VistaFeatureV2Item {
+    name: string;
+    description: string;
+    icon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref">>;
+}
 export interface VistaFeatureV2Props {
-    id: string;
+    description: string;
+    imageAlt: string;
+    imageSrc: string;
+    items: VistaFeatureV2Item[];
+    revert?: boolean;
+    subTitle: string;
+    title: string;
 }
 export interface VistaFeatureV3Props {
     id: string;