@appcorp/app-corp-vista 0.0.1

package/molecules/vista-vertical-divider-v8.js

@@ -0,0 +1,60 @@
+"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.VistaVerticalDividerV8 = void 0;
+var react_1 = __importStar(require("react"));
+var VistaVerticalDividerV8 = function (_a) {
+    var icons = _a.icons;
+    return (react_1.default.createElement("div", { className: "relative" },
+        react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 flex items-center" },
+            react_1.default.createElement("div", { className: "w-full border-t border-gray-300" })),
+        react_1.default.createElement("div", { className: "relative flex justify-center" },
+            react_1.default.createElement("span", { className: "isolate inline-flex -space-x-px rounded-md shadow-sm" }, icons
+                .sort(function (a, b) { return a.order - b.order; })
+                .filter(function (_a) {
+                var enabled = _a.enabled;
+                return enabled;
+            })
+                .map(function (_a, ind) {
+                var id = _a.id, icon = _a.icon, handleOnClick = _a.handleOnClick, label = _a.label;
+                return (react_1.default.createElement("button", { className: "relative inline-flex items-center bg-white px-3 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10 ".concat(ind === 0 && 'rounded-l-md', " ").concat(ind === icons.length - 1 && 'rounded-r-md'), key: id, type: "button", onClick: handleOnClick },
+                    react_1.default.createElement("span", { className: "sr-only" }, label),
+                    (0, react_1.createElement)(icon, {
+                        'aria-hidden': true,
+                        className: 'size-5',
+                    })));
+            })))));
+};
+exports.VistaVerticalDividerV8 = VistaVerticalDividerV8;

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

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

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

@@ -0,0 +1,59 @@
+'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.VistaComboboxesV1 = void 0;
+var react_1 = __importStar(require("react"));
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var VistaComboboxesV1 = function (_a) {
+    var checkClassName = _a.checkClassName, comboboxButtonClassName = _a.comboboxButtonClassName, comboboxClassName = _a.comboboxClassName, comboboxInputClassName = _a.comboboxInputClassName, comboboxOptionClassName = _a.comboboxOptionClassName, comboboxOptionsClassName = _a.comboboxOptionsClassName, handleInputOnChange = _a.handleInputOnChange, handleOnBlur = _a.handleOnBlur, handleOnChange = _a.handleOnChange, inputIconClassName = _a.inputIconClassName, label = _a.label, labelClassName = _a.labelClassName, listItems = _a.listItems, nodeQueryKey = _a.nodeQueryKey, nodeSelectKey = _a.nodeSelectKey, query = _a.query, selectKey1 = _a.selectKey1, selectedItem = _a.selectedItem, placeholder = _a.placeholder;
+    var filteredList = (0, react_1.useMemo)(function () {
+        return query === ''
+            ? listItems
+            : listItems.filter(function (item) { var _a; return (_a = item[selectKey1]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(query.toLowerCase()); });
+    }, [listItems, query, selectKey1]);
+    return (react_1.default.createElement(react_2.Combobox, { as: "div", className: "".concat(comboboxClassName), onChange: function (v) { return handleOnChange(nodeSelectKey, v); }, value: selectedItem },
+        react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white ".concat(labelClassName) }, label),
+        react_1.default.createElement("div", { className: "relative mt-2" },
+            react_1.default.createElement(react_2.ComboboxInput, { className: "block w-full rounded-md bg-white dark:bg-gray-800 py-1.5 pl-3 pr-10 text-gray-800 dark:text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm/6 placeholder-gray-500 ".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-800 dark:text-white ".concat(inputIconClassName), "aria-hidden": "true" })),
+            (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-white dark:bg-gray-800 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-800 dark:text-white data-[focus]:bg-indigo-600 data-[focus]:text-white data-[focus]:outline-none ".concat(comboboxOptionClassName), key: item[selectKey1] || item, value: item[selectKey1] || item },
+                react_1.default.createElement("span", { className: "block truncate group-data-[selected]:font-semibold" }, item[selectKey1] || item),
+                react_1.default.createElement("span", { className: "absolute inset-y-0 right-0 hidden items-center pr-4 text-indigo-600 group-data-[selected]:flex group-data-[focus]:text-white ".concat(checkClassName) },
+                    react_1.default.createElement(solid_1.CheckIcon, { className: "size-5", "aria-hidden": "true" })))); }))))));
+};
+exports.VistaComboboxesV1 = VistaComboboxesV1;

package/package.json

