@appcorp/app-corp-vista 0.2.99 → 0.3.0

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

@@ -11,16 +11,34 @@ var features = [
         name: 'Invite team members',
         description: 'Rerum repellat labore necessitatibus reprehenderit molestiae praesentium.',
     },
-    { name: 'List view', description: 'Corporis asperiores ea nulla temporibus asperiores non tempore assumenda aut.' },
+    {
+        name: 'List view',
+        description: 'Corporis asperiores ea nulla temporibus asperiores non tempore assumenda aut.',
+    },
     {
         name: 'Keyboard shortcuts',
         description: 'In sit qui aliquid deleniti et. Ad nobis sunt omnis. Quo sapiente dicta laboriosam.',
     },
-    { name: 'Calendars', description: 'Sed rerum sunt dignissimos ullam. Iusto iure occaecati voluptate eligendi.' },
-    { name: 'Notifications', description: 'Quos inventore harum enim nesciunt. Aut repellat rerum omnis adipisci.' },
-    { name: 'Boards', description: 'Quae sit sunt excepturi fugit veniam voluptatem ipsum commodi.' },
-    { name: 'Reporting', description: 'Eos laudantium repellat sed architecto earum unde incidunt.' },
-    { name: 'Mobile app', description: 'Nulla est saepe accusamus nostrum est est fugit omnis.' },
+    {
+        name: 'Calendars',
+        description: 'Sed rerum sunt dignissimos ullam. Iusto iure occaecati voluptate eligendi.',
+    },
+    {
+        name: 'Notifications',
+        description: 'Quos inventore harum enim nesciunt. Aut repellat rerum omnis adipisci.',
+    },
+    {
+        name: 'Boards',
+        description: 'Quae sit sunt excepturi fugit veniam voluptatem ipsum commodi.',
+    },
+    {
+        name: 'Reporting',
+        description: 'Eos laudantium repellat sed architecto earum unde incidunt.',
+    },
+    {
+        name: 'Mobile app',
+        description: 'Nulla est saepe accusamus nostrum est est fugit omnis.',
+    },
 ];
 var VistaFeatureV18 = function () {
     return (react_1.default.createElement("div", { className: "bg-white py-24 sm:py-32" },

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

@@ -20,7 +20,7 @@ var VistaFeatureV2 = function (_a) {
                             react_1.default.createElement("div", { className: "size-5 ".concat(revert ? 'order-1' : 'order-2') },
                                 react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "size-5 text-primary mt-1" })),
                             react_1.default.createElement("p", { className: "".concat(revert ? 'order-1' : 'order-2') },
-                                react_1.default.createElement("span", { className: 'font-semibold text-gray-900' },
+                                react_1.default.createElement("span", { className: "font-semibold text-gray-900" },
                                     feature.name,
                                     ' '),
                                 react_1.default.createElement("span", { className: "inline" }, feature.description)))); })))),

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

@@ -20,7 +20,7 @@ var VistaFeatureV22 = function (_a) {
                             react_1.default.createElement("div", { className: "size-5 ".concat(revert ? 'order-1' : 'order-2') },
                                 react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "size-5 text-primary mt-1" })),
                             react_1.default.createElement("p", { className: "".concat(revert ? 'order-1' : 'order-2') },
-                                react_1.default.createElement("span", { className: 'font-semibold text-gray-900' },
+                                react_1.default.createElement("span", { className: "font-semibold text-gray-900" },
                                     feature.name,
                                     ' '),
                                 react_1.default.createElement("span", { className: "inline" }, feature.description)))); })))),

package/organisms/vista-hero-v13/slider-content.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
-import { VistaHeroV13Item } from "../../type/vista-hero-type";
+import { FC } from 'react';
+import { VistaHeroV13Item } from '../../type/vista-hero-type';
 export declare const SliderContent: FC<VistaHeroV13Item>;

package/organisms/vista-hero-v13/vista-hero-v13.js

