pixelize-design-library 2.1.11 → 2.1.13

package/dist/global.css

@@ -0,0 +1,225 @@
+:root {
+    --color-primary-50: #ecddfb;
+    --color-primary-100: #d6b7f6;
+    --color-primary-200: #be8ef0;
+    --color-primary-300: #aa6ae9;
+    --color-primary-400: #944cde;
+    --color-primary-500: #9A4FE5;
+    --color-primary-600: #8b48d8;
+    --color-primary-700: #7a3ccc;
+    --color-primary-800: #6933b2;
+    --color-primary-900: #59299a;
+
+    --color-primary-opacity-8: rgba(154, 82, 226, 0.08);
+    --color-primary-opacity-16: rgba(154, 82, 226, 0.16);
+    --color-primary-opacity-24: rgba(154, 82, 226, 0.24);
+    --color-primary-opacity-28: rgba(154, 82, 226, 0.28);
+    --color-primary-opacity-32: rgba(154, 82, 226, 0.32);
+    --color-primary-opacity-40: rgba(154, 82, 226, 0.40);
+
+    --color-success-50: #e9fdf1;
+    --color-success-100: #c8f7d8;
+    --color-success-200: #a5f1bd;
+    --color-success-300: #84e7a2;
+    --color-success-400: #60d987;
+    --color-success-500: #23B85C;
+    --color-success-600: #1dbb51;
+    --color-success-700: #189946;
+    --color-success-800: #14753a;
+    --color-success-900: #0f5b2f;
+
+    --color-error-50: #fff5f2;
+    --color-error-100: #fee8e1;
+    --color-error-200: #fdd0c8;
+    --color-error-300: #fca9a0;
+    --color-error-400: #f9897c;
+    --color-error-500: #F2463A;
+    --color-error-600: #c32e23;
+    --color-error-700: #a6261d;
+    --color-error-800: #8a1f18;
+    --color-error-900: #701812;
+
+    --color-warning-50: #fffaf5;
+    --color-warning-100: #fff0e0;
+    --color-warning-200: #fedcc0;
+    --color-warning-300: #fec59e;
+    --color-warning-400: #fdaf7c;
+    --color-warning-500: #FB8F3D;
+    --color-warning-600: #db6d1e;
+    --color-warning-700: #b75d18;
+    --color-warning-800: #924c13;
+    --color-warning-900: #6e3b0e;
+
+    --color-info-50: #f1fcfe;
+    --color-info-100: #dcf6fb;
+    --color-info-200: #c0ecf7;
+    --color-info-300: #9eddef;
+    --color-info-400: #7fd0e6;
+    --color-info-500: #5FC4DE;
+    --color-info-600: #4bb8d6;
+    --color-info-700: #3aaacb;
+    --color-info-800: #2a9dc0;
+    --color-info-900: #1b8fb5;
+
+    --color-gray-50: #f7fafc;
+    --color-gray-100: #edf2f7;
+    --color-gray-200: #e2e8f0;
+    --color-gray-300: #cbd5e0;
+    --color-gray-400: #a0aec0;
+    --color-gray-500: #718096;
+    --color-gray-600: #4a5568;
+    --color-gray-700: #2d3748;
+    --color-gray-800: #1a202c;
+    --color-gray-900: #171923;
+
+    --color-red-50: #fff5f5;
+    --color-red-100: #fed7d7;
+    --color-red-200: #feb2b2;
+    --color-red-300: #fc8181;
+    --color-red-400: #f56565;
+    --color-red-500: #e53e3e;
+    --color-red-600: #c53030;
+    --color-red-700: #9b2c2c;
+    --color-red-800: #822727;
+    --color-red-900: #63171b;
+
+    --color-orange-50: #fffaf0;
+    --color-orange-100: #feebc8;
+    --color-orange-200: #fbd38d;
+    --color-orange-300: #f6ad55;
+    --color-orange-400: #ed8936;
+    --color-orange-500: #dd6b20;
+    --color-orange-600: #c05621;
+    --color-orange-700: #9c4221;
+    --color-orange-800: #7b341e;
+    --color-orange-900: #652b19;
+
+    --color-yellow-50: #fffff0;
+    --color-yellow-100: #fefcbf;
+    --color-yellow-200: #faf089;
+    --color-yellow-300: #f6e05e;
+    --color-yellow-400: #ecc94b;
+    --color-yellow-500: #d69e2e;
+    --color-yellow-600: #b7791f;
+    --color-yellow-700: #975a16;
+    --color-yellow-800: #744210;
+    --color-yellow-900: #5f370e;
+
+    --color-green-50: #f0fff4;
+    --color-green-100: #c6f6d5;
+    --color-green-200: #9ae6b4;
+    --color-green-300: #68d391;
+    --color-green-400: #48bb78;
+    --color-green-500: #38a169;
+    --color-green-600: #2f855a;
+    --color-green-700: #276749;
+    --color-green-800: #22543d;
+    --color-green-900: #1c4532;
+
+    --color-teal-50: #e6fffa;
+    --color-teal-100: #b2f5ea;
+    --color-teal-200: #81e6d9;
+    --color-teal-300: #4fd1c5;
+    --color-teal-400: #38b2ac;
+    --color-teal-500: #319795;
+    --color-teal-600: #2c7a7b;
+    --color-teal-700: #285e61;
+    --color-teal-800: #234e52;
+    --color-teal-900: #1d4044;
+
+    --color-blue-50: #ebf8ff;
+    --color-blue-100: #bee3f8;
+    --color-blue-200: #90cdf4;
+    --color-blue-300: #63b3ed;
+    --color-blue-400: #4299e1;
+    --color-blue-500: #3182ce;
+    --color-blue-600: #2b6cb0;
+    --color-blue-700: #2c5282;
+    --color-blue-800: #2a4365;
+    --color-blue-900: #1a365d;
+
+    --color-cyan-50: #edfdfd;
+    --color-cyan-100: #c4f1f9;
+    --color-cyan-200: #9decf9;
+    --color-cyan-300: #76e4f7;
+    --color-cyan-400: #0bc5ea;
+    --color-cyan-500: #00b5d8;
+    --color-cyan-600: #00a3c4;
+    --color-cyan-700: #0987a0;
+    --color-cyan-800: #086f83;
+    --color-cyan-900: #065666;
+
+    --color-purple-50: #faf5ff;
+    --color-purple-100: #e9d8fd;
+    --color-purple-200: #d6bcfa;
+    --color-purple-300: #b794f4;
+    --color-purple-400: #9f7aea;
+    --color-purple-500: #805ad5;
+    --color-purple-600: #6b46c1;
+    --color-purple-700: #553c9a;
+    --color-purple-800: #44337a;
+    --color-purple-900: #322659;
+
+    --color-pink-50: #fff5f7;
+    --color-pink-100: #fed7e2;
+    --color-pink-200: #fbb6ce;
+    --color-pink-300: #f687b3;
+    --color-pink-400: #ed64a6;
+    --color-pink-500: #d53f8c;
+    --color-pink-600: #b83280;
+    --color-pink-700: #97266d;
+    --color-pink-800: #702459;
+    --color-pink-900: #521b41;
+
+    --color-bg-main: #f8f9fa;
+    --color-bg-secondary: #f1f1f1;
+    --color-bg-tertiary: #ececec;
+    --color-bg-quaternary: #e2e6ea;
+    --color-bg-light: #fafafa;
+    --color-bg-medium: #eaeaea;
+    --color-bg-accent: #e5e5e5;
+    --color-bg-subtle: #f5f6f7;
+    --color-bg-muted: #dfe3e6;
+    --color-bg-neutral: #ebedef;
+    --color-bg-base: #FBFBFB;
+    --color-bg-table-header: #F6F6F6;
+
+    --color-text-heading: #161B25;
+    --color-text-body: #555A64;
+    --color-text-subtle: #434853;
+    --color-text-input: #717680;
+
+    --color-heading-opacity-4: #161B250A;
+    --color-heading-opacity-8: #161B2512;
+
+    --color-border-default: #D6D8DB;
+    --color-border-light: #E8E8E8;
+    --color-border-dark: #adb5bd;
+    --color-border-input: #6c757d;
+    --color-border-error: #dc3545;
+    --color-border-success: #28a745;
+    --color-border-warning: #ffc107;
+    --color-border-info: #17a2b8;
+
+
+
+    /* --color-dropshadow-default: #9A52E247; */
+
+    --color-transparent: rgba(0, 0, 0, 0);
+    --color-black: #000000;
+    --color-white: #ffffff;
+}
+
+[data-theme="theme2"] {
+    --color-primary-500: #3182ce;
+    /* blue */
+    --color-success-500: #38a169;
+    --color-error-500: #e53e3e;
+}
+
+[data-theme="theme3"] {
+    --color-primary-500: #00b5d8;
+    /* cyan */
+    --color-success-500: #319795;
+    --color-error-500: #d53f8c;
+}

