@appcorp/app-corp-vista 0.2.2 → 0.2.4

package/organisms/vista-incentive-v1/vista-incentive-v1.d.ts

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

package/organisms/vista-incentive-v1/vista-incentive-v1.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var incentives = [
+    {
+        name: 'Free shipping',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-shipping-simple.svg',
+        description: "It's not actually free we just price it into the products. Someone's paying for it, and it's not us.",
+    },
+    {
+        name: '10-year warranty',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-warranty-simple.svg',
+        description: "If it breaks in the first 10 years we'll replace it. After that you're on your own though.",
+    },
+    {
+        name: 'Exchanges',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-exchange-simple.svg',
+        description: "If you don't like it, trade it to one of your friends for something of theirs. Don't send it here though.",
+    },
+];
+var VistaIncentiveV1 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-50" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl py-24 sm:px-2 sm:py-32 lg:px-4" },
+            react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 lg:max-w-none" },
+                react_1.default.createElement("div", { className: "grid grid-cols-1 items-center gap-x-16 gap-y-10 lg:grid-cols-2" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("h2", { className: "text-4xl font-bold tracking-tight text-gray-900" }, "We built our business on great customer service"),
+                        react_1.default.createElement("p", { className: "mt-4 text-gray-500" }, "At the beginning at least, but then we realized we could make a lot more money if we kinda stopped caring about that. Our new strategy is to write a bunch of things that look really good in the headlines, then clarify in the small print but hope people dont actually read it.")),
+                    react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/incentives-07-hero.jpg", className: "aspect-3/2 w-full rounded-lg bg-gray-100 object-cover" })),
+                react_1.default.createElement("div", { className: "mt-16 grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-3" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name, className: "sm:flex lg:block" },
+                    react_1.default.createElement("div", { className: "sm:shrink-0" },
+                        react_1.default.createElement("img", { alt: "", src: incentive.imageSrc, className: "size-16" })),
+                    react_1.default.createElement("div", { className: "mt-4 sm:mt-0 sm:ml-6 lg:mt-6 lg:ml-0" },
+                        react_1.default.createElement("h3", { className: "text-sm font-medium text-gray-900" }, incentive.name),
+                        react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, incentive.description)))); }))))));
+};
+exports.VistaIncentiveV1 = VistaIncentiveV1;

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

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

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

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV2 = void 0;
+var react_1 = __importDefault(require("react"));
+var incentives = [
+    {
+        name: 'Free Shipping',
+        description: "It's not actually free we just price it into the products. Someone's paying for it, and it's not us.",
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-delivery-light.svg',
+    },
+    {
+        name: '24/7 Customer Support',
+        description: 'Our AI chat widget is powered by a naive series of if/else statements. Guaranteed to irritate.',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-chat-light.svg',
+    },
+    {
+        name: 'Fast Shopping Cart',
+        description: "Look how fast that cart is going. What does this mean for the actual experience? I don't know.",
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-fast-checkout-light.svg',
+    },
+    {
+        name: 'Gift Cards',
+        description: "Buy them for your friends, especially if they don't like our store. Free money for us, it's great.",
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-gift-card-light.svg',
+    },
+];
+var VistaIncentiveV2 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-50" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 py-24 sm:px-6 sm:py-32 lg:max-w-7xl lg:px-8" },
+            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-y-12 sm:grid-cols-2 sm:gap-x-6 lg:grid-cols-4 lg:gap-x-8" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name },
+                react_1.default.createElement("img", { alt: "", src: incentive.imageSrc, className: "h-24 w-auto" }),
+                react_1.default.createElement("h3", { className: "mt-6 text-sm font-medium text-gray-900" }, incentive.name),
+                react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, incentive.description))); })))));
+};
+exports.VistaIncentiveV2 = VistaIncentiveV2;

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

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

package/organisms/vista-incentive-v3/vista-incentive-v3.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.VistaIncentiveV3 = void 0;
+var react_1 = __importDefault(require("react"));
+var incentives = [
+    {
+        name: 'Free shipping',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-shipping-simple.svg',
+        description: "It's not actually free we just price it into the products. Someone's paying for it, and it's not us.",
+    },
+    {
+        name: '10-year warranty',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-warranty-simple.svg',
+        description: "If it breaks in the first 10 years we'll replace it. After that you're on your own though.",
+    },
+    {
+        name: 'Exchanges',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-exchange-simple.svg',
+        description: "If you don't like it, trade it to one of your friends for something of theirs. Don't send it here though.",
+    },
+];
+var VistaIncentiveV3 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl py-24 sm:px-2 sm:py-32 lg:px-4" },
+            react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 lg:max-w-none" },
+                react_1.default.createElement("div", { className: "max-w-3xl" },
+                    react_1.default.createElement("h2", { className: "text-4xl font-bold tracking-tight text-gray-900" }, "We built our business on customer service"),
+                    react_1.default.createElement("p", { className: "mt-4 text-gray-500" }, "At the beginning at least, but then we realized we could make a lot more money if we kinda stopped caring about that. Our new strategy is to write a bunch of things that look really good in the headlines, then clarify in the small print but hope people dont actually read it.")),
+                react_1.default.createElement("div", { className: "mt-16 grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-3" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name, className: "sm:flex lg:block" },
+                    react_1.default.createElement("div", { className: "sm:shrink-0" },
+                        react_1.default.createElement("img", { alt: "", src: incentive.imageSrc, className: "size-16" })),
+                    react_1.default.createElement("div", { className: "mt-4 sm:mt-0 sm:ml-6 lg:mt-6 lg:ml-0" },
+                        react_1.default.createElement("h3", { className: "text-sm font-medium text-gray-900" }, incentive.name),
+                        react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, incentive.description)))); }))))));
+};
+exports.VistaIncentiveV3 = VistaIncentiveV3;

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV4 = void 0;
+var react_1 = __importDefault(require("react"));
+var incentives = [
+    {
+        name: 'Free Shipping',
+        description: "It's not actually free we just price it into the products. Someone's paying for it, and it's not us.",
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-delivery-light.svg',
+    },
+    {
+        name: '24/7 Customer Support',
+        description: 'Our AI chat widget is powered by a naive series of if/else statements. Guaranteed to irritate.',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-chat-light.svg',
+    },
+    {
+        name: 'Fast Shopping Cart',
+        description: "Look how fast that cart is going. What does this mean for the actual experience? I don't know.",
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-fast-checkout-light.svg',
+    },
+];
+var VistaIncentiveV4 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-50" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl py-24 sm:px-2 sm:py-32 lg:px-4" },
+            react_1.default.createElement("div", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 px-4 lg:max-w-none lg:grid-cols-3" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name, className: "text-center sm:flex sm:text-left lg:block lg:text-center" },
+                react_1.default.createElement("div", { className: "sm:shrink-0" },
+                    react_1.default.createElement("div", { className: "flow-root" },
+                        react_1.default.createElement("img", { alt: "", src: incentive.imageSrc, className: "mx-auto h-24 w-28" }))),
+                react_1.default.createElement("div", { className: "mt-3 sm:mt-0 sm:ml-3 lg:mt-3 lg:ml-0" },
+                    react_1.default.createElement("h3", { className: "text-sm font-medium text-gray-900" }, incentive.name),
+                    react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, incentive.description)))); })))));
+};
+exports.VistaIncentiveV4 = VistaIncentiveV4;

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

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