@@ -66,7 +66,7 @@ var VistaHeroV13 = function (_a) {
     var settings = {
         autoplay: true,
         autoplaySpeed: 7000,
-        cssEase: "linear",
+        cssEase: 'linear',
         infinite: true,
         initialSlide: 1,
         slidesToScroll: 1,
@@ -76,7 +76,7 @@ var VistaHeroV13 = function (_a) {
     return (react_1.default.createElement("div", { className: "slider-container overflow-x-hidden w-full max-h-5/12 ".concat(containerClassName) },
         react_1.default.createElement(DynamicReactSlick, __assign({}, settings), items.map(function (item) { return (react_1.default.createElement("div", { key: item.heading },
             react_1.default.createElement("div", { className: "relative isolate overflow-hidden pt-14" },
-                react_1.default.createElement(image_1.default, { alt: item.bannerAlt, className: "absolute inset-0 -z-10 size-full object-cover", height: 0, priority: true, sizes: '100vw', src: item.bannerSrc, width: 0 }),
+                react_1.default.createElement(image_1.default, { alt: item.bannerAlt, className: "absolute inset-0 -z-10 size-full object-cover", height: 0, priority: true, sizes: "100vw", src: item.bannerSrc, width: 0 }),
                 react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" },
                     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%)',
@@ -86,12 +86,11 @@ var VistaHeroV13 = function (_a) {
                         item.subTitle && item.subTitleUrl ? (react_1.default.createElement("div", { className: "hidden sm:mb-8 sm:flex sm:justify-center" },
                             react_1.default.createElement("div", { className: "relative rounded-full px-3 py-1 text-sm/6 text-gray-400 ring-1 ring-white/10 hover:ring-white/20" },
                                 item.subTitle,
-                                " ",
                                 ' ',
                                 react_1.default.createElement("a", { href: item.subTitleUrl, className: "font-semibold text-white" },
                                     react_1.default.createElement("span", { "aria-hidden": "true", className: "absolute inset-0" }),
                                     "Read more ",
-                                    react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192"))))) : (react_1.default.createElement("div", { className: 'min-h-16' })),
+                                    react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192"))))) : (react_1.default.createElement("div", { className: "min-h-16" })),
                         react_1.default.createElement("div", { className: "text-center" },
                             react_1.default.createElement("h1", { className: "text-5xl text-shadow-lg text-shadow-primary font-semibold tracking-tight text-balance text-white" }, item.heading),
                             item.description && (react_1.default.createElement("p", { className: "mt-8 text-lg font-medium text-pretty text-white sm:text-xl/8" }, item.description)),

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

@@ -7,9 +7,21 @@ 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 },
+    {
+        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" },

package/organisms/vista-mdx-editor-v1/vista-mdx-editor-v1.js

@@ -29,19 +29,17 @@ var VistaMdxEditorV1 = function (_a) {
                     css: 'CSS',
                     txt: 'text',
                     tsx: 'TypeScript',
-                }
+                },
             }),
             (0, editor_1.diffSourcePlugin)({ diffMarkdown: '', viewMode: 'rich-text' }),
             (0, editor_1.markdownShortcutPlugin)(),
             (0, editor_1.directivesPlugin)({
-                directiveDescriptors: [
-                    editor_1.AdmonitionDirectiveDescriptor,
-                ],
+                directiveDescriptors: [editor_1.AdmonitionDirectiveDescriptor],
             }),
             (0, editor_1.toolbarPlugin)({
                 toolbarContents: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(editor_1.KitchenSinkToolbar, null))); }
-            })
+                    react_1.default.createElement(editor_1.KitchenSinkToolbar, null))); },
+            }),
         ] }));
 };
 exports.VistaMdxEditorV1 = VistaMdxEditorV1;

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

