npm - @appcorp/app-corp-vista - Versions diffs - 0.2.6 → 0.2.7 - Mend

@appcorp/app-corp-vista 0.2.6 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/organisms/vista-bento-grid-v1/vista-bento-grid-v1.d.ts ADDED Viewed

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

package/organisms/vista-bento-grid-v1/vista-bento-grid-v1.js ADDED Viewed

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaBentoGridV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaBentoGridV1 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-50 py-24 sm:py-32" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8" },
+            react_1.default.createElement("h2", { className: "text-center text-base/7 font-semibold text-indigo-600" }, "Deploy faster"),
+            react_1.default.createElement("p", { className: "mx-auto mt-2 max-w-lg text-center text-4xl font-semibold tracking-tight text-balance text-gray-950 sm:text-5xl" }, "Everything you need to deploy your app"),
+            react_1.default.createElement("div", { className: "mt-10 grid gap-4 sm:mt-16 lg:grid-cols-3 lg:grid-rows-2" },
+                react_1.default.createElement("div", { className: "relative lg:row-span-2" },
+                    react_1.default.createElement("div", { className: "absolute inset-px rounded-lg bg-white lg:rounded-l-4xl" }),
+                    react_1.default.createElement("div", { className: "relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] lg:rounded-l-[calc(2rem+1px)]" },
+                        react_1.default.createElement("div", { className: "px-8 pt-8 pb-3 sm:px-10 sm:pt-10 sm:pb-0" },
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-gray-950 max-lg:text-center" }, "Mobile friendly"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-600 max-lg:text-center" }, "Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.")),
+                        react_1.default.createElement("div", { className: "@container relative min-h-120 w-full grow max-lg:mx-auto max-lg:max-w-sm" },
+                            react_1.default.createElement("div", { className: "absolute inset-x-10 top-10 bottom-0 overflow-hidden rounded-t-[12cqw] border-x-[3cqw] border-t-[3cqw] border-gray-700 bg-gray-900 shadow-2xl" },
+                                react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/bento-03-mobile-friendly.png", className: "size-full object-cover object-top" })))),
+                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-px rounded-lg shadow-sm outline outline-black/5 lg:rounded-l-4xl" })),
+                react_1.default.createElement("div", { className: "relative max-lg:row-start-1" },
+                    react_1.default.createElement("div", { className: "absolute inset-px rounded-lg bg-white max-lg:rounded-t-4xl" }),
+                    react_1.default.createElement("div", { className: "relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] max-lg:rounded-t-[calc(2rem+1px)]" },
+                        react_1.default.createElement("div", { className: "px-8 pt-8 sm:px-10 sm:pt-10" },
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-gray-950 max-lg:text-center" }, "Performance"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-600 max-lg:text-center" }, "Lorem ipsum, dolor sit amet consectetur adipisicing elit maiores impedit.")),
+                        react_1.default.createElement("div", { className: "flex flex-1 items-center justify-center px-8 max-lg:pt-10 max-lg:pb-12 sm:px-10 lg:pb-2" },
+                            react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/bento-03-performance.png", className: "w-full max-lg:max-w-xs" }))),
+                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-px rounded-lg shadow-sm outline outline-black/5 max-lg:rounded-t-4xl" })),
+                react_1.default.createElement("div", { className: "relative max-lg:row-start-3 lg:col-start-2 lg:row-start-2" },
+                    react_1.default.createElement("div", { className: "absolute inset-px rounded-lg bg-white" }),
+                    react_1.default.createElement("div", { className: "relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)]" },
+                        react_1.default.createElement("div", { className: "px-8 pt-8 sm:px-10 sm:pt-10" },
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-gray-950 max-lg:text-center" }, "Security"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-600 max-lg:text-center" }, "Morbi viverra dui mi arcu sed. Tellus semper adipiscing suspendisse semper morbi.")),
+                        react_1.default.createElement("div", { className: "@container flex flex-1 items-center max-lg:py-6 lg:pb-2" },
+                            react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/bento-03-security.png", className: "h-[min(152px,40cqw)] object-cover" }))),
+                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-px rounded-lg shadow-sm outline outline-black/5" })),
+                react_1.default.createElement("div", { className: "relative lg:row-span-2" },
+                    react_1.default.createElement("div", { className: "absolute inset-px rounded-lg bg-white max-lg:rounded-b-4xl lg:rounded-r-4xl" }),
+                    react_1.default.createElement("div", { className: "relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] max-lg:rounded-b-[calc(2rem+1px)] lg:rounded-r-[calc(2rem+1px)]" },
+                        react_1.default.createElement("div", { className: "px-8 pt-8 pb-3 sm:px-10 sm:pt-10 sm:pb-0" },
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-gray-950 max-lg:text-center" }, "Powerful APIs"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-600 max-lg:text-center" }, "Sit quis amet rutrum tellus ullamcorper ultricies libero dolor eget sem sodales gravida.")),
+                        react_1.default.createElement("div", { className: "relative min-h-120 w-full grow" },
+                            react_1.default.createElement("div", { className: "absolute top-10 right-0 bottom-0 left-10 overflow-hidden rounded-tl-xl bg-gray-900 shadow-2xl outline outline-white/10" },
+                                react_1.default.createElement("div", { className: "flex bg-gray-900 outline outline-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", { className: "pointer-events-none absolute inset-px rounded-lg shadow-sm outline outline-black/5 max-lg:rounded-b-4xl lg:rounded-r-4xl" }))))));
+};
+exports.VistaBentoGridV1 = VistaBentoGridV1;

package/organisms/vista-bento-grid-v2/vista-bento-grid-v2.d.ts ADDED Viewed

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

package/organisms/vista-bento-grid-v2/vista-bento-grid-v2.js ADDED Viewed

@@ -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.VistaBentoGridV2 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaBentoGridV2 = 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-2xl px-6 lg:max-w-7xl lg:px-8" },
+            react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-400" }, "Deploy faster"),
+            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl" }, "Everything you need to deploy your app"),
+            react_1.default.createElement("div", { className: "mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2" },
+                react_1.default.createElement("div", { className: "flex p-px lg:col-span-4" },
+                    react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-lg bg-gray-800 outline outline-white/15 max-lg:rounded-t-4xl lg:rounded-tl-4xl" },
+                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/dark-bento-02-releases.png", className: "h-80 object-cover object-left" }),
+                        react_1.default.createElement("div", { className: "p-10" },
+                            react_1.default.createElement("h3", { className: "text-sm/4 font-semibold text-gray-400" }, "Releases"),
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-white" }, "Push to deploy"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-400" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida justo et nulla efficitur, maximus egestas sem pellentesque.")))),
+                react_1.default.createElement("div", { className: "flex p-px lg:col-span-2" },
+                    react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-lg bg-gray-800 outline outline-white/15 lg:rounded-tr-4xl" },
+                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/dark-bento-02-integrations.png", className: "h-80 object-cover" }),
+                        react_1.default.createElement("div", { className: "p-10" },
+                            react_1.default.createElement("h3", { className: "text-sm/4 font-semibold text-gray-400" }, "Integrations"),
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-white" }, "Connect your favorite tools"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-400" }, "Curabitur auctor, ex quis auctor venenatis, eros arcu rhoncus massa.")))),
+                react_1.default.createElement("div", { className: "flex p-px lg:col-span-2" },
+                    react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-lg bg-gray-800 outline outline-white/15 lg:rounded-bl-4xl" },
+                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/dark-bento-02-security.png", className: "h-80 object-cover" }),
+                        react_1.default.createElement("div", { className: "p-10" },
+                            react_1.default.createElement("h3", { className: "text-sm/4 font-semibold text-gray-400" }, "Security"),
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-white" }, "Advanced access control"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-400" }, "Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.")))),
+                react_1.default.createElement("div", { className: "flex p-px lg:col-span-4" },
+                    react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-lg bg-gray-800 outline outline-white/15 max-lg:rounded-b-4xl lg:rounded-br-4xl" },
+                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/dark-bento-02-performance.png", className: "h-80 object-cover object-left" }),
+                        react_1.default.createElement("div", { className: "p-10" },
+                            react_1.default.createElement("h3", { className: "text-sm/4 font-semibold text-gray-400" }, "Performance"),
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-white" }, "Lightning-fast builds"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-400" }, "Sed congue eros non finibus molestie. Vestibulum euismod augue vel commodo vulputate. Maecenas at augue sed elit dictum vulputate."))))))));
+};
+exports.VistaBentoGridV2 = VistaBentoGridV2;