package/organisms/vista-incentive-v5/vista-incentive-v5.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV5 = void 0;
+var react_1 = __importDefault(require("react"));
+var incentives = [
+    {
+        name: 'Free shipping',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-shipping-simple.svg',
+        description: "It's not actually free we just price it into the products. Someone's paying for it, and it's not us.",
+    },
+    {
+        name: '10-year warranty',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-warranty-simple.svg',
+        description: "If it breaks in the first 10 years we'll replace it. After that you're on your own though.",
+    },
+    {
+        name: 'Exchanges',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-exchange-simple.svg',
+        description: "If you don't like it, trade it to one of your friends for something of theirs. Don't send it here though.",
+    },
+];
+var VistaIncentiveV5 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-4 py-24 sm:px-6 lg:px-8" },
+            react_1.default.createElement("div", { className: "rounded-2xl bg-gray-50 px-6 py-16 sm:p-16" },
+                react_1.default.createElement("div", { className: "mx-auto max-w-xl lg:max-w-none" },
+                    react_1.default.createElement("div", { className: "text-center" },
+                        react_1.default.createElement("h2", { className: "text-2xl font-bold tracking-tight text-gray-900" }, "We built our business on customer service")),
+                    react_1.default.createElement("div", { className: "mx-auto mt-12 grid max-w-sm grid-cols-1 gap-x-8 gap-y-10 sm:max-w-none lg:grid-cols-3" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name, className: "text-center sm:flex sm:text-left lg:block lg:text-center" },
+                        react_1.default.createElement("div", { className: "sm:shrink-0" },
+                            react_1.default.createElement("div", { className: "flow-root" },
+                                react_1.default.createElement("img", { alt: "", src: incentive.imageSrc, className: "mx-auto size-16" }))),
+                        react_1.default.createElement("div", { className: "mt-3 sm:mt-0 sm:ml-6 lg:mt-6 lg:ml-0" },
+                            react_1.default.createElement("h3", { className: "text-sm font-medium text-gray-900" }, incentive.name),
+                            react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, incentive.description)))); })))))));
+};
+exports.VistaIncentiveV5 = VistaIncentiveV5;

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

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

package/organisms/vista-incentive-v6/vista-incentive-v6.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV6 = void 0;
+var react_1 = __importDefault(require("react"));
+var perks = [
+    {
+        name: 'Free delivery',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-delivery-light.svg',
+        description: "Order now and you'll get delivery absolutely free. Well, it's not actually free, we just price it into the products. Someone's paying for it, and it's not us.",
+    },
+    {
+        name: '10-year warranty',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-warranty-light.svg',
+        description: "We have a 10 year warranty with every product that you purchase, whether thats a new pen or organizer, you can be sure we'll stand behind it.",
+    },
+    {
+        name: 'Exchanges',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-returns-light.svg',
+        description: 'We understand that when your product arrives you might not particularly like it, or you ordered the wrong thing. Conditions apply here.',
+    },
+    {
+        name: 'For the planet',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce/icons/icon-planet-light.svg',
+        description: "Like you, we love the planet, and so we've pledged 1% of all sales to the preservation and restoration of the natural environment.",
+    },
+];
+var VistaIncentiveV6 = function () {
+    return (react_1.default.createElement("div", { className: "bg-gray-50" },
+        react_1.default.createElement("h2", { className: "sr-only" }, "Our perks"),
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl py-24 sm:px-2 sm:py-32 lg:px-4" },
+            react_1.default.createElement("div", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-12 px-4 lg:max-w-none lg:grid-cols-2 lg:gap-y-16" }, perks.map(function (perk) { return (react_1.default.createElement("div", { key: perk.name, className: "sm:flex" },
+                react_1.default.createElement("div", { className: "sm:shrink-0" },
+                    react_1.default.createElement("div", { className: "flow-root" },
+                        react_1.default.createElement("img", { alt: "", src: perk.imageSrc, className: "h-24 w-28" }))),
+                react_1.default.createElement("div", { className: "mt-3 sm:mt-0 sm:ml-3" },
+                    react_1.default.createElement("h3", { className: "text-sm font-medium text-gray-900" }, perk.name),
+                    react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, perk.description)))); })))));
+};
+exports.VistaIncentiveV6 = VistaIncentiveV6;

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV7 = void 0;
+var react_1 = __importDefault(require("react"));
+var outline_1 = require("@heroicons/react/24/outline");
+var perks = [
+    { name: '10-year all-inclusive warranty', description: 'We’ll replace it with a new one', icon: outline_1.CalendarIcon },
+    { name: 'Free shipping on returns', description: 'Send it back for free', icon: outline_1.ArrowPathIcon },
+    { name: 'Free, contactless delivery', description: 'The shipping is on us', icon: outline_1.TruckIcon },
+];
+var VistaIncentiveV7 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("h2", { className: "sr-only" }, "Our perks"),
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl divide-y divide-gray-200 lg:flex lg:justify-center lg:divide-x lg:divide-y-0 lg:py-8" }, perks.map(function (perk, perkIdx) { return (react_1.default.createElement("div", { key: perkIdx, className: "py-8 lg:w-1/3 lg:flex-none lg:py-0" },
+            react_1.default.createElement("div", { className: "mx-auto flex max-w-xs items-center px-4 lg:max-w-none lg:px-8" },
+                react_1.default.createElement(perk.icon, { "aria-hidden": "true", className: "size-8 shrink-0 text-indigo-600" }),
+                react_1.default.createElement("div", { className: "ml-4 flex flex-auto flex-col-reverse" },
+                    react_1.default.createElement("h3", { className: "font-medium text-gray-900" }, perk.name),
+                    react_1.default.createElement("p", { className: "text-sm text-gray-500" }, perk.description))))); }))));
+};
+exports.VistaIncentiveV7 = VistaIncentiveV7;

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

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

