@appcorp/app-corp-vista 0.0.8 → 0.0.10

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaBadgeV1Props } from '../../type/vista-badge-type';
+export declare const VistaBadgeV1: FC<VistaBadgeV1Props>;

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

@@ -0,0 +1,29 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaBadgeV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_badge_type_1 = require("../../type/vista-badge-type");
+var class_names_1 = require("../../utils/class-names");
+var VistaBadgeV1 = function (_a) {
+    var _b, _c;
+    var label = _a.label, _d = _a.size, size = _d === void 0 ? vista_badge_type_1.VISTA_BADGE_SIZE.XS : _d, type = _a.type;
+    var colorMap = (_b = {},
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.DISABLED] = 'bg-gray-400/10 text-gray-400 ring-gray-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.ERROR] = 'bg-red-400/10 text-red-400 ring-red-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.INFO] = 'bg-blue-400/10 text-blue-400 ring-blue-400/30',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.SUCCESS] = 'bg-green-500/10 text-green-400 ring-green-500/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.WARNING] = 'bg-yellow-400/10 text-yellow-500 ring-yellow-400/20',
+        _b);
+    var sizeMap = (_c = {},
+        _c[vista_badge_type_1.VISTA_BADGE_SIZE.XS] = 'text-xs',
+        _c[vista_badge_type_1.VISTA_BADGE_SIZE.SM] = 'text-sm',
+        _c[vista_badge_type_1.VISTA_BADGE_SIZE.MD] = 'text-md',
+        _c);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: (0, class_names_1.classNames)(colorMap[type], "inline-flex items-center rounded-md px-2 py-1 font-medium ring-1 ring-inset ".concat(sizeMap[size])) }, label)));
+};
+exports.VistaBadgeV1 = VistaBadgeV1;

package/molecules/vista-dashboard-notification-v1.d.ts

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

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

@@ -0,0 +1,15 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaDashboardNotificationV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var outline_1 = require("@heroicons/react/24/outline");
+var VistaDashboardNotificationV1 = function () {
+    return (react_1.default.createElement("button", { type: "button", className: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500" },
+        react_1.default.createElement("span", { className: "sr-only" }, "View notifications"),
+        react_1.default.createElement(outline_1.BellIcon, { "aria-hidden": "true", className: "size-6" })));
+};
+exports.VistaDashboardNotificationV1 = VistaDashboardNotificationV1;

package/molecules/vista-dashboard-profile-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaDashboardProfileV1Props } from '../type/vista-dashboard-profile-type';
+export declare const VistaDashboardProfileV1: FC<VistaDashboardProfileV1Props>;

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

@@ -0,0 +1,28 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaDashboardProfileV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/24/solid");
+var vista_avatar_v1_1 = require("../molecules/vista-avatar-v1");
+var vista_avatar_type_1 = require("../type/vista-avatar-type");
+var VistaDashboardProfileV1 = function (_a) {
+    var profileMenuItems = _a.profileMenuItems, name = _a.name, avatarAlt = _a.avatarAlt, avatarUrl = _a.avatarUrl, avatarInitials = _a.avatarInitials;
+    return (react_1.default.createElement(react_2.Menu, { as: "div", className: "relative" },
+        react_1.default.createElement(react_2.MenuButton, { className: "-m-1.5 flex items-center p-1.5" },
+            react_1.default.createElement(vista_avatar_v1_1.VistaAvatarV1, { alt: avatarAlt, initial: avatarInitials, rounded: vista_avatar_type_1.VISTA_AVATAR_ROUNDED.FULL, size: vista_avatar_type_1.VISTA_AVATAR_SIZE.SM, src: avatarUrl }),
+            react_1.default.createElement("span", { className: "sr-only" }, "Open user menu"),
+            react_1.default.createElement("span", { className: "hidden lg:flex lg:items-center" },
+                react_1.default.createElement("span", { "aria-hidden": "true", className: "ml-4 text-sm/6 font-semibold text-gray-50" }, name),
+                react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "ml-2 size-5 text-gray-400" }))),
+        react_1.default.createElement(react_2.MenuItems, { transition: true, className: "absolute right-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 transition focus:outline-none data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-100 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in" }, profileMenuItems.map(function (_a) {
+            var name = _a.name, handleOnClick = _a.handleOnClick;
+            return (react_1.default.createElement(react_2.MenuItem, { key: name },
+                react_1.default.createElement("button", { onClick: handleOnClick, className: "block px-3 py-1 text-sm/6 text-gray-900 data-[focus]:bg-gray-50 data-[focus]:outline-none" }, name)));
+        }))));
+};
+exports.VistaDashboardProfileV1 = VistaDashboardProfileV1;

