@appcorp/app-corp-vista 0.0.1

package/README.md

@@ -0,0 +1,78 @@
+<!-- LOGO -->
+<h1>
+<p align="center">
+  <img src="https://raw.githubusercontent.com/L0garithmic/FastColabCopy/main/img/logo.png" alt="Logo" width="140" height="110">
+  <br />AppCorp Designs
+</h1>
+  <p align="center">
+    AppCorp designs philosophy 
+    <br />
+    </p>
+</p>
+<p align="center">
+  <a href="#about-the-project">About The Project</a> •
+  <a href="#usage">How To Use</a> •
+  <a href="#examples">Examples</a> •
+  <a href="#best-practice">Best Practice</a> •
+  <a href="#credits">Credits</a> •
+  <a href="examples.md">More Examples</a>
+</p>  
+
+<p align="center">
+  
+![screenshot](img/clip.gif)
+</p>                                                                                                                             
+                                                                                                                                                      
+## About The Project
+AppCorp design is a storybook app that houses all design philosophies that we had used previously for our clients.
+
+## Installing
+
+install from npm
+```bash
+yarn add @appcorp/design
+```
+
+
+## Usage
+```sh
+usage: fast-copy.py [-h HELP] source destination [-d DELETE] [-s SYNC] [-r REPLACE]
+
+optional arguments:
+  -h --help            show this help message and exit
+  source                the drive you are copying from
+  destination           the drive you are copying to
+  -d --delete           delete the source files after copy
+  -s --sync             delete files in destination if not found in source (do not use, if using with rsync)
+  -r --replace          replace files if they exist
+  -t --thread           set the amount of parallel threads used
+  -l --size-limit       set max size of files copied (supports gb, mb, kb) eg 1.5gb
+```
+The `source` and `destination` fields are required. Everything else is optional.
+
+## Examples
+```py
+from google.colab import drive
+drive.mount('/gdrive', force_remount=False)
+import os
+!wget -q https://raw.githubusercontent.com/L0garithmic/fastcolabcopy/main/fastcopy.py
+import fastcopy
+!python fastcopy.py /gdrive/Shareddrives/Source/. /gdrive/Shareddrives/Destination --thread 20 --size-limit 400mb
+```
+If you want to see copy execution time:
+```mod
+!pip install -q ipython-autotime
+%load_ext autotime
+```
+Check out <a href="examples.md">examples.md</a> for some more examples.
+
+## Best Practice
+Colab has wildly varying transfer speeds, because of this, the best we can offer are suggestions:
+- For large groups of medium/small files, 15-40 threads seems to work best.
+- For 50+ files with significantly varying sizes, try 2 sequentially copies. `-t 15 -l 400` then `-t 2`
+- For files that are 100MB+, it is best to use 2 threads. It is still faster then rsync.   
+- Currently `--sync` breaks if rsync is ran after. If you are mirroring drives. Disable `--sync` and use the rsync's `--delete` function.
+
+## Credits
+- Credit to [ikonikon](https://github.com/ikonikon/fast-copy) for the base multi-threading code.   
+- Thanks to [@Ostokhoon](https://www.freelancer.com/u/Ostokhoon) for ALL argument and folder hierarchy functionality.

package/emails/app-appointment.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+interface AppointmentEmailProps {
+    address?: string;
+    appLogo?: string;
+    appName?: string;
+    dashboardUrl?: string;
+    date?: string;
+    firstName?: string;
+    ipAddress?: string;
+    lastName?: string;
+    message?: string;
+    phone?: string;
+}
+export declare const AppointmentEmail: {
+    ({ address, appLogo, appName, dashboardUrl, date, firstName, ipAddress, lastName, message, phone, }: AppointmentEmailProps): React.JSX.Element;
+    PreviewProps: AppointmentEmailProps;
+};
+export default AppointmentEmail;

package/emails/app-appointment.js

@@ -0,0 +1,100 @@
+"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.AppointmentEmail = void 0;
+var components_1 = require("@react-email/components");
+var React = __importStar(require("react"));
+var AppointmentEmail = function (_a) {
+    var address = _a.address, appLogo = _a.appLogo, appName = _a.appName, dashboardUrl = _a.dashboardUrl, date = _a.date, firstName = _a.firstName, ipAddress = _a.ipAddress, lastName = _a.lastName, message = _a.message, phone = _a.phone;
+    var previewText = "".concat(firstName, " has sent reserved an appointment on ").concat(appName);
+    return (React.createElement(components_1.Html, null,
+        React.createElement(components_1.Head, null,
+            React.createElement(components_1.Font, { fontFamily: 'Raleway', fallbackFontFamily: 'Verdana', webFont: {
+                    url: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/fonts/raleway.ttf',
+                    format: 'woff2',
+                }, fontWeight: 400, fontStyle: 'normal' })),
+        React.createElement(components_1.Preview, null, previewText),
+        React.createElement(components_1.Tailwind, null,
+            React.createElement(components_1.Body, { className: 'bg-[#F6F9FC]' },
+                React.createElement(components_1.Container, { className: 'bg-[#FFFFFF] py-4' },
+                    React.createElement(components_1.Section, { className: 'py-0 px-12' },
+                        React.createElement(components_1.Img, { className: 'object-contain', src: appLogo, width: '156', height: '50', alt: appName }),
+                        React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
+                        React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You have received a new appointment reservation on ".concat(appName, " website.")),
+                        React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You can view the details in dashboard."),
+                        React.createElement(components_1.Button, { className: 'bg-[#ED7D31] rounded text-white text-base font-bold text-center p-4 w-full box-border', href: dashboardUrl }, "View your Dashboard"),
+                        React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
+                        React.createElement(components_1.Row, null,
+                            React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
+                                "Name: ",
+                                firstName,
+                                " ",
+                                lastName)),
+                        React.createElement(components_1.Row, null,
+                            React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
+                                "Phone: ",
+                                phone)),
+                        React.createElement(components_1.Row, null,
+                            React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
+                                "Date: ",
+                                date)),
+                        React.createElement(components_1.Row, null,
+                            React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
+                                "Message: ",
+                                message)),
+                        React.createElement(components_1.Row, null,
+                            React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
+                                "IP: ",
+                                ipAddress)),
+                        React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, "\u2014 The ".concat(appName, " team")),
+                        React.createElement(components_1.Hr, null),
+                        React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, address)))))));
+};
+exports.AppointmentEmail = AppointmentEmail;
+exports.AppointmentEmail.PreviewProps = {
+    address: 'App Corp, Plaza # G-83, Second Floor, DHA Phase 1, Lahore.',
+    appLogo: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/app-corp-logo.webp',
+    appName: 'App Corp',
+    dashboardUrl: 'https://www.appcorp.org/en/app/dashboard',
+    date: '12 Aug 2024',
+    firstName: 'John',
+    ipAddress: '192.168.0.1',
+    lastName: 'Doe',
+    message: 'dummy message',
+    optional1: 'Optional 1',
+    optional2: 'Optional 2',
+    phone: '+92 32X XXXXXXX',
+};
+exports.default = exports.AppointmentEmail;