@@ -7,11 +7,20 @@ exports.VistaProductFeatureV2 = void 0;
 var react_1 = __importDefault(require("react"));
 var features = [
     { name: 'Origin', description: 'Designed by Good Goods, Inc.' },
-    { name: 'Material', description: 'Solid walnut base with rare earth magnets and polycarbonate add-ons.' },
+    {
+        name: 'Material',
+        description: 'Solid walnut base with rare earth magnets and polycarbonate add-ons.',
+    },
     { name: 'Dimensions', description: '15" x 3.75" x .75"' },
     { name: 'Finish', description: 'Hand sanded and finished with natural oil' },
-    { 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.' },
+    {
+        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 VistaProductFeatureV2 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },

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

@@ -7,11 +7,17 @@ exports.VistaProductFeatureV3 = void 0;
 var react_1 = __importDefault(require("react"));
 var features = [
     { name: 'Origin', description: 'Designed by Good Goods, Inc.' },
-    { name: 'Material', description: 'Solid walnut base with rare earth magnets and powder coated steel card cover' },
+    {
+        name: 'Material',
+        description: 'Solid walnut base with rare earth magnets and powder coated steel card cover',
+    },
     { name: 'Dimensions', description: '6.25" x 3.55" x 1.15"' },
     { name: 'Finish', description: 'Hand sanded and finished with natural oil' },
     { name: 'Includes', description: 'Wood card tray and 3 refill packs' },
-    { name: 'Considerations', description: 'Made from natural materials. Grain and color vary with each item.' },
+    {
+        name: 'Considerations',
+        description: 'Made from natural materials. Grain and color vary with each item.',
+    },
 ];
 var VistaProductFeatureV3 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },

package/organisms/vista-product-feature-v5/vista-product-feature-v5.js

@@ -18,7 +18,10 @@ var features = [
         name: 'Thoughtfully designed',
         description: 'The comfortable disc binding allows you to quickly rearrange pages or combine lined, graph, and blank refills.',
     },
-    { name: 'Locally made', description: 'Responsibly and sustainably made real close to wherever you are, somehow.' },
+    {
+        name: 'Locally made',
+        description: 'Responsibly and sustainably made real close to wherever you are, somehow.',
+    },
 ];
 var VistaProductFeatureV5 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },

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

@@ -27,10 +27,14 @@ var VistaProductFeatureV7 = function () {
                 react_1.default.createElement("h2", { className: "text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl" }, "Protect your device"),
                 react_1.default.createElement("p", { className: "mt-4 text-gray-500" }, "As a digital creative, your laptop or tablet is at the center of your work. Keep your device safe with a fabric sleeve that matches in quality and looks.")),
             react_1.default.createElement("div", { className: "mt-16 space-y-16" }, features.map(function (feature, featureIdx) { return (react_1.default.createElement("div", { key: feature.name, className: "flex flex-col-reverse lg:grid lg:grid-cols-12 lg:items-center lg:gap-x-8" },
-                react_1.default.createElement("div", { className: (0, class_names_1.classNames)(featureIdx % 2 === 0 ? 'lg:col-start-1' : 'lg:col-start-8 xl:col-start-9', 'mt-6 lg:col-span-5 lg:row-start-1 lg:mt-0 xl:col-span-4') },
+                react_1.default.createElement("div", { className: (0, class_names_1.classNames)(featureIdx % 2 === 0
+                        ? 'lg:col-start-1'
+                        : 'lg:col-start-8 xl:col-start-9', 'mt-6 lg:col-span-5 lg:row-start-1 lg:mt-0 xl:col-span-4') },
                     react_1.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, feature.name),
                     react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, feature.description)),
-                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("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.VistaProductFeatureV7 = VistaProductFeatureV7;

package/organisms/vista-product-list-v1/vista-product-list-v1.js

@@ -32,7 +32,8 @@ var products = [
         imageAlt: "Front of men's Basic Tee in black.",
         price: '$35',
         color: 'Black',
-    }, {
+    },
+    {
         id: 1,
         name: 'Basic Tee',
         href: '#',

package/organisms/vista-product-list-v10/vista-product-list-v10.js

@@ -41,7 +41,7 @@ var products = [
         price: '$49',
         imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/product-page-05-related-product-01.jpg',
         imageAlt: 'Payment application dashboard screenshot with transaction table, financial highlights, and main clients on colorful purple background.',
-    }
+    },
 ];
 var VistaProductListV10 = function () {
     return (react_1.default.createElement("div", { className: "bg-white" },

package/organisms/vista-product-list-v2/vista-product-list-v2.js

@@ -32,7 +32,8 @@ var products = [
         imageAlt: "Front of men's Basic Tee in black.",
         price: '$35',
         color: 'Black',
-    }, {
+    },
+    {
         id: 1,
         name: 'Basic Tee',
         href: '#',

package/organisms/vista-product-list-v5/vista-product-list-v5.js

@@ -31,7 +31,7 @@ var VistaProductListV5 = function (_a) {
                             react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 bottom-0 h-48 bg-linear-to-t from-primary opacity-50" }),
                             price && (react_1.default.createElement("p", { className: "relative text-lg font-semibold text-white" }, price)))),
                     react_1.default.createElement("div", { className: "mt-6" },
-                        react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: 'w-full bg-primary/30 !text-gray-900 hover:bg-primary/40', handleOnClick: handleOnClick, label: ctaLabel, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY }))));
+                        react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: "w-full bg-primary/30 !text-gray-900 hover:bg-primary/40", handleOnClick: handleOnClick, label: ctaLabel, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY }))));
             })))));
 };
 exports.VistaProductListV5 = VistaProductListV5;

