@appcorp/app-corp-vista 0.2.99 → 0.3.1

package/atoms/vista-shimmer-v1/vista-shimmer-v1.d.ts

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

package/atoms/vista-shimmer-v2/vista-shimmer-v2.d.ts

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

package/atoms/vista-vertical-divider-v1/vista-vertical-divider-v1.d.ts

@@ -1,2 +1,2 @@
-import { JSX } from "react";
+import { JSX } from 'react';
 export declare const VistaVerticalDividerV1: () => JSX.Element;

package/data/vista-chat-props.d.ts

@@ -1,4 +1,4 @@
-import { VISTA_CHAT_BUBBLE_TYPES, VistaChatV1Props, VistaChatV2Props } from "../type/vista-chat-type";
+import { VISTA_CHAT_BUBBLE_TYPES, VistaChatV1Props, VistaChatV2Props } from '../type/vista-chat-type';
 export declare const chats: {
     avatarUrl: string;
     avatarAlt: string;

package/data/vista-chat-props.js

@@ -29,7 +29,7 @@ exports.messages = [
     {
         message: 'Good Morning',
         timestamp: '2024-12-23T10:00:00Z',
-        type: vista_chat_type_1.VISTA_CHAT_BUBBLE_TYPES.PSYCHIC
+        type: vista_chat_type_1.VISTA_CHAT_BUBBLE_TYPES.PSYCHIC,
     },
     {
         message: 'I am well thank you for asking',
@@ -155,7 +155,7 @@ exports.vistaChatV2Props = {
         {
             message: 'Hello from User',
             id: 'item-4',
-            createdAt: '2025-01-11 10:29:49.891',
+            createdAt: '2025-02-11 10:29:49.891',
             // status: 'DELIVERED',
             isUser: true,
         },

package/molecules/vista-avatar-v1/vista-avatar-v1.js

@@ -40,7 +40,7 @@ exports.positionMap = (_e = {},
 var VistaAvatarV1 = function (_a) {
     var alt = _a.alt, className = _a.className, initial = _a.initial, _b = _a.rounded, rounded = _b === void 0 ? vista_avatar_type_1.VISTA_AVATAR_ROUNDED.FULL : _b, _c = _a.size, size = _c === void 0 ? vista_avatar_type_1.VISTA_AVATAR_SIZE.MD : _c, src = _a.src, status = _a.status, statusPosition = _a.statusPosition;
     return (react_1.default.createElement("div", { className: "relative inline-block ".concat(exports.roundedMap[rounded], " ").concat(exports.sizeMap[size]) },
-        src && (react_1.default.createElement(image_1.default, { alt: alt, className: "inline-block ".concat(exports.roundedMap[rounded], " ").concat(exports.sizeMap[size], " ").concat(className), fill: true, height: 0, loading: 'lazy', sizes: '10vw', src: src, width: 0 })),
+        src && (react_1.default.createElement(image_1.default, { alt: alt, className: "inline-block ".concat(exports.roundedMap[rounded], " ").concat(exports.sizeMap[size], " ").concat(className), fill: true, height: 0, loading: "lazy", sizes: "10vw", src: src, width: 0 })),
         !src && !initial && (react_1.default.createElement("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-full text-gray-300 ".concat(exports.roundedMap[rounded]) },
             react_1.default.createElement("path", { d: "M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" }))),
         !src && initial && (react_1.default.createElement("span", { className: "inline-flex items-center justify-center rounded-full bg-gray-500 ".concat(exports.sizeMap[size]) },

package/molecules/vista-avatar-v2/vista-avatar-v2.js

@@ -9,7 +9,7 @@ var vista_avatar_v1_1 = require("../vista-avatar-v1/vista-avatar-v1");
 var VistaAvatarV2 = function (_a) {
     var alt = _a.alt, className = _a.className, initial = _a.initial, name = _a.name, rounded = _a.rounded, size = _a.size, src = _a.src, status = _a.status, statusPosition = _a.statusPosition, subTitle = _a.subTitle;
     return (react_1.default.createElement("div", { className: "group block shrink-0" },
-        react_1.default.createElement("div", { className: 'flex items-center' },
+        react_1.default.createElement("div", { className: "flex items-center" },
             react_1.default.createElement(vista_avatar_v1_1.VistaAvatarV1, { alt: alt, className: className, initial: initial, rounded: rounded, size: size, src: src, status: status, statusPosition: statusPosition }),
             react_1.default.createElement("div", { className: "ml-3" },
                 react_1.default.createElement("p", { className: "text-sm font-medium text-gray-700 group-hover:text-gray-900" }, name),

package/molecules/vista-button-group-v1/vista-button-group-v1.js

@@ -6,8 +6,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaButtonGroupV1 = void 0;
 var react_1 = __importDefault(require("react"));
-var VistaButtonGroupV1 = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b;
+var VistaButtonGroupV1 = function () {
     return (react_1.default.createElement("span", { className: "isolate inline-flex rounded-md shadow-xs" },
         react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center rounded-l-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, "Years"),
         react_1.default.createElement("button", { type: "button", className: "relative -ml-px inline-flex items-center bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" }, "Months"),

package/molecules/vista-button-group-v2/vista-button-group-v2.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaButtonGroupV2 = void 0;
 var react_1 = __importDefault(require("react"));
 var solid_1 = require("@heroicons/react/20/solid");
-var VistaButtonGroupV2 = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b;
+var VistaButtonGroupV2 = function () {
     return (react_1.default.createElement("span", { className: "isolate inline-flex rounded-md shadow-xs" },
         react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center rounded-l-md bg-white px-2 py-2 text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
             react_1.default.createElement("span", { className: "sr-only" }, "Previous"),

package/molecules/vista-button-group-v3/vista-button-group-v3.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaButtonGroupV3 = void 0;
 var react_1 = __importDefault(require("react"));
 var solid_1 = require("@heroicons/react/20/solid");
-var VistaButtonGroupV3 = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b;
+var VistaButtonGroupV3 = function () {
     return (react_1.default.createElement("span", { className: "isolate inline-flex rounded-md shadow-xs" },
         react_1.default.createElement("button", { type: "button", className: "relative inline-flex items-center gap-x-1.5 rounded-l-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-10" },
             react_1.default.createElement(solid_1.BookmarkIcon, { "aria-hidden": "true", className: "-ml-0.5 size-5 text-gray-400" }),

package/molecules/vista-button-group-v5/vista-button-group-v5.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaButtonGroupV5 = void 0;
 var react_1 = __importDefault(require("react"));
 var solid_1 = require("@heroicons/react/20/solid");
-var VistaButtonGroupV5 = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b;
+var VistaButtonGroupV5 = function () {
     return (react_1.default.createElement("span", { className: "inline-flex" },
         react_1.default.createElement("span", { className: "inline-flex shrink-0 items-center rounded-l-md border border-gray-300 bg-white px-2 py-2" },
             react_1.default.createElement("div", { className: "group grid size-4 grid-cols-1" },

package/molecules/vista-button-v1/vista-button-v1.js

@@ -41,7 +41,7 @@ var VistaButtonV1 = function (_a) {
     return (react_1.default.createElement("button", { className: "flex flex-row justify-center items-center font-semibold shadow-sm focus-visible:outline focus-visible:outline-offset-2 disabled:bg-gray-200 disabled:text-gray-400 cursor-pointer ".concat(className, " ").concat(vistaButtonVariantMap[variant], " ").concat(vistaButtonRoundedMap[rounded], " ").concat(vistaButtonSizeMap[size]), onClick: handleOnClick, disabled: disabled, type: "button" },
         react_1.default.createElement("div", { className: "flex flex-row justify-center items-center ".concat(variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && 'gap-2') },
             prefixIcon && (react_1.default.createElement("div", { className: prefixClassName }, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && prefixIcon)),
-            loading && react_1.default.createElement("div", { className: "border-gray-300 h-4 w-4 animate-spin rounded-full border-1 border-t-gray-500" }),
+            loading && (react_1.default.createElement("div", { className: "border-gray-300 h-4 w-4 animate-spin rounded-full border-1 border-t-gray-500" })),
             react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("p", { className: labelClassName }, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && label),
                 variant === vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && icon),

package/molecules/vista-chat-heading-v1/vista-chat-heading-v1.js

@@ -9,10 +9,10 @@ var VistaChatHeadingV1 = function (_a) {
     var estimatedBalance = _a.estimatedBalance, heading = _a.heading, timer = _a.timer;
     return (react_1.default.createElement("div", { className: "border-b border-gray-200 p-4 text-black dark:text-white flex flex-row justify-between" },
         react_1.default.createElement("p", { className: "text-lg font-semibold" }, heading),
-        react_1.default.createElement("div", { className: 'flex flex-row justify-between items-center gap-8' },
-            estimatedBalance && (react_1.default.createElement("p", null,
+        react_1.default.createElement("div", { className: "flex flex-row justify-between items-center gap-8" },
+            estimatedBalance && react_1.default.createElement("p", null,
                 "$",
-                estimatedBalance)),
-            timer && (react_1.default.createElement("p", null, timer)))));
+                estimatedBalance),
+            timer && react_1.default.createElement("p", null, timer))));
 };
 exports.VistaChatHeadingV1 = VistaChatHeadingV1;

package/molecules/vista-checkbox-v1/vista-checkbox-v1.js

@@ -11,7 +11,7 @@ var VistaCheckboxV1 = function (_a) {
     return (react_1.default.createElement("div", { className: "flex gap-3" },
         react_1.default.createElement("div", { className: "flex h-6 shrink-0 items-center" },
             react_1.default.createElement("div", { className: "group grid size-4 grid-cols-1" },
-                react_1.default.createElement("input", { "aria-describedby": "".concat(id, "-description"), className: "col-start-1 row-start-1 appearance-none rounded border border-gray-300 bg-white checked:border-primary checked:bg-primary indeterminate:border-primary indeterminate:bg-primary focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-primary disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto", id: id, name: id, onChange: function (e) { return handleOnChange(id, !checked); }, type: "checkbox", checked: checked }),
+                react_1.default.createElement("input", { "aria-describedby": "".concat(id, "-description"), className: "col-start-1 row-start-1 appearance-none rounded border border-gray-300 bg-white checked:border-primary checked:bg-primary indeterminate:border-primary indeterminate:bg-primary focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-primary disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto", id: id, name: id, onChange: function () { return handleOnChange(id, !checked); }, type: "checkbox", checked: checked }),
                 checked && (react_1.default.createElement("svg", { fill: "none", viewBox: "0 0 14 14", className: "pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white group-has-[:disabled]:stroke-gray-950/25" },
                     react_1.default.createElement("path", { d: "M3 8L6 11L11 3.5", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-0 group-has-[:checked]:opacity-100" }),
                     react_1.default.createElement("path", { d: "M3 7H11", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-0 group-has-[:indeterminate]:opacity-100" }))))),

package/molecules/vista-checkbox-v2/vista-checkbox-v2.js

@@ -10,10 +10,10 @@ var VistaCheckboxV2 = function (_a) {
     var checked = _a.checked, description = _a.description, error = _a.error, handleOnChange = _a.handleOnChange, heading = _a.heading, id = _a.id, route = _a.route;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: "flex gap-2 items-center" },
-            react_1.default.createElement("input", { "aria-describedby": "".concat(id, "-description"), checked: checked, className: "size-4 rounded border-gray-300 text-primary focus:ring-primary", id: id, name: id, onChange: function (e) { return handleOnChange(id, !checked); }, type: "checkbox" }),
+            react_1.default.createElement("input", { "aria-describedby": "".concat(id, "-description"), checked: checked, className: "size-4 rounded border-gray-300 text-primary focus:ring-primary", id: id, name: id, onChange: function () { return handleOnChange(id, !checked); }, type: "checkbox" }),
             react_1.default.createElement("div", { className: "text-sm/6" },
                 react_1.default.createElement("label", { htmlFor: id, className: "font-bold text-primary" },
-                    route && (react_1.default.createElement("a", { className: 'underline', href: route, target: '_blank' }, heading)),
+                    route && (react_1.default.createElement("a", { className: "underline", href: route, target: "_blank" }, heading)),
                     !route && heading),
                 ' ',
                 react_1.default.createElement("span", { id: "".concat(id, "-description"), className: "text-gray-500" },

package/molecules/vista-combobox-v1/vista-combobox-v1.js

@@ -60,7 +60,11 @@ var VistaComboboxV1 = function (_a) {
             " ",
             required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")),
         react_1.default.createElement("div", { className: "relative mt-2" },
-            react_1.default.createElement(react_2.ComboboxInput, { className: "w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 pl-3 pr-10 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-200 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm/6 ".concat(comboboxInputClassName), onChange: function (e) { return handleInputOnChange(nodeQueryKey, e.target.value); }, onBlur: function (e) { return handleOnBlur(nodeQueryKey, e.target.value); }, placeholder: placeholder }),
+            react_1.default.createElement(react_2.ComboboxInput, { className: "w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 pl-3 pr-10 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-200 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm/6 ".concat(comboboxInputClassName), onChange: function (e) {
+                    return handleInputOnChange(nodeQueryKey, e.target.value);
+                }, onBlur: function (e) {
+                    return handleOnBlur(nodeQueryKey, e.target.value);
+                }, placeholder: placeholder }),
             react_1.default.createElement(react_2.ComboboxButton, { className: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none ".concat(comboboxButtonClassName) },
                 react_1.default.createElement(solid_1.ChevronUpDownIcon, { className: "size-5 text-gray-900 dark:text-white\" aria-hidden=\"true ".concat(inputIconClassName) })),
             (filteredList === null || filteredList === void 0 ? void 0 : filteredList.length) > 0 && (react_1.default.createElement(react_2.ComboboxOptions, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-gray-200 dark:bg-gray-700 py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm ".concat(comboboxOptionsClassName) }, filteredList.map(function (item) { return (react_1.default.createElement(react_2.ComboboxOption, { className: "group relative cursor-default select-none py-2 pl-3 pr-9 text-gray-900 dark:text-white data-[focus]:bg-primary data-[focus]:text-white data-[focus]:outline-none ".concat(comboboxOptionClassName), key: item === null || item === void 0 ? void 0 : item[selectKey1], value: item },

package/molecules/vista-contact-v1/vista-contact-v1.js

@@ -38,9 +38,8 @@ exports.VistaContactV1 = void 0;
 var react_1 = __importStar(require("react"));
 var solid_1 = require("@heroicons/react/16/solid");
 var react_2 = require("@headlessui/react");
-var VistaContactV1 = function (_a) {
-    var id = _a.id;
-    var _b = (0, react_1.useState)(false), agreed = _b[0], setAgreed = _b[1];
+var VistaContactV1 = function () {
+    var _a = (0, react_1.useState)(false), agreed = _a[0], setAgreed = _a[1];
     return (react_1.default.createElement("div", { className: "isolate bg-white px-6 py-24 sm:py-32 lg:px-8" },
         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: {

package/molecules/vista-contact-v2/vista-contact-v2.js

@@ -5,8 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaContactV2 = void 0;
 var react_1 = __importDefault(require("react"));
-var VistaContactV2 = function (_a) {
-    var id = _a.id;
+var VistaContactV2 = function () {
     return (react_1.default.createElement("div", { className: "bg-white py-8 sm:py-16" },
         react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
             react_1.default.createElement("div", { className: "mx-auto max-w-2xl divide-y divide-gray-100 lg:mx-0 lg:max-w-none" },

package/molecules/vista-contact-v3/vista-contact-v3.js

@@ -48,15 +48,19 @@ var VistaContactV3 = function (_a) {
             react_1.default.createElement("form", { action: "#", method: "POST", className: "px-6 pt-20 pb-24 sm:pb-32 lg:px-8 lg:py-48" },
                 react_1.default.createElement("div", { className: "mx-auto max-w-xl lg:mr-0 lg:max-w-lg" },
                     react_1.default.createElement("div", { className: "grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2" },
-                        react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: firstNameId, label: firstNameLabel, placeholder: firstNamePlaceholder, required: true, type: 'text', value: firstNameValue }),
-                        react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: lastNameId, label: lastNameLabel, placeholder: lastNamePlaceholder, required: true, type: 'text', value: lastNameValue }),
+                        react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: firstNameId, label: firstNameLabel, placeholder: firstNamePlaceholder, required: true, type: "text", value: firstNameValue }),
+                        react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: lastNameId, label: lastNameLabel, placeholder: lastNamePlaceholder, required: true, type: "text", value: lastNameValue }),
                         react_1.default.createElement("div", { className: "sm:col-span-2" },
-                            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: emailId, label: emailLabel, placeholder: emailPlaceholder, required: true, type: 'email', value: emailValue })),
+                            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: emailId, label: emailLabel, placeholder: emailPlaceholder, required: true, type: "email", value: emailValue })),
                         react_1.default.createElement("div", { className: "sm:col-span-2" },
-                            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: phoneId, label: phoneLabel, placeholder: phonePlaceholder, required: true, type: 'tel', value: phoneValue })),
+                            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: phoneId, label: phoneLabel, placeholder: phonePlaceholder, required: true, type: "tel", value: phoneValue })),
                         react_1.default.createElement("div", { className: "sm:col-span-2" },
                             react_1.default.createElement(vista_text_area_v1_1.VistaTextAreaV1, { handleOnChange: handleOnChange, id: messageId, label: messageLabel, placeholder: messagePlaceholder, required: true, value: messageValue }))),
                     react_1.default.createElement("div", { className: "mt-8 flex justify-end" },
-                        react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: !firstNameValue || !lastNameValue || !emailValue || !phoneValue || !messageValue, handleOnClick: handleOnClick, label: sendLabel, 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, { disabled: !firstNameValue ||
+                                !lastNameValue ||
+                                !emailValue ||
+                                !phoneValue ||
+                                !messageValue, handleOnClick: handleOnClick, label: sendLabel, size: vista_button_type_1.VISTA_BUTTON_SIZE.XL, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY })))))));
 };
 exports.VistaContactV3 = VistaContactV3;

package/molecules/vista-contact-v4/vista-contact-v4.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaContactV4 = void 0;
 var react_1 = __importDefault(require("react"));
 var outline_1 = require("@heroicons/react/24/outline");
-var VistaContactV4 = function (_a) {
-    var id = _a.id;
+var VistaContactV4 = function () {
     return (react_1.default.createElement("div", { className: "relative isolate bg-gray-900" },
         react_1.default.createElement("div", { className: "mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2" },
             react_1.default.createElement("div", { className: "relative px-6 pt-24 pb-20 sm:pt-32 lg:static lg:px-8 lg:py-48" },

package/molecules/vista-contact-v5/vista-contact-v5.js

@@ -5,8 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaContactV5 = void 0;
 var react_1 = __importDefault(require("react"));
-var VistaContactV5 = function (_a) {
-    var id = _a.id;
+var VistaContactV5 = function () {
     return (react_1.default.createElement("div", { className: "bg-white py-24 sm:py-32" },
         react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
             react_1.default.createElement("div", { className: "mx-auto max-w-2xl lg:mx-0" },

package/molecules/vista-contact-v6/vista-contact-v6.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaContactV6 = void 0;
 var react_1 = __importDefault(require("react"));
 var outline_1 = require("@heroicons/react/24/outline");
-var VistaContactV6 = function (_a) {
-    var id = _a.id;
+var VistaContactV6 = function () {
     return (react_1.default.createElement("div", { className: "isolate bg-white px-6 py-24 sm:py-32 lg:px-8" },
         react_1.default.createElement("div", { className: "mx-auto max-w-2xl sm:text-center" },
             react_1.default.createElement("h2", { className: "text-4xl font-semibold tracking-tight text-balance text-gray-900 sm:text-5xl" }, "Contact sales"),

package/molecules/vista-contact-v7/vista-contact-v7.js

@@ -5,8 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaContactV7 = void 0;
 var react_1 = __importDefault(require("react"));
-var VistaContactV7 = function (_a) {
-    var id = _a.id;
+var VistaContactV7 = function () {
     return (react_1.default.createElement("div", { className: "relative isolate bg-white px-6 py-24 sm:py-32 lg:px-8" },
         react_1.default.createElement("svg", { "aria-hidden": "true", className: "absolute inset-0 -z-10 size-full mask-[radial-gradient(100%_100%_at_top_right,white,transparent)] stroke-gray-200" },
             react_1.default.createElement("defs", null,

package/molecules/vista-contact-v8/vista-contact-v8.js

@@ -5,8 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaContactV8 = void 0;
 var react_1 = __importDefault(require("react"));
-var VistaContactV8 = function (_a) {
-    var id = _a.id;
+var VistaContactV8 = function () {
     return (react_1.default.createElement("div", { className: "relative bg-white" },
         react_1.default.createElement("div", { className: "lg:absolute lg:inset-0 lg:left-1/2" },
             react_1.default.createElement("img", { alt: "", src: "https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-x=.4&w=2560&h=3413&&q=80", className: "h-64 w-full bg-gray-50 object-cover sm:h-80 lg:absolute lg:h-full" })),

package/molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1.js

@@ -51,10 +51,10 @@ var VistaDashboardSidebarV1 = function (_a) {
         });
     }, [apps]);
     return (react_1.default.createElement("div", { className: "flex grow flex-col overflow-y-auto gap-y-4 bg-gray-200 dark:bg-gray-900 px-6 ring-1 ring-white/10" },
-        react_1.default.createElement("div", { className: 'flex h-16 shrink-0 items-center p-y-2 flex-row' },
-            react_1.default.createElement("div", { className: 'relative size-10' },
+        react_1.default.createElement("div", { className: "flex h-16 shrink-0 items-center p-y-2 flex-row" },
+            react_1.default.createElement("div", { className: "relative size-10" },
                 react_1.default.createElement(link_1.default, { href: "/" },
-                    react_1.default.createElement(image_1.default, { alt: appName, className: 'object-left object-contain', fill: true, height: 0, sizes: '10vw', src: logo, width: 0 })))),
+                    react_1.default.createElement(image_1.default, { alt: appName, className: "object-left object-contain", fill: true, height: 0, sizes: "10vw", src: logo, width: 0 })))),
         react_1.default.createElement("nav", { className: "flex flex-1 flex-col" },
             react_1.default.createElement("ul", { role: "list", className: "flex flex-1 flex-col gap-y-7" },
                 react_1.default.createElement("li", null,
@@ -90,9 +90,11 @@ var VistaDashboardSidebarV1 = function (_a) {
                             react_1.default.createElement("span", { className: "truncate" }, label)));
                     }))),
                 react_1.default.createElement("li", { className: "-mx-6 mt-auto" },
-                    react_1.default.createElement("div", { className: 'flex justify-center items-center text-gray-900 dark:text-white w-full p-4 text-xs  ' },
+                    react_1.default.createElement("div", { className: "flex justify-center items-center text-gray-900 dark:text-white w-full p-4 text-xs  " },
                         react_1.default.createElement("p", null,
                             "our Tech Partners",
-                            react_1.default.createElement("a", { href: 'https://appcorp.org', target: '_blank', className: 'hover:text-primary' }, " App Corp \uD83D\uDE80"))))))));
+                            react_1.default.createElement("a", { href: "https://appcorp.org", target: "_blank", className: "hover:text-primary" },
+                                ' ',
+                                "App Corp \uD83D\uDE80"))))))));
 };
 exports.VistaDashboardSidebarV1 = VistaDashboardSidebarV1;

package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.js

@@ -12,14 +12,14 @@ var vista_dashboard_notification_v1_1 = require("../../atoms/vista-dashboard-not
 var vista_dashboard_topbar_type_1 = require("../../type/vista-dashboard-topbar-type");
 var vista_dashboard_profile_v1_1 = require("../vista-dashboard-profile-v1/vista-dashboard-profile-v1");
 var VistaDashboardTopBarV1 = function (_a) {
-    var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, _b = _a.balance, balance = _b === void 0 ? '' : _b, handleOnClick = _a.handleOnClick, handleTheme = _a.handleTheme, menuItems = _a.menuItems, name = _a.name, profileMenuItems = _a.profileMenuItems, _c = _a.theme, theme = _c === void 0 ? vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT : _c, _d = _a.themeEnabled, themeEnabled = _d === void 0 ? true : _d;
+    var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, _b = _a.balance, balance = _b === void 0 ? '' : _b, handleOnClick = _a.handleOnClick, handleTheme = _a.handleTheme, menuItems = _a.menuItems, name = _a.name, _c = _a.notificationEnabled, notificationEnabled = _c === void 0 ? false : _c, profileMenuItems = _a.profileMenuItems, _d = _a.theme, theme = _d === void 0 ? vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT : _d, _e = _a.themeEnabled, themeEnabled = _e === void 0 ? true : _e;
     return (react_1.default.createElement("div", { className: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-black/10 bg-gray-100 dark:bg-gray-900 px-4 shadow-sm sm:px-6 lg:px-8" },
         react_1.default.createElement("button", { type: "button", onClick: function () { return handleOnClick(true); }, className: "-m-2.5 p-2.5 text-white xl:hidden" },
             react_1.default.createElement("span", { className: "sr-only" }, "Open sidebar"),
             react_1.default.createElement(solid_1.Bars3Icon, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-white" })),
         react_1.default.createElement("div", { className: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6 items-center" }, menuItems && (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0 ? (react_1.default.createElement(react_1.default.Fragment, null, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(function (_a) {
             var name = _a.name, handleOnClick = _a.handleOnClick;
-            return (react_1.default.createElement("div", { key: name, className: 'px-4 cursor-pointer', onClick: handleOnClick }, name));
+            return (react_1.default.createElement("div", { key: name, className: "px-4 cursor-pointer", onClick: handleOnClick }, name));
         }))) : (react_1.default.createElement("div", null,
             react_1.default.createElement("label", { htmlFor: "search-field", className: "sr-only" }, "Search"),
             react_1.default.createElement("div", { className: "relative w-full" },
@@ -28,13 +28,14 @@ var VistaDashboardTopBarV1 = function (_a) {
         themeEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
             theme === vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT ? (react_1.default.createElement("button", { onClick: handleTheme },
-                react_1.default.createElement(solid_1.SunIcon, { className: 'size-6 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300' }))) : (react_1.default.createElement("button", { onClick: handleTheme },
-                react_1.default.createElement(solid_1.MoonIcon, { className: 'size-6 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300' }))))),
+                react_1.default.createElement(solid_1.SunIcon, { className: "size-6 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" }))) : (react_1.default.createElement("button", { onClick: handleTheme },
+                react_1.default.createElement(solid_1.MoonIcon, { className: "size-6 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" }))))),
         balance && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
-            react_1.default.createElement("p", { className: 'font-medium text-md text-gray-500' }, balance))),
-        react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
-        react_1.default.createElement(vista_dashboard_notification_v1_1.VistaDashboardNotificationV1, null),
+            react_1.default.createElement("p", { className: "font-medium text-md text-gray-500" }, balance))),
+        notificationEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
+            react_1.default.createElement(vista_dashboard_notification_v1_1.VistaDashboardNotificationV1, null))),
         react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
         react_1.default.createElement(vista_dashboard_profile_v1_1.VistaDashboardProfileV1, { avatarAlt: avatarAlt, avatarInitials: avatarInitials, avatarUrl: avatarUrl, name: name, profileMenuItems: profileMenuItems })));
 };

package/molecules/vista-drawer-v1/vista-drawer-v1.d.ts

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

package/molecules/vista-footer-v10/vista-footer-v10.js

@@ -14,8 +14,8 @@ var VistaFooterV10 = function (_a) {
     return (react_1.default.createElement("footer", { className: containerClassName },
         react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 pt-16 pb-8 sm:pt-20 lg:px-8 lg:pt-20" },
             react_1.default.createElement("div", { className: "xl:grid xl:grid-cols-3 xl:gap-8" },
-                react_1.default.createElement("div", { className: 'size-30 relative' },
-                    react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: '20vw', src: logoSrc, width: 0 })),
+                react_1.default.createElement("div", { className: "size-30 relative" },
+                    react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: "20vw", src: logoSrc, width: 0 })),
                 react_1.default.createElement("div", { className: "mt-16 grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 xl:col-span-2 xl:mt-0" }, items.map(function (_a) {
                     var name = _a.name, subMenuItems = _a.subMenuItems;
                     return (react_1.default.createElement("div", { key: name },
@@ -28,9 +28,9 @@ var VistaFooterV10 = function (_a) {
                     react_1.default.createElement("h3", { className: "text-sm/6 font-semibold text-primary" }, subscribeHeading),
                     react_1.default.createElement("p", { className: "mt-2 text-sm/6 text-gray-600" }, subscribeDescription)),
                 react_1.default.createElement("form", { className: "mt-6 sm:flex sm:max-w-md lg:mt-0" },
-                    react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: 'email', label: '', placeholder: 'info@email.com', type: 'email', value: email }),
+                    react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: handleOnChange, id: "email", label: "", placeholder: "info@email.com", type: "email", value: email }),
                     react_1.default.createElement("div", { className: "mt-4 sm:mt-0 sm:ml-4 sm:shrink-0" },
-                        react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: !email, handleOnClick: handleOnSubmit, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, label: 'Subscribe' })))),
+                        react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: !email, handleOnClick: handleOnSubmit, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, label: "Subscribe" })))),
             react_1.default.createElement("div", { className: "mt-8 border-t border-gray-900/10 pt-8 md:flex md:items-center md:justify-between" },
                 react_1.default.createElement("div", { className: "flex gap-x-6 md:order-2" }, socialLinks.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "text-gray-600 hover:text-primary" },
                     react_1.default.createElement("span", { className: "sr-only" }, item.name),
@@ -39,7 +39,8 @@ var VistaFooterV10 = function (_a) {
                     react_1.default.createElement("span", null, disclaimer),
                     showTechPartners && (react_1.default.createElement("span", null,
                         ' ',
-                        "- Our ",
-                        react_1.default.createElement("a", { className: 'text-primary', target: '_blank', href: 'https://appcorp.org' }, "Tech Partners"))))))));
+                        "- Our",
+                        ' ',
+                        react_1.default.createElement("a", { className: "text-primary", target: "_blank", href: "https://appcorp.org" }, "Tech Partners"))))))));
 };
 exports.VistaFooterV10 = VistaFooterV10;

package/molecules/vista-footer-v3/vista-footer-v3.js

@@ -20,8 +20,8 @@ var VistaFooterV3 = function (_a) {
                 react_1.default.createElement("div", { className: "mt-8 flex justify-center" },
                     react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { 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("div", { className: "mt-24 border-t border-white/10 pt-12 xl:grid xl:grid-cols-3 xl:gap-8" },
-                react_1.default.createElement("div", { className: 'size-20 relative' },
-                    react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: '10vw', src: logoSrc, width: 0 })),
+                react_1.default.createElement("div", { className: "size-20 relative" },
+                    react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: "10vw", src: logoSrc, width: 0 })),
                 react_1.default.createElement("div", { className: "mt-16 grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 xl:col-span-2 xl:mt-0" }, items.map(function (_a) {
                     var name = _a.name, subMenuItems = _a.subMenuItems;
                     return (react_1.default.createElement("div", { key: name },
@@ -36,14 +36,15 @@ var VistaFooterV3 = function (_a) {
                     return enabled;
                 })
                     .sort(function (a, b) { return a.order - b.order; })
-                    .map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "text-gray-400 hover:text-white", target: '_blank' },
+                    .map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: "text-gray-400 hover:text-white", target: "_blank" },
                     react_1.default.createElement("span", { className: "sr-only" }, item.name),
                     react_1.default.createElement(item.icon, { "aria-hidden": "true", className: "size-6" }))); })),
                 react_1.default.createElement("p", { className: "mt-8 text-sm/6 text-gray-400 md:order-1 md:mt-0" },
                     react_1.default.createElement("span", null, disclaimer),
                     showTechPartners && (react_1.default.createElement("span", null,
                         ' ',
-                        "- Our ",
-                        react_1.default.createElement("a", { className: 'text-primary', target: '_blank', href: 'https://appcorp.org' }, "Tech Partners"))))))));
+                        "- Our",
+                        ' ',
+                        react_1.default.createElement("a", { className: "text-primary", target: "_blank", href: "https://appcorp.org" }, "Tech Partners"))))))));
 };
 exports.VistaFooterV3 = VistaFooterV3;

package/molecules/vista-header-v1/nav-bar.d.ts

@@ -1,5 +1,5 @@
-import { FC } from "react";
-import { VistaHeaderV1Item } from "../../type/vista-header-type";
+import { FC } from 'react';
+import { VistaHeaderV1Item } from '../../type/vista-header-type';
 interface Props {
     companyName: string;
     handleMenuOpen: (b: boolean) => void;

package/molecules/vista-header-v1/nav-bar.js

@@ -45,15 +45,16 @@ var NavBar = function (_a) {
                                                 react_1.default.createElement("span", { className: "absolute inset-0" })),
                                             react_1.default.createElement("p", { className: "mt-1 text-gray-600 dark:text-gray-200" }, description))));
                                 })),
-                                react_1.default.createElement("div", { className: "grid grid-cols-2 divide-x divide-gray-900/5 bg-white dark:bg-gray-600" }, cta && cta.length > 1 && cta.map(function (_a) {
-                                    var icon = _a.icon, name = _a.name, handleOnClick = _a.handleOnClick;
-                                    return (react_1.default.createElement("button", { key: name, onClick: handleOnClick, className: "flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700" },
-                                        icon,
-                                        name));
-                                }))))));
+                                react_1.default.createElement("div", { className: "grid grid-cols-2 divide-x divide-gray-900/5 bg-white dark:bg-gray-600" }, cta &&
+                                    cta.length > 1 &&
+                                    cta.map(function (_a) {
+                                        var icon = _a.icon, name = _a.name, handleOnClick = _a.handleOnClick;
+                                        return (react_1.default.createElement("button", { key: name, onClick: handleOnClick, className: "flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700" },
+                                            icon,
+                                            name));
+                                    }))))));
                     }));
                 }
