pixelize-design-library 2.1.7 → 2.1.9

package/dist/types/Pages/chart.d.ts

@@ -0,0 +1,2 @@
+declare const ChartPage: () => import("react/jsx-runtime").JSX.Element;
+export default ChartPage;

package/dist/types/Pages/checkbox.d.ts

@@ -0,0 +1,2 @@
+declare const CheckboxPage: () => import("react/jsx-runtime").JSX.Element;
+export default CheckboxPage;

package/dist/types/Pages/contactForm.d.ts

@@ -0,0 +1,2 @@
+declare const contactForm: () => import("react/jsx-runtime").JSX.Element;
+export default contactForm;

package/dist/types/Pages/datePick.d.ts

@@ -0,0 +1,2 @@
+declare const DatePick: () => import("react/jsx-runtime").JSX.Element;
+export default DatePick;

package/dist/types/Pages/drawer.d.ts

@@ -0,0 +1,2 @@
+declare const DrawerPage: () => import("react/jsx-runtime").JSX.Element;
+export default DrawerPage;

package/dist/types/Pages/dropdown.d.ts

@@ -0,0 +1,2 @@
+declare const DropdownPage: () => import("react/jsx-runtime").JSX.Element;
+export default DropdownPage;

package/dist/types/Pages/editor.d.ts

@@ -0,0 +1,2 @@
+declare const EditorPage: () => import("react/jsx-runtime").JSX.Element;
+export default EditorPage;

package/dist/types/Pages/fileUpload.d.ts

@@ -0,0 +1 @@
+export declare const FileUploader: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/Pages/input.d.ts

@@ -0,0 +1,2 @@
+declare const InputPage: () => import("react/jsx-runtime").JSX.Element;
+export default InputPage;

package/dist/types/Pages/kanbanboard.d.ts

@@ -0,0 +1,2 @@
+declare const KanbanBoardExample: () => import("react/jsx-runtime").JSX.Element;
+export default KanbanBoardExample;

package/dist/types/Pages/modal.d.ts

@@ -0,0 +1,2 @@
+declare const ModalPage: () => import("react/jsx-runtime").JSX.Element;
+export default ModalPage;

package/dist/types/Pages/multiSelect.d.ts

@@ -0,0 +1,2 @@
+declare const MultiSelectPage: () => import("react/jsx-runtime").JSX.Element;
+export default MultiSelectPage;

package/dist/types/Pages/noteArea.d.ts

@@ -0,0 +1,2 @@
+declare const NoteAreaPage: () => import("react/jsx-runtime").JSX.Element;
+export default NoteAreaPage;

package/dist/types/Pages/numberInput.d.ts

@@ -0,0 +1,2 @@
+declare const NumberInputPage: () => import("react/jsx-runtime").JSX.Element;
+export default NumberInputPage;

package/dist/types/Pages/pinInputs.d.ts

@@ -0,0 +1,2 @@
+declare const PinInputPage: () => import("react/jsx-runtime").JSX.Element;
+export default PinInputPage;

package/dist/types/Pages/productCaard.d.ts

@@ -0,0 +1,2 @@
+declare const productCaard: () => import("react/jsx-runtime").JSX.Element;
+export default productCaard;

package/dist/types/Pages/progressbar.d.ts

@@ -0,0 +1,2 @@
+declare const ProgressbarPage: () => import("react/jsx-runtime").JSX.Element;
+export default ProgressbarPage;

package/dist/types/Pages/radioButton.d.ts

@@ -0,0 +1,2 @@
+declare const RadioButtonPage: () => import("react/jsx-runtime").JSX.Element;
+export default RadioButtonPage;

package/dist/types/Pages/search.d.ts

@@ -0,0 +1,2 @@
+declare const SearchPage: () => import("react/jsx-runtime").JSX.Element;
+export default SearchPage;

package/dist/types/Pages/searchSelect.d.ts

@@ -0,0 +1,2 @@
+declare const SearchSelect: () => import("react/jsx-runtime").JSX.Element;
+export default SearchSelect;