package/emails/app-contact.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+interface ContactEmailProps {
+    address?: string;
+    appLogo?: string;
+    appName?: string;
+    dashboardUrl?: string;
+    email?: string;
+    firstName?: string;
+    ipAddress?: string;
+    lastName?: string;
+    message?: string;
+    optional1?: string;
+    optional2?: string;
+}
+export declare const ContactEmail: {
+    ({ address, appLogo, appName, dashboardUrl, email, firstName, ipAddress, lastName, message, optional1, optional2, }: ContactEmailProps): React.JSX.Element;
+    PreviewProps: ContactEmailProps;
+};
+export default ContactEmail;

package/emails/app-contact.js

@@ -0,0 +1,99 @@
+"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.ContactEmail = void 0;
+var components_1 = require("@react-email/components");
+var React = __importStar(require("react"));
+var ContactEmail = function (_a) {
+    var address = _a.address, appLogo = _a.appLogo, appName = _a.appName, dashboardUrl = _a.dashboardUrl, email = _a.email, firstName = _a.firstName, ipAddress = _a.ipAddress, lastName = _a.lastName, message = _a.message, optional1 = _a.optional1, optional2 = _a.optional2;
+    var previewText = "".concat(firstName, " has sent a contact message on ").concat(appName);
+    return (React.createElement(components_1.Html, null,
+        React.createElement(components_1.Head, null,
+            React.createElement(components_1.Font, { fontFamily: 'Raleway', fallbackFontFamily: 'Verdana', webFont: {
+                    url: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/fonts/raleway.ttf',
+                    format: 'woff2',
+                }, fontWeight: 400, fontStyle: 'normal' })),
+        React.createElement(components_1.Preview, null, previewText),
+        React.createElement(components_1.Tailwind, null,
+            React.createElement(components_1.Body, { className: 'bg-[#F6F9FC]' },
+                React.createElement(components_1.Container, { className: 'bg-[#FFFFFF] py-4' },
+                    React.createElement(components_1.Section, { className: 'py-0 px-12' },
+                        React.createElement(components_1.Img, { className: 'object-contain', src: appLogo, width: '156', height: '50', alt: appName }),
+                        React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
+                        React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You have received a new message on ".concat(appName, " website.")),
+                        React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You can view the message in dashboard."),
+                        React.createElement(components_1.Button, { className: 'bg-[#ED7D31] rounded text-white text-base font-bold text-center p-4 w-full box-border', href: dashboardUrl }, "View your Dashboard"),
+                        React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
+                        React.createElement(components_1.Row, null,
+                            React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
+                                "Name: ",
+                                firstName,
+                                " ",
+                                lastName)),
+                        React.createElement(components_1.Row, null,
+                            React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
+                                "Email: ",
+                                email)),
+                        React.createElement(components_1.Row, null,
+                            React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
+                                "Message: ",
+                                message)),
+                        React.createElement(components_1.Row, null,
+                            React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
+                                "IP: ",
+                                ipAddress)),
+                        optional1 && (React.createElement(components_1.Row, null,
+                            React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, optional1))),
+                        optional2 && (React.createElement(components_1.Row, null,
+                            React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, optional2))),
+                        React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, "\u2014 The ".concat(appName, " team")),
+                        React.createElement(components_1.Hr, null),
+                        React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, address)))))));
+};
+exports.ContactEmail = ContactEmail;
+exports.ContactEmail.PreviewProps = {
+    address: 'App Corp, Plaza # G-83, Second Floor, DHA Phase 1, Lahore.',
+    appLogo: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/app-corp-logo.webp',
+    appName: 'App Corp',
+    dashboardUrl: 'https://www.appcorp.org/en/app/dashboard',
+    email: 'john.doe@gmail.com',
+    firstName: 'John',
+    ipAddress: '192.168.0.1',
+    lastName: 'Doe',
+    message: 'dummy message',
+    optional1: 'Optional 1',
+    optional2: 'Optional 2',
+};
+exports.default = exports.ContactEmail;