@@ -0,0 +1,95 @@
+{
+  "name": "@appcorp/app-corp-vista",
+  "version": "0.0.1",
+  "scripts": {
+    "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
+    "build:next": "next build",
+    "build:storybook": "storybook build -c .storybook -o .out",
+    "build:ts": "tsc --project tsconfig.build.json",
+    "clean": "yarn rimraf ./lib",
+    "copy:deploy:files": "cp favicon.ico ./.out/ && cp assets/react-pakistan.jpeg ./.out/",
+    "deploy:storybook": "concurrently \"yarn storybook:ghpages\" \"sleep 15 && rm ./*out*/favicon.ico && yarn copy:deploy:files\"",
+    "deploy:storybook:ci": "concurrently \"yarn storybook:ghpages:ci\" \"sleep 15 && rm ./*out*/favicon.ico && yarn copy:deploy:files\"",
+    "dev": "next dev",
+    "dev:email": "email dev --dir ./src/emails",
+    "extract": "yarn build:storybook && npx sb extract ./.out && cp ./.out/stories.json . && rm -rf ./.out",
+    "generate:sitemap": "scripts/generate-sitemap.sh",
+    "lint": "next lint",
+    "major": "npm version major",
+    "minor": "npm version minor",
+    "patch": "npm version patch",
+    "prepare": "husky",
+    "publish:npm": "yarn build && cd lib/ && npm publish --access public && cd ..",
+    "start": "next start",
+    "storybook": "concurrently 'yarn:watch:*'",
+    "upgrade": "ncu -u",
+    "watch:storybook": "storybook dev -p 9001",
+    "watch:tailwind": "npx tailwindcss -i src/styles/globals.css -o src/styles/tailwind-output.css --watch"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@headlessui/react": "^2.2.0",
+    "@headlessui/tailwindcss": "^0.2.1",
+    "@heroicons/react": "^2.2.0",
+    "@mdx-js/loader": "^3.1.0",
+    "@mdx-js/react": "^3.1.0",
+    "@mdxeditor/editor": "^3.20.0",
+    "@next/third-parties": "^15.1.2",
+    "@react-email/components": "^0.0.31",
+    "@react-jvectormap/core": "^1.0.4",
+    "@react-jvectormap/world": "^1.1.2",
+    "@react-pakistan/react-icon-collection": "^3.5.0",
+    "@react-pakistan/util-functions": "^1.23.34",
+    "@remixicon/react": "^4.6.0",
+    "@storybook/addon-essentials": "8.4.7",
+    "@storybook/addon-interactions": "8.4.7",
+    "@storybook/addon-links": "8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/blocks": "8.4.7",
+    "@storybook/nextjs": "8.4.7",
+    "@storybook/react": "8.4.7",
+    "@storybook/test": "8.4.7",
+    "@storybook/types": "8.4.7",
+    "@tailwindcss/forms": "^0.5.9",
+    "@tremor/react": "^3.18.6",
+    "@types/node": "^22",
+    "@types/react": "^19",
+    "@types/react-day-picker": "^5.3.0",
+    "@types/react-dom": "^19",
+    "apexcharts": "^4.3.0",
+    "autoprefixer": "^10.4.20",
+    "clsx": "^2.1.1",
+    "concurrently": "^9.1.0",
+    "eslint": "^9",
+    "eslint-config-next": "15.1.2",
+    "eslint-plugin-storybook": "^0.11.1",
+    "fast-glob": "^3.3.2",
+    "framer-motion": "^11.15.0",
+    "husky": "^9.1.7",
+    "next": "^15.1.2",
+    "next-intl": "^3.26.3",
+    "postcss": "^8",
+    "react": "^19.0.0",
+    "react-apexcharts": "^1.7.0",
+    "react-before-after-slider-component": "^1.1.8",
+    "react-day-picker": "^8.10.1",
+    "react-dom": "^19.0.0",
+    "react-email": "^3.0.4",
+    "react-hook-form": "^7.54.2",
+    "react-select": "^5.9.0",
+    "storybook": "8.4.7",
+    "swr": "^2.2.5",
+    "tailwindcss": "^3.4.17",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5"
+  },
+  "resolutions": {
+    "jackspeak": "2.1.1"
+  },
+  "engines": {
+    "npm": ">=10.0.0",
+    "node": ">=20.0.0"
+  }
+}

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