package/dist/types/Pages/select.d.ts

@@ -0,0 +1,2 @@
+declare const SelectPage: () => import("react/jsx-runtime").JSX.Element;
+export default SelectPage;

package/dist/types/Pages/selectSearch.d.ts

@@ -0,0 +1,2 @@
+declare const SelectSearchs: () => import("react/jsx-runtime").JSX.Element;
+export default SelectSearchs;

package/dist/types/Pages/skeleton.d.ts

@@ -0,0 +1,2 @@
+declare const SkeletonPage: () => import("react/jsx-runtime").JSX.Element;
+export default SkeletonPage;

package/dist/types/Pages/switch.d.ts

@@ -0,0 +1,2 @@
+declare const SwitchPage: () => import("react/jsx-runtime").JSX.Element;
+export default SwitchPage;

package/dist/types/Pages/table.d.ts

@@ -0,0 +1 @@
+export declare const TableExample: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/Pages/textArea.d.ts

@@ -0,0 +1,2 @@
+declare const TextAreaPage: () => import("react/jsx-runtime").JSX.Element;
+export default TextAreaPage;

package/dist/types/Pages/timeline.d.ts

@@ -0,0 +1,2 @@
+declare const TimelinePage: () => import("react/jsx-runtime").JSX.Element;
+export default TimelinePage;

package/dist/types/Pages/tooltip.d.ts

@@ -0,0 +1,2 @@
+declare const TooltipPage: () => import("react/jsx-runtime").JSX.Element;
+export default TooltipPage;

package/dist/types/Pages/toster.d.ts

@@ -0,0 +1,2 @@
+declare const TosterPage: () => import("react/jsx-runtime").JSX.Element;
+export default TosterPage;

package/dist/types/Pages/verifyEmail.d.ts

@@ -0,0 +1,2 @@
+declare const VerifyEmailPage: () => import("react/jsx-runtime").JSX.Element;
+export default VerifyEmailPage;

package/dist/{withTheme.d.ts → types/withTheme.d.ts}

@@ -1,3 +1,3 @@
 import React from "react";
-declare const withTheme: (Component: React.ComponentType, theme?: any) => (props: any) => React.JSX.Element;
+declare const withTheme: (Component: React.ComponentType, theme?: any) => (props: any) => import("react/jsx-runtime").JSX.Element;
 export default withTheme;

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.1.7",
+  "version": "2.1.9",
   "private": false,
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "dependencies": {
     "@chakra-ui/react": "^2.8.2",
     "@hello-pangea/dnd": "^18.0.1",
@@ -15,13 +18,13 @@
     "react-apexcharts": "^1.4.1",
     "react-datepicker": "^7.3.0",
     "react-dom": "^18.3.1",
+    "react-dropzone": "^14.3.8",
     "react-scripts": "^5.0.1",
-    "react-window": "^1.8.11",
-    "react-dropzone": "^14.3.8"
+    "react-window": "^1.8.11"
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "tsc && copyfiles -u 1 src/**/*.css src/assets/**/* dist/",
+    "build": "rollup -c",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "package": "npm version patch && npm run build && npm publish"
@@ -49,6 +52,11 @@
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-node-resolve": "^15.3.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.4",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
@@ -58,13 +66,14 @@
     "@types/react-dom": "^18.3.0",
     "@types/react-window": "^1.8.8",
     "autoprefixer": "^10.4.21",
-    "copyfiles": "^2.4.1",
     "path": "^0.12.7",
     "postcss": "^8.5.4",
     "prettier": "^3.3.2",
     "prop-types": "^15.8.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-visualizer": "^6.0.3",
     "tailwindcss": "^3.4.17",
-    "typescript": "^4.9.5",
-    "webpack": "^5.91.0"
+    "typescript": "^4.9.5"
   }
 }

package/dist/App.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import './global.css';
-declare function App(): React.JSX.Element;
-export default App;

package/dist/App.js