-                ;
                 return (react_1.default.createElement("div", { className: "text-sm/6 font-semibold text-gray-900 dark:text-white cursor-pointer", key: name, onClick: handleOnClick }, name));
             })),
             react_1.default.createElement("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end" }, loginVisible && (react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-gray-900" },
@@ -82,7 +83,6 @@ var NavBar = function (_a) {
                                         return (react_1.default.createElement(react_2.DisclosureButton, { className: "block rounded-lg py-2 pr-3 pl-6 text-sm/7 font-semibold text-gray-900 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-800 w-full text-left", key: name, onClick: handleOnClick }, name));
                                     }))));
                             }
-                            ;
                             return (react_1.default.createElement("div", { className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-800", key: item.name, onClick: item.handleOnClick }, item.name));
                         })),
                         loginVisible && (react_1.default.createElement("div", { className: "py-6" },

package/molecules/vista-header-v2/vista-header-v2.js

@@ -43,9 +43,8 @@ var navigation = [
     { name: 'Marketplace', href: '#' },
     { name: 'Company', href: '#' },
 ];
-var VistaHeaderV2 = function (_a) {
-    var id = _a.id;
-    var _b = (0, react_1.useState)(false), mobileMenuOpen = _b[0], setMobileMenuOpen = _b[1];
+var VistaHeaderV2 = function () {
+    var _a = (0, react_1.useState)(false), mobileMenuOpen = _a[0], setMobileMenuOpen = _a[1];
     return (react_1.default.createElement("header", { className: "bg-white" },
         react_1.default.createElement("nav", { "aria-label": "Global", className: "mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" },
             react_1.default.createElement("div", { className: "flex lg:flex-1" },

package/molecules/vista-header-v3/vista-header-v3.js

@@ -43,9 +43,8 @@ var navigation = [
     { name: 'Marketplace', href: '#' },
     { name: 'Company', href: '#' },
 ];
-var VistaHeaderV3 = function (_a) {
-    var id = _a.id;
-    var _b = (0, react_1.useState)(false), mobileMenuOpen = _b[0], setMobileMenuOpen = _b[1];
+var VistaHeaderV3 = function () {
+    var _a = (0, react_1.useState)(false), mobileMenuOpen = _a[0], setMobileMenuOpen = _a[1];
     return (react_1.default.createElement("header", { className: "bg-gray-900" },
         react_1.default.createElement("nav", { "aria-label": "Global", className: "mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" },
             react_1.default.createElement("div", { className: "flex lg:flex-1" },

package/molecules/vista-header-v4/vista-header-v4.js

@@ -43,9 +43,8 @@ var navigation = [
     { name: 'Marketplace', href: '#' },
     { name: 'Company', href: '#' },
 ];
-var VistaHeaderV4 = function (_a) {
-    var id = _a.id;
-    var _b = (0, react_1.useState)(false), mobileMenuOpen = _b[0], setMobileMenuOpen = _b[1];
+var VistaHeaderV4 = function () {
+    var _a = (0, react_1.useState)(false), mobileMenuOpen = _a[0], setMobileMenuOpen = _a[1];
     return (react_1.default.createElement("header", { className: "bg-indigo-600" },
         react_1.default.createElement("nav", { "aria-label": "Global", className: "mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" },
             react_1.default.createElement("div", { className: "flex lg:flex-1" },

package/molecules/vista-header-v5/vista-header-v5.js

@@ -60,7 +60,12 @@ var products = [
         href: '#',
         icon: outline_1.CursorArrowRaysIcon,
     },
-    { name: 'Security', description: 'Your customers data will be safe and secure', href: '#', icon: outline_1.FingerPrintIcon },
+    {
+        name: 'Security',
+        description: 'Your customers data will be safe and secure',
+        href: '#',
+        icon: outline_1.FingerPrintIcon,
+    },
     {
         name: 'Integrations',
         description: 'Your customers data will be safe and secure',

package/molecules/vista-header-v8/nav-bar.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { VistaHeaderV1Item } from '../../type/vista-header-type';
+interface Props {
+    companyName: string;
+    ctaButtonHandler: () => void;
+    ctaButtonLabel: string;
+    handleMenuOpen: (b: boolean) => void;
+    items: VistaHeaderV1Item[];
+    loginVisible?: boolean;
+    logoAlt: string;
+    logoContainerClassName?: string;
+    logoSrc: string;
+    menuOpen: boolean;
+}
+export declare const NavBar: FC<Props>;
+export {};