package/dist/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+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 Breadcrumbs from "./Components/Breadcrumbs/Breadcrumbs";
+import Button from "./Components/Button/Button";
+import ButtonGroupIcon from "./Components/ButtonGroupIcon/ButtonGroupIcon";
+import Card from "./Components/Card/Card";
+import Checkbox from "./Components/Checkbox/Checkbox";
+import ContactForm from "./Components/ContactForm/ContactForm";
+import DatePicker from "./Components/DatePicker/DatePicker";
+import Drawer, { DrawerHeader, DrawerBody, DrawerFooter } from "./Components/Drawer/Drawer";
+import Dropdown from "./Components/Dropdown/DropDown";
+import Editor from "./Components/Editor/Editor";
+import FileUpload from "./Components/FileUpload/FileUpload";
+import FormWrapper from "./Components/Form/FormWrapper";
+import Header from "./Components/Header/Header";
+import HeaderActions from "./Components/Header/HeaderActions";
+import InputTextArea from "./Components/InputTextArea/InputTextArea";
+import KanbanBoard from "./Components/KanbanBoard/KanbanBoard";
+import Loading from "./Components/Loading/Loading";
+import Modal, { ModalHeader, ModalBody, ModalFooter } from "./Components/Modal/Modal";
+import MultiSelect from "./Components/MultiSelect/MultiSelect";
+import NavigationBar from "./Components/NavigationBar/NavigationBar";
+import NoteTextArea from "./Components/NoteTextArea/NoteTextArea";
+import NumberInput from "./Components/NumberInput/NumberInput";
+import PinInput from "./Components/PinInput/PinInput";
+import ProfileCard, { ProfileCardHeader, ProfileCardBody, ProfileCardFooter } from "./Components/ProfileCard/ProfileCard";
+import ProfilePhotoViewer from "./Components/ProfilePhotoViewer/ProfilePhotoViewer";
+import ProgressBar from "./Components/ProgressBar/ProgressBar";
+import { RadioButton, RadioButtonGroup } from "./Components/RadioButton/RadioButton";
+import Reorder from "./Components/Reorder/Reorder";
+import Search from "./Components/Search/Search";
+import Select from "./Components/Select/Select";
+import SearchSelect from "./Components/SearchSelect/SearchSelect";
+import SelectSearch from "./Components/SelectSearch/SelectSearch";
+import SideBar from "./Components/SideBar/SideBar";
+import Skeletons from "./Components/Skeletons/Skeletons";
+import Switch from "./Components/Switch/Switch";
+import Table from "./Components/Table/Table";
+import Tag from "./Components/Tag/Tag";
+import TextInput from "./Components/Input/TextInput";
+import Timeline from "./Components/Timeline/Timeline";
+import Toaster, { useToaster } from "./Components/Toaster/Toaster";
+import ToolTip from "./Components/ToolTip/ToolTip";
+import VerifyEmailOtp from "./Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp";
+import TableToggle from "./Components/Toggle/TableToggle";
+import withTheme from "./withTheme";
+import { useCustomTheme } from "./Theme/useCustomTheme";
+import { ThemesList } from "./Theme";
+import { debounce } from "./Utils/table";
+import ProductCard from "./Components/ProductCard/ProductCard";
+export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FormWrapper, Header, HeaderActions, InputTextArea, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, NoteTextArea, MultiSelect, NumberInput, PinInput, ProductCard, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
+export default withTheme;