@@ -1,128 +0,0 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var Loading_1 = __importDefault(require("./Components/Loading/Loading"));
-var SideBar_1 = __importDefault(require("./Components/SideBar/SideBar"));
-var NavigationBar_1 = __importDefault(require("./Components/NavigationBar/NavigationBar"));
-var Breadcrumbs_1 = __importDefault(require("./Components/Breadcrumbs/Breadcrumbs"));
-var Layout_1 = __importDefault(require("./Layout"));
-var lucide_react_1 = require("lucide-react");
-require("./global.css");
-function App() {
-    function useWindowSize() {
-        var _a = (0, react_1.useState)({
-            width: 0,
-            height: 0,
-        }), windowSize = _a[0], setWindowSize = _a[1];
-        (0, react_1.useEffect)(function () {
-            function handleResize() {
-                setWindowSize({
-                    width: window.innerWidth,
-                    height: window.innerHeight,
-                });
-            }
-            window.addEventListener("resize", handleResize);
-            handleResize();
-            return function () { return window.removeEventListener("resize", handleResize); };
-        }, []);
-        return windowSize;
-    }
-    var _a = useWindowSize(), width = _a.width, height = _a.height;
-    var breadcrumbItems = [
-        { path: "/home", label: "Home" },
-        { path: "/about", label: "About" },
-        { path: "/contact", label: "Contact" },
-    ];
-    var handleClick = function (path) {
-        console.log("Navigating to ".concat(path));
-    };
-    var menu = [
-        { id: 1, title: "Dashboard", icon: lucide_react_1.House, url: "dashboard" },
-        { id: 2, title: "Calendar", icon: lucide_react_1.Calendar, url: "calendar" },
-        { id: 3, title: "Reports", icon: lucide_react_1.Calendar, url: "reports" },
-        { id: 4, title: "Settings", icon: lucide_react_1.Calendar, url: "settings" },
-        { id: 5, title: "Users", icon: lucide_react_1.Calendar, url: "users" },
-        { id: 6, title: "Notifications notifications notifications notifications notifications", icon: lucide_react_1.Calendar, url: "notifications" },
-        { id: 7, title: "Analytics", icon: lucide_react_1.Calendar, url: "analytics" },
-        {
-            id: 8, title: "Projects", icon: lucide_react_1.Calendar, url: "projects", subMenu: [{
-                    id: 21, title: "submenu1hghvhvkhvkhvkhvh", icon: lucide_react_1.Calendar, url: "submenu1"
-                },
-                {
-                    id: 22, title: "submenu2", icon: lucide_react_1.Calendar, url: "submenu2"
-                }]
-        },
-        { id: 9, title: "Tasks", icon: lucide_react_1.Calendar, url: "tasks" },
-        { id: 10, title: "Teams", icon: lucide_react_1.Calendar, url: "teams" },
-        { id: 11, title: "Clients", icon: lucide_react_1.Calendar, url: "clients" },
-        { id: 12, title: "Invoices", icon: lucide_react_1.Calendar, url: "invoices" },
-        { id: 13, title: "Payments", icon: lucide_react_1.Calendar, url: "payments" },
-        { id: 14, title: "Leads", icon: lucide_react_1.Calendar, url: "leads" },
-        { id: 15, title: "Opportunities", icon: lucide_react_1.Calendar, url: "opportunities" },
-        { id: 16, title: "Campaigns", icon: lucide_react_1.Calendar, url: "campaigns" },
-        { id: 17, title: "Documents", icon: lucide_react_1.Calendar, url: "documents" },
-        { id: 18, title: "Files", icon: lucide_react_1.Calendar, url: "files" },
-        { id: 19, title: "Support", icon: lucide_react_1.Calendar, url: "support" },
-        { id: 20, title: "Integrations", icon: lucide_react_1.Calendar, url: "integrations" },
-    ];
-    var _b = (0, react_1.useState)(true), toggle = _b[0], changeToggle = _b[1];
-    var _c = (0, react_1.useState)(""), activeMenu = _c[0], setActiveMenu = _c[1];
-    var handleMenuClick = function (menu) {
-        setActiveMenu(menu === null || menu === void 0 ? void 0 : menu.title);
-    };
-    var navmenus = [
-        { title: "Account Settings", url: "myaccount" },
-        { title: "Resetpassword", url: "resetpassword" },
-    ];
-    var handleNavOnClick = function (title) { };
-    var handleLogout = function () { };
-    return (react_1.default.createElement("div", { className: "App" },
-        react_1.default.createElement(react_2.Box, { minH: "100vh", bg: "gray.100", overflow: "hidden" },
-            react_1.default.createElement(Loading_1.default, { text: "PIXELIZE CRM", isLoading: false, onlytext: true }),
-            react_1.default.createElement(react_2.Flex, null,
-                react_1.default.createElement(react_2.Box, null,
-                    react_1.default.createElement(SideBar_1.default, { menus: menu, activeMenu: activeMenu, handleMenuClick: handleMenuClick, toggle: toggle, changeToggle: function () { return changeToggle(!toggle); }, 
-                        // logo={
-                        //   "https://play-lh.googleusercontent.com/Fro4e_osoDhhrjgiZ_Y2C5FNXBMWvrb4rGpmkM1PDAcUPXeiAlPCq7NeaT4Q6NRUxRqo"
-                        // }
-                        companyName: "PIXELIZE" })),
-                react_1.default.createElement(react_2.Box, { flex: "1", maxWidth: width, overflow: "hidden" },
-                    react_1.default.createElement(NavigationBar_1.default, { userAvathar: "https://bit.ly/dan-abramo", userName: "PIXELIZE", navMenu: navmenus, handleNavOnClick: handleNavOnClick, handleLogout: handleLogout, logoutText: "Logout", key: "navbar", navigationBarText: {
-                            text: "Dashboard",
-                            onIconClick: function () {
-                                console.log("Back icon clicked");
-                            },
-                        }, moreIcon: react_1.default.createElement(lucide_react_1.Calendar, null) }),
-                    react_1.default.createElement("br", null),
-                    react_1.default.createElement(Breadcrumbs_1.default, { separator: react_1.default.createElement(lucide_react_1.ChevronRight, { color: "gray.500" }), items: breadcrumbItems, handleClick: handleClick }),
-                    react_1.default.createElement(react_2.Box, { p: "50px", height: height - 160, overflowY: "scroll", width: width - 75 },
-                        react_1.default.createElement(Layout_1.default, null)))))));
-}
-exports.default = App;

