@appcorp/app-corp-vista 0.2.6 → 0.2.7

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

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV16 = 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 VistaFeatureV16 = function () {
+    return (react_1.default.createElement("div", { className: "overflow-hidden bg-gray-900 py-24 sm:py-32" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl md:px-6 lg:px-8" },
+            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:grid-cols-2 lg:items-start" },
+                react_1.default.createElement("div", { className: "px-6 md:px-0 lg:pt-4 lg:pr-4" },
+                    react_1.default.createElement("div", { className: "mx-auto max-w-2xl lg:mx-0 lg:max-w-lg" },
+                        react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-400" }, "Deploy faster"),
+                        react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl" }, "A better workflow"),
+                        react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-300" }, "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-400 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-white" },
+                                react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "absolute top-1 left-1 size-5 text-indigo-400" }),
+                                feature.name),
+                            ' ',
+                            react_1.default.createElement("dd", { className: "inline" }, feature.description))); })))),
+                react_1.default.createElement("div", { className: "sm:px-6 lg:px-0" },
+                    react_1.default.createElement("div", { className: "relative isolate overflow-hidden bg-indigo-500 px-6 pt-8 sm:mx-auto sm:max-w-2xl sm:rounded-3xl sm:pt-16 sm:pr-0 sm:pl-16 lg:mx-0 lg:max-w-none" },
+                        react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute -inset-y-px -left-3 -z-10 w-full origin-bottom-left skew-x-[-30deg] bg-indigo-100 opacity-20 ring-1 ring-white ring-inset" }),
+                        react_1.default.createElement("div", { className: "mx-auto max-w-2xl sm:mx-0 sm:max-w-none" },
+                            react_1.default.createElement("div", { className: "w-screen overflow-hidden rounded-tl-xl bg-gray-900 ring-1 ring-white/10" },
+                                react_1.default.createElement("div", { className: "flex bg-gray-800/40 ring-1 ring-white/5" },
+                                    react_1.default.createElement("div", { className: "-mb-px flex text-sm/6 font-medium text-gray-400" },
+                                        react_1.default.createElement("div", { className: "border-r border-b border-r-white/10 border-b-white/20 bg-white/5 px-4 py-2 text-white" }, "NotificationSetting.jsx"),
+                                        react_1.default.createElement("div", { className: "border-r border-gray-600/10 px-4 py-2" }, "App.jsx"))),
+                                react_1.default.createElement("div", { className: "px-6 pt-6 pb-14" }))),
+                        react_1.default.createElement("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 ring-1 ring-white/10 ring-inset sm:rounded-3xl" })))))));
+};
+exports.VistaFeatureV16 = VistaFeatureV16;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV17: () => React.JSX.Element;

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

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV17 = 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 VistaFeatureV17 = function () {
+    return (react_1.default.createElement("div", { className: "overflow-hidden bg-white py-24 sm:py-32" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl md:px-6 lg:px-8" },
+            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:grid-cols-2 lg:items-start" },
+                react_1.default.createElement("div", { className: "px-6 md:px-0 lg:pt-4 lg:pr-4" },
+                    react_1.default.createElement("div", { className: "mx-auto max-w-2xl lg:mx-0 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("div", { className: "sm:px-6 lg:px-0" },
+                    react_1.default.createElement("div", { className: "relative isolate overflow-hidden bg-indigo-500 px-6 pt-8 sm:mx-auto sm:max-w-2xl sm:rounded-3xl sm:pt-16 sm:pr-0 sm:pl-16 lg:mx-0 lg:max-w-none" },
+                        react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute -inset-y-px -left-3 -z-10 w-full origin-bottom-left skew-x-[-30deg] bg-indigo-100 opacity-20 ring-1 ring-white ring-inset" }),
+                        react_1.default.createElement("div", { className: "mx-auto max-w-2xl sm:mx-0 sm:max-w-none" },
+                            react_1.default.createElement("div", { className: "w-screen overflow-hidden rounded-tl-xl bg-gray-900 ring-1 ring-white/10" },
+                                react_1.default.createElement("div", { className: "flex bg-gray-800/40 ring-1 ring-white/5" },
+                                    react_1.default.createElement("div", { className: "-mb-px flex text-sm/6 font-medium text-gray-400" },
+                                        react_1.default.createElement("div", { className: "border-r border-b border-r-white/10 border-b-white/20 bg-white/5 px-4 py-2 text-white" }, "NotificationSetting.jsx"),
+                                        react_1.default.createElement("div", { className: "border-r border-gray-600/10 px-4 py-2" }, "App.jsx"))),
+                                react_1.default.createElement("div", { className: "px-6 pt-6 pb-14" }))),
+                        react_1.default.createElement("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 ring-1 ring-black/10 ring-inset sm:rounded-3xl" })))))));
+};
+exports.VistaFeatureV17 = VistaFeatureV17;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV18: () => React.JSX.Element;

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

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV18 = void 0;
+var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/20/solid");
+var features = [
+    {
+        name: 'Invite team members',
+        description: 'Rerum repellat labore necessitatibus reprehenderit molestiae praesentium.',
+    },
+    { name: 'List view', description: 'Corporis asperiores ea nulla temporibus asperiores non tempore assumenda aut.' },
+    {
+        name: 'Keyboard shortcuts',
+        description: 'In sit qui aliquid deleniti et. Ad nobis sunt omnis. Quo sapiente dicta laboriosam.',
+    },
+    { name: 'Calendars', description: 'Sed rerum sunt dignissimos ullam. Iusto iure occaecati voluptate eligendi.' },
+    { name: 'Notifications', description: 'Quos inventore harum enim nesciunt. Aut repellat rerum omnis adipisci.' },
+    { name: 'Boards', description: 'Quae sit sunt excepturi fugit veniam voluptatem ipsum commodi.' },
+    { name: 'Reporting', description: 'Eos laudantium repellat sed architecto earum unde incidunt.' },
+    { name: 'Mobile app', description: 'Nulla est saepe accusamus nostrum est est fugit omnis.' },
+];
+var VistaFeatureV18 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white py-24 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-5" },
+                react_1.default.createElement("div", { className: "col-span-2" },
+                    react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-600" }, "Everything you need"),
+                    react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl" }, "All-in-one platform"),
+                    react_1.default.createElement("p", { className: "mt-6 text-base/7 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: "col-span-3 grid grid-cols-1 gap-x-8 gap-y-10 text-base/7 text-gray-600 sm:grid-cols-2 lg:gap-y-16" }, features.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name, className: "relative pl-9" },
+                    react_1.default.createElement("dt", { className: "font-semibold text-gray-900" },
+                        react_1.default.createElement(solid_1.CheckIcon, { "aria-hidden": "true", className: "absolute top-1 left-0 size-5 text-indigo-500" }),
+                        feature.name),
+                    react_1.default.createElement("dd", { className: "mt-2" }, feature.description))); }))))));
+};
+exports.VistaFeatureV18 = VistaFeatureV18;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV19: () => React.JSX.Element;

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

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV19 = void 0;
+var react_1 = __importDefault(require("react"));
+var features = [
+    {
+        name: 'Push to deploy',
+        description: 'Aut illo quae. Ut et harum ea animi natus. Culpa maiores et sed sint et magnam exercitationem quia. Ullam voluptas nihil vitae dicta molestiae et. Aliquid velit porro vero.',
+    },
+    {
+        name: 'SSL certificates',
+        description: 'Mollitia delectus a omnis. Quae velit aliquid. Qui nulla maxime adipisci illo id molestiae. Cumque cum ut minus rerum architecto magnam consequatur. Quia quaerat minima.',
+    },
+    {
+        name: 'Simple queues',
+        description: 'Aut repellendus et officiis dolor possimus. Deserunt velit quasi sunt fuga error labore quia ipsum. Commodi autem voluptatem nam. Quos voluptatem totam.',
+    },
+    {
+        name: 'Advanced security',
+        description: 'Magnam provident veritatis odit. Vitae eligendi repellat non. Eum fugit impedit veritatis ducimus. Non qui aspernatur laudantium modi. Praesentium rerum error deserunt harum.',
+    },
+    {
+        name: 'Powerful API',
+        description: 'Sit minus expedita quam in ullam molestiae dignissimos in harum. Tenetur dolorem iure. Non nesciunt dolorem veniam necessitatibus laboriosam voluptas perspiciatis error.',
+    },
+    {
+        name: 'Database backups',
+        description: 'Ipsa in earum deserunt aut. Quos minus aut animi et soluta. Ipsum dicta ut quia eius. Possimus reprehenderit iste aspernatur ut est velit consequatur distinctio.',
+    },
+];
+var VistaFeatureV19 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white py-24 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 max-w-2xl lg:mx-0" },
+                react_1.default.createElement("h2", { className: "text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl" }, "All-in-one platform"),
+                react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-700" }, "Lorem ipsum dolor sit amet consect adipisicing elit. Possimus magnam voluptatum cupiditate veritatis in accusamus quisquam.")),
+            react_1.default.createElement("dl", { className: "mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 text-base/7 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3" }, features.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name },
+                react_1.default.createElement("dt", { className: "font-semibold text-gray-900" }, feature.name),
+                react_1.default.createElement("dd", { className: "mt-1 text-gray-600" }, feature.description))); })))));
+};
+exports.VistaFeatureV19 = VistaFeatureV19;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV2: () => React.JSX.Element;

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

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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" },
+        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: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" })))));
+};
+exports.VistaFeatureV2 = VistaFeatureV2;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV20: () => React.JSX.Element;

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

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV20 = void 0;
+var react_1 = __importDefault(require("react"));
+var outline_1 = require("@heroicons/react/24/outline");
+var features = [
+    {
+        name: 'Push to deploy',
+        description: 'Morbi viverra dui mi arcu sed. Tellus semper adipiscing suspendisse semper morbi. Odio urna massa nunc massa.',
+        icon: outline_1.CloudArrowUpIcon,
+    },
+    {
+        name: 'SSL certificates',
+        description: 'Sit quis amet rutrum tellus ullamcorper ultricies libero dolor eget. Sem sodales gravida quam turpis enim lacus amet.',
+        icon: outline_1.LockClosedIcon,
+    },
+    {
+        name: 'Simple queues',
+        description: 'Quisque est vel vulputate cursus. Risus proin diam nunc commodo. Lobortis auctor congue commodo diam neque.',
+        icon: outline_1.ArrowPathIcon,
+    },
+    {
+        name: 'Advanced security',
+        description: 'Arcu egestas dolor vel iaculis in ipsum mauris. Tincidunt mattis aliquet hac quis. Id hac maecenas ac donec pharetra eget.',
+        icon: outline_1.FingerPrintIcon,
+    },
+];
+var VistaFeatureV20 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white py-24 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 max-w-2xl lg:text-center" },
+                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 lg:text-balance" }, "Everything you need to deploy your app"),
+                react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-700" }, "Quis tellus eget adipiscing convallis sit sit eget aliquet quis. Suspendisse eget egestas a elementum pulvinar et feugiat blandit at. In mi viverra elit nunc.")),
+            react_1.default.createElement("div", { className: "mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-4xl" },
+                react_1.default.createElement("dl", { className: "grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-2 lg:gap-y-16" }, features.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name, className: "relative pl-16" },
+                    react_1.default.createElement("dt", { className: "text-base/7 font-semibold text-gray-900" },
+                        react_1.default.createElement("div", { className: "absolute top-0 left-0 flex size-10 items-center justify-center rounded-lg bg-indigo-600" },
+                            react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "size-6 text-white" })),
+                        feature.name),
+                    react_1.default.createElement("dd", { className: "mt-2 text-base/7 text-gray-600" }, feature.description))); }))))));
+};
+exports.VistaFeatureV20 = VistaFeatureV20;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV21: () => React.JSX.Element;

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

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV21 = 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 aute id magna.',
+        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: 'Simple queues.',
+        description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus voluptas blanditiis et.',
+        icon: solid_1.ArrowPathIcon,
+    },
+    {
+        name: 'Advanced security.',
+        description: 'Iure sed ab. Aperiam optio placeat dolor facere. Officiis pariatur eveniet atque et dolor.',
+        icon: solid_1.FingerPrintIcon,
+    },
+    {
+        name: 'Powerful API.',
+        description: 'Laudantium tempora sint ut consectetur ratione. Ut illum ut rem numquam fuga delectus.',
+        icon: solid_1.Cog6ToothIcon,
+    },
+    {
+        name: 'Database backups.',
+        description: 'Culpa dolorem voluptatem velit autem rerum qui et corrupti. Quibusdam quo placeat.',
+        icon: solid_1.ServerIcon,
+    },
+];
+var VistaFeatureV21 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-900 py-24 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 max-w-2xl lg:mx-0" },
+                react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-400" }, "Everything you need"),
+                react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl" }, "No server? No problem."),
+                react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-300" }, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis.")),
+            react_1.default.createElement("dl", { className: "mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-8 text-base/7 text-gray-400 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-16" }, 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-white" },
+                    react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "absolute top-1 left-1 size-5 text-indigo-500" }),
+                    feature.name),
+                ' ',
+                react_1.default.createElement("dd", { className: "inline" }, feature.description))); })))));
+};
+exports.VistaFeatureV21 = VistaFeatureV21;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV3: () => React.JSX.Element;

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

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV3 = 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 aute id magna.',
+        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: 'Simple queues.',
+        description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus.',
+        icon: solid_1.ArrowPathIcon,
+    },
+    {
+        name: 'Advanced security.',
+        description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit aute id magna.',
+        icon: solid_1.FingerPrintIcon,
+    },
+    {
+        name: 'Powerful API.',
+        description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
+        icon: solid_1.Cog6ToothIcon,
+    },
+    {
+        name: 'Database backups.',
+        description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. ',
+        icon: solid_1.ServerIcon,
+    },
+];
+var VistaFeatureV3 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-900 py-24 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 max-w-2xl sm:text-center" },
+                react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-400" }, "Everything you need"),
+                react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl sm:text-balance" }, "No server? No problem."),
+                react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-300" }, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis."))),
+        react_1.default.createElement("div", { className: "relative overflow-hidden pt-16" },
+            react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
+                react_1.default.createElement("img", { alt: "App screenshot", src: "https://tailwindcss.com/plus-assets/img/component-images/dark-project-app-screenshot.png", width: 2432, height: 1442, className: "mb-[-12%] rounded-xl shadow-2xl ring-1 ring-white/10" }),
+                react_1.default.createElement("div", { "aria-hidden": "true", className: "relative" },
+                    react_1.default.createElement("div", { className: "absolute -inset-x-20 bottom-0 bg-linear-to-t from-gray-900 pt-[7%]" })))),
+        react_1.default.createElement("div", { className: "mx-auto mt-16 max-w-7xl px-6 sm:mt-20 md:mt-24 lg:px-8" },
+            react_1.default.createElement("dl", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base/7 text-gray-400 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16" }, 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-white" },
+                    react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "absolute top-1 left-1 size-5 text-indigo-400" }),
+                    feature.name),
+                ' ',
+                react_1.default.createElement("dd", { className: "inline" }, feature.description))); })))));
+};
+exports.VistaFeatureV3 = VistaFeatureV3;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV4: () => React.JSX.Element;

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

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV4 = 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 aute id magna.',
+        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: 'Simple queues.',
+        description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus.',
+        icon: solid_1.ArrowPathIcon,
+    },
+    {
+        name: 'Advanced security.',
+        description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit aute id magna.',
+        icon: solid_1.FingerPrintIcon,
+    },
+    {
+        name: 'Powerful API.',
+        description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
+        icon: solid_1.Cog6ToothIcon,
+    },
+    {
+        name: 'Database backups.',
+        description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. ',
+        icon: solid_1.ServerIcon,
+    },
+];
+var VistaFeatureV4 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white py-24 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 max-w-2xl sm:text-center" },
+                react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-600" }, "Everything you need"),
+                react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl sm:text-balance" }, "No server? No problem."),
+                react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-600" }, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis."))),
+        react_1.default.createElement("div", { className: "relative overflow-hidden pt-16" },
+            react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
+                react_1.default.createElement("img", { alt: "App screenshot", src: "https://tailwindcss.com/plus-assets/img/component-images/project-app-screenshot.png", width: 2432, height: 1442, className: "mb-[-12%] rounded-xl shadow-2xl ring-1 ring-gray-900/10" }),
+                react_1.default.createElement("div", { "aria-hidden": "true", className: "relative" },
+                    react_1.default.createElement("div", { className: "absolute -inset-x-20 bottom-0 bg-linear-to-t from-white pt-[7%]" })))),
+        react_1.default.createElement("div", { className: "mx-auto mt-16 max-w-7xl px-6 sm:mt-20 md:mt-24 lg:px-8" },
+            react_1.default.createElement("dl", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base/7 text-gray-600 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16" }, 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))); })))));
+};
+exports.VistaFeatureV4 = VistaFeatureV4;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV5: () => React.JSX.Element;

package/organisms/vista-feature-v5/vista-feature-v5.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.VistaFeatureV5 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaFeatureV5 = function () {
+    return (react_1.default.createElement("div", { className: "overflow-hidden bg-gray-900 py-24 sm:py-32" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
+            react_1.default.createElement("p", { className: "max-w-2xl text-5xl font-semibold tracking-tight text-pretty text-white sm:text-6xl sm:text-balance" }, "Everything you need to deploy your app"),
+            react_1.default.createElement("div", { className: "relative mt-16 aspect-2432/1442 h-144 sm:h-auto sm:w-[calc(var(--container-7xl)-calc(var(--spacing)*16))]" },
+                react_1.default.createElement("div", { className: "absolute -inset-2 rounded-[calc(var(--radius-xl)+calc(var(--spacing)*2))] bg-white/2.5 shadow-xs ring-1 ring-white/10" }),
+                react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/dark-project-app-screenshot.png", className: "h-full rounded-xl shadow-2xl ring-1 ring-white/10" })))));
+};
+exports.VistaFeatureV5 = VistaFeatureV5;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV6: () => React.JSX.Element;

package/organisms/vista-feature-v6/vista-feature-v6.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.VistaFeatureV6 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaFeatureV6 = function () {
+    return (react_1.default.createElement("div", { className: "overflow-hidden bg-white py-24 sm:py-32" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
+            react_1.default.createElement("p", { className: "max-w-2xl text-5xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-6xl sm:text-balance" }, "Everything you need to deploy your app"),
+            react_1.default.createElement("div", { className: "relative mt-16 aspect-2432/1442 h-144 sm:h-auto sm:w-[calc(var(--container-7xl)-calc(var(--spacing)*16))]" },
+                react_1.default.createElement("div", { className: "absolute -inset-2 rounded-[calc(var(--radius-xl)+calc(var(--spacing)*2))] shadow-xs ring-1 ring-black/5" }),
+                react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/project-app-screenshot.png", className: "h-full rounded-xl shadow-2xl ring-1 ring-black/10" })))));
+};
+exports.VistaFeatureV6 = VistaFeatureV6;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV7: () => React.JSX.Element;

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

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV7 = void 0;
+var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/20/solid");
+var features = [
+    {
+        name: 'Push to deploy',
+        description: 'Commodo nec sagittis tortor mauris sed. Turpis tortor quis scelerisque diam id accumsan nullam tempus. Pulvinar etiam lacus volutpat eu.',
+        href: '#',
+        icon: solid_1.CloudArrowUpIcon,
+    },
+    {
+        name: 'SSL certificates',
+        description: 'Pellentesque enim a commodo malesuada turpis eleifend risus. Facilisis donec placerat sapien consequat tempor fermentum nibh.',
+        href: '#',
+        icon: solid_1.LockClosedIcon,
+    },
+    {
+        name: 'Simple queues',
+        description: 'Pellentesque sit elit congue ante nec amet. Dolor aenean curabitur viverra suspendisse iaculis eget. Nec mollis placerat ultricies euismod.',
+        href: '#',
+        icon: solid_1.ArrowPathIcon,
+    },
+];
+var VistaFeatureV7 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-900 py-24 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 max-w-2xl lg:text-center" },
+                react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-400" }, "Deploy faster"),
+                react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl lg:text-balance" }, "Everything you need to deploy your app"),
+                react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-300" }, "Quis tellus eget adipiscing convallis sit sit eget aliquet quis. Suspendisse eget egestas a elementum pulvinar et feugiat blandit at. In mi viverra elit nunc.")),
+            react_1.default.createElement("div", { className: "mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none" },
+                react_1.default.createElement("dl", { className: "grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3" }, features.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name, className: "flex flex-col" },
+                    react_1.default.createElement("dt", { className: "flex items-center gap-x-3 text-base/7 font-semibold text-white" },
+                        react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "size-5 flex-none text-indigo-400" }),
+                        feature.name),
+                    react_1.default.createElement("dd", { className: "mt-4 flex flex-auto flex-col text-base/7 text-gray-400" },
+                        react_1.default.createElement("p", { className: "flex-auto" }, feature.description),
+                        react_1.default.createElement("p", { className: "mt-6" },
+                            react_1.default.createElement("a", { href: feature.href, className: "text-sm/6 font-semibold text-indigo-400 hover:text-indigo-300" },
+                                "Learn more ",
+                                react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192")))))); }))))));
+};
+exports.VistaFeatureV7 = VistaFeatureV7;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VistaFeatureV8: () => React.JSX.Element;