package/emails/app-newsletter.d.ts

@@ -0,0 +1,2 @@
+declare const Email: () => JSX.Element;
+export default Email;

package/emails/app-newsletter.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var components_1 = require("@react-email/components");
+var Email = function () {
+    return (react_1.default.createElement(components_1.Html, { lang: 'en', dir: 'ltr' },
+        react_1.default.createElement(components_1.Head, null,
+            react_1.default.createElement(components_1.Font, { fontFamily: 'Raleway', fallbackFontFamily: 'Verdana', webFont: {
+                    url: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/fonts/raleway.ttf',
+                    format: 'truetype',
+                }, fontWeight: 400, fontStyle: 'normal' })),
+        react_1.default.createElement(components_1.Tailwind, null,
+            react_1.default.createElement(components_1.Body, { className: 'bg-[#98dd8c]' },
+                react_1.default.createElement(components_1.Container, { className: 'bg-[#c9f8c1] max-w-[80%]' },
+                    react_1.default.createElement(components_1.Img, { alt: 'app-corp-logo', className: 'mx-auto', height: 'auto', src: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/app-corp-logo.webp', width: '200' }),
+                    react_1.default.createElement(components_1.Section, { className: 'flex flex-row justify-center' },
+                        react_1.default.createElement("div", { className: 'max-w-[80%] mx-auto' },
+                            react_1.default.createElement(components_1.Text, { className: 'text-3xl text-center' }, "Building Your Marketing Success"))),
+                    react_1.default.createElement(components_1.Section, null,
+                        react_1.default.createElement("div", { className: 'max-w-[60%] mx-auto' },
+                            react_1.default.createElement(components_1.Text, { className: 'text-lg text-center' }, "Co-ordinate campaigns and product launches, with improved overall communication.")))),
+                react_1.default.createElement(components_1.Container, { className: 'bg-white max-w-[80%]' },
+                    react_1.default.createElement(components_1.Text, { className: 'text-3xl text-center' }, "What do you get?"))))));
+};
+exports.default = Email;

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

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { VistaAvatarV1Props } from '../type/vista-avatar-type';
+export declare const sizeMap: {
+    [key: string]: string;
+};
+export declare const initialFontSizeMap: {
+    [key: string]: string;
+};
+export declare const roundedMap: {
+    [key: string]: string;
+};
+export declare const statusMap: {
+    [key: string]: string;
+};
+export declare const positionMap: {
+    [key: string]: string;
+};
+export declare const VistaAvatarV1: FC<VistaAvatarV1Props>;

package/molecules/vista-avatar-v1.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a, _b, _c, _d, _e;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaAvatarV1 = exports.positionMap = exports.statusMap = exports.roundedMap = exports.initialFontSizeMap = exports.sizeMap = void 0;
+var react_1 = __importDefault(require("react"));
+var image_1 = __importDefault(require("next/image"));
+var vista_avatar_type_1 = require("../type/vista-avatar-type");
+exports.sizeMap = (_a = {},
+    _a[vista_avatar_type_1.VISTA_AVATAR_SIZES.XS] = 'size-6',
+    _a[vista_avatar_type_1.VISTA_AVATAR_SIZES.SM] = 'size-8',
+    _a[vista_avatar_type_1.VISTA_AVATAR_SIZES.MD] = 'size-10',
+    _a[vista_avatar_type_1.VISTA_AVATAR_SIZES.LG] = 'size-12',
+    _a[vista_avatar_type_1.VISTA_AVATAR_SIZES.XL] = 'size-14',
+    _a);
+exports.initialFontSizeMap = (_b = {},
+    _b[vista_avatar_type_1.VISTA_AVATAR_SIZES.XS] = 'text-xs',
+    _b[vista_avatar_type_1.VISTA_AVATAR_SIZES.SM] = 'text-sm',
+    _b[vista_avatar_type_1.VISTA_AVATAR_SIZES.MD] = 'text-md',
+    _b[vista_avatar_type_1.VISTA_AVATAR_SIZES.LG] = 'text-lg',
+    _b[vista_avatar_type_1.VISTA_AVATAR_SIZES.XL] = 'text-xl',
+    _b);
+exports.roundedMap = (_c = {},
+    _c[vista_avatar_type_1.VISTA_AVATAR_ROUNDED.FULL] = 'rounded-full',
+    _c[vista_avatar_type_1.VISTA_AVATAR_ROUNDED.MD] = 'rounded-md',
+    _c);
+exports.statusMap = (_d = {},
+    _d[vista_avatar_type_1.VISTA_AVATAR_STATUS.AWAY] = 'bg-orange-300',
+    _d[vista_avatar_type_1.VISTA_AVATAR_STATUS.OFFLINE] = 'bg-gray-300',
+    _d[vista_avatar_type_1.VISTA_AVATAR_STATUS.ONLINE] = 'bg-green-300',
+    _d);
+exports.positionMap = (_e = {},
+    _e[vista_avatar_type_1.VISTA_STATUS_POSITION.BOTTOM_LEFT] = 'bottom-1 left-1',
+    _e[vista_avatar_type_1.VISTA_STATUS_POSITION.BOTTOM_RIGHT] = 'bottom-1 right-1',
+    _e[vista_avatar_type_1.VISTA_STATUS_POSITION.TOP_RIGHT] = 'top-1 right-1',
+    _e[vista_avatar_type_1.VISTA_STATUS_POSITION.TOP_LEFT] = 'top-1 left-1',
+    _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_SIZES.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 && !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]) },
+            react_1.default.createElement("span", { className: "font-medium text-white ".concat(exports.initialFontSizeMap[size]) }, initial))),
+        status && statusPosition && (react_1.default.createElement("span", { className: "absolute ".concat(exports.positionMap[statusPosition], " block size-2 rounded-full ").concat(exports.statusMap[status], " ring-2 ring-white") }))));
+};
+exports.VistaAvatarV1 = VistaAvatarV1;