package/dist/Assets/defaultLogo.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const DefaultLogo: () => React.JSX.Element;
-export default DefaultLogo;

package/dist/Assets/defaultLogo.js

@@ -1,15 +0,0 @@
-"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 useCustomTheme_1 = require("../Theme/useCustomTheme");
-var DefaultLogo = function () {
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    return (react_1.default.createElement("svg", { width: "12.09", height: "15.95", viewBox: "0 0 31 29", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        react_1.default.createElement("path", { d: "M30.4999 6.26137V7.81058H15.9761H14.8787V22.8508V28.8862H12.5226C9.6824 28.8862 7.32632 26.4656 7.06812 23.3995C7.06812 23.2381 7.06812 23.0444 7.06812 22.8508V18.3323C7.06812 18.2677 7.06812 18.2032 7.06812 18.1063V15.5889V6.2291C7.06812 2.80793 9.84378 -5.72205e-06 13.2972 -5.72205e-06H24.8517C28.0147 0.355021 30.4676 3.00158 30.4676 6.2291L30.4999 6.26137Z", fill: theme.colors.black }),
-        react_1.default.createElement("path", { d: "M7.10053 23.3672H7.03598C5.16402 23.2381 3.48571 22.4635 2.25926 21.3338C0.871428 20.0428 0 18.2677 0 16.3312V15.6211H7.06825V18.1386C7.06825 18.2032 7.06825 18.2677 7.06825 18.3645V22.883C7.06825 23.0767 7.06825 23.2381 7.06825 23.4317L7.10053 23.3672Z", fill: theme.colors.black }),
-        react_1.default.createElement("path", { d: "M30.4678 12.0063V15.6211V17.1703C30.4678 20.6238 26.272 23.3994 21.0757 23.3994H14.8789V22.8508V15.6211H22.6572V7.81056C22.6895 7.81056 30.5001 7.81056 30.5001 7.81056V11.5868C30.5001 11.7159 30.5001 11.8772 30.5001 12.0063H30.4678Z", fill: theme.colors.black })));
-};
-exports.default = DefaultLogo;

package/dist/Assets/defaultLogo.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import { useCustomTheme } from "../Theme/useCustomTheme";
-
-const DefaultLogo = () => {
-  const theme = useCustomTheme();
-  return (
-    <svg
-      width="12.09"
-      height="15.95"
-      viewBox="0 0 31 29"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M30.4999 6.26137V7.81058H15.9761H14.8787V22.8508V28.8862H12.5226C9.6824 28.8862 7.32632 26.4656 7.06812 23.3995C7.06812 23.2381 7.06812 23.0444 7.06812 22.8508V18.3323C7.06812 18.2677 7.06812 18.2032 7.06812 18.1063V15.5889V6.2291C7.06812 2.80793 9.84378 -5.72205e-06 13.2972 -5.72205e-06H24.8517C28.0147 0.355021 30.4676 3.00158 30.4676 6.2291L30.4999 6.26137Z"
-        fill={theme.colors.black}
-      />
-      <path
-        d="M7.10053 23.3672H7.03598C5.16402 23.2381 3.48571 22.4635 2.25926 21.3338C0.871428 20.0428 0 18.2677 0 16.3312V15.6211H7.06825V18.1386C7.06825 18.2032 7.06825 18.2677 7.06825 18.3645V22.883C7.06825 23.0767 7.06825 23.2381 7.06825 23.4317L7.10053 23.3672Z"
-        fill={theme.colors.black}
-      />
-      <path
-        d="M30.4678 12.0063V15.6211V17.1703C30.4678 20.6238 26.272 23.3994 21.0757 23.3994H14.8789V22.8508V15.6211H22.6572V7.81056C22.6895 7.81056 30.5001 7.81056 30.5001 7.81056V11.5868C30.5001 11.7159 30.5001 11.8772 30.5001 12.0063H30.4678Z"
-        fill={theme.colors.black}
-      />
-    </svg>
-
-  )
-};
-
-export default DefaultLogo;

package/dist/Components/Accordion/Accordion.js

@@ -1,40 +0,0 @@
-"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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 react_2 = require("@chakra-ui/react");
-var Accordion = function (_a) {
-    var allowMultiple = _a.allowMultiple, allowToggle = _a.allowToggle, index = _a.index, onChange = _a.onChange, reduceMotion = _a.reduceMotion, items = _a.items, rest = __rest(_a, ["allowMultiple", "allowToggle", "index", "onChange", "reduceMotion", "items"]);
-    return (react_1.default.createElement(react_2.Accordion, __assign({ allowMultiple: allowMultiple, allowToggle: allowToggle, index: index, onChange: onChange, reduceMotion: reduceMotion }, rest), items.map(function (item, idx) {
-        var _a, _b, _c, _d;
-        return (react_1.default.createElement(react_2.AccordionItem, __assign({ key: idx }, item.itemProps, { sx: (_a = item.customStyles) === null || _a === void 0 ? void 0 : _a.itemStyle }),
-            react_1.default.createElement("h2", null,
-                react_1.default.createElement(react_2.AccordionButton, __assign({}, item.buttonProps, { sx: __assign(__assign({}, (_b = item.customStyles) === null || _b === void 0 ? void 0 : _b.buttonStyle), { '&:hover': __assign({}, (_c = item.customStyles) === null || _c === void 0 ? void 0 : _c.hoverbuttonStyle) }) }), item.header)),
-            react_1.default.createElement(react_2.AccordionPanel, __assign({}, item.panelProps, { sx: (_d = item.customStyles) === null || _d === void 0 ? void 0 : _d.panelStyle }), item.content)));
-    })));
-};
-exports.default = Accordion;

package/dist/Components/Accordion/AccordionProps.js

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

package/dist/Components/AlertDialog/AlertDialog.js

@@ -1,20 +0,0 @@
-"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 = require("@chakra-ui/react");
-var react_2 = __importDefault(require("react"));
-var AlertDialog = function (_a) {
-    var isOpen = _a.isOpen, onClose = _a.onClose, leastDestructiveRef = _a.leastDestructiveRef, content = _a.content, title = _a.title, _b = _a.confirmButtonText, confirmButtonText = _b === void 0 ? "Yes" : _b, _c = _a.cancelButtonText, cancelButtonText = _c === void 0 ? "No" : _c, isConfirmLoading = _a.isConfirmLoading, onConfirm = _a.onConfirm, ContentStyle = _a.ContentStyle, headerStyle = _a.headerStyle, bodyStyle = _a.bodyStyle, footerStyle = _a.footerStyle, closeButtonStyle = _a.closeButtonStyle, button1Style = _a.button1Style, button2Style = _a.button2Style, isCentered = _a.isCentered, _d = _a.confirmButtonColor, confirmButtonColor = _d === void 0 ? "red" : _d, key = _a.key;
-    return (react_2.default.createElement(react_1.AlertDialog, { motionPreset: "slideInBottom", leastDestructiveRef: leastDestructiveRef, onClose: onClose, isOpen: isOpen, isCentered: isCentered, key: key },
-        react_2.default.createElement(react_1.AlertDialogOverlay, null),
-        react_2.default.createElement(react_1.AlertDialogContent, { sx: ContentStyle },
-            react_2.default.createElement(react_1.AlertDialogHeader, { sx: headerStyle }, title),
-            react_2.default.createElement(react_1.AlertDialogCloseButton, { sx: closeButtonStyle }),
-            react_2.default.createElement(react_1.AlertDialogBody, { sx: bodyStyle }, content),
-            react_2.default.createElement(react_1.AlertDialogFooter, { sx: footerStyle },
-                react_2.default.createElement(react_1.Button, { ref: null, onClick: onClose, size: "sm", sx: button1Style }, cancelButtonText),
-                react_2.default.createElement(react_1.Button, { colorScheme: confirmButtonColor, onClick: onConfirm, isLoading: isConfirmLoading, ml: 3, size: "sm", sx: button2Style }, confirmButtonText)))));
-};
-exports.default = AlertDialog;

package/dist/Components/AlertDialog/AlertDialogProps.js

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

package/dist/Components/Apexcharts/ApexBarChart/ApexBarChart.js

@@ -1,64 +0,0 @@
-"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 react_apexcharts_1 = __importDefault(require("react-apexcharts"));
-function ApexBarChart(_a) {
-    var data = _a.data, labels = _a.labels, title = _a.title, titlePosition = _a.titlePosition, _b = _a.height, height = _b === void 0 ? 400 : _b, _c = _a.width, width = _c === void 0 ? 500 : _c, _d = _a.barColor, barColor = _d === void 0 ? ["#3182ce"] : _d, _e = _a.xAxisStyle, xAxisStyle = _e === void 0 ? {
-        color: "#ffffff",
-    } : _e, _f = _a.yAxisStyle, yAxisStyle = _f === void 0 ? {
-        color: "#ffffff",
-    } : _f, _g = _a.titleStyle, titleStyle = _g === void 0 ? {
-        color: "#3182ce",
-        fontSize: "16px",
-        fontWeight: 600,
-        fontFamily: "Arial",
-    } : _g;
-    var options = {
-        chart: {
-            type: "bar",
-            height: 350,
-        },
-        plotOptions: {
-            bar: {
-                borderRadius: 4,
-                horizontal: false,
-            },
-        },
-        dataLabels: {
-            enabled: false,
-            style: {
-                fontSize: "12px",
-                colors: ["#00E396"], //data label color
-            },
-        },
-        xaxis: {
-            categories: labels,
-            labels: {
-                style: xAxisStyle,
-            },
-        },
-        yaxis: {
-            labels: {
-                style: yAxisStyle,
-            },
-        },
-        title: {
-            text: title,
-            align: titlePosition,
-            style: titleStyle,
-        },
-        colors: barColor, //bar color
-    };
-    var series = [
-        {
-            name: "Data",
-            data: data,
-        },
-    ];
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(react_apexcharts_1.default, { options: options, series: series, type: "bar", height: height, width: width })));
-}
-exports.default = ApexBarChart;