@@ -0,0 +1,44 @@
+export declare enum VISTA_AVATAR_SIZES {
+    XS = "XS",
+    SM = "SM",
+    MD = "MD",
+    LG = "LG",
+    XL = "XL"
+}
+export declare enum VISTA_AVATAR_ROUNDED {
+    FULL = "rounded-full",
+    MD = "rounded-md"
+}
+export declare enum VISTA_AVATAR_STATUS {
+    AWAY = "AWAY",
+    OFFLINE = "OFFLINE",
+    ONLINE = "ONLINE"
+}
+export declare enum VISTA_STATUS_POSITION {
+    TOP_LEFT = "TOP_LEFT",
+    TOP_RIGHT = "TOP_RIGHT",
+    BOTTOM_LEFT = "BOTTOM_LEFT",
+    BOTTOM_RIGHT = "BOTTOM_RIGHT"
+}
+export interface VistaAvatarV1Props {
+    alt: string;
+    className?: string;
+    initial?: string;
+    rounded?: VISTA_AVATAR_ROUNDED;
+    size?: VISTA_AVATAR_SIZES;
+    src?: string;
+    status?: VISTA_AVATAR_STATUS;
+    statusPosition?: VISTA_STATUS_POSITION;
+}
+export interface VistaAvatarV2Props {
+    alt: string;
+    className?: string;
+    initial?: string;
+    name: string;
+    rounded: VISTA_AVATAR_ROUNDED;
+    size: VISTA_AVATAR_SIZES;
+    src?: string;
+    status?: VISTA_AVATAR_STATUS;
+    statusPosition?: VISTA_STATUS_POSITION;
+    subTitle: string;
+}

package/type/vista-avatar-type.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VISTA_STATUS_POSITION = exports.VISTA_AVATAR_STATUS = exports.VISTA_AVATAR_ROUNDED = exports.VISTA_AVATAR_SIZES = void 0;
+var VISTA_AVATAR_SIZES;
+(function (VISTA_AVATAR_SIZES) {
+    VISTA_AVATAR_SIZES["XS"] = "XS";
+    VISTA_AVATAR_SIZES["SM"] = "SM";
+    VISTA_AVATAR_SIZES["MD"] = "MD";
+    VISTA_AVATAR_SIZES["LG"] = "LG";
+    VISTA_AVATAR_SIZES["XL"] = "XL";
+})(VISTA_AVATAR_SIZES || (exports.VISTA_AVATAR_SIZES = VISTA_AVATAR_SIZES = {}));
+var VISTA_AVATAR_ROUNDED;
+(function (VISTA_AVATAR_ROUNDED) {
+    VISTA_AVATAR_ROUNDED["FULL"] = "rounded-full";
+    VISTA_AVATAR_ROUNDED["MD"] = "rounded-md";
+})(VISTA_AVATAR_ROUNDED || (exports.VISTA_AVATAR_ROUNDED = VISTA_AVATAR_ROUNDED = {}));
+var VISTA_AVATAR_STATUS;
+(function (VISTA_AVATAR_STATUS) {
+    VISTA_AVATAR_STATUS["AWAY"] = "AWAY";
+    VISTA_AVATAR_STATUS["OFFLINE"] = "OFFLINE";
+    VISTA_AVATAR_STATUS["ONLINE"] = "ONLINE";
+})(VISTA_AVATAR_STATUS || (exports.VISTA_AVATAR_STATUS = VISTA_AVATAR_STATUS = {}));
+var VISTA_STATUS_POSITION;
+(function (VISTA_STATUS_POSITION) {
+    VISTA_STATUS_POSITION["TOP_LEFT"] = "TOP_LEFT";
+    VISTA_STATUS_POSITION["TOP_RIGHT"] = "TOP_RIGHT";
+    VISTA_STATUS_POSITION["BOTTOM_LEFT"] = "BOTTOM_LEFT";
+    VISTA_STATUS_POSITION["BOTTOM_RIGHT"] = "BOTTOM_RIGHT";
+})(VISTA_STATUS_POSITION || (exports.VISTA_STATUS_POSITION = VISTA_STATUS_POSITION = {}));

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