package/dist/index.js

@@ -0,0 +1,146 @@
+"use strict";
+// import "./bootstrap";
+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 });
+exports.Switch = exports.Skeletons = exports.SideBar = exports.SelectSearch = 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.ProductCard = exports.PinInput = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = 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 = void 0;
+var Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
+exports.Accordian = Accordion_1.default;
+var AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
+exports.AlertDialog = AlertDialog_1.default;
+var ApexBarChart_1 = __importDefault(require("./Components/Apexcharts/ApexBarChart/ApexBarChart"));
+exports.ApexBarChart = ApexBarChart_1.default;
+var ApexPieChart_1 = __importDefault(require("./Components/Apexcharts/ApexPieChart/ApexPieChart"));
+exports.ApexPieChart = ApexPieChart_1.default;
+var Breadcrumbs_1 = __importDefault(require("./Components/Breadcrumbs/Breadcrumbs"));
+exports.Breadcrumbs = Breadcrumbs_1.default;
+var Button_1 = __importDefault(require("./Components/Button/Button"));
+exports.Button = Button_1.default;
+var ButtonGroupIcon_1 = __importDefault(require("./Components/ButtonGroupIcon/ButtonGroupIcon"));
+exports.ButtonGroupIcon = ButtonGroupIcon_1.default;
+var Card_1 = __importDefault(require("./Components/Card/Card"));
+exports.Card = Card_1.default;
+var Checkbox_1 = __importDefault(require("./Components/Checkbox/Checkbox"));
+exports.Checkbox = Checkbox_1.default;
+var ContactForm_1 = __importDefault(require("./Components/ContactForm/ContactForm"));
+exports.ContactForm = ContactForm_1.default;
+var DatePicker_1 = __importDefault(require("./Components/DatePicker/DatePicker"));
+exports.DatePicker = DatePicker_1.default;
+var Drawer_1 = __importStar(require("./Components/Drawer/Drawer"));
+exports.Drawer = Drawer_1.default;
+Object.defineProperty(exports, "DrawerHeader", { enumerable: true, get: function () { return Drawer_1.DrawerHeader; } });
+Object.defineProperty(exports, "DrawerBody", { enumerable: true, get: function () { return Drawer_1.DrawerBody; } });
+Object.defineProperty(exports, "DrawerFooter", { enumerable: true, get: function () { return Drawer_1.DrawerFooter; } });
+var DropDown_1 = __importDefault(require("./Components/Dropdown/DropDown"));
+exports.Dropdown = DropDown_1.default;
+var Editor_1 = __importDefault(require("./Components/Editor/Editor"));
+exports.Editor = Editor_1.default;
+var FileUpload_1 = __importDefault(require("./Components/FileUpload/FileUpload"));
+exports.FileUpload = FileUpload_1.default;
+var FormWrapper_1 = __importDefault(require("./Components/Form/FormWrapper"));
+exports.FormWrapper = FormWrapper_1.default;
+var Header_1 = __importDefault(require("./Components/Header/Header"));
+exports.Header = Header_1.default;
+var HeaderActions_1 = __importDefault(require("./Components/Header/HeaderActions"));
+exports.HeaderActions = HeaderActions_1.default;
+var InputTextArea_1 = __importDefault(require("./Components/InputTextArea/InputTextArea"));
+exports.InputTextArea = InputTextArea_1.default;
+var KanbanBoard_1 = __importDefault(require("./Components/KanbanBoard/KanbanBoard"));
+exports.KanbanBoard = KanbanBoard_1.default;
+var Loading_1 = __importDefault(require("./Components/Loading/Loading"));
+exports.Loading = Loading_1.default;
+var Modal_1 = __importStar(require("./Components/Modal/Modal"));
+exports.Modal = Modal_1.default;
+Object.defineProperty(exports, "ModalHeader", { enumerable: true, get: function () { return Modal_1.ModalHeader; } });
+Object.defineProperty(exports, "ModalBody", { enumerable: true, get: function () { return Modal_1.ModalBody; } });
+Object.defineProperty(exports, "ModalFooter", { enumerable: true, get: function () { return Modal_1.ModalFooter; } });
+var MultiSelect_1 = __importDefault(require("./Components/MultiSelect/MultiSelect"));
+exports.MultiSelect = MultiSelect_1.default;
+var NavigationBar_1 = __importDefault(require("./Components/NavigationBar/NavigationBar"));
+exports.NavigationBar = NavigationBar_1.default;
+var NoteTextArea_1 = __importDefault(require("./Components/NoteTextArea/NoteTextArea"));
+exports.NoteTextArea = NoteTextArea_1.default;
+var NumberInput_1 = __importDefault(require("./Components/NumberInput/NumberInput"));
+exports.NumberInput = NumberInput_1.default;
+var PinInput_1 = __importDefault(require("./Components/PinInput/PinInput"));
+exports.PinInput = PinInput_1.default;
+var ProfileCard_1 = __importStar(require("./Components/ProfileCard/ProfileCard"));
+exports.ProfileCard = ProfileCard_1.default;
+Object.defineProperty(exports, "ProfileCardHeader", { enumerable: true, get: function () { return ProfileCard_1.ProfileCardHeader; } });
+Object.defineProperty(exports, "ProfileCardBody", { enumerable: true, get: function () { return ProfileCard_1.ProfileCardBody; } });
+Object.defineProperty(exports, "ProfileCardFooter", { enumerable: true, get: function () { return ProfileCard_1.ProfileCardFooter; } });
+var ProfilePhotoViewer_1 = __importDefault(require("./Components/ProfilePhotoViewer/ProfilePhotoViewer"));
+exports.ProfilePhotoViewer = ProfilePhotoViewer_1.default;
+var ProgressBar_1 = __importDefault(require("./Components/ProgressBar/ProgressBar"));
+exports.ProgressBar = ProgressBar_1.default;
+var RadioButton_1 = require("./Components/RadioButton/RadioButton");
+Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return RadioButton_1.RadioButton; } });
+Object.defineProperty(exports, "RadioButtonGroup", { enumerable: true, get: function () { return RadioButton_1.RadioButtonGroup; } });
+var Reorder_1 = __importDefault(require("./Components/Reorder/Reorder"));
+exports.Reorder = Reorder_1.default;
+var Search_1 = __importDefault(require("./Components/Search/Search"));
+exports.Search = Search_1.default;
+var Select_1 = __importDefault(require("./Components/Select/Select"));
+exports.Select = Select_1.default;
+var SearchSelect_1 = __importDefault(require("./Components/SearchSelect/SearchSelect"));
+exports.SearchSelect = SearchSelect_1.default;
+var SelectSearch_1 = __importDefault(require("./Components/SelectSearch/SelectSearch"));
+exports.SelectSearch = SelectSearch_1.default;
+var SideBar_1 = __importDefault(require("./Components/SideBar/SideBar"));
+exports.SideBar = SideBar_1.default;
+var Skeletons_1 = __importDefault(require("./Components/Skeletons/Skeletons"));
+exports.Skeletons = Skeletons_1.default;
+var Switch_1 = __importDefault(require("./Components/Switch/Switch"));
+exports.Switch = Switch_1.default;
+var Table_1 = __importDefault(require("./Components/Table/Table"));
+exports.Table = Table_1.default;
+var Tag_1 = __importDefault(require("./Components/Tag/Tag"));
+exports.Tag = Tag_1.default;
+var TextInput_1 = __importDefault(require("./Components/Input/TextInput"));
+exports.TextInput = TextInput_1.default;
+var Timeline_1 = __importDefault(require("./Components/Timeline/Timeline"));
+exports.Timeline = Timeline_1.default;
+var Toaster_1 = __importStar(require("./Components/Toaster/Toaster"));
+exports.Toaster = Toaster_1.default;
+Object.defineProperty(exports, "useToaster", { enumerable: true, get: function () { return Toaster_1.useToaster; } });
+var ToolTip_1 = __importDefault(require("./Components/ToolTip/ToolTip"));
+exports.ToolTip = ToolTip_1.default;
+var VerifyEmailOtp_1 = __importDefault(require("./Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp"));
+exports.VerifyEmailOtp = VerifyEmailOtp_1.default;
+var TableToggle_1 = __importDefault(require("./Components/Toggle/TableToggle"));
+exports.TableToggle = TableToggle_1.default;
+var withTheme_1 = __importDefault(require("./withTheme"));
+var useCustomTheme_1 = require("./Theme/useCustomTheme");
+Object.defineProperty(exports, "useCustomTheme", { enumerable: true, get: function () { return useCustomTheme_1.useCustomTheme; } });
+var Theme_1 = require("./Theme");
+Object.defineProperty(exports, "ThemesList", { enumerable: true, get: function () { return Theme_1.ThemesList; } });
+var table_1 = require("./Utils/table");
+Object.defineProperty(exports, "debounce", { enumerable: true, get: function () { return table_1.debounce; } });
+var ProductCard_1 = __importDefault(require("./Components/ProductCard/ProductCard"));
+exports.ProductCard = ProductCard_1.default;
+exports.default = withTheme_1.default;