package/organisms/vista-product-list-v8/vista-product-list-v8.js

@@ -64,7 +64,9 @@ var VistaProductListV8 = function () {
                         react_1.default.createElement("p", { className: "sr-only" },
                             product.rating,
                             " out of 5 stars"),
-                        react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(product.rating > rating ? 'text-yellow-400' : 'text-gray-200', 'size-5 shrink-0') })); })),
+                        react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(product.rating > rating
+                                ? 'text-yellow-400'
+                                : 'text-gray-200', 'size-5 shrink-0') })); })),
                         react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500" },
                             product.reviewCount,
                             " reviews")),

package/organisms/vista-product-overview-v1/vista-product-overview-v1.js

@@ -72,7 +72,11 @@ var product = {
     ],
     colors: [
         { name: 'Black', bgColor: 'bg-gray-900', selectedColor: 'ring-gray-900' },
-        { name: 'Heather Grey', bgColor: 'bg-gray-400', selectedColor: 'ring-gray-400' },
+        {
+            name: 'Heather Grey',
+            bgColor: 'bg-gray-400',
+            selectedColor: 'ring-gray-400',
+        },
     ],
     sizes: [
         { name: 'XXS', inStock: true },
@@ -91,8 +95,16 @@ var product = {
     ],
 };
 var policies = [
-    { name: 'International delivery', icon: outline_1.GlobeAmericasIcon, description: 'Get your order in 2 years' },
-    { name: 'Loyalty rewards', icon: outline_1.CurrencyDollarIcon, description: "Don't look at other tees" },
+    {
+        name: 'International delivery',
+        icon: outline_1.GlobeAmericasIcon,
+        description: 'Get your order in 2 years',
+    },
+    {
+        name: 'Loyalty rewards',
+        icon: outline_1.CurrencyDollarIcon,
+        description: "Don't look at other tees",
+    },
 ];
 var VistaProductOverviewV1 = function () {
     var _a = (0, react_1.useState)(product.colors[0]), selectedColor = _a[0], setSelectedColor = _a[1];
@@ -120,7 +132,9 @@ var VistaProductOverviewV1 = function () {
                                 react_1.default.createElement("p", { className: "text-sm text-gray-700" },
                                     product.rating,
                                     react_1.default.createElement("span", { className: "sr-only" }, " out of 5 stars")),
-                                react_1.default.createElement("div", { className: "ml-1 flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(product.rating > rating ? 'text-yellow-400' : 'text-gray-200', 'size-5 shrink-0') })); })),
+                                react_1.default.createElement("div", { className: "ml-1 flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(product.rating > rating
+                                        ? 'text-yellow-400'
+                                        : 'text-gray-200', 'size-5 shrink-0') })); })),
                                 react_1.default.createElement("div", { "aria-hidden": "true", className: "ml-4 text-sm text-gray-300" }, "\u00B7"),
                                 react_1.default.createElement("div", { className: "ml-4 flex" },
                                     react_1.default.createElement("a", { href: "#", className: "text-sm font-medium text-indigo-600 hover:text-indigo-500" },
@@ -129,7 +143,9 @@ var VistaProductOverviewV1 = function () {
                                         " reviews"))))),
                     react_1.default.createElement("div", { className: "mt-8 lg:col-span-7 lg:col-start-1 lg:row-span-3 lg:row-start-1 lg:mt-0" },
                         react_1.default.createElement("h2", { className: "sr-only" }, "Images"),
-                        react_1.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-3 lg:gap-8" }, product.images.map(function (image) { return (react_1.default.createElement("img", { key: image.id, alt: image.imageAlt, src: image.imageSrc, className: (0, class_names_1.classNames)(image.primary ? 'lg:col-span-2 lg:row-span-2' : 'hidden lg:block', 'rounded-lg') })); }))),
+                        react_1.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 lg:grid-rows-3 lg:gap-8" }, product.images.map(function (image) { return (react_1.default.createElement("img", { key: image.id, alt: image.imageAlt, src: image.imageSrc, className: (0, class_names_1.classNames)(image.primary
+                                ? 'lg:col-span-2 lg:row-span-2'
+                                : 'hidden lg:block', 'rounded-lg') })); }))),
                     react_1.default.createElement("div", { className: "mt-8 lg:col-span-5" },
                         react_1.default.createElement("form", null,
                             react_1.default.createElement("div", null,
@@ -142,7 +158,9 @@ var VistaProductOverviewV1 = function () {
                                     react_1.default.createElement("h2", { className: "text-sm font-medium text-gray-900" }, "Size"),
                                     react_1.default.createElement("a", { href: "#", className: "text-sm font-medium text-indigo-600 hover:text-indigo-500" }, "See sizing chart")),
                                 react_1.default.createElement("fieldset", { "aria-label": "Choose a size", className: "mt-2" },
-                                    react_1.default.createElement(react_2.RadioGroup, { value: selectedSize, onChange: setSelectedSize, className: "grid grid-cols-3 gap-3 sm:grid-cols-6" }, product.sizes.map(function (size) { return (react_1.default.createElement(react_2.Radio, { key: size.name, value: size, disabled: !size.inStock, className: (0, class_names_1.classNames)(size.inStock ? 'cursor-pointer focus:outline-hidden' : 'cursor-not-allowed opacity-25', 'flex items-center justify-center rounded-md border border-gray-200 bg-white px-3 py-3 text-sm font-medium text-gray-900 uppercase hover:bg-gray-50 data-checked:border-transparent data-checked:bg-indigo-600 data-checked:text-white data-checked:hover:bg-indigo-700 data-focus:ring-2 data-focus:ring-indigo-500 data-focus:ring-offset-2 sm:flex-1') }, size.name)); })))),
+                                    react_1.default.createElement(react_2.RadioGroup, { value: selectedSize, onChange: setSelectedSize, className: "grid grid-cols-3 gap-3 sm:grid-cols-6" }, product.sizes.map(function (size) { return (react_1.default.createElement(react_2.Radio, { key: size.name, value: size, disabled: !size.inStock, className: (0, class_names_1.classNames)(size.inStock
+                                            ? 'cursor-pointer focus:outline-hidden'
+                                            : 'cursor-not-allowed opacity-25', 'flex items-center justify-center rounded-md border border-gray-200 bg-white px-3 py-3 text-sm font-medium text-gray-900 uppercase hover:bg-gray-50 data-checked:border-transparent data-checked:bg-indigo-600 data-checked:text-white data-checked:hover:bg-indigo-700 data-focus:ring-2 data-focus:ring-indigo-500 data-focus:ring-offset-2 sm:flex-1') }, size.name)); })))),
                             react_1.default.createElement("button", { type: "submit", className: "mt-8 flex w-full items-center justify-center rounded-md border border-transparent bg-indigo-600 px-8 py-3 text-base font-medium text-white hover:bg-indigo-700 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:outline-hidden" }, "Add to cart")),
                         react_1.default.createElement("div", { className: "mt-10" },
                             react_1.default.createElement("h2", { className: "text-sm font-medium text-gray-900" }, "Description"),

package/organisms/vista-product-overview-v2/vista-product-overview-v2.js

@@ -54,9 +54,17 @@ var product = {
         // More images...
     ],
     colors: [
-        { name: 'Washed Black', bgColor: 'bg-gray-700', selectedColor: 'ring-gray-700' },
+        {
+            name: 'Washed Black',
+            bgColor: 'bg-gray-700',
+            selectedColor: 'ring-gray-700',
+        },
         { name: 'White', bgColor: 'bg-white', selectedColor: 'ring-gray-400' },
-        { name: 'Washed Gray', bgColor: 'bg-gray-500', selectedColor: 'ring-gray-500' },
+        {
+            name: 'Washed Gray',
+            bgColor: 'bg-gray-500',
+            selectedColor: 'ring-gray-500',
+        },
     ],
     description: "\n    <p>The Zip Tote Basket is the perfect midpoint between shopping tote and comfy backpack. With convertible straps, you can hand carry, should sling, or backpack this convenient and spacious bag. The zip top and durable canvas construction keeps your goods protected for all-day use.</p>\n  ",
     details: [
@@ -97,7 +105,9 @@ var VistaProductOverviewV2 = function () {
                     react_1.default.createElement("div", { className: "mt-3" },
                         react_1.default.createElement("h3", { className: "sr-only" }, "Reviews"),
                         react_1.default.createElement("div", { className: "flex items-center" },
-                            react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(product.rating > rating ? 'text-indigo-500' : 'text-gray-300', 'size-5 shrink-0') })); })),
+                            react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(product.rating > rating
+                                    ? 'text-indigo-500'
+                                    : 'text-gray-300', 'size-5 shrink-0') })); })),
                             react_1.default.createElement("p", { className: "sr-only" },
                                 product.rating,
                                 " out of 5 stars"))),