@@ -0,0 +1,20 @@
+import { ChangeEvent } from "react";
+export interface VistaCheckboxV1Props {
+    checked: boolean;
+    description: string;
+    handleOnChange: (k: string, v: boolean) => void;
+    heading: string;
+    id: string;
+}
+export interface VistaCheckboxV2Props {
+    description: string;
+    heading: string;
+    id: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+export interface VistaCheckboxV3Props {
+    description?: string;
+    heading: string;
+    id: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+}

package/type/vista-checkbox-type.js

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

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

@@ -0,0 +1,21 @@
+export interface VistaComboboxesV1Props {
+    handleInputOnChange: (k: string, v: string) => void;
+    handleOnBlur: (k: string, v: string) => void;
+    handleOnChange: (k: string, v: string) => void;
+    label: string;
+    listItems: any[];
+    nodeQueryKey: string;
+    nodeSelectKey: string;
+    query: string;
+    selectKey1: string;
+    selectedItem: any;
+    labelClassName?: string;
+    comboboxClassName?: string;
+    comboboxInputClassName?: string;
+    comboboxButtonClassName?: string;
+    comboboxOptionsClassName?: string;
+    comboboxOptionClassName?: string;
+    checkClassName?: string;
+    inputIconClassName?: string;
+    placeholder: string;
+}

package/type/vista-comboboxes-type.js

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

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

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+export interface VistaDrawerV1Props {
+    cancelTitle: string;
+    children: ReactNode;
+    description?: string;
+    handleCancelOnClick: (b: boolean) => void;
+    handleSaveOnClick?: () => void;
+    handleSetIsOpen: (b: boolean) => void;
+    isOpen: boolean;
+    saveTitle?: string;
+    title: string;
+}

package/type/vista-drawer-type.js

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

package/type/vista-stacked-avatar-type.d.ts

@@ -0,0 +1,12 @@
+import { VISTA_AVATAR_SIZES } from "./vista-avatar-type";
+export interface VistaStackedAvatarItem {
+    alt: string;
+    enabled: boolean;
+    id: string;
+    order: number;
+    src: string;
+}
+export interface VistaStackedAvatarV1Props {
+    avatars: VistaStackedAvatarItem[];
+    size: VISTA_AVATAR_SIZES;
+}

package/type/vista-stacked-avatar-type.js

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

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

@@ -0,0 +1,56 @@
+import { JSXElementConstructor } from "react";
+export interface VistaStatItemV1 {
+    change: string;
+    changeType: string;
+    enabled: boolean;
+    name: string;
+    order: number;
+    value: string;
+}
+export interface VistaStatItemV2 {
+    enabled: true;
+    name: string;
+    order: number;
+    unit?: string;
+    value: string;
+}
+export interface VistaStatItemV3 {
+    enabled: true;
+    name: string;
+    order: number;
+    value: string;
+}
+export interface VistaStatItemV4 {
+    change: string;
+    changeType: string;
+    enabled: true;
+    icon: JSXElementConstructor<any>;
+    id: string;
+    name: string;
+    order: number;
+    stat: string;
+}
+export interface VistaStatItemV5 {
+    change: string;
+    changeType: string;
+    enabled: boolean;
+    name: string;
+    order: number;
+    previousStat: string;
+    stat: string;
+}
+export interface VistaStatsV1Props {
+    items: VistaStatItemV1[];
+}
+export interface VistaStatsV2Props {
+    items: VistaStatItemV2[];
+}
+export interface VistaStatsV3Props {
+    items: VistaStatItemV3[];
+}
+export interface VistaStatsV4Props {
+    items: VistaStatItemV4[];
+}
+export interface VistaStatsV5Props {
+    items: VistaStatItemV5[];
+}

package/type/vista-stats-type.js

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

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

@@ -0,0 +1,24 @@
+export interface VistaToggleV1Props {
+    enabled: boolean;
+    setEnabled: () => void;
+}
+export interface VistaToggleV2Props {
+    enabled: boolean;
+    setEnabled: () => void;
+}
+export interface VistaToggleV3Props {
+    enabled: boolean;
+    setEnabled: () => void;
+}
+export interface VistaToggleV4Props {
+    description: string;
+    enabled: boolean;
+    label: string;
+    setEnabled: () => void;
+}
+export interface VistaToggleV5Props {
+    description: string;
+    enabled: boolean;
+    label: string;
+    setEnabled: () => void;
+}

package/type/vista-toggle-type.js

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

package/type/vista-vertical-divider-type.d.ts

@@ -0,0 +1,49 @@
+import { ForwardRefExoticComponent, SVGProps, RefAttributes } from "react";
+export interface VistaVerticalDividerV1Props {
+    label: string;
+}
+export interface VistaVerticalDividerV2Props {
+    icon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, 'ref'> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+    } & RefAttributes<SVGSVGElement>>;
+}
+export interface VistaVerticalDividerV3Props {
+    label: string;
+}
+export interface VistaVerticalDividerV4Props {
+    label: string;
+}
+export interface VistaVerticalDividerV5Props {
+    label: string;
+}
+export interface VistaVerticalDividerV6Props {
+    handleOnClick: () => void;
+    icon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, 'ref'> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+    } & RefAttributes<SVGSVGElement>>;
+    label: string;
+}
+export interface VistaVerticalDividerV7Props {
+    handleOnClick: () => void;
+    icon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, 'ref'> & {
+        title?: string | undefined;
+        titleId?: string | undefined;
+    } & RefAttributes<SVGSVGElement>>;
+    label: string;
+    title: string;
+}
+export interface VistaVerticalDividerV8Props {
+    icons: {
+        enabled: boolean;
+        handleOnClick: () => void;
+        icon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, 'ref'> & {
+            title?: string | undefined;
+            titleId?: string | undefined;
+        } & RefAttributes<SVGSVGElement>>;
+        id: string;
+        label: string;
+        order: number;
+    }[];
+}

package/type/vista-vertical-divider-type.js

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

package/utils/class-names.d.ts

@@ -0,0 +1 @@
+export declare const classNames: (...classes: string[]) => string;

package/utils/class-names.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.classNames = void 0;
+var classNames = function () {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+};
+exports.classNames = classNames;