package/organisms/vista-bento-grid-v3/vista-bento-grid-v3.d.ts ADDED Viewed

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

package/organisms/vista-bento-grid-v3/vista-bento-grid-v3.js ADDED Viewed

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaBentoGridV3 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaBentoGridV3 = 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-2xl px-6 lg:max-w-7xl lg:px-8" },
+            react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-indigo-600" }, "Deploy faster"),
+            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-4xl font-semibold tracking-tight text-pretty text-gray-950 sm:text-5xl" }, "Everything you need to deploy your app"),
+            react_1.default.createElement("div", { className: "mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2" },
+                react_1.default.createElement("div", { className: "relative lg:col-span-3" },
+                    react_1.default.createElement("div", { className: "absolute inset-0 rounded-lg bg-white max-lg:rounded-t-4xl lg:rounded-tl-4xl" }),
+                    react_1.default.createElement("div", { className: "relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] max-lg:rounded-t-[calc(2rem+1px)] lg:rounded-tl-[calc(2rem+1px)]" },
+                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/bento-01-performance.png", className: "h-80 object-cover object-left" }),
+                        react_1.default.createElement("div", { className: "p-10 pt-4" },
+                            react_1.default.createElement("h3", { className: "text-sm/4 font-semibold text-indigo-600" }, "Performance"),
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-gray-950" }, "Lightning-fast builds"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-600" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida justo et nulla efficitur, maximus egestas sem pellentesque."))),
+                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-0 rounded-lg shadow-sm outline outline-black/5 max-lg:rounded-t-4xl lg:rounded-tl-4xl" })),
+                react_1.default.createElement("div", { className: "relative lg:col-span-3" },
+                    react_1.default.createElement("div", { className: "absolute inset-0 rounded-lg bg-white lg:rounded-tr-4xl" }),
+                    react_1.default.createElement("div", { className: "relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] lg:rounded-tr-[calc(2rem+1px)]" },
+                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/bento-01-releases.png", className: "h-80 object-cover object-left lg:object-right" }),
+                        react_1.default.createElement("div", { className: "p-10 pt-4" },
+                            react_1.default.createElement("h3", { className: "text-sm/4 font-semibold text-indigo-600" }, "Releases"),
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-gray-950" }, "Push to deploy"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-600" }, "Curabitur auctor, ex quis auctor venenatis, eros arcu rhoncus massa, laoreet dapibus ex elit vitae odio."))),
+                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-0 rounded-lg shadow-sm outline outline-black/5 lg:rounded-tr-4xl" })),
+                react_1.default.createElement("div", { className: "relative lg:col-span-2" },
+                    react_1.default.createElement("div", { className: "absolute inset-0 rounded-lg bg-white lg:rounded-bl-4xl" }),
+                    react_1.default.createElement("div", { className: "relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] lg:rounded-bl-[calc(2rem+1px)]" },
+                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/bento-01-speed.png", className: "h-80 object-cover object-left" }),
+                        react_1.default.createElement("div", { className: "p-10 pt-4" },
+                            react_1.default.createElement("h3", { className: "text-sm/4 font-semibold text-indigo-600" }, "Speed"),
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-gray-950" }, "Built for power users"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-600" }, "Sed congue eros non finibus molestie. Vestibulum euismod augue."))),
+                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-0 rounded-lg shadow-sm outline outline-black/5 lg:rounded-bl-4xl" })),
+                react_1.default.createElement("div", { className: "relative lg:col-span-2" },
+                    react_1.default.createElement("div", { className: "absolute inset-0 rounded-lg bg-white" }),
+                    react_1.default.createElement("div", { className: "relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)]" },
+                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/bento-01-integrations.png", className: "h-80 object-cover" }),
+                        react_1.default.createElement("div", { className: "p-10 pt-4" },
+                            react_1.default.createElement("h3", { className: "text-sm/4 font-semibold text-indigo-600" }, "Integrations"),
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-gray-950" }, "Connect your favorite tools"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-600" }, "Maecenas at augue sed elit dictum vulputate, in nisi aliquam maximus arcu."))),
+                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-0 rounded-lg shadow-sm outline outline-black/5" })),
+                react_1.default.createElement("div", { className: "relative lg:col-span-2" },
+                    react_1.default.createElement("div", { className: "absolute inset-0 rounded-lg bg-white max-lg:rounded-b-4xl lg:rounded-br-4xl" }),
+                    react_1.default.createElement("div", { className: "relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] max-lg:rounded-b-[calc(2rem+1px)] lg:rounded-br-[calc(2rem+1px)]" },
+                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/component-images/bento-01-network.png", className: "h-80 object-cover" }),
+                        react_1.default.createElement("div", { className: "p-10 pt-4" },
+                            react_1.default.createElement("h3", { className: "text-sm/4 font-semibold text-indigo-600" }, "Network"),
+                            react_1.default.createElement("p", { className: "mt-2 text-lg font-medium tracking-tight text-gray-950" }, "Globally distributed CDN"),
+                            react_1.default.createElement("p", { className: "mt-2 max-w-lg text-sm/6 text-gray-600" }, "Aenean vulputate justo commodo auctor vehicula in malesuada semper."))),
+                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-0 rounded-lg shadow-sm outline outline-black/5 max-lg:rounded-b-4xl lg:rounded-br-4xl" }))))));
+};
+exports.VistaBentoGridV3 = VistaBentoGridV3;

package/organisms/vista-feature-v1/vista-feature-v1.d.ts ADDED Viewed

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

package/organisms/vista-feature-v1/vista-feature-v1.js ADDED Viewed

@@ -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.VistaFeatureV1 = 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 VistaFeatureV1 = 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("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-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("img", { alt: "Product screenshot", src: "https://tailwindcss.com/plus-assets/img/component-images/dark-project-app-screenshot.png", width: 2432, height: 1442, className: "w-3xl max-w-none rounded-xl shadow-xl ring-1 ring-white/10 sm:w-228 md:-ml-4 lg:-ml-0" })))));
+};
+exports.VistaFeatureV1 = VistaFeatureV1;

package/organisms/vista-feature-v10/vista-feature-v10.d.ts ADDED Viewed

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

package/organisms/vista-feature-v10/vista-feature-v10.js ADDED Viewed

@@ -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.VistaFeatureV10 = void 0;
+var react_1 = __importDefault(require("react"));
+var outline_1 = require("@heroicons/react/24/outline");
+var features = [
+    {
+        name: 'Unlimited inboxes',
+        description: 'Non quo aperiam repellendus quas est est. Eos aut dolore aut ut sit nesciunt. Ex tempora quia. Sit nobis consequatur dolores incidunt.',
+        href: '#',
+        icon: outline_1.InboxIcon,
+    },
+    {
+        name: 'Manage team members',
+        description: 'Vero eum voluptatem aliquid nostrum voluptatem. Vitae esse natus. Earum nihil deserunt eos quasi cupiditate. A inventore et molestiae natus.',
+        href: '#',
+        icon: outline_1.UsersIcon,
+    },
+    {
+        name: 'Spam report',
+        description: 'Et quod quaerat dolorem quaerat architecto aliquam accusantium. Ex adipisci et doloremque autem quia quam. Quis eos molestiae at iure impedit.',
+        href: '#',
+        icon: outline_1.TrashIcon,
+    },
+];
+var VistaFeatureV10 = 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-4xl font-semibold tracking-tight text-pretty text-white sm:text-5xl" }, "Stay on top of customer support"),
+                react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-300" }, "Lorem ipsum dolor sit amet consect adipisicing elit. Possimus magnam voluptatum cupiditate veritatis in accusamus quisquam.")),
+            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: "text-base/7 font-semibold text-white" },
+                        react_1.default.createElement("div", { className: "mb-6 flex size-10 items-center justify-center rounded-lg bg-indigo-500" },
+                            react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "size-6 text-white" })),
+                        feature.name),
+                    react_1.default.createElement("dd", { className: "mt-1 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.VistaFeatureV10 = VistaFeatureV10;

package/organisms/vista-feature-v11/vista-feature-v11.d.ts ADDED Viewed

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

package/organisms/vista-feature-v11/vista-feature-v11.js ADDED Viewed

@@ -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.VistaFeatureV11 = void 0;
+var react_1 = __importDefault(require("react"));
+var outline_1 = require("@heroicons/react/24/outline");
+var features = [
+    {
+        name: 'Unlimited inboxes',
+        description: 'Non quo aperiam repellendus quas est est. Eos aut dolore aut ut sit nesciunt. Ex tempora quia. Sit nobis consequatur dolores incidunt.',
+        href: '#',
+        icon: outline_1.InboxIcon,
+    },
+    {
+        name: 'Manage team members',
+        description: 'Vero eum voluptatem aliquid nostrum voluptatem. Vitae esse natus. Earum nihil deserunt eos quasi cupiditate. A inventore et molestiae natus.',
+        href: '#',
+        icon: outline_1.UsersIcon,
+    },
+    {
+        name: 'Spam report',
+        description: 'Et quod quaerat dolorem quaerat architecto aliquam accusantium. Ex adipisci et doloremque autem quia quam. Quis eos molestiae at iure impedit.',
+        href: '#',
+        icon: outline_1.TrashIcon,
+    },
+];
+var VistaFeatureV11 = 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" }, "Stay on top of customer support"),
+                react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-600" }, "Lorem ipsum dolor sit amet consect adipisicing elit. Possimus magnam voluptatum cupiditate veritatis in accusamus quisquam.")),
+            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: "text-base/7 font-semibold text-gray-900" },
+                        react_1.default.createElement("div", { className: "mb-6 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-1 flex flex-auto flex-col text-base/7 text-gray-600" },
+                        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-600 hover:text-indigo-500" },
+                                "Learn more ",
+                                react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192")))))); }))))));
+};
+exports.VistaFeatureV11 = VistaFeatureV11;

package/organisms/vista-feature-v12/vista-feature-v12.d.ts ADDED Viewed

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

package/organisms/vista-feature-v12/vista-feature-v12.js ADDED Viewed

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV12 = 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: 'Database backups.',
+        description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus.',
+        icon: solid_1.ServerIcon,
+    },
+];
+var VistaFeatureV12 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white py-24" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl sm:px-6 lg:px-8" },
+            react_1.default.createElement("div", { className: "relative isolate overflow-hidden bg-gray-900 px-6 py-20 sm:rounded-3xl sm:px-10 sm:py-24 lg:py-24 xl:px-24" },
+                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 lg:items-center lg:gap-y-0" },
+                    react_1.default.createElement("div", { className: "lg:row-start-2 lg:max-w-md" },
+                        react_1.default.createElement("h2", { className: "text-3xl font-semibold tracking-tight text-balance text-white sm:text-4xl" }, "Boost your productivity. Start using our app today."),
+                        react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-300" }, "Ac euismod vel sit maecenas id pellentesque eu sed consectetur. Malesuada adipiscing sagittis vel nulla. Ac euismod vel sit maecenas.")),
+                    react_1.default.createElement("img", { alt: "Product screenshot", src: "https://tailwindcss.com/plus-assets/img/component-images/dark-project-app-screenshot.png", width: 2432, height: 1442, className: "relative -z-20 max-w-xl min-w-full rounded-xl shadow-xl ring-1 ring-white/10 lg:row-span-4 lg:w-5xl lg:max-w-none" }),
+                    react_1.default.createElement("div", { className: "max-w-xl lg:row-start-3 lg:mt-10 lg:max-w-md lg:border-t lg:border-white/10 lg:pt-10" },
+                        react_1.default.createElement("dl", { className: "max-w-xl space-y-8 text-base/7 text-gray-300 lg:max-w-none" }, features.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name, className: "relative" },
+                            react_1.default.createElement("dt", { className: "ml-9 inline-block 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))); })))),
+                react_1.default.createElement("div", { "aria-hidden": "true", className: "pointer-events-none absolute top-1/2 left-12 -z-10 -translate-y-1/2 transform-gpu blur-3xl lg:top-auto lg:-bottom-48 lg:translate-y-0 lg:transform-gpu" },
+                    react_1.default.createElement("div", { style: {
+                            clipPath: 'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
+                        }, className: "aspect-1155/678 w-288.75 bg-linear-to-tr from-[#ff80b5] to-[#9089fc] opacity-25" }))))));
+};
+exports.VistaFeatureV12 = VistaFeatureV12;

