pixelize-design-library 2.1.72 → 2.1.74

package/dist/Components/Search/Search.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { SearchProps } from "./SearchProps";
-export default function Search({ placeholder, onSearch, onclose, shortcut, query, }: SearchProps): React.JSX.Element;
+export default function Search({ placeholder, onSearch, onclose, shortcut, query, error, errorMessage, helperText, label, id, isInformation, informationMessage, isRequired, }: SearchProps): React.JSX.Element;

package/dist/Components/Search/Search.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -31,15 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
+var react_2 = require("@chakra-ui/react");
 var lucide_react_1 = require("lucide-react");
-var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  padding: 0.5rem 0.7rem 0.5rem 0.7rem;\n  width: 100%;\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n  border-radius: 20px;\n  background: #fff;\n  border: 1px solid #f1f1f1;\n"], ["\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  padding: 0.5rem 0.7rem 0.5rem 0.7rem;\n  width: 100%;\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n  border-radius: 20px;\n  background: #fff;\n  border: 1px solid #f1f1f1;\n"])));
-var Input = styled_1.default.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n  border: none;\n  outline: none;\n  margin-left: 0.5rem;\n  background: transparent;\n"], ["\n  flex: 1;\n  border: none;\n  outline: none;\n  margin-left: 0.5rem;\n  background: transparent;\n"])));
-var SearchIcon = (0, styled_1.default)(lucide_react_1.Search)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: #888;\n"], ["\n  color: #888;\n"])));
-var CloseIcon = (0, styled_1.default)(lucide_react_1.X)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: #888;\n  font-size: 1.5rem;\n"], ["\n  color: #888;\n  font-size: 1.5rem;\n"])));
-var Shortcut = styled_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-left: auto;\n  padding-left: 0.5rem;\n  color: #888;\n  font-size: 0.9rem;\n"], ["\n  margin-left: auto;\n  padding-left: 0.5rem;\n  color: #888;\n  font-size: 0.9rem;\n"])));
+var FormLabel_1 = require("../Common/FormLabel");
+var HelperText_1 = __importDefault(require("../Common/HelperText"));
+var ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
 function Search(_a) {
-    var _b = _a.placeholder, placeholder = _b === void 0 ? "Search..." : _b, onSearch = _a.onSearch, onclose = _a.onclose, _c = _a.shortcut, shortcut = _c === void 0 ? "Ctrl+K" : _c, query = _a.query;
+    var _b = _a.placeholder, placeholder = _b === void 0 ? "Search..." : _b, onSearch = _a.onSearch, onclose = _a.onclose, _c = _a.shortcut, shortcut = _c === void 0 ? "Ctrl+K" : _c, query = _a.query, error = _a.error, errorMessage = _a.errorMessage, helperText = _a.helperText, label = _a.label, id = _a.id, isInformation = _a.isInformation, informationMessage = _a.informationMessage, isRequired = _a.isRequired;
     var inputRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function () {
         var handleKeyDown = function (event) {
@@ -56,11 +50,17 @@ function Search(_a) {
             window.removeEventListener("keydown", handleKeyDown);
         };
     }, [shortcut]);
-    return (react_1.default.createElement(Container, null,
-        react_1.default.createElement(SearchIcon, null),
-        react_1.default.createElement(Input, { ref: inputRef, type: "text", value: query, onChange: onSearch, placeholder: placeholder }),
-        query && react_1.default.createElement(CloseIcon, { onClick: onclose }),
-        shortcut && react_1.default.createElement(Shortcut, null, shortcut)));
+    return (react_1.default.createElement(react_2.FormControl, { id: id, isInvalid: !!error },
+        label && (react_1.default.createElement(FormLabel_1.TextLabel, { label: label, id: id, isInformation: isInformation, informationMessage: informationMessage, isRequired: isRequired })),
+        react_1.default.createElement(react_2.InputGroup, { w: "100%" },
+            react_1.default.createElement(react_2.InputLeftElement, { pointerEvents: "none" },
+                react_1.default.createElement(react_2.Icon, { as: lucide_react_1.Search, color: "gray.500" })),
+            react_1.default.createElement(react_2.Input, { ref: inputRef, type: "text", value: query, onChange: onSearch, placeholder: placeholder, variant: "outline", isInvalid: error }),
+            react_1.default.createElement(react_2.InputRightElement, { w: "auto", pr: "3", display: "flex", alignItems: "center" // ✅ centers vertically
+                , gap: "2" },
+                query && (react_1.default.createElement(react_2.Icon, { as: lucide_react_1.X, color: "gray.500", boxSize: 5, cursor: "pointer", onClick: onclose })),
+                shortcut && (react_1.default.createElement(react_2.Text, { fontSize: "sm", color: "gray.500", px: "2", py: "0.5", borderRadius: "md", bg: "gray.100" }, shortcut)))),
+        error && react_1.default.createElement(ErrorMessage_1.default, { errorMessage: errorMessage }),
+        helperText && !error && react_1.default.createElement(HelperText_1.default, { helperText: helperText })));
 }
 exports.default = Search;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/Components/Search/SearchProps.d.ts