package/dist/withTheme.d.ts

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

package/dist/withTheme.js

@@ -0,0 +1,28 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@chakra-ui/react");
+var Theme_1 = require("./Theme"); // Import your custom theme
+var Toaster_1 = __importDefault(require("./Components/Toaster/Toaster"));
+var withTheme = function (Component, theme) {
+    var customTheme = theme !== null && theme !== void 0 ? theme : Theme_1.lavender;
+    return function (props) { return (react_1.default.createElement(react_2.ChakraProvider, { theme: customTheme },
+        react_1.default.createElement(Toaster_1.default, null,
+            react_1.default.createElement(react_2.ColorModeScript, { initialColorMode: customTheme.config.initialColorMode }),
+            react_1.default.createElement(Component, __assign({}, props))))); };
+};
+exports.default = withTheme;

package/package.json

@@ -1,26 +1,21 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.1.11",
+  "version": "2.1.13",
   "private": false,
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/types/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "dependencies": {
     "@hello-pangea/dnd": "^18.0.1",
     "jodit-react": "^4.1.2",
-    "lucide-react": "^0.487.0",
     "react-apexcharts": "^1.4.1",
     "react-datepicker": "^7.3.0",
-    "react-dropzone": "^14.3.8",
-    "react-scripts": "^5.0.1",
-    "react-window": "^1.8.11"
+    "react-window": "^1.8.11",
+    "react-dropzone": "^14.3.8"
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "rollup -c",
+    "build": "tsc && copyfiles -u 1 src/**/*.css src/assets/**/* dist/",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "package": "npm version patch && npm run build && npm publish"
@@ -46,11 +41,6 @@
   "devDependencies": {
     "@babel/core": "^7.24.5",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@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",
@@ -60,22 +50,23 @@
     "@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"
+    "typescript": "^4.9.5",
+    "webpack": "^5.91.0"
   },
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "@chakra-ui/react": "^2.8.2",
-    "framer-motion": "^11.2.2",
     "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5"
+    "@emotion/styled": "^11.11.5",
+    "react-scripts": "^5.0.1",
+    "lucide-react": "^0.487.0",
+    "framer-motion": "^11.2.2"
   }
 }