package/organisms/vista-feature-v13/vista-feature-v13.d.ts ADDED Viewed

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

package/organisms/vista-feature-v13/vista-feature-v13.js ADDED Viewed

@@ -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.VistaFeatureV13 = 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 VistaFeatureV13 = 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 lg: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-600" }, "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("img", { alt: "Product screenshot", src: "https://tailwindcss.com/plus-assets/img/component-images/project-app-screenshot.png", width: 2432, height: 1442, className: "-mb-12 w-228 max-w-none rounded-tl-xl bg-gray-800 ring ring-white/10" })),
+                        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.VistaFeatureV13 = VistaFeatureV13;

package/organisms/vista-feature-v14/vista-feature-v14.d.ts ADDED Viewed

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

package/organisms/vista-feature-v14/vista-feature-v14.js ADDED Viewed

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV14 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaFeatureV14 = 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 lg:items-start" },
+                react_1.default.createElement("div", { className: "lg:pt-4 lg:pr-4" },
+                    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("div", { className: "mt-8" },
+                            react_1.default.createElement("a", { href: "#", className: "inline-flex rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" }, "Get started")),
+                        react_1.default.createElement("figure", { className: "mt-16 border-l border-gray-200 pl-8 text-gray-700" },
+                            react_1.default.createElement("blockquote", { className: "text-base/7" },
+                                react_1.default.createElement("p", null, "Vel ultricies morbi odio facilisi ultrices accumsan donec lacus purus. Lectus nibh ullamcorper ac dictum justo in euismod. Risus aenean ut elit massa. In amet aliquet eget cras. Sem volutpat enim tristique.")),
+                            react_1.default.createElement("figcaption", { className: "mt-6 flex gap-x-4 text-sm/6" },
+                                react_1.default.createElement("img", { alt: "", src: "https://images.unsplash.com/photo-1509783236416-c9ad59bae472?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80", className: "size-6 flex-none rounded-full" }),
+                                react_1.default.createElement("div", null,
+                                    react_1.default.createElement("span", { className: "font-semibold text-gray-900" }, "Maria Hill"),
+                                    " \u2013",
+                                    ' ',
+                                    react_1.default.createElement("span", { className: "text-gray-600" }, "Marketing Manager")))))),
+                react_1.default.createElement("img", { alt: "Product screenshot", src: "https://tailwindcss.com/plus-assets/img/component-images/dark-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.VistaFeatureV14 = VistaFeatureV14;

package/organisms/vista-feature-v15/vista-feature-v15.d.ts ADDED Viewed

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

package/organisms/vista-feature-v15/vista-feature-v15.js ADDED Viewed

@@ -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.VistaFeatureV15 = void 0;
+var react_1 = __importDefault(require("react"));
+var outline_1 = require("@heroicons/react/24/outline");
+var features = [
+    {
+        name: 'Spam report',
+        description: 'Autem reprehenderit aut debitis ut. Officiis harum omnis placeat blanditiis delectus sint vel et voluptatum.',
+        icon: outline_1.TrashIcon,
+    },
+    {
+        name: 'Compose in markdown',
+        description: 'Illum et aut inventore. Ut et dignissimos quasi. Omnis saepe dolorum. Hic autem fugiat. Voluptatem officiis necessitatibus.',
+        icon: outline_1.PencilSquareIcon,
+    },
+    {
+        name: 'Email commenting',
+        description: 'Commodi quam quo. In quasi mollitia optio voluptate et est reiciendis. Ut et sunt id officiis vitae perspiciatis.',
+        icon: outline_1.ChatBubbleOvalLeftEllipsisIcon,
+    },
+    {
+        name: 'Customer connections',
+        description: 'Deserunt corrupti praesentium quo vel cupiditate est occaecati ad. Aperiam libero modi similique iure praesentium facilis.',
+        icon: outline_1.HeartIcon,
+    },
+];
+var VistaFeatureV15 = 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-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-5" },
+                react_1.default.createElement("h2", { className: "col-span-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl" }, "Stay on top of customer support"),
+                react_1.default.createElement("dl", { className: "col-span-3 grid grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2" }, features.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name },
+                    react_1.default.createElement("dt", { className: "text-base/7 font-semibold text-gray-900" },
+                        react_1.default.createElement("div", { className: "mb-6 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-1 text-base/7 text-gray-600" }, feature.description))); }))))));
+};
+exports.VistaFeatureV15 = VistaFeatureV15;

package/organisms/vista-feature-v16/vista-feature-v16.d.ts ADDED Viewed

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