@@ -5,4 +5,12 @@ export type SearchProps = {
     shortcut?: "Ctrl+K";
     query?: string;
     onclose: () => void;
+    error?: boolean;
+    errorMessage?: string;
+    helperText?: string;
+    label?: string;
+    id?: string;
+    isInformation?: boolean;
+    informationMessage?: string;
+    isRequired?: boolean;
 };

package/dist/Components/SearchSelect/SearchSelect.js

@@ -239,7 +239,7 @@ var SearchSelect = function (_a) {
                             e.stopPropagation();
                             setIsOpen(function (prev) { return !prev; });
                         }, "aria-label": "toggle-dropdown", display: "flex", alignItems: "center" }, isOpen ? react_1.default.createElement(lucide_react_1.ChevronUp, { size: 16 }) : react_1.default.createElement(lucide_react_1.ChevronDown, { size: 16 })))))),
-        isOpen && (react_1.default.createElement(react_2.Box, { position: "absolute", zIndex: 10, width: "100%", maxH: "20rem", borderWidth: 1, borderRadius: "sm", bg: "white", boxShadow: "md", display: "flex", flexDirection: "column" },
+        isOpen && (react_1.default.createElement(react_2.Box, { position: "absolute", zIndex: 10, width: "100%", maxH: "20rem", borderWidth: 1, borderRadius: "sm", bg: theme.colors.white, boxShadow: "md", display: "flex", flexDirection: "column" },
             isMultiple && isSelectAll && (react_1.default.createElement(react_2.Box, { p: 2, px: 3, cursor: "pointer", onClick: handleSelectAll, display: "flex", alignItems: "center", gap: 2, borderBottom: "0.063rem solid ".concat(theme.colors.gray[100]) },
                 react_1.default.createElement(react_2.Checkbox, { isChecked: allFilteredSelected, pointerEvents: "none" }),
                 react_1.default.createElement(react_2.Text, { fontSize: "sm" }, allFilteredSelected ? 'Unselect All' : 'Select All'))),
@@ -248,7 +248,7 @@ var SearchSelect = function (_a) {
                 react_1.default.createElement(react_2.Text, { fontSize: "sm" }, loadingText))) : filteredOptions.length === 0 ? (react_1.default.createElement(react_2.Text, { p: 3, fontSize: "sm", color: theme.colors.gray[500] }, "No results found")) : (filteredOptions.map(function (option) { return (react_1.default.createElement(react_2.Box, { key: option.id, p: 2, px: 3, cursor: "pointer", bg: isSelected(option.id) ? theme.colors.gray[100] : 'transparent', _hover: { bg: theme.colors.gray[50] }, onClick: function () { return handleSelect(option); }, display: "flex", alignItems: "center", gap: 2, borderBottom: "0.063rem solid ".concat(theme.colors.gray[100]) },
                 isMultiple && (react_1.default.createElement(react_2.Checkbox, { isChecked: isSelected(option.id), pointerEvents: "none", colorScheme: "blue" })),
                 option.view ? react_1.default.createElement(react_1.default.Fragment, null, option.view) : react_1.default.createElement(react_2.Text, { fontSize: "sm" }, option.label))); }))),
-            (addNew === null || addNew === void 0 ? void 0 : addNew.enabled) && (react_1.default.createElement(react_2.Box, { p: 2, borderTop: "0.063rem solid", borderColor: theme.colors.gray[200], bg: "white", display: "flex", alignItems: "center", gap: 2, cursor: "pointer", onClick: addNew.onClick, _hover: { bg: theme.colors.gray[50] } },
+            (addNew === null || addNew === void 0 ? void 0 : addNew.enabled) && (react_1.default.createElement(react_2.Box, { p: 2, borderTop: "0.063rem solid", borderColor: theme.colors.gray[200], bg: theme.colors.white, display: "flex", alignItems: "center", gap: 2, cursor: "pointer", onClick: addNew.onClick, _hover: { bg: theme.colors.gray[50] } },
                 addNew.icon || react_1.default.createElement(lucide_react_1.Plus, { size: 16 }),
                 react_1.default.createElement(react_2.Text, { fontSize: "sm" }, addNew.text || 'Add New'))))),
         helperText && !error && react_1.default.createElement(HelperText_1.default, { helperText: helperText }),

package/dist/Components/Table/Components/TableActions.js

@@ -1,16 +1,4 @@
 "use strict";
-// import React, { useEffect, useRef, useState } from "react";
-// import {
-//   Button,
-//   IconButton,
-//   Popover,
-//   PopoverBody,
-//   PopoverContent,
-//   PopoverTrigger,
-//   Portal,
-//   VStack,
-// } from "@chakra-ui/react";
-// import { EllipsisVertical, ExternalLink, Pencil, Trash2 } from "lucide-react";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -35,109 +23,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-// const TableActions = ({ row }: any) => {
-//   const [isOpen, setIsOpen] = useState(false);
-//   const ref = useRef<HTMLDivElement>(null);
-//   // Listen for "close-all-popovers"
-//   useEffect(() => {
-//     const handler = () => setIsOpen(false);
-//     window.addEventListener("close-all-popovers", handler);
-//     return () => window.removeEventListener("close-all-popovers", handler);
-//   }, []);
-//   // Detect outside click
-//   useEffect(() => {
-//     const handleClickOutside = (event: MouseEvent) => {
-//       if (ref.current && !ref.current.contains(event.target as Node)) {
-//         setIsOpen(false);
-//       }
-//     };
-//     if (isOpen) {
-//       document.addEventListener("mousedown", handleClickOutside);
-//     }
-//     return () => document.removeEventListener("mousedown", handleClickOutside);
-//   }, [isOpen]);
-//   const handleOpen = () => {
-//     window.dispatchEvent(new Event("close-all-popovers")); // close others
-//     setIsOpen(true);
-//   };
-//   const handleClose = () => setIsOpen(false);
-//   return (
-//     <Popover
-//       placement="bottom-start"
-//       isOpen={isOpen}
-//       onClose={handleClose}
-//       closeOnBlur={false} // we handle outside click manually
-//     >
-//       <div ref={ref}>
-//         <PopoverTrigger>
-//           <IconButton
-//             aria-label="Link"
-//             color="black"
-//             icon={<EllipsisVertical size={17} />}
-//             size="sm"
-//             p={0}
-//             variant="ghost"
-//             _hover={{ transform: "scale(1.2)" }}
-//             onClick={() => (isOpen ? handleClose() : handleOpen())}
-//           />
-//         </PopoverTrigger>
-//         <Portal>
-//           <PopoverContent w="auto" minW="150px" boxShadow="lg" p={0} zIndex={999}>
-//             <PopoverBody>
-//               <VStack align="stretch" spacing={1}>
-//                 {row.onLink && (
-//                   <Button
-//                     size="sm"
-//                     variant="ghost"
-//                     justifyContent="flex-start"
-//                     gap={2}
-//                     onClick={() => {
-//                       row.onLink(row);
-//                       console.log(row,"row")
-//                       handleClose();
-//                     }}
-//                   >
-//                     <ExternalLink size={17} /> View
-//                   </Button>
-//                 )}
-//                 {row.onEdit && (
-//                   <Button
-//                     size="sm"
-//                     variant="ghost"
-//                     justifyContent="flex-start"
-//                     gap={2}
-//                     onClick={() => {
-//                       row.onEdit(row);
-//                       handleClose();
-//                     }}
-//                   >
-//                     <Pencil size={17} /> Edit
-//                   </Button>
-//                 )}
-//                 {row.onDelete && (
-//                   <Button
-//                     size="sm"
-//                     variant="ghost"
-//                     justifyContent="flex-start"
-//                     colorScheme="red"
-//                     gap={2}
-//                     onClick={() => {
-//                       row.onDelete(row);
-//                       handleClose();
-//                     }}
-//                   >
-//                     <Trash2 size={17} /> Delete
-//                   </Button>
-//                 )}
-//               </VStack>
-//             </PopoverBody>
-//           </PopoverContent>
-//         </Portal>
-//       </div>
-//     </Popover>
-//   );
-// };
-// export default TableActions;
 var react_1 = __importStar(require("react"));
 var react_2 = require("@chakra-ui/react");
 var lucide_react_1 = require("lucide-react");
@@ -166,17 +51,6 @@ var TableActions = function (_a) {
             document.removeEventListener("click", handleClickOutside);
         };
     }, [isOpen]);