package/dist/Components/Apexcharts/ApexBarChart/ApexBarChart.stories.js

@@ -1,6 +0,0 @@
-"use strict";
-// import React from 'react';
-// import { StoryFn, Meta } from '@storybook/react';
-// import ApexBarChart from './ApexBarChart';
-// import { ApexBarChartProps } from './ApexBarChartProps';
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Components/Apexcharts/ApexBarChart/ApexBarChartProps.js

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

package/dist/Components/Apexcharts/ApexPieChart/ApexPieChart.js

@@ -1,29 +0,0 @@
-"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 react_apexcharts_1 = __importDefault(require("react-apexcharts"));
-function ApexPieChart(_a) {
-    var data = _a.data, labels = _a.labels, title = _a.title, titlePosition = _a.titlePosition, _b = _a.height, height = _b === void 0 ? 400 : _b, _c = _a.width, width = _c === void 0 ? 500 : _c, chartColor = _a.chartColor, _d = _a.titleStyle, titleStyle = _d === void 0 ? {
-        color: "#3182ce",
-    } : _d;
-    var options = {
-        chart: {
-            type: "pie",
-            height: 350,
-        },
-        labels: labels,
-        title: {
-            text: title,
-            align: titlePosition,
-            style: titleStyle,
-        },
-        colors: chartColor,
-    };
-    var series = data;
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(react_apexcharts_1.default, { options: options, series: series, type: "pie", height: height, width: width })));
-}
-exports.default = ApexPieChart;