package/organisms/vista-product-overview-v3/product-form.d.ts

@@ -1,5 +1,5 @@
-import { FC } from "react";
-import { VistaProductOverviewV3Variant } from "../../type/vista-product-overview-type";
+import { FC } from 'react';
+import { VistaProductOverviewV3Variant } from '../../type/vista-product-overview-type';
 interface Props {
     helpInfo: boolean;
     variants?: VistaProductOverviewV3Variant[];

package/organisms/vista-product-overview-v3/product-form.js

@@ -18,24 +18,25 @@ var ProductForm = function (_a) {
             react_1.default.createElement("h2", { id: "options-heading", className: "sr-only" }, "Product options"),
             react_1.default.createElement("form", null,
                 react_1.default.createElement("div", { className: "sm:flex sm:justify-between" },
-                    react_1.default.createElement("fieldset", { className: 'flex flex-col gap-4' }, variants.length > 1 && variants
-                        .filter(function (_a) {
-                        var enabled = _a.enabled;
-                        return enabled;
-                    })
-                        .sort(function (a, b) { return a.order - b.order; })
-                        .map(function (item) { return (react_1.default.createElement("div", { key: item.title },
-                        react_1.default.createElement("legend", { className: "block text-sm font-medium text-gray-700" }, item.title),
-                        react_1.default.createElement(react_2.RadioGroup, { className: "mt-1 grid grid-cols-1 gap-4 sm:grid-cols-2", onChange: function (val) { return item.handleOnSelect(val); }, value: item.items[item.selectedItem] }, item.items.map(function (item) { return (react_1.default.createElement(react_2.Radio, { "aria-description": item.description, "aria-label": item.title, as: "div", className: "group relative block cursor-pointer rounded-lg border border-gray-300 p-4 focus:outline-hidden data-focus:ring-2 data-focus:ring-primary", key: item.title, value: item },
-                            react_1.default.createElement("p", { className: "text-base font-medium text-primary" }, item.title),
-                            react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, item.description),
-                            react_1.default.createElement("div", { "aria-hidden": "true", className: "pointer-events-none absolute -inset-px rounded-lg border-2 border-transparent group-data-checked:border-primary group-data-focus:border" }))); })))); }))),
+                    react_1.default.createElement("fieldset", { className: "flex flex-col gap-4" }, variants.length > 1 &&
+                        variants
+                            .filter(function (_a) {
+                            var enabled = _a.enabled;
+                            return enabled;
+                        })
+                            .sort(function (a, b) { return a.order - b.order; })
+                            .map(function (item) { return (react_1.default.createElement("div", { key: item.title },
+                            react_1.default.createElement("legend", { className: "block text-sm font-medium text-gray-700" }, item.title),
+                            react_1.default.createElement(react_2.RadioGroup, { className: "mt-1 grid grid-cols-1 gap-4 sm:grid-cols-2", onChange: function (val) { return item.handleOnSelect(val); }, value: item.items[item.selectedItem] }, item.items.map(function (item) { return (react_1.default.createElement(react_2.Radio, { "aria-description": item.description, "aria-label": item.title, as: "div", className: "group relative block cursor-pointer rounded-lg border border-gray-300 p-4 focus:outline-hidden data-focus:ring-2 data-focus:ring-primary", key: item.title, value: item },
+                                react_1.default.createElement("p", { className: "text-base font-medium text-primary" }, item.title),
+                                react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, item.description),
+                                react_1.default.createElement("div", { "aria-hidden": "true", className: "pointer-events-none absolute -inset-px rounded-lg border-2 border-transparent group-data-checked:border-primary group-data-focus:border" }))); })))); }))),
                 helpInfo && (react_1.default.createElement("div", { className: "mt-4" },
                     react_1.default.createElement("a", { href: "#", className: "group inline-flex text-sm text-gray-500 hover:text-gray-700" },
                         react_1.default.createElement("span", null, "What size should I buy?"),
                         react_1.default.createElement(solid_1.QuestionMarkCircleIcon, { "aria-hidden": "true", className: "ml-2 size-5 shrink-0 text-gray-400 group-hover:text-gray-500" })))),
                 react_1.default.createElement("div", { className: "mt-10" },
-                    react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: 'w-full py-4', handleOnClick: handleCtaOnClick, label: ctaLabel, size: vista_button_type_1.VISTA_BUTTON_SIZE.XL, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY })),
+                    react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: "w-full py-4", handleOnClick: handleCtaOnClick, label: ctaLabel, size: vista_button_type_1.VISTA_BUTTON_SIZE.XL, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY })),
                 guaranteeInfo && (react_1.default.createElement("div", { className: "mt-6 text-center" },
                     react_1.default.createElement("a", { href: "#", className: "group inline-flex text-base font-medium" },
                         react_1.default.createElement(outline_1.ShieldCheckIcon, { "aria-hidden": "true", className: "mr-2 size-6 shrink-0 text-gray-400 group-hover:text-gray-500" }),

package/organisms/vista-product-overview-v3/product-slider.d.ts

@@ -1,5 +1,5 @@
-import Image from "next/image";
-import { FC } from "react";
+import Image from 'next/image';
+import { FC } from 'react';
 interface Image {
     url: string;
     alt: string;

package/organisms/vista-product-overview-v3/product-slider.js

@@ -64,10 +64,10 @@ var ProductSlider = function (_a) {
         slidesToShow: 1,
         speed: 500,
     };
-    return (react_1.default.createElement("div", { className: 'mt-10 lg:max-w-lg lg:self-center' },
+    return (react_1.default.createElement("div", { className: "mt-10 lg:max-w-lg lg:self-center" },
         react_1.default.createElement(DynamicReactSlick, __assign({}, slickConfig), images.map(function (_a, ind) {
             var url = _a.url, alt = _a.alt;
-            return (react_1.default.createElement(image_1.default, { key: ind, alt: alt, className: 'aspect-square w-full rounded-lg object-cover', sizes: '50vw', height: 100, src: url, width: 150 }));
+            return (react_1.default.createElement(image_1.default, { key: ind, alt: alt, className: "aspect-square w-full rounded-lg object-cover", sizes: "50vw", height: 100, src: url, width: 150 }));
         }))));
 };
 exports.ProductSlider = ProductSlider;

package/organisms/vista-product-overview-v3/vista-product-overview-v3.js

@@ -35,7 +35,9 @@ var VistaProductOverviewV3 = function (_a) {
                             react_1.default.createElement("h2", { className: "sr-only" }, "Reviews"),
                             react_1.default.createElement("div", { className: "flex items-center" },
                                 react_1.default.createElement("div", null,
-                                    react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(averageReview > rating ? 'text-yellow-400' : 'text-gray-300', 'size-5 shrink-0') })); })),
+                                    react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(averageReview > rating
+                                            ? 'text-yellow-400'
+                                            : 'text-gray-300', 'size-5 shrink-0') })); })),
                                     react_1.default.createElement("p", { className: "sr-only" },
                                         averageReview,
                                         " out of 5 stars")),