package/organisms/vista-incentive-v8/vista-incentive-v8.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaIncentiveV8 = void 0;
+var react_1 = __importDefault(require("react"));
+var outline_1 = require("@heroicons/react/24/outline");
+var incentives = [
+    { name: 'Free, contactless delivery', icon: outline_1.TruckIcon },
+    { name: 'No questions asked returns', icon: outline_1.CheckBadgeIcon },
+    { name: '2-year warranty', icon: outline_1.CalendarIcon },
+];
+var VistaIncentiveV8 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("h2", { className: "sr-only" }, "Why you should buy from us"),
+        react_1.default.createElement("div", { className: "flex overflow-x-auto" },
+            react_1.default.createElement("div", { className: "mx-auto flex space-x-12 px-4 py-3 whitespace-nowrap sm:px-6 lg:space-x-24 lg:px-8" }, incentives.map(function (incentive) { return (react_1.default.createElement("div", { key: incentive.name, className: "flex items-center text-sm font-medium text-indigo-600" },
+                react_1.default.createElement(incentive.icon, { "aria-hidden": "true", className: "mr-2 size-6 flex-none" }),
+                react_1.default.createElement("p", null, incentive.name))); })))));
+};
+exports.VistaIncentiveV8 = VistaIncentiveV8;

package/organisms/vista-product-feature-v1/vista-product-feature-v1.d.ts

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

package/organisms/{vista-product-features-v1/vista-product-features-v1.js → vista-product-feature-v1/vista-product-feature-v1.js}

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VistaProductFeaturesV1 = void 0;
+exports.VistaProductFeatureV1 = void 0;
 var react_1 = __importDefault(require("react"));
-var VistaProductFeaturesV1 = function () {
+var VistaProductFeatureV1 = function () {
     return (react_1.default.createElement("div", { className: "bg-gray-50" },
         react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 py-24 sm:px-6 sm:py-32 lg:max-w-7xl lg:px-8" },
             react_1.default.createElement("section", { "aria-labelledby": "details-heading" },
@@ -20,4 +20,4 @@ var VistaProductFeaturesV1 = function () {
                         react_1.default.createElement("img", { alt: "Front zipper pouch with included key ring.", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/product-page-04-detail-product-shot-02.jpg", className: "aspect-3/2 w-full rounded-lg object-cover" }),
                         react_1.default.createElement("p", { className: "mt-8 text-base text-gray-500" }, "Up your snack organization game with multiple compartment options. The quick-access stash pouch is ready for even the most unexpected snack attacks and sharing needs.")))))));
 };
-exports.VistaProductFeaturesV1 = VistaProductFeaturesV1;
+exports.VistaProductFeatureV1 = VistaProductFeatureV1;

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

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

package/organisms/{vista-product-features-v2/vista-product-features-v2.js → vista-product-feature-v2/vista-product-feature-v2.js}

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VistaProductFeaturesV2 = void 0;
+exports.VistaProductFeatureV2 = void 0;
 var react_1 = __importDefault(require("react"));
 var features = [
     { name: 'Origin', description: 'Designed by Good Goods, Inc.' },
@@ -13,7 +13,7 @@ var features = [
     { name: 'Includes', description: 'Pen Tray, Phone Tray, Small Tray, Large Tray, Sticky Note Holder' },
     { name: 'Considerations', description: 'Made from natural materials. Grain and color vary with each item.' },
 ];
-var VistaProductFeaturesV2 = function () {
+var VistaProductFeatureV2 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },
         react_1.default.createElement("div", { "aria-hidden": "true", className: "relative" },
             react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/product-feature-02-full-width.jpg", className: "h-96 w-full object-cover" }),
@@ -26,4 +26,4 @@ var VistaProductFeaturesV2 = function () {
                 react_1.default.createElement("dt", { className: "font-medium text-gray-900" }, feature.name),
                 react_1.default.createElement("dd", { className: "mt-2 text-sm text-gray-500" }, feature.description))); })))));
 };
-exports.VistaProductFeaturesV2 = VistaProductFeaturesV2;
+exports.VistaProductFeatureV2 = VistaProductFeatureV2;

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

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

package/organisms/{vista-product-features-v3/vista-product-features-v3.js → vista-product-feature-v3/vista-product-feature-v3.js}

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VistaProductFeaturesV3 = void 0;
+exports.VistaProductFeatureV3 = void 0;
 var react_1 = __importDefault(require("react"));
 var features = [
     { name: 'Origin', description: 'Designed by Good Goods, Inc.' },
@@ -13,7 +13,7 @@ var features = [
     { name: 'Includes', description: 'Wood card tray and 3 refill packs' },
     { name: 'Considerations', description: 'Made from natural materials. Grain and color vary with each item.' },
 ];
-var VistaProductFeaturesV3 = function () {
+var VistaProductFeatureV3 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },
         react_1.default.createElement("div", { className: "mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-8 gap-y-16 px-4 py-24 sm:px-6 sm:py-32 lg:max-w-7xl lg:grid-cols-2 lg:px-8" },
             react_1.default.createElement("div", null,
@@ -28,4 +28,4 @@ var VistaProductFeaturesV3 = function () {
                 react_1.default.createElement("img", { alt: "Side of walnut card tray with card groove and recessed card area.", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/product-feature-03-detail-03.jpg", className: "rounded-lg bg-gray-100" }),
                 react_1.default.createElement("img", { alt: "Walnut card tray filled with cards and card angled in dedicated groove.", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/product-feature-03-detail-04.jpg", className: "rounded-lg bg-gray-100" })))));
 };
-exports.VistaProductFeaturesV3 = VistaProductFeaturesV3;
+exports.VistaProductFeatureV3 = VistaProductFeatureV3;

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

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

package/organisms/{vista-product-features-v4/vista-product-features-v4.js → vista-product-feature-v4/vista-product-feature-v4.js}

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VistaProductFeaturesV4 = void 0;
+exports.VistaProductFeatureV4 = void 0;
 var react_1 = __importDefault(require("react"));
 var features = [
     {
@@ -25,7 +25,7 @@ var features = [
         imageAlt: 'Black canvas body with chrome zipper and key ring.',
     },
 ];
-var VistaProductFeaturesV4 = function () {
+var VistaProductFeatureV4 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },
         react_1.default.createElement("div", { className: "mx-auto max-w-7xl py-24 sm:px-2 sm:py-32 lg:px-4" },
             react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 lg:max-w-none" },
@@ -40,4 +40,4 @@ var VistaProductFeaturesV4 = function () {
                     react_1.default.createElement("div", { className: "flex-auto lg:col-span-7 xl:col-span-8" },
                         react_1.default.createElement("img", { alt: feature.imageAlt, src: feature.imageSrc, className: "aspect-5/2 w-full rounded-lg bg-gray-100 object-cover" })))); }))))));
 };