package/molecules/vista-avatar-v2.d.ts

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

package/molecules/vista-avatar-v2.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaAvatarV2 = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_avatar_v1_1 = require("./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(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),
+                react_1.default.createElement("p", { className: "text-xs font-medium text-gray-500 group-hover:text-gray-700" }, subTitle)))));
+};
+exports.VistaAvatarV2 = VistaAvatarV2;

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

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

package/molecules/vista-checkbox-v1.js

@@ -0,0 +1,22 @@
+'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.VistaCheckboxV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaCheckboxV1 = function (_a) {
+    var checked = _a.checked, description = _a.description, handleOnChange = _a.handleOnChange, heading = _a.heading, id = _a.id;
+    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-indigo-600 checked:bg-indigo-600 indeterminate:border-indigo-600 indeterminate:bg-indigo-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 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 }),
+                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" }))))),
+        react_1.default.createElement("div", { className: "text-sm/6" },
+            react_1.default.createElement("label", { htmlFor: id, className: "font-medium text-gray-900 dark:text-white" }, heading),
+            react_1.default.createElement("p", { id: "".concat(id, "-description"), className: "text-gray-500 dark:text-gray-400" }, description))));
+};
+exports.VistaCheckboxV1 = VistaCheckboxV1;

package/molecules/vista-checkbox-v2.d.ts

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