@@ -44,18 +46,19 @@ var VistaProductOverviewV3 = function (_a) {
                                     " reviews"))))),
                     react_1.default.createElement("div", { className: "mt-4 space-y-6" },
                         react_1.default.createElement("p", { className: "text-base text-gray-500" }, description)),
-                    highlights.length > 1 && highlights
-                        .filter(function (_a) {
-                        var enabled = _a.enabled;
-                        return enabled;
-                    })
-                        .sort(function (a, b) { return a.order - b.order; })
-                        .map(function (_a) {
-                        var id = _a.id, icon = _a.icon, label = _a.label;
-                        return (react_1.default.createElement("div", { key: id, className: "mt-6 flex items-center" },
-                            icon,
-                            react_1.default.createElement("p", { className: "ml-2 text-sm text-gray-500" }, label)));
-                    })),
+                    highlights.length > 1 &&
+                        highlights
+                            .filter(function (_a) {
+                            var enabled = _a.enabled;
+                            return enabled;
+                        })
+                            .sort(function (a, b) { return a.order - b.order; })
+                            .map(function (_a) {
+                            var id = _a.id, icon = _a.icon, label = _a.label;
+                            return (react_1.default.createElement("div", { key: id, className: "mt-6 flex items-center" },
+                                icon,
+                                react_1.default.createElement("p", { className: "ml-2 text-sm text-gray-500" }, label)));
+                        })),
                 react_1.default.createElement(product_form_1.ProductForm, { variants: variants, helpInfo: helpInfo, guaranteeInfo: guaranteeInfo, handleCtaOnClick: handleCtaOnClick, ctaLabel: ctaLabel })),
             react_1.default.createElement(product_slider_1.ProductSlider, { images: images }))));
 };