-exports.VistaProductFeaturesV4 = VistaProductFeaturesV4;
+exports.VistaProductFeatureV4 = VistaProductFeatureV4;

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

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

package/organisms/{vista-product-features-v5/vista-product-features-v5.js → vista-product-feature-v5/vista-product-feature-v5.js}

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VistaProductFeaturesV5 = void 0;
+exports.VistaProductFeatureV5 = void 0;
 var react_1 = __importDefault(require("react"));
 var features = [
     {
@@ -20,7 +20,7 @@ var features = [
     },
     { name: 'Locally made', description: 'Responsibly and sustainably made real close to wherever you are, somehow.' },
 ];
-var VistaProductFeaturesV5 = function () {
+var VistaProductFeatureV5 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },
         react_1.default.createElement("section", { "aria-labelledby": "features-heading", className: "relative" },
             react_1.default.createElement("img", { alt: "Black leather journal with silver steel disc binding resting on wooden shelf with machined steel pen.", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/confirmation-page-01-hero.jpg", className: "aspect-3/2 w-full object-cover sm:aspect-5/2 lg:absolute lg:aspect-auto lg:h-full lg:w-1/2 lg:pr-4 xl:pr-16" }),
@@ -33,4 +33,4 @@ var VistaProductFeaturesV5 = function () {
                         react_1.default.createElement("dt", { className: "font-medium text-gray-900" }, feature.name),
                         react_1.default.createElement("dd", { className: "mt-2 text-gray-500" }, feature.description))); })))))));
 };
-exports.VistaProductFeaturesV5 = VistaProductFeaturesV5;
+exports.VistaProductFeatureV5 = VistaProductFeatureV5;

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

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

package/organisms/{vista-product-features-v6/vista-product-features-v6.js → vista-product-feature-v6/vista-product-feature-v6.js}

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VistaProductFeaturesV6 = void 0;
+exports.VistaProductFeatureV6 = void 0;
 var react_1 = __importStar(require("react"));
 var react_2 = require("@headlessui/react");
 var tabs = [
@@ -82,7 +82,7 @@ var tabs = [
         ],
     },
 ];
-var VistaProductFeaturesV6 = function () {
+var VistaProductFeatureV6 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },
         react_1.default.createElement("section", { "aria-labelledby": "features-heading", className: "mx-auto max-w-7xl py-32 sm:px-2 lg:px-8" },
             react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 lg:max-w-none lg:px-0" },
@@ -100,4 +100,4 @@ var VistaProductFeaturesV6 = function () {
                         react_1.default.createElement("div", { className: "lg:col-span-7" },
                             react_1.default.createElement("img", { alt: feature.imageAlt, src: feature.imageSrc, className: "aspect-2/1 w-full rounded-lg bg-gray-100 object-cover sm:aspect-5/2" })))); }))); })))))));
 };
-exports.VistaProductFeaturesV6 = VistaProductFeaturesV6;
+exports.VistaProductFeatureV6 = VistaProductFeatureV6;

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

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

package/organisms/{vista-product-features-v7/vista-product-features-v7.js → vista-product-feature-v7/vista-product-feature-v7.js}

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VistaProductFeaturesV7 = void 0;
+exports.VistaProductFeatureV7 = void 0;
 var react_1 = __importDefault(require("react"));
 var class_names_1 = require("../../utils/class-names");
 var features = [
@@ -20,7 +20,7 @@ var features = [
         imageAlt: 'Detail of zipper pull with tan leather and silver rivet.',
     },
 ];
-var VistaProductFeaturesV7 = function () {
+var VistaProductFeatureV7 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },
         react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 py-24 sm:px-6 sm:py-32 lg:max-w-7xl lg:px-8" },
             react_1.default.createElement("div", { className: "mx-auto max-w-3xl text-center" },
@@ -33,4 +33,4 @@ var VistaProductFeaturesV7 = function () {
                 react_1.default.createElement("div", { className: (0, class_names_1.classNames)(featureIdx % 2 === 0 ? 'lg:col-start-6 xl:col-start-5' : 'lg:col-start-1', 'flex-auto lg:col-span-7 lg:row-start-1 xl:col-span-8') },
                     react_1.default.createElement("img", { alt: feature.imageAlt, src: feature.imageSrc, className: "aspect-5/2 w-full rounded-lg bg-gray-100 object-cover" })))); })))));
 };
-exports.VistaProductFeaturesV7 = VistaProductFeaturesV7;
+exports.VistaProductFeatureV7 = VistaProductFeatureV7;

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

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

package/organisms/{vista-product-features-v8/vista-product-features-v8.js → vista-product-feature-v8/vista-product-feature-v8.js}

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VistaProductFeaturesV8 = void 0;
+exports.VistaProductFeatureV8 = void 0;
 var react_1 = __importDefault(require("react"));
 var features = [
     {
@@ -31,7 +31,7 @@ var features = [
         imageAlt: 'Stack of three green cardstock boxes with 3 hole cutouts showing cards inside.',
     },
 ];
-var VistaProductFeaturesV8 = function () {
+var VistaProductFeatureV8 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },
         react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 py-24 sm:px-6 sm:py-32 lg:max-w-7xl lg:px-8" },
             react_1.default.createElement("div", { className: "max-w-3xl" },
@@ -44,4 +44,4 @@ var VistaProductFeaturesV8 = function () {
                     react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, feature.description)),
                 react_1.default.createElement("img", { alt: feature.imageAlt, src: feature.imageSrc, className: "aspect-square w-full rounded-lg bg-gray-100 object-cover" }))); })))));
 };
-exports.VistaProductFeaturesV8 = VistaProductFeaturesV8;
+exports.VistaProductFeatureV8 = VistaProductFeatureV8;

package/organisms/vista-product-feature-v9/vista-product-feature-v9.d.ts

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