package/molecules/vista-checkbox-v2.js

@@ -0,0 +1,25 @@
+'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.VistaCheckboxV2 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaCheckboxV2 = function (_a) {
+    var description = _a.description, heading = _a.heading, id = _a.id, onChange = _a.onChange;
+    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-indigo-600 checked:bg-indigo-600 indeterminate:border-indigo-600 indeterminate:bg-indigo-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto", id: id, name: id, onChange: onChange, type: "checkbox", value: id }),
+                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" })))),
+        react_1.default.createElement("div", { className: "text-sm/6" },
+            react_1.default.createElement("label", { htmlFor: "comments", className: "font-medium text-gray-900" }, heading),
+            ' ',
+            react_1.default.createElement("span", { id: "comments-description", className: "text-gray-500" },
+                react_1.default.createElement("span", { className: "sr-only" }, heading),
+                description))));
+};
+exports.VistaCheckboxV2 = VistaCheckboxV2;

package/molecules/vista-checkbox-v3.d.ts

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

package/molecules/vista-checkbox-v3.js

@@ -0,0 +1,22 @@
+'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.VistaCheckboxV3 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaCheckboxV3 = function (_a) {
+    var description = _a.description, heading = _a.heading, id = _a.id, onChange = _a.onChange;
+    return (react_1.default.createElement("div", { className: "relative flex gap-3 pb-4 pt-3.5" },
+        react_1.default.createElement("div", { className: "min-w-0 flex-1 text-sm/6" },
+            react_1.default.createElement("label", { htmlFor: id, className: "font-medium text-gray-900" }, heading),
+            description && (react_1.default.createElement("p", { id: "".concat(id, "-description"), className: "text-gray-500" }, description))),
+        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-indigo-600 checked:bg-indigo-600 indeterminate:border-indigo-600 indeterminate:bg-indigo-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto", id: id, name: id, onChange: onChange, type: "checkbox", value: id }),
+                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" }))))));
+};
+exports.VistaCheckboxV3 = VistaCheckboxV3;

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

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

package/molecules/vista-drawer-v1.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaDrawerV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@headlessui/react");
+var outline_1 = require("@heroicons/react/24/outline");
+var VistaDrawerV1 = function (_a) {
+    var cancelTitle = _a.cancelTitle, children = _a.children, description = _a.description, handleCancelOnClick = _a.handleCancelOnClick, handleSaveOnClick = _a.handleSaveOnClick, handleSetIsOpen = _a.handleSetIsOpen, isOpen = _a.isOpen, saveTitle = _a.saveTitle, title = _a.title;
+    return (react_1.default.createElement(react_2.Dialog, { open: isOpen, onClose: handleSetIsOpen, className: "relative z-10" },
+        react_1.default.createElement(react_2.DialogBackdrop, { transition: true, className: "fixed inset-0 bg-gray-500/75 transition-opacity duration-500 ease-in-out data-[closed]:opacity-0" }),
+        react_1.default.createElement("div", { className: "fixed inset-0" }),
+        react_1.default.createElement("div", { className: "fixed inset-0 overflow-hidden" },
+            react_1.default.createElement("div", { className: "absolute inset-0 overflow-hidden" },
+                react_1.default.createElement("div", { className: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" },
+                    react_1.default.createElement(react_2.DialogPanel, { transition: true, className: "pointer-events-auto w-screen max-w-md transform transition duration-500 ease-in-out data-[closed]:translate-x-full sm:duration-700" },
+                        react_1.default.createElement("div", { className: "flex h-full flex-col divide-y divide-gray-200 bg-white shadow-xl" },
+                            react_1.default.createElement("div", null,
+                                react_1.default.createElement("div", { className: "flex min-h-0 flex-1 flex-col" },
+                                    react_1.default.createElement("div", { className: "bg-indigo-700 px-4 py-6 sm:px-6" },
+                                        react_1.default.createElement("div", { className: "flex items-start justify-between" },
+                                            react_1.default.createElement(react_2.DialogTitle, { className: "text-base font-semibold text-white" }, title),
+                                            react_1.default.createElement("div", { className: "ml-3 flex h-7 items-center" },
+                                                react_1.default.createElement("button", { type: "button", onClick: function () { return handleSetIsOpen(false); }, className: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white focus:outline-none focus:ring-2 focus:ring-white" },
+                                                    react_1.default.createElement("span", { className: "absolute -inset-2.5" }),
+                                                    react_1.default.createElement("span", { className: "sr-only" }, "Close panel"),
+                                                    react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" })))),
+                                        description && (react_1.default.createElement("div", { className: "mt-1" },
+                                            react_1.default.createElement("p", { className: "text-sm text-indigo-300" }, description)))))),
+                            react_1.default.createElement("div", { className: "relative flex-1 px-4 py-6 sm:px-6 overflow-y-scroll" }, children),
+                            react_1.default.createElement("div", { className: "flex shrink-0 justify-end px-4 py-4" },
+                                react_1.default.createElement("button", { className: "rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:ring-gray-400", onClick: function () { return handleCancelOnClick(false); }, type: "button" }, cancelTitle),
+                                handleSaveOnClick && saveTitle && (react_1.default.createElement("button", { className: "ml-4 inline-flex justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500", onClick: handleSaveOnClick, type: "submit" }, saveTitle))))))))));
+};
+exports.VistaDrawerV1 = VistaDrawerV1;

package/molecules/vista-stacked-avatar-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaStackedAvatarV1Props } from '../type/vista-stacked-avatar-type';
+export declare const VistaStackedAvatarV1: FC<VistaStackedAvatarV1Props>;

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaStackedAvatarV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_avatar_type_1 = require("../type/vista-avatar-type");
+var vista_avatar_v1_1 = require("./vista-avatar-v1");
+var VistaStackedAvatarV1 = function (_a) {
+    var avatars = _a.avatars, size = _a.size;
+    return (react_1.default.createElement("div", { className: 'flex -space-x-4 overflow-hidden' }, avatars
+        .sort(function (a, b) { return a.order - b.order; })
+        .filter(function (_a) {
+        var enabled = _a.enabled;
+        return enabled;
+    })
+        .map(function (_a) {
+        var id = _a.id, alt = _a.alt, src = _a.src;
+        return (react_1.default.createElement(vista_avatar_v1_1.VistaAvatarV1, { alt: alt, className: 'ring-2 ring-white', key: id, rounded: vista_avatar_type_1.VISTA_AVATAR_ROUNDED.FULL, size: size, src: src }));
+    })));
+};
+exports.VistaStackedAvatarV1 = VistaStackedAvatarV1;

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

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { VistaStatsV1Props } from "../type/vista-stats-type";
+export declare const VistaStatsV1: FC<VistaStatsV1Props>;