package/organisms/vista-product-overview-v4/vista-product-overview-v4.js

@@ -136,7 +136,9 @@ var VistaProductOverviewV4 = function () {
                     react_1.default.createElement("div", { className: "mt-6" },
                         react_1.default.createElement("h3", { className: "sr-only" }, "Reviews"),
                         react_1.default.createElement("div", { className: "flex items-center" },
-                            react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(reviews.average > rating ? 'text-gray-900' : 'text-gray-200', 'size-5 shrink-0') })); })),
+                            react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(reviews.average > rating
+                                    ? 'text-gray-900'
+                                    : 'text-gray-200', 'size-5 shrink-0') })); })),
                             react_1.default.createElement("p", { className: "sr-only" },
                                 reviews.average,
                                 " out of 5 stars"),

package/organisms/vista-product-overview-v5/vista-product-overview-v5.js

@@ -111,7 +111,9 @@ var VistaProductOverviewV5 = function () {
                                 ")")),
                         react_1.default.createElement("div", null,
                             react_1.default.createElement("h3", { className: "sr-only" }, "Reviews"),
-                            react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(reviews.average > rating ? 'text-yellow-400' : 'text-gray-300', 'size-5 shrink-0') })); })),
+                            react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(reviews.average > rating
+                                    ? 'text-yellow-400'
+                                    : 'text-gray-300', 'size-5 shrink-0') })); })),
                             react_1.default.createElement("p", { className: "sr-only" },
                                 reviews.average,
                                 " out of 5 stars"))),