package/organisms/{vista-product-features-v9/vista-product-features-v9.js → vista-product-feature-v9/vista-product-feature-v9.js}

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VistaProductFeaturesV9 = void 0;
+exports.VistaProductFeatureV9 = void 0;
 var react_1 = __importDefault(require("react"));
 var features = [
     {
@@ -31,7 +31,7 @@ var features = [
         imageAlt: 'Stack of three green cardstock boxes with 3 hole cutouts showing cards inside.',
     },
 ];
-var VistaProductFeaturesV9 = function () {
+var VistaProductFeatureV9 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },
         react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 py-24 sm:px-6 sm:py-32 lg:max-w-7xl lg:px-8" },
             react_1.default.createElement("div", { className: "grid grid-cols-1 items-center gap-x-8 gap-y-16 lg:grid-cols-2" },
@@ -48,4 +48,4 @@ var VistaProductFeaturesV9 = function () {
                         react_1.default.createElement("img", { alt: "Detail of temperature setting button on kettle bass with digital degree readout.", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/product-feature-09-detail-01.jpg", className: "aspect-square w-full rounded-lg bg-gray-100 object-cover" }),
                         react_1.default.createElement("img", { alt: "Kettle spout pouring boiling water into coffee grounds in pour-over mug.", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/product-feature-09-detail-02.jpg", className: "aspect-square w-full rounded-lg bg-gray-100 object-cover" })))))));
 };
-exports.VistaProductFeaturesV9 = VistaProductFeaturesV9;
+exports.VistaProductFeatureV9 = VistaProductFeatureV9;

package/organisms/vista-promo-section-v1/vista-promo-section-v1.d.ts

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

package/organisms/vista-promo-section-v1/vista-promo-section-v1.js

@@ -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.VistaPromoSectionV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var testimonials = [
+    {
+        id: 1,
+        quote: 'My order arrived super quickly. The product is even better than I hoped it would be. Very happy customer over here!',
+        attribution: 'Sarah Peters, New Orleans',
+    },
+    {
+        id: 2,
+        quote: 'I had to return a purchase that didnt fit. The whole process was so simple that I ended up ordering two new items!',
+        attribution: 'Kelly McPherson, Chicago',
+    },
+    {
+        id: 3,
+        quote: 'Now that Im on holiday for the summer, Ill probably order a few more shirts. Its just so convenient, and I know the quality will always be there.',
+        attribution: 'Chris Paul, Phoenix',
+    },
+];
+var VistaPromoSectionV1 = function () {
+    return (react_1.default.createElement("div", { className: "relative overflow-hidden bg-white" },
+        react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0" },
+            react_1.default.createElement("div", { className: "absolute inset-0 mx-auto max-w-7xl overflow-hidden xl:px-8" },
+                react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-02-sale-full-width.jpg", className: "size-full object-cover" })),
+            react_1.default.createElement("div", { className: "absolute inset-0 bg-white/75" }),
+            react_1.default.createElement("div", { className: "absolute inset-0 bg-linear-to-t from-white via-white" })),
+        react_1.default.createElement("section", { "aria-labelledby": "sale-heading", className: "relative mx-auto flex max-w-7xl flex-col items-center px-4 pt-32 text-center sm:px-6 lg:px-8" },
+            react_1.default.createElement("div", { className: "mx-auto max-w-2xl lg:max-w-none" },
+                react_1.default.createElement("h2", { id: "sale-heading", className: "text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl lg:text-6xl" }, "Get 25% off during our one-time sale"),
+                react_1.default.createElement("p", { className: "mx-auto mt-4 max-w-xl text-xl text-gray-600" }, "Most of our products are limited releases that wont come back. Get your favorite items while theyre in stock."),
+                react_1.default.createElement("a", { href: "#", className: "mt-6 inline-block w-full rounded-md border border-transparent bg-gray-900 px-8 py-3 font-medium text-white hover:bg-gray-800 sm:w-auto" }, "Get access to our one-time sale"))),
+        react_1.default.createElement("section", { "aria-labelledby": "testimonial-heading", className: "relative mx-auto max-w-7xl px-4 py-24 sm:px-6 lg:px-8 lg:py-32" },
+            react_1.default.createElement("div", { className: "mx-auto max-w-2xl lg:max-w-none" },
+                react_1.default.createElement("h2", { id: "testimonial-heading", className: "text-2xl font-bold tracking-tight text-gray-900" }, "What are people saying?"),
+                react_1.default.createElement("div", { className: "mt-16 space-y-16 lg:grid lg:grid-cols-3 lg:space-y-0 lg:gap-x-8" }, testimonials.map(function (testimonial) { return (react_1.default.createElement("blockquote", { key: testimonial.id, className: "sm:flex lg:block" },
+                    react_1.default.createElement("svg", { width: 24, height: 18, viewBox: "0 0 24 18", "aria-hidden": "true", className: "shrink-0 text-gray-300" },
+                        react_1.default.createElement("path", { d: "M0 18h8.7v-5.555c-.024-3.906 1.113-6.841 2.892-9.68L6.452 0C3.188 2.644-.026 7.86 0 12.469V18zm12.408 0h8.7v-5.555C21.083 8.539 22.22 5.604 24 2.765L18.859 0c-3.263 2.644-6.476 7.86-6.451 12.469V18z", fill: "currentColor" })),
+                    react_1.default.createElement("div", { className: "mt-8 sm:mt-0 sm:ml-6 lg:mt-10 lg:ml-0" },
+                        react_1.default.createElement("p", { className: "text-lg text-gray-600" }, testimonial.quote),
+                        react_1.default.createElement("cite", { className: "mt-4 block font-semibold text-gray-900 not-italic" }, testimonial.attribution)))); }))))));
+};
+exports.VistaPromoSectionV1 = VistaPromoSectionV1;

package/organisms/vista-promo-section-v2/vista-promo-section-v2.d.ts

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

package/organisms/vista-promo-section-v2/vista-promo-section-v2.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaPromoSectionV2 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaPromoSectionV2 = function () {
+    return (react_1.default.createElement("div", { className: "relative bg-gray-800 px-6 py-32 sm:px-12 sm:py-40 lg:px-16" },
+        react_1.default.createElement("div", { className: "absolute inset-0 overflow-hidden" },
+            react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-feature-section-full-width.jpg", className: "size-full object-cover" })),
+        react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 bg-gray-900/50" }),
+        react_1.default.createElement("div", { className: "relative mx-auto flex max-w-3xl flex-col items-center text-center" },
+            react_1.default.createElement("h2", { className: "text-3xl font-bold tracking-tight text-white sm:text-4xl" }, "Long-term thinking"),
+            react_1.default.createElement("p", { className: "mt-3 text-xl text-white" }, "Were committed to responsible, sustainable, and ethical manufacturing. Our small-scale approach allows us to focus on quality and reduce our impact. Were doing our best to delay the inevitable heat-death of the universe."),
+            react_1.default.createElement("a", { href: "#", className: "mt-8 block w-full rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-gray-900 hover:bg-gray-100 sm:w-auto" }, "Read our story"))));
+};
+exports.VistaPromoSectionV2 = VistaPromoSectionV2;

package/organisms/vista-promo-section-v3/vista-promo-section-v3.d.ts

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

package/organisms/vista-promo-section-v3/vista-promo-section-v3.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaPromoSectionV3 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaPromoSectionV3 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("div", { className: "overflow-hidden pt-32 sm:pt-14" },
+            react_1.default.createElement("div", { className: "bg-gray-800" },
+                react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8" },
+                    react_1.default.createElement("div", { className: "relative pt-48 pb-16 sm:pb-24" },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("h2", { id: "sale-heading", className: "text-4xl font-bold tracking-tight text-white md:text-5xl" },
+                                "Final Stock.",
+                                react_1.default.createElement("br", null),
+                                "Up to 50% off."),
+                            react_1.default.createElement("div", { className: "mt-6 text-base" },
+                                react_1.default.createElement("a", { href: "#", className: "font-semibold text-white" },
+                                    "Shop the sale",
+                                    react_1.default.createElement("span", { "aria-hidden": "true" }, " \u2192")))),
+                        react_1.default.createElement("div", { className: "absolute -top-32 left-1/2 min-w-max -translate-x-1/2 transform sm:top-6 sm:translate-x-0" },
+                            react_1.default.createElement("div", { className: "ml-24 flex space-x-6 sm:ml-3 lg:space-x-8" },
+                                react_1.default.createElement("div", { className: "flex space-x-6 sm:flex-col sm:space-y-6 sm:space-x-0 lg:space-y-8" },
+                                    react_1.default.createElement("div", { className: "shrink-0" },
+                                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-category-01.jpg", className: "size-64 rounded-lg object-cover md:size-72" })),
+                                    react_1.default.createElement("div", { className: "mt-6 shrink-0 sm:mt-0" },
+                                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-category-02.jpg", className: "size-64 rounded-lg object-cover md:size-72" }))),
+                                react_1.default.createElement("div", { className: "flex space-x-6 sm:-mt-20 sm:flex-col sm:space-y-6 sm:space-x-0 lg:space-y-8" },
+                                    react_1.default.createElement("div", { className: "shrink-0" },
+                                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-favorite-01.jpg", className: "size-64 rounded-lg object-cover md:size-72" })),
+                                    react_1.default.createElement("div", { className: "mt-6 shrink-0 sm:mt-0" },
+                                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-favorite-02.jpg", className: "size-64 rounded-lg object-cover md:size-72" }))),
+                                react_1.default.createElement("div", { className: "flex space-x-6 sm:flex-col sm:space-y-6 sm:space-x-0 lg:space-y-8" },
+                                    react_1.default.createElement("div", { className: "shrink-0" },
+                                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-category-01.jpg", className: "size-64 rounded-lg object-cover md:size-72" })),
+                                    react_1.default.createElement("div", { className: "mt-6 shrink-0 sm:mt-0" },
+                                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-category-02.jpg", className: "size-64 rounded-lg object-cover md:size-72" })))))))))));
+};
+exports.VistaPromoSectionV3 = VistaPromoSectionV3;

package/organisms/vista-promo-section-v4/vista-promo-section-v4.d.ts

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

package/organisms/vista-promo-section-v4/vista-promo-section-v4.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaPromoSectionV4 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaPromoSectionV4 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-4 py-16 sm:px-6 sm:py-24 lg:px-8" },
+            react_1.default.createElement("div", { className: "relative overflow-hidden rounded-lg" },
+                react_1.default.createElement("div", { className: "absolute inset-0" },
+                    react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-01-feature-section-01.jpg", className: "size-full object-cover" })),
+                react_1.default.createElement("div", { className: "relative bg-gray-900/75 px-6 py-32 sm:px-12 sm:py-40 lg:px-16" },
+                    react_1.default.createElement("div", { className: "relative mx-auto flex max-w-3xl flex-col items-center text-center" },
+                        react_1.default.createElement("h2", { className: "text-3xl font-bold tracking-tight text-white sm:text-4xl" },
+                            react_1.default.createElement("span", { className: "block sm:inline" }, "Level up"),
+                            react_1.default.createElement("span", { className: "block sm:inline" }, "your desk")),
+                        react_1.default.createElement("p", { className: "mt-3 text-xl text-white" }, "Make your desk beautiful and organized. Post a picture to social media and watch it get more likes than life-changing announcements. Reflect on the shallow nature of existence. At least you have a really nice desk setup."),
+                        react_1.default.createElement("a", { href: "#", className: "mt-8 block w-full rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-gray-900 hover:bg-gray-100 sm:w-auto" }, "Shop Workspace")))))));
+};
+exports.VistaPromoSectionV4 = VistaPromoSectionV4;

package/organisms/vista-promo-section-v5/vista-promo-section-v5.d.ts

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

package/organisms/vista-promo-section-v5/vista-promo-section-v5.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaPromoSectionV5 = void 0;
+var react_1 = __importDefault(require("react"));
+var collections = [
+    {
+        name: "Women's",
+        href: '#',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-04-collection-01.jpg',
+        imageAlt: 'Woman wearing an off-white cotton t-shirt.',
+    },
+    {
+        name: "Men's",
+        href: '#',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-04-collection-02.jpg',
+        imageAlt: 'Man wearing a charcoal gray cotton t-shirt.',
+    },
+    {
+        name: 'Desk Accessories',
+        href: '#',
+        imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-04-collection-03.jpg',
+        imageAlt: 'Person sitting at a wooden desk with paper note organizer, pencil and tablet.',
+    },
+];
+var VistaPromoSectionV5 = function () {
+    return (react_1.default.createElement("div", { className: "relative bg-white" },
+        react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 hidden sm:flex sm:flex-col" },
+            react_1.default.createElement("div", { className: "relative w-full flex-1 bg-gray-800" },
+                react_1.default.createElement("div", { className: "absolute inset-0 overflow-hidden" },
+                    react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-04-hero-full-width.jpg", className: "size-full object-cover" })),
+                react_1.default.createElement("div", { className: "absolute inset-0 bg-gray-900 opacity-50" })),
+            react_1.default.createElement("div", { className: "h-32 w-full bg-white md:h-40 lg:h-48" })),
+        react_1.default.createElement("div", { className: "relative mx-auto max-w-3xl px-4 pb-96 text-center sm:px-6 sm:pb-0 lg:px-8" },
+            react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 flex flex-col sm:hidden" },
+                react_1.default.createElement("div", { className: "relative w-full flex-1 bg-gray-800" },
+                    react_1.default.createElement("div", { className: "absolute inset-0 overflow-hidden" },
+                        react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-04-hero-full-width.jpg", className: "size-full object-cover" })),
+                    react_1.default.createElement("div", { className: "absolute inset-0 bg-gray-900 opacity-50" })),
+                react_1.default.createElement("div", { className: "h-48 w-full bg-white" })),
+            react_1.default.createElement("div", { className: "relative py-32" },
+                react_1.default.createElement("h1", { className: "text-4xl font-bold tracking-tight text-white sm:text-5xl md:text-6xl" }, "Mid-Season Sale"),
+                react_1.default.createElement("div", { className: "mt-4 sm:mt-6" },
+                    react_1.default.createElement("a", { href: "#", className: "inline-block rounded-md border border-transparent bg-indigo-600 px-8 py-3 font-medium text-white hover:bg-indigo-700" }, "Shop Collection")))),
+        react_1.default.createElement("section", { "aria-labelledby": "collection-heading", className: "relative -mt-96 sm:mt-0" },
+            react_1.default.createElement("h2", { id: "collection-heading", className: "sr-only" }, "Collections"),
+            react_1.default.createElement("div", { className: "mx-auto grid max-w-md grid-cols-1 gap-y-6 px-4 sm:max-w-7xl sm:grid-cols-3 sm:gap-x-6 sm:gap-y-0 sm:px-6 lg:gap-x-8 lg:px-8" }, collections.map(function (collection) { return (react_1.default.createElement("div", { key: collection.name, className: "group relative h-96 rounded-lg bg-white shadow-xl sm:aspect-4/5 sm:h-auto" },
+                react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 overflow-hidden rounded-lg" },
+                    react_1.default.createElement("div", { className: "absolute inset-0 overflow-hidden group-hover:opacity-75" },
+                        react_1.default.createElement("img", { alt: collection.imageAlt, src: collection.imageSrc, className: "size-full object-cover" })),
+                    react_1.default.createElement("div", { className: "absolute inset-0 bg-linear-to-b from-transparent to-black opacity-50" })),
+                react_1.default.createElement("div", { className: "absolute inset-0 flex items-end rounded-lg p-6" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("p", { "aria-hidden": "true", className: "text-sm text-white" }, "Shop the collection"),
+                        react_1.default.createElement("h3", { className: "mt-1 font-semibold text-white" },
+                            react_1.default.createElement("a", { href: collection.href },
+                                react_1.default.createElement("span", { className: "absolute inset-0" }),
+                                collection.name)))))); })))));
+};
+exports.VistaPromoSectionV5 = VistaPromoSectionV5;

package/organisms/vista-promo-section-v6/vista-promo-section-v6.d.ts

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

package/organisms/vista-promo-section-v6/vista-promo-section-v6.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaPromoSectionV6 = void 0;
+var react_1 = __importDefault(require("react"));
+var offers = [
+    { name: 'Download the app', description: 'Get an exclusive $5 off code', href: '#' },
+    { name: "Return when you're ready", description: '60 days of free returns', href: '#' },
+    { name: 'Sign up for our newsletter', description: '15% off your first order', href: '#' },
+];
+var VistaPromoSectionV6 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("div", { className: "flex flex-col border-b border-gray-200 lg:border-0" },
+            react_1.default.createElement("nav", { "aria-label": "Offers", className: "order-last lg:order-first" },
+                react_1.default.createElement("div", { className: "mx-auto max-w-7xl lg:px-8" },
+                    react_1.default.createElement("ul", { role: "list", className: "grid grid-cols-1 divide-y divide-gray-200 lg:grid-cols-3 lg:divide-x lg:divide-y-0" }, offers.map(function (offer) { return (react_1.default.createElement("li", { key: offer.name, className: "flex flex-col" },
+                        react_1.default.createElement("a", { href: offer.href, className: "relative flex flex-1 flex-col justify-center bg-white px-4 py-6 text-center focus:z-10" },
+                            react_1.default.createElement("p", { className: "text-sm text-gray-500" }, offer.name),
+                            react_1.default.createElement("p", { className: "font-semibold text-gray-900" }, offer.description)))); })))),
+            react_1.default.createElement("div", { className: "relative" },
+                react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute hidden h-full w-1/2 bg-gray-100 lg:block" }),
+                react_1.default.createElement("div", { className: "relative bg-gray-100 lg:bg-transparent" },
+                    react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:grid lg:grid-cols-2 lg:px-8" },
+                        react_1.default.createElement("div", { className: "mx-auto max-w-2xl py-24 lg:max-w-none lg:py-64" },
+                            react_1.default.createElement("div", { className: "lg:pr-16" },
+                                react_1.default.createElement("h1", { className: "text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl xl:text-6xl" }, "Focus on what matters"),
+                                react_1.default.createElement("p", { className: "mt-4 text-xl text-gray-600" }, "All the charts, datepickers, and notifications in the world cant beat checking off some items on a paper card."),
+                                react_1.default.createElement("div", { className: "mt-6" },
+                                    react_1.default.createElement("a", { href: "#", className: "inline-block rounded-md border border-transparent bg-indigo-600 px-8 py-3 font-medium text-white hover:bg-indigo-700" }, "Shop Productivity")))))),
+                react_1.default.createElement("div", { className: "h-48 w-full sm:h-64 lg:absolute lg:top-0 lg:right-0 lg:h-full lg:w-1/2" },
+                    react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-02-hero-half-width.jpg", className: "size-full object-cover" }))))));
+};
+exports.VistaPromoSectionV6 = VistaPromoSectionV6;

package/organisms/vista-promo-section-v7/vista-promo-section-v7.d.ts

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

package/organisms/vista-promo-section-v7/vista-promo-section-v7.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.VistaPromoSectionV7 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaPromoSectionV7 = function () {
+    return (react_1.default.createElement("div", { className: "relative overflow-hidden bg-white" },
+        react_1.default.createElement("div", { className: "pt-16 pb-80 sm:pt-24 sm:pb-40 lg:pt-40 lg:pb-48" },
+            react_1.default.createElement("div", { className: "relative mx-auto max-w-7xl px-4 sm:static sm:px-6 lg:px-8" },
+                react_1.default.createElement("div", { className: "sm:max-w-lg" },
+                    react_1.default.createElement("h1", { className: "text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl" }, "Summer styles are finally here"),
+                    react_1.default.createElement("p", { className: "mt-4 text-xl text-gray-500" }, "This year, our new summer collection will shelter you from the harsh elements of a world that doesnt care if you live or die.")),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { className: "mt-10" },
+                        react_1.default.createElement("div", { "aria-hidden": "true", className: "pointer-events-none lg:absolute lg:inset-y-0 lg:mx-auto lg:w-full lg:max-w-7xl" },
+                            react_1.default.createElement("div", { className: "absolute transform sm:top-0 sm:left-1/2 sm:translate-x-8 lg:top-1/2 lg:left-1/2 lg:translate-x-8 lg:-translate-y-1/2" },
+                                react_1.default.createElement("div", { className: "flex items-center space-x-6 lg:space-x-8" },
+                                    react_1.default.createElement("div", { className: "grid shrink-0 grid-cols-1 gap-y-6 lg:gap-y-8" },
+                                        react_1.default.createElement("div", { className: "h-64 w-44 overflow-hidden rounded-lg sm:opacity-0 lg:opacity-100" },
+                                            react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-hero-image-tile-01.jpg", className: "size-full object-cover" })),
+                                        react_1.default.createElement("div", { className: "h-64 w-44 overflow-hidden rounded-lg" },
+                                            react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-hero-image-tile-02.jpg", className: "size-full object-cover" }))),
+                                    react_1.default.createElement("div", { className: "grid shrink-0 grid-cols-1 gap-y-6 lg:gap-y-8" },
+                                        react_1.default.createElement("div", { className: "h-64 w-44 overflow-hidden rounded-lg" },
+                                            react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-hero-image-tile-03.jpg", className: "size-full object-cover" })),
+                                        react_1.default.createElement("div", { className: "h-64 w-44 overflow-hidden rounded-lg" },
+                                            react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-hero-image-tile-04.jpg", className: "size-full object-cover" })),
+                                        react_1.default.createElement("div", { className: "h-64 w-44 overflow-hidden rounded-lg" },
+                                            react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-hero-image-tile-05.jpg", className: "size-full object-cover" }))),
+                                    react_1.default.createElement("div", { className: "grid shrink-0 grid-cols-1 gap-y-6 lg:gap-y-8" },
+                                        react_1.default.createElement("div", { className: "h-64 w-44 overflow-hidden rounded-lg" },
+                                            react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-hero-image-tile-06.jpg", className: "size-full object-cover" })),
+                                        react_1.default.createElement("div", { className: "h-64 w-44 overflow-hidden rounded-lg" },
+                                            react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-hero-image-tile-07.jpg", className: "size-full object-cover" })))))),
+                        react_1.default.createElement("a", { href: "#", className: "inline-block rounded-md border border-transparent bg-indigo-600 px-8 py-3 text-center font-medium text-white hover:bg-indigo-700" }, "Shop Collection")))))));
+};
+exports.VistaPromoSectionV7 = VistaPromoSectionV7;

package/organisms/vista-promo-section-v8/vista-promo-section-v8.d.ts

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

package/organisms/vista-promo-section-v8/vista-promo-section-v8.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaPromoSectionV8 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaPromoSectionV8 = function () {
+    return (react_1.default.createElement("div", { className: "bg-white" },
+        react_1.default.createElement("div", { className: "relative bg-gray-900" },
+            react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 overflow-hidden" },
+                react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-01-hero-full-width.jpg", className: "size-full object-cover" })),
+            react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 bg-gray-900 opacity-50" }),
+            react_1.default.createElement("div", { className: "relative mx-auto flex max-w-3xl flex-col items-center px-6 py-32 text-center sm:py-64 lg:px-0" },
+                react_1.default.createElement("h1", { className: "text-4xl font-bold tracking-tight text-white lg:text-6xl" }, "New arrivals are here"),
+                react_1.default.createElement("p", { className: "mt-4 text-xl text-white" }, "The new arrivals have, well, newly arrived. Check out the latest options from our summer small-batch release while theyre still in stock."),
+                react_1.default.createElement("a", { href: "#", className: "mt-8 inline-block rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-gray-900 hover:bg-gray-100" }, "Shop New Arrivals")))));
+};
+exports.VistaPromoSectionV8 = VistaPromoSectionV8;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

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

@@ -0,0 +1,24 @@
+export interface VistaIncentiveV1Props {
+    id: string;
+}
+export interface VistaIncentiveV2Props {
+    id: string;
+}
+export interface VistaIncentiveV3Props {
+    id: string;
+}
+export interface VistaIncentiveV4Props {
+    id: string;
+}
+export interface VistaIncentiveV5Props {
+    id: string;
+}
+export interface VistaIncentiveV6Props {
+    id: string;
+}
+export interface VistaIncentiveV7Props {
+    id: string;
+}
+export interface VistaIncentiveV8Props {
+    id: string;
+}

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

@@ -0,0 +1,27 @@
+export interface VistaProductFeatureV1Props {
+    id: string;
+}
+export interface VistaProductFeatureV2Props {
+    id: string;
+}
+export interface VistaProductFeatureV3Props {
+    id: string;
+}
+export interface VistaProductFeatureV4Props {
+    id: string;
+}
+export interface VistaProductFeatureV5Props {
+    id: string;
+}
+export interface VistaProductFeatureV6Props {
+    id: string;
+}
+export interface VistaProductFeatureV7Props {
+    id: string;
+}
+export interface VistaProductFeatureV8Props {
+    id: string;
+}
+export interface VistaProductFeatureV9Props {
+    id: string;
+}

package/type/vista-product-feature-type.js

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

package/type/vista-promo-section-type.d.ts

@@ -0,0 +1,24 @@
+export interface VistaPromoSectionV1Props {
+    id: string;
+}
+export interface VistaPromoSectionV2Props {
+    id: string;
+}
+export interface VistaPromoSectionV3Props {
+    id: string;
+}
+export interface VistaPromoSectionV4Props {
+    id: string;
+}
+export interface VistaPromoSectionV5Props {
+    id: string;
+}
+export interface VistaPromoSectionV6Props {
+    id: string;
+}
+export interface VistaPromoSectionV7Props {
+    id: string;
+}
+export interface VistaPromoSectionV8Props {
+    id: string;
+}

package/type/vista-promo-section-type.js

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

package/organisms/vista-product-features-v1/vista-product-features-v1.d.ts

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

package/organisms/vista-product-features-v2/vista-product-features-v2.d.ts

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

package/organisms/vista-product-features-v3/vista-product-features-v3.d.ts

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

package/organisms/vista-product-features-v4/vista-product-features-v4.d.ts

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

package/organisms/vista-product-features-v5/vista-product-features-v5.d.ts

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

package/organisms/vista-product-features-v6/vista-product-features-v6.d.ts

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

package/organisms/vista-product-features-v7/vista-product-features-v7.d.ts

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

package/organisms/vista-product-features-v8/vista-product-features-v8.d.ts

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

package/organisms/vista-product-features-v9/vista-product-features-v9.d.ts

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

package/type/vista-product-features-type.d.ts

@@ -1,27 +0,0 @@
-export interface VistaProductFeaturesV1Props {
-    id: string;
-}
-export interface VistaProductFeaturesV2Props {
-    id: string;
-}
-export interface VistaProductFeaturesV3Props {
-    id: string;
-}
-export interface VistaProductFeaturesV4Props {
-    id: string;
-}
-export interface VistaProductFeaturesV5Props {
-    id: string;
-}
-export interface VistaProductFeaturesV6Props {
-    id: string;
-}
-export interface VistaProductFeaturesV7Props {
-    id: string;
-}
-export interface VistaProductFeaturesV8Props {
-    id: string;
-}
-export interface VistaProductFeaturesV9Props {
-    id: string;
-}