-    // useEffect(() => {
-    //   const handleClickOutside = (event: MouseEvent) => {
-    //     if (ref.current && !ref.current.contains(event.target as Node)) {
-    //       setIsOpen(false);
-    //     }
-    //   };
-    //   if (isOpen) {
-    //     document.addEventListener("mousedown", handleClickOutside);
-    //   }
-    //   return () => document.removeEventListener("mousedown", handleClickOutside);
-    // }, [isOpen]);
     var handleOpen = function () {
         window.dispatchEvent(new Event("close-all-popovers")); // close others
         setIsOpen(true);

package/dist/Layout.js

@@ -65,7 +65,7 @@ var Tag_1 = __importDefault(require("./Components/Tag/Tag"));
 var lucide_react_1 = require("lucide-react");
 var Header_1 = __importDefault(require("./Components/Header/Header"));
 var fileUpload_1 = require("./Pages/fileUpload");
-var selectSearch_1 = __importDefault(require("./Pages/selectSearch"));
+// import SelectSelect from "./Pages/selectSearch";
 var Slider_1 = __importDefault(require("./Components/Slider/Slider"));
 var contactForm_1 = __importDefault(require("./Pages/contactForm"));
 var productDetailCard_1 = __importDefault(require("./Pages/productDetailCard"));
@@ -95,8 +95,6 @@ var Layout = function () {
                 return react_2.default.createElement(accordion_1.default, null);
             case "/searchSelect":
                 return react_2.default.createElement(searchSelect_1.default, null);
-            case "/selectSearch":
-                return react_2.default.createElement(selectSearch_1.default, null);
             case "/timeline":
                 return react_2.default.createElement(timeline_1.default, null);
             case "/search":
@@ -234,7 +232,6 @@ var Layout = function () {
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/alertdialog"); }, variant: "outline", size: "xs" }, "AlertDialog"),
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/accordion"); }, variant: "outline", size: "xs" }, "Accordion"),
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/searchSelect"); }, variant: "outline", size: "xs" }, "searchSelect"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/selectSearch"); }, variant: "outline", size: "xs" }, "selectSearch"),
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/timeline"); }, variant: "outline", size: "xs" }, "Timeline"),
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/search"); }, variant: "outline", size: "xs" }, "Search"),
                 react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/datepicker"); }, variant: "outline", size: "xs" }, "Datepicker"),