@@ -166,7 +168,9 @@ var VistaProductOverviewV5 = function () {
                                         react_1.default.createElement("h3", { className: "font-medium text-gray-900" }, review.author),
                                         react_1.default.createElement("p", null,
                                             react_1.default.createElement("time", { dateTime: review.datetime }, review.date)),
-                                        react_1.default.createElement("div", { className: "mt-4 flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(review.rating > rating ? 'text-yellow-400' : 'text-gray-300', 'size-5 shrink-0') })); })),
+                                        react_1.default.createElement("div", { className: "mt-4 flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(solid_1.StarIcon, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(review.rating > rating
+                                                ? 'text-yellow-400'
+                                                : 'text-gray-300', 'size-5 shrink-0') })); })),
                                         react_1.default.createElement("p", { className: "sr-only" },
                                             review.rating,
                                             " out of 5 stars"),

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

@@ -6,9 +6,21 @@ 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: '#' },
+    {
+        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" },

package/organisms/vista-table-v1/empty-table.d.ts

@@ -1,2 +1,9 @@
-import * as React from "react";
-export declare const EmptyTable: (props: any) => React.JSX.Element;
+import React from 'react';
+interface CustomSvgProps {
+    size?: number;
+    customColor?: string;
+}
+interface IconProps extends React.SVGProps<SVGSVGElement>, CustomSvgProps {
+}
+export declare const EmptyTable: (props: IconProps) => React.JSX.Element;
+export {};