package/molecules/vista-dashboard-sidebar-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaDashboardSideBarV1Props } from '../type/vista-dashboard-sidebar-type';
+export declare const DashboardSidebar: FC<VistaDashboardSideBarV1Props>;

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

@@ -0,0 +1,84 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardSidebar = void 0;
+var react_1 = __importStar(require("react"));
+var class_names_1 = require("../utils/class-names");
+var DashboardSidebar = function (_a) {
+    var appName = _a.appName, apps = _a.apps, logo = _a.logo, navigation = _a.navigation, profile = _a.profile;
+    return (react_1.default.createElement("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-gray-900 px-6 ring-1 ring-white/10" },
+        react_1.default.createElement("div", { className: "flex h-16 shrink-0 items-center" },
+            react_1.default.createElement("img", { alt: appName, src: logo, className: "h-8 w-auto" })),
+        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,
+                    react_1.default.createElement("ul", { role: "list", className: "-mx-2 space-y-1" }, navigation
+                        .filter(function (_a) {
+                        var enabled = _a.enabled;
+                        return enabled;
+                    })
+                        .map(function (item) { return (react_1.default.createElement("li", { key: item.label },
+                        react_1.default.createElement("button", { onClick: item.handleOnClick, className: (0, class_names_1.classNames)(item.isActive
+                                ? 'bg-gray-800 text-white'
+                                : 'text-gray-400 hover:bg-gray-800 hover:text-white', 'group flex w-full gap-x-3 rounded-md p-2 text-sm/6 font-semibold') },
+                            (0, react_1.createElement)(item.icon, {
+                                'aria-hidden': 'true',
+                                className: 'size-6 shrink-0',
+                            }),
+                            item.label))); }))),
+                react_1.default.createElement("li", null,
+                    react_1.default.createElement("div", { className: "text-xs/6 font-semibold text-gray-400" }, "Your Apps"),
+                    react_1.default.createElement("ul", { role: "list", className: "-mx-2 mt-2 space-y-1" }, apps
+                        .filter(function (_a) {
+                        var enabled = _a.enabled;
+                        return enabled;
+                    })
+                        .map(function (_a) {
+                        var initial = _a.initial, isActive = _a.isActive, label = _a.label;
+                        return (react_1.default.createElement("li", { key: label },
+                            react_1.default.createElement("a", { href: "", className: (0, class_names_1.classNames)(isActive
+                                    ? 'bg-gray-800 text-white'
+                                    : 'text-gray-400 hover:bg-gray-800 hover:text-white', 'group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold') },
+                                react_1.default.createElement("span", { className: "flex size-6 shrink-0 items-center justify-center rounded-lg border border-gray-700 bg-gray-800 text-[0.625rem] font-medium text-gray-400 group-hover:text-white" }, initial),
+                                react_1.default.createElement("span", { className: "truncate" }, label))));
+                    }))),
+                react_1.default.createElement("li", { className: "-mx-6 mt-auto" },
+                    react_1.default.createElement("a", { href: "#", className: "flex items-center gap-x-4 px-6 py-3 text-sm/6 font-semibold text-white hover:bg-gray-800" },
+                        react_1.default.createElement("img", { alt: profile.name, src: profile.avatar, className: "size-8 rounded-full bg-gray-800" }),
+                        react_1.default.createElement("span", { className: "sr-only" }, "Your profile"),
+                        react_1.default.createElement("span", { "aria-hidden": "true" }, profile.name)))))));
+};
+exports.DashboardSidebar = DashboardSidebar;

package/molecules/vista-dashboard-topbar-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaDashboardTopBarV1Props } from '../type/vista-dashboard-topbar-type';
+export declare const DashboardTopBar: FC<VistaDashboardTopBarV1Props>;

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