package/dist/Pages/chart.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var ApexBarChart_1 = __importDefault(require("../Components/Apexcharts/ApexBarChart/ApexBarChart"));
 var ApexPieChart_1 = __importDefault(require("../Components/Apexcharts/ApexPieChart/ApexPieChart"));
+var ApexDonutChart_1 = __importDefault(require("../Components/Apexcharts/ApexDonutChart/ApexDonutChart"));
 var ChartPage = function () {
-    var data = Array.from({ length: 10 }, function () {
-        return Math.floor(Math.random() * 100);
-    });
+    var data = Array.from({ length: 10 }, function () { return Math.floor(Math.random() * 100); });
     var categories = data.map(function (_, index) { return "Category ".concat(index + 1); });
     var data1 = Array.from({ length: 10 }, function () {
         return Math.floor(Math.random() * 100);
@@ -21,8 +20,7 @@ var ChartPage = function () {
             // xAxisStyle={{ colors: "#00E396", fontSize: "12px" }}
             // yAxisStyle={{ colors: "#00E396", fontSize: "12px" }}
             titleStyle: { color: "#00E396" } }),
-        react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Pie Chart", titlePosition: "left", 
-            // chartColor={["#00E396", "#3182ce", "#ff4757", "#ff6348", "#e84393"]}
-            titleStyle: { color: "#00E396" } })));
+        react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Pie Chart", titlePosition: "left", chartColor: ["#00E396", "#3182ce", "#ff4757", "#ff6348", "#e84393"], titleStyle: { color: "#00E396" } }),
+        react_1.default.createElement(ApexDonutChart_1.default, { data: data1, labels: categories1, title: "Donut Chart", titlePosition: "left", chartColor: ["#00E396", "#3182ce", "#ff4757", "#ff6348", "#e84393"], titleStyle: { color: "#00E396" } })));
 };
 exports.default = ChartPage;