package/dist/Components/Apexcharts/ApexPieChart/ApexPieChart.stories.js

@@ -1,6 +0,0 @@
-"use strict";
-// import React from 'react';
-// import { StoryFn, Meta } from '@storybook/react';
-// import ApexPieChart from './ApexPieChart';
-// import { ApexPieChartProps } from './ApexPieChartProps';
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Components/Apexcharts/ApexPieChart/ApexPieChartProps.js

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

package/dist/Components/Breadcrumbs/Breadcrumbs.js

@@ -1,17 +0,0 @@
-"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 react_2 = require("@chakra-ui/react");
-function Breadcrumbs(_a) {
-    var spacing = _a.spacing, separator = _a.separator, fontWeight = _a.fontWeight, fontSize = _a.fontSize, isCurrentPage = _a.isCurrentPage, handleClick = _a.handleClick, items = _a.items;
-    var theme = (0, react_2.useTheme)();
-    return (react_1.default.createElement(react_2.Breadcrumb, { spacing: spacing, separator: separator, fontWeight: fontWeight, fontSize: fontSize, fontFamily: theme.fonts.body }, items.map(function (item, index) { return (react_1.default.createElement(react_2.BreadcrumbItem, { key: index, isCurrentPage: isCurrentPage && index === items.length - 1 },
-        react_1.default.createElement(react_2.BreadcrumbLink, { href: item.path, sx: { "&:hover, &:active": { textDecoration: "none" } }, onClick: function (event) {
-                event.preventDefault();
-                handleClick(item.path);
-            } }, item.label))); })));
-}
-exports.default = Breadcrumbs;

package/dist/Components/Breadcrumbs/Breadcrumbs.stories.js

@@ -1,6 +0,0 @@
-"use strict";
-// import React from 'react';
-// import { StoryFn, Meta } from '@storybook/react/types-6-0';
-// import Breadcrumbs from './Breadcrumbs';
-// import { BreadcrumbsProps } from './BreadcrumbsProps';
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Components/Breadcrumbs/BreadcrumbsProps.js

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