@@ -0,0 +1,30 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardTopBar = void 0;
+var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/20/solid");
+var vista_dashboard_profile_v1_1 = require("./vista-dashboard-profile-v1");
+var vista_dashboard_vertical_divider_v1_1 = require("./vista-dashboard-vertical-divider-v1");
+var vista_dashboard_notification_v1_1 = require("./vista-dashboard-notification-v1");
+var DashboardTopBar = function (_a) {
+    var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, name = _a.name, profileMenuItems = _a.profileMenuItems, handleOnClick = _a.handleOnClick;
+    return (react_1.default.createElement("div", { className: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-6 border-b border-white/5 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" })),
+        react_1.default.createElement("div", { className: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" },
+            react_1.default.createElement("form", { action: "#", method: "GET", className: "flex flex-1" },
+                react_1.default.createElement("label", { htmlFor: "search-field", className: "sr-only" }, "Search"),
+                react_1.default.createElement("div", { className: "relative w-full" },
+                    react_1.default.createElement(solid_1.MagnifyingGlassIcon, { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-500" }),
+                    react_1.default.createElement("input", { id: "search-field", name: "search", type: "search", placeholder: "Search...", className: "block size-full border-0 bg-transparent py-0 pl-8 pr-0 text-white focus:ring-0 sm:text-sm" })))),
+        react_1.default.createElement(vista_dashboard_vertical_divider_v1_1.VistaDashboardVerticalDividerV1, null),
+        react_1.default.createElement(vista_dashboard_notification_v1_1.VistaDashboardNotificationV1, null),
+        react_1.default.createElement(vista_dashboard_vertical_divider_v1_1.VistaDashboardVerticalDividerV1, null),
+        react_1.default.createElement(vista_dashboard_profile_v1_1.VistaDashboardProfileV1, { avatarAlt: avatarAlt, avatarInitials: avatarInitials, avatarUrl: avatarUrl, name: name, profileMenuItems: profileMenuItems })));
+};
+exports.DashboardTopBar = DashboardTopBar;

package/molecules/vista-dashboard-vertical-divider-v1.d.ts

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

package/molecules/vista-dashboard-vertical-divider-v1.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaDashboardVerticalDividerV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaDashboardVerticalDividerV1 = function () {
+    return (react_1.default.createElement("div", { "aria-hidden": "true", className: "hidden h-6 w-px bg-gray-50/30 lg:flex" }));
+};
+exports.VistaDashboardVerticalDividerV1 = VistaDashboardVerticalDividerV1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",
@@ -28,6 +28,7 @@
   },
   "dependencies": {},
   "devDependencies": {
+    "@appcorp/app-corp-designs": "^0.4.43",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@headlessui/react": "^2.2.0",

package/templates/vista-dashboard-v1/vista-dashboard-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaDashboardV1Props } from '../../type/vista-dashboard-type';
+export declare const VistaDashboardV1: FC<VistaDashboardV1Props>;

package/templates/vista-dashboard-v1/vista-dashboard-v1.js

@@ -0,0 +1,43 @@
+'use client';
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaDashboardV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@headlessui/react");
+var outline_1 = require("@heroicons/react/24/outline");
+var vista_dashboard_sidebar_v1_1 = require("../../molecules/vista-dashboard-sidebar-v1");
+var vista_dashboard_topbar_v1_1 = require("../../molecules/vista-dashboard-topbar-v1");
+var VistaDashboardV1 = function (_a) {
+    var children = _a.children, sideBar = _a.sideBar, topBar = _a.topBar, isSideBarOpen = _a.isSideBarOpen, handleIsSideBarOpen = _a.handleIsSideBarOpen;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_2.Dialog, { className: "relative z-10 xl:hidden", onClose: handleIsSideBarOpen, open: isSideBarOpen },
+            react_1.default.createElement(react_2.DialogBackdrop, { className: "fixed inset-0 bg-gray-900/80 transition-opacity duration-300 ease-linear data-[closed]:opacity-0", transition: true }),
+            react_1.default.createElement("div", { className: "fixed inset-0 flex" },
+                react_1.default.createElement(react_2.DialogPanel, { transition: true, className: "relative mr-16 flex w-full max-w-xs flex-1 transform transition duration-300 ease-in-out data-[closed]:-translate-x-full" },
+                    react_1.default.createElement(react_2.TransitionChild, null,
+                        react_1.default.createElement("div", { className: "absolute left-full top-0 flex w-16 justify-center pt-5 duration-300 ease-in-out data-[closed]:opacity-0" },
+                            react_1.default.createElement("button", { type: "button", onClick: function () { return handleIsSideBarOpen(false); }, className: "-m-2.5 p-2.5" },
+                                react_1.default.createElement("span", { className: "sr-only" }, "Close sidebar"),
+                                react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6 text-white" })))),
+                    react_1.default.createElement(vista_dashboard_sidebar_v1_1.DashboardSidebar, __assign({}, sideBar))))),
+        react_1.default.createElement("div", { className: "hidden ".concat(!isSideBarOpen ? 'xl:fixed xl:inset-y-0 xl:z-10 xl:flex xl:w-72 xl:flex-col' : '') },
+            react_1.default.createElement(vista_dashboard_sidebar_v1_1.DashboardSidebar, __assign({}, sideBar))),
+        react_1.default.createElement("div", { className: "".concat(!isSideBarOpen ? 'xl:pl-72' : '') },
+            react_1.default.createElement(vista_dashboard_topbar_v1_1.DashboardTopBar, __assign({}, topBar, { handleOnClick: handleIsSideBarOpen })),
+            react_1.default.createElement("div", { className: "overflow-y-auto" }, children))));
+};
+exports.VistaDashboardV1 = VistaDashboardV1;

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

@@ -0,0 +1,17 @@
+export declare enum VISTA_BADGE_TYPE {
+    DISABLED = "DISABLED",
+    ERROR = "ERROR",
+    INFO = "INFO",
+    SUCCESS = "SUCCESS",
+    WARNING = "WARNING"
+}
+export declare enum VISTA_BADGE_SIZE {
+    XS = "XS",
+    SM = "SM",
+    MD = "MD"
+}
+export interface VistaBadgeV1Props {
+    label: string;
+    size?: VISTA_BADGE_SIZE;
+    type: VISTA_BADGE_TYPE;
+}

package/type/vista-badge-type.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VISTA_BADGE_SIZE = exports.VISTA_BADGE_TYPE = void 0;
+var VISTA_BADGE_TYPE;
+(function (VISTA_BADGE_TYPE) {
+    VISTA_BADGE_TYPE["DISABLED"] = "DISABLED";
+    VISTA_BADGE_TYPE["ERROR"] = "ERROR";
+    VISTA_BADGE_TYPE["INFO"] = "INFO";
+    VISTA_BADGE_TYPE["SUCCESS"] = "SUCCESS";
+    VISTA_BADGE_TYPE["WARNING"] = "WARNING";
+})(VISTA_BADGE_TYPE || (exports.VISTA_BADGE_TYPE = VISTA_BADGE_TYPE = {}));
+var VISTA_BADGE_SIZE;
+(function (VISTA_BADGE_SIZE) {
+    VISTA_BADGE_SIZE["XS"] = "XS";
+    VISTA_BADGE_SIZE["SM"] = "SM";
+    VISTA_BADGE_SIZE["MD"] = "MD";
+})(VISTA_BADGE_SIZE || (exports.VISTA_BADGE_SIZE = VISTA_BADGE_SIZE = {}));

package/type/vista-dashboard-profile-type.d.ts

@@ -0,0 +1,13 @@
+export interface VistaDashboardTopBarProfileMenuItem {
+    enabled: boolean;
+    handleOnClick: () => void;
+    name: string;
+    order: number;
+}
+export interface VistaDashboardProfileV1Props {
+    avatarAlt: string;
+    avatarInitials: string;
+    avatarUrl: string;
+    name: string;
+    profileMenuItems: VistaDashboardTopBarProfileMenuItem[];
+}

package/type/vista-dashboard-profile-type.js

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

package/type/vista-dashboard-sidebar-type.d.ts

@@ -0,0 +1,33 @@
+import { ForwardRefExoticComponent, RefAttributes, SVGProps } from "react";
+export interface VistaDashboardSideBarNavigationItemVariant1Props {
+    enabled: boolean;
+    handleOnClick: () => void;
+    icon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, 'ref'> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+    } & RefAttributes<SVGSVGElement>>;
+    id: string;
+    isActive: boolean;
+    label: string;
+    order: number;
+}
+export interface VistaDashboardSideBarAppItemVariant1Props {
+    enabled: boolean;
+    handleOnClick: () => void;
+    id: string;
+    initial: string;
+    isActive: boolean;
+    label: string;
+    order: number;
+}
+export interface VistaDashboardSideBarProfileVariant1Props {
+    avatar: string;
+    name: string;
+}
+export interface VistaDashboardSideBarV1Props {
+    appName: string;
+    logo: string;
+    navigation: VistaDashboardSideBarNavigationItemVariant1Props[];
+    apps: VistaDashboardSideBarAppItemVariant1Props[];
+    profile: VistaDashboardSideBarProfileVariant1Props;
+}

package/type/vista-dashboard-sidebar-type.js

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

package/type/vista-dashboard-topbar-type.d.ts

@@ -0,0 +1,14 @@
+export interface VistaDashboardTopBarProfileMenuItem {
+    enabled: boolean;
+    handleOnClick: () => void;
+    name: string;
+    order: number;
+}
+export interface VistaDashboardTopBarV1Props {
+    avatarAlt: string;
+    avatarInitials: string;
+    avatarUrl: string;
+    name: string;
+    profileMenuItems: VistaDashboardTopBarProfileMenuItem[];
+    handleOnClick: (b: boolean) => void;
+}

package/type/vista-dashboard-topbar-type.js

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

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

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import { VistaDashboardSideBarV1Props } from "./vista-dashboard-sidebar-type";
+import { VistaDashboardTopBarV1Props } from "./vista-dashboard-topbar-type";
+export interface VistaDashboardV1Props {
+    children: ReactNode;
+    handleIsSideBarOpen: (b: boolean) => void;
+    isSideBarOpen: boolean;
+    sideBar: VistaDashboardSideBarV1Props;
+    topBar: VistaDashboardTopBarV1Props;
+}

package/type/vista-dashboard-type.js

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