package/dist/Pages/search.js

@@ -39,6 +39,6 @@ var SearchPage = function () {
         setSearchQuery("");
     };
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Search_1.default, { onSearch: handleSearch, onclose: handleRemoveSearch, query: searchQuery })));
+        react_1.default.createElement(Search_1.default, { onSearch: handleSearch, onclose: handleRemoveSearch, query: searchQuery, label: "Search", placeholder: "Search...", isRequired: true, error: false, errorMessage: "Error message", helperText: "Helper text", isInformation: true, informationMessage: "Information message", shortcut: "Ctrl+K" })));
 };
 exports.default = SearchPage;

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import Accordian from "./Components/Accordion/Accordion";
 import AlertDialog from "./Components/AlertDialog/AlertDialog";
 import ApexBarChart from "./Components/Apexcharts/ApexBarChart/ApexBarChart";
 import ApexPieChart from "./Components/Apexcharts/ApexPieChart/ApexPieChart";
+import ApexDonutChart from "./Components/Apexcharts/ApexDonutChart/ApexDonutChart";
 import Breadcrumbs from "./Components/Breadcrumbs/Breadcrumbs";
 import Button from "./Components/Button/Button";
 import ButtonGroupIcon from "./Components/ButtonGroupIcon/ButtonGroupIcon";
@@ -55,5 +56,5 @@ import ProductDetails from "./Components/ProductDetails/ProductDetails";
 import PhoneNumberInput from "./Components/Input/PhoneNumberInput";
 import { InputSwitch } from "./Components/Input/Switch/InputSwitch";
 import PaymentCard from "./Components/Card/PaymentCard/PaymentCard";
-export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FormWrapper, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Slider, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
+export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexDonutChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FormWrapper, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Slider, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
 export default withTheme;

package/dist/index.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.FormWrapper = exports.FileUpload = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
-exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = void 0;
+exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.FormWrapper = exports.FileUpload = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexDonutChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
+exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = void 0;
 var Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
 exports.Accordian = Accordion_1.default;
 var AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -37,6 +37,8 @@ var ApexBarChart_1 = __importDefault(require("./Components/Apexcharts/ApexBarCha
 exports.ApexBarChart = ApexBarChart_1.default;
 var ApexPieChart_1 = __importDefault(require("./Components/Apexcharts/ApexPieChart/ApexPieChart"));
 exports.ApexPieChart = ApexPieChart_1.default;
+var ApexDonutChart_1 = __importDefault(require("./Components/Apexcharts/ApexDonutChart/ApexDonutChart"));
+exports.ApexDonutChart = ApexDonutChart_1.default;
 var Breadcrumbs_1 = __importDefault(require("./Components/Breadcrumbs/Breadcrumbs"));
 exports.Breadcrumbs = Breadcrumbs_1.default;
 var Button_1 = __importDefault(require("./Components/Button/Button"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.1.72",
+  "version": "2.1.74",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",