pixelize-design-library 2.3.1-beta.1 → 2.3.1-beta.3

package/dist/Layout.js

@@ -1,292 +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 () {
-    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;
-    };
-})();
-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 = __importStar(require("react"));
-var accordion_1 = __importDefault(require("./Pages/accordion"));
-var searchSelect_1 = __importDefault(require("./Pages/searchSelect"));
-var search_1 = __importDefault(require("./Pages/search"));
-var timeline_1 = __importDefault(require("./Pages/timeline"));
-var datePick_1 = __importDefault(require("./Pages/datePick"));
-var multiSelect_1 = __importDefault(require("./Pages/multiSelect"));
-var drawer_1 = __importDefault(require("./Pages/drawer"));
-var verifyEmail_1 = __importDefault(require("./Pages/verifyEmail"));
-var editor_1 = __importDefault(require("./Pages/editor"));
-var dropdown_1 = __importDefault(require("./Pages/dropdown"));
-var noteArea_1 = __importDefault(require("./Pages/noteArea"));
-var switch_1 = __importDefault(require("./Pages/switch"));
-var photoViewer_1 = __importDefault(require("./Pages/photoViewer"));
-var chart_1 = __importDefault(require("./Pages/chart"));
-var tooltip_1 = __importDefault(require("./Pages/tooltip"));
-var card_1 = __importDefault(require("./Pages/card"));
-var pinInputs_1 = __importDefault(require("./Pages/pinInputs"));
-var numberInput_1 = __importDefault(require("./Pages/numberInput"));
-var progressbar_1 = __importDefault(require("./Pages/progressbar"));
-var button_1 = __importDefault(require("./Pages/button"));
-var radioButton_1 = __importDefault(require("./Pages/radioButton"));
-var skeleton_1 = __importDefault(require("./Pages/skeleton"));
-var textArea_1 = __importDefault(require("./Pages/textArea"));
-var select_1 = __importDefault(require("./Pages/select"));
-var modal_1 = __importDefault(require("./Pages/modal"));
-var checkbox_1 = __importDefault(require("./Pages/checkbox"));
-var toster_1 = __importDefault(require("./Pages/toster"));
-var input_1 = __importDefault(require("./Pages/input"));
-var alertdialog_1 = __importDefault(require("./Pages/alertdialog"));
-var productCaard_1 = __importDefault(require("./Pages/productCaard"));
-var table_1 = require("./Pages/table");
-var TInput_1 = __importDefault(require("./Pages/TInput"));
-var kanbanboard_1 = __importDefault(require("./Pages/kanbanboard"));
-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");
-// 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"));
-var notification_1 = __importDefault(require("./Pages/notification"));
-var FeedbackForm_1 = __importDefault(require("./Components/FeedbackForm/FeedbackForm"));
-var productFilter_1 = __importDefault(require("./Pages/productFilter"));
-var Layout = function () {
-    var _a = (0, react_2.useState)(window.location.pathname), currentPath = _a[0], setCurrentPath = _a[1];
-    var navigate = function (path) {
-        window.history.pushState({}, "", path);
-        setCurrentPath(path);
-    };
-    (0, react_2.useEffect)(function () {
-        var handlePopState = function () {
-            setCurrentPath(window.location.pathname);
-        };
-        window.addEventListener("popstate", handlePopState);
-        return function () {
-            window.removeEventListener("popstate", handlePopState);
-        };
-    }, []);
-    var renderPage = function () {
-        switch (currentPath) {
-            case "/alertdialog":
-                return react_2.default.createElement(alertdialog_1.default, null);
-            case "/accordion":
-                return react_2.default.createElement(accordion_1.default, null);
-            case "/searchSelect":
-                return react_2.default.createElement(searchSelect_1.default, null);
-            case "/timeline":
-                return react_2.default.createElement(timeline_1.default, null);
-            case "/search":
-                return react_2.default.createElement(search_1.default, null);
-            case "/datepicker":
-                return react_2.default.createElement(datePick_1.default, null);
-            case "/multiselect":
-                return react_2.default.createElement(multiSelect_1.default, null);
-            case "/drawer":
-                return react_2.default.createElement(drawer_1.default, null);
-            case "/verifyEmail":
-                return react_2.default.createElement(verifyEmail_1.default, null);
-            case "/editor":
-                return react_2.default.createElement(editor_1.default, null);
-            case "/dropdown":
-                return react_2.default.createElement(dropdown_1.default, null);
-            case "/notearea":
-                return react_2.default.createElement(noteArea_1.default, null);
-            case "/notification":
-                return react_2.default.createElement(notification_1.default, null);
-            case "/switch":
-                return react_2.default.createElement(switch_1.default, null);
-            case "/photoViewer":
-                return react_2.default.createElement(photoViewer_1.default, null);
-            case "/charts":
-                return react_2.default.createElement(chart_1.default, null);
-            case "/tooltip":
-                return react_2.default.createElement(tooltip_1.default, null);
-            case "/card":
-                return react_2.default.createElement(card_1.default, null);
-            case "/pininput":
-                return react_2.default.createElement(pinInputs_1.default, null);
-            case "/numberinput":
-                return react_2.default.createElement(numberInput_1.default, null);
-            case "/progressbar":
-                return react_2.default.createElement(progressbar_1.default, null);
-            case "/button":
-                return react_2.default.createElement(button_1.default, null);
-            case "/radio":
-                return react_2.default.createElement(radioButton_1.default, null);
-            case "/skeleton":
-                return react_2.default.createElement(skeleton_1.default, null);
-            case "/textarea":
-                return react_2.default.createElement(textArea_1.default, null);
-            case "/select":
-                return react_2.default.createElement(select_1.default, null);
-            case "/modal":
-                return react_2.default.createElement(modal_1.default, null);
-            case "/checkbox":
-                return react_2.default.createElement(checkbox_1.default, null);
-            case "/toster":
-                return react_2.default.createElement(toster_1.default, null);
-            case "/InputPage":
-                return react_2.default.createElement(input_1.default, null);
-            case "/table":
-                return react_2.default.createElement(table_1.TableExample, null);
-            case "/tinput":
-                return react_2.default.createElement(TInput_1.default, null);
-            case "/kanban":
-                return react_2.default.createElement(kanbanboard_1.default, null);
-            case "/contactForm":
-                return react_2.default.createElement(contactForm_1.default, null);
-            case "/header":
-                return (react_2.default.createElement(Header_1.default, { logo: react_2.default.createElement(react_1.Box, { fontSize: "xl", fontWeight: "bold" }, "MyApp"), 
-                    // colorScheme="gray"
-                    active: "/", menuItems: [
-                        { label: "Home", href: "/" },
-                        {
-                            label: "Products",
-                            // badge: {
-                            //   label: "new",
-                            //   colorScheme: "red",
-                            // },
-                            children: [
-                                {
-                                    label: "AI Tools",
-                                    href: "/products/ai",
-                                    badge: {
-                                        label: "new",
-                                        colorScheme: "blackAlpha",
-                                    },
-                                },
-                                {
-                                    label: "APIs",
-                                    href: "/products/apis",
-                                    badge: { label: "coming soon", colorScheme: "green" },
-                                },
-                            ],
-                        },
-                        {
-                            label: "Docs",
-                            href: "/docs",
-                            badge: { label: "updated", colorScheme: "yellow" },
-                        },
-                    ], rightSlot: react_2.default.createElement(react_2.default.Fragment, null,
-                        react_2.default.createElement(react_1.Button, { variant: "ghost", colorScheme: "purple" }, "Login"),
-                        react_2.default.createElement(react_1.Button, { colorScheme: "purple" }, "Sign Up")) }));
-            case "/upload":
-                return react_2.default.createElement(fileUpload_1.FileUploader, null);
-            case "/slider":
-                return (react_2.default.createElement(Slider_1.default, { images: [
-                        {
-                            "id": 5,
-                            "previewUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1766229935/main_sweets/1766229934288-Winter_Delghts.webp",
-                            "order": 1
-                        },
-                        {
-                            "id": 6,
-                            "previewUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1766229935/main_sweets/1766229935008-Shree_M_-_Desktop_Banner_1.jpg",
-                            "order": 2
-                        },
-                        {
-                            "id": 7,
-                            "previewUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1766649309/main_sweets/1766649308634-muthukavitha_laddu_banner_unde.jpg",
-                            "order": 3
-                        }
-                    ] }));
-            case "/productCard":
-                return react_2.default.createElement(productCaard_1.default, null);
-            case "/productDetails":
-                return react_2.default.createElement(productDetailCard_1.default, null);
-            case "/productFilter":
-                return react_2.default.createElement(productFilter_1.default, null);
-            case "/feedbackForm":
-                return react_2.default.createElement(FeedbackForm_1.default, null);
-            case "/tag":
-                return (react_2.default.createElement(Tag_1.default, { label: "tag", icon: lucide_react_1.Home, size: "md", 
-                    // colorScheme="gray"
-                    onIconClick: function () { return console.log("Icon"); }, onTagClick: function () { return console.log("Tag"); } }));
-            case "/":
-            default:
-        }
-    };
-    return (react_2.default.createElement("div", null,
-        react_2.default.createElement("nav", null,
-            react_2.default.createElement(react_1.HStack, { spacing: 1, flexWrap: "wrap", alignItems: "center" },
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/"); }, variant: "outline", size: "xs" }, "Home"),
-                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("/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"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/multiselect"); }, variant: "outline", size: "xs" }, "Multiselect"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/drawer"); }, variant: "outline", size: "xs" }, "Drawer"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/verifyEmail"); }, variant: "outline", size: "xs" }, "VerifyEmail"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/editor"); }, variant: "outline", size: "xs" }, "Editor"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/dropdown"); }, variant: "outline", size: "xs" }, "Dropdown"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/notearea"); }, variant: "outline", size: "xs" }, "Notearea"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/notification"); }, variant: "outline", size: "xs" }, "Notification"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/switch"); }, variant: "outline", size: "xs" }, "Switch"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/photoViewer"); }, variant: "outline", size: "xs" }, "PhotoViewer"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/charts"); }, variant: "outline", size: "xs" }, "Charts"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/tooltip"); }, variant: "outline", size: "xs" }, "Tooltip"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/card"); }, variant: "outline", size: "xs" }, "Card"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/pininput"); }, variant: "outline", size: "xs" }, "PinInputs"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/numberinput"); }, variant: "outline", size: "xs" }, "NumberInput"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/progressbar"); }, variant: "outline", size: "xs" }, "Progressbar"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/button"); }, variant: "outline", size: "xs" }, "Button"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/radio"); }, variant: "outline", size: "xs" }, "RadioButton"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/skeleton"); }, variant: "outline", size: "xs" }, "Skeleton"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/textarea"); }, variant: "outline", size: "xs" }, "Textarea"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/select"); }, variant: "outline", size: "xs" }, "Select"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/modal"); }, variant: "outline", size: "xs" }, "Modal"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/checkbox"); }, variant: "outline", size: "xs" }, "Checkbox"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/toster"); }, variant: "outline", size: "xs" }, "Toster"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/InputPage"); }, variant: "outline", size: "xs" }, "Input"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/table"); }, variant: "outline", size: "xs" }, "Table"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/kanban"); }, variant: "outline", size: "xs" }, "Kanban"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/tag"); }, variant: "outline", size: "xs" }, "Tag"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/header"); }, variant: "outline", size: "xs" }, "Header"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/upload"); }, variant: "outline", size: "xs" }, "File Upload"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/slider"); }, variant: "outline", size: "xs" }, "Slider"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/productCard"); }, variant: "outline", size: "xs" }, "Product Card"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/productDetails"); }, variant: "outline", size: "xs" }, "Product Detail Card"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/productFilter"); }, variant: "outline", size: "xs" }, "Product Filter"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/contactForm"); }, variant: "outline", size: "xs" }, "contactForm"),
-                react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/feedbackForm"); }, variant: "outline", size: "xs" }, "Feedback Form")),
-            react_2.default.createElement("br", null),
-            react_2.default.createElement("br", null)),
-        react_2.default.createElement("br", null),
-        react_2.default.createElement("br", null),
-        renderPage()));
-};
-exports.default = Layout;

package/dist/Pages/TInput.d.ts

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

package/dist/Pages/TInput.js

@@ -1,56 +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 () {
-    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;
-    };
-})();
-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 Input_1 = __importDefault(require("../Components/Input/Input/Input"));
-var Buttons_1 = __importDefault(require("../Components/Buttons/Buttons"));
-var PinInputs_1 = __importDefault(require("../Components/PinInputs/PinInputs"));
-var TInput = function () {
-    var _a = (0, react_1.useState)(""), email = _a[0], setEmail = _a[1];
-    var _b = (0, react_1.useState)(""), password = _b[0], setPassword = _b[1];
-    var errors = (0, react_1.useState)({
-        email: "ddd",
-        password: "",
-    })[0];
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Input_1.default, { label: "Email Address", type: "email", value: email, onChange: setEmail, error: errors.email, placeholder: "Email Address", inputBoxClassName: "w-1/6" }),
-        react_1.default.createElement(Input_1.default, { label: "Password", type: "password", value: password, onChange: setPassword, error: errors.password, placeholder: "Password", inputBoxClassName: "w-1/6" }),
-        react_1.default.createElement(PinInputs_1.default, { length: 6, error: "", onComplete: function (value) { console.log(value, "value"); } }),
-        react_1.default.createElement(Buttons_1.default, { label: "Sign In", onClick: function () { } })));
-};
-exports.default = TInput;

package/dist/Pages/accordion.d.ts

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

package/dist/Pages/accordion.js

@@ -1,42 +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 Accordion_1 = __importDefault(require("../Components/Accordion/Accordion"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var Accordions = function () {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Accordion_1.default, { allowToggle: true, items: [
-                {
-                    header: (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(react_2.Box, { as: "span", flex: "1", textAlign: "left" }, "Section 1 title"),
-                        react_1.default.createElement(lucide_react_1.ChevronDown, { style: { marginRight: "8px" } }))),
-                    content: (react_1.default.createElement("div", null,
-                        react_1.default.createElement(react_2.Text, null, "This is text inside Section 1."),
-                        react_1.default.createElement(react_2.Box, { bg: "gray.200", p: 4, mt: 2 }, "This is a box with more content inside Section 1."),
-                        react_1.default.createElement(react_2.Flex, { mt: 2 },
-                            react_1.default.createElement(react_2.Box, { flex: "1", bg: "blue.200", p: 4 }, "Box 1"),
-                            react_1.default.createElement(react_2.Box, { flex: "1", bg: "green.200", p: 4, ml: 2 }, "Box 2")))),
-                    customStyles: {
-                        buttonStyle: { backgroundColor: "yellow" },
-                        hoverbuttonStyle: { backgroundColor: "orange" },
-                    },
-                    // buttonProps: { backgroundColor: "red" }
-                },
-                {
-                    header: (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(react_2.Box, { as: "span", flex: "1", textAlign: "left" }, "Section 1 title"),
-                        react_1.default.createElement(lucide_react_1.ChevronDown, { style: { marginRight: "8px" } }))),
-                    content: (react_1.default.createElement("div", null,
-                        react_1.default.createElement(react_2.Text, null, "This is text inside Section 1."),
-                        react_1.default.createElement(react_2.Box, { bg: "gray.200", p: 4, mt: 2 }, "This is a box with more content inside Section 1."),
-                        react_1.default.createElement(react_2.Flex, { mt: 2 },
-                            react_1.default.createElement(react_2.Box, { flex: "1", bg: "blue.200", p: 4 }, "Box 1"),
-                            react_1.default.createElement(react_2.Box, { flex: "1", bg: "green.200", p: 4, ml: 2 }, "Box 2")))),
-                },
-            ] })));
-};
-exports.default = Accordions;

package/dist/Pages/alertdialog.d.ts

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

package/dist/Pages/alertdialog.js

@@ -1,54 +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 () {
-    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;
-    };
-})();
-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 AlertDialog_1 = __importDefault(require("../Components/AlertDialog/AlertDialog"));
-var react_2 = require("@chakra-ui/react");
-var AlertdialogBox = function () {
-    var _a = (0, react_1.useState)(false), alertActive = _a[0], setAlertActive = _a[1];
-    var leastDestructiveRef = react_1.default.useRef();
-    var handleAlert = function () {
-        setAlertActive(!alertActive);
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(react_2.Button, { onClick: function () {
-                setAlertActive(true);
-            } }, "AlertDialog"),
-        react_1.default.createElement(AlertDialog_1.default, { isOpen: alertActive, onClose: handleAlert, leastDestructiveRef: leastDestructiveRef, title: "hello", content: react_1.default.createElement("div", { style: { color: "red", height: "200px" } }, "hellobody"), onConfirm: function () { return handleAlert(); }, size: "500" })));
-};
-exports.default = AlertdialogBox;

package/dist/Pages/button.d.ts

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

package/dist/Pages/button.js

@@ -1,46 +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 ButtonGroupIcon_1 = __importDefault(require("../Components/ButtonGroupIcon/ButtonGroupIcon"));
-var Button_1 = __importDefault(require("../Components/Button/Button"));
-var lucide_react_1 = require("lucide-react");
-var ButtonPage = function () {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(ButtonGroupIcon_1.default
-        // isLoading={true}
-        // leftIconLoading={true}
-        // RightIconLoading={true}
-        , { 
-            // isLoading={true}
-            // leftIconLoading={true}
-            // RightIconLoading={true}
-            buttonText: "ellipsis ellipsis ellipsis", rightIcon: react_1.default.createElement(lucide_react_1.House, null), leftIcon: react_1.default.createElement(lucide_react_1.House, null), size: "md", 
-            // variant="gradient"
-            color: "primary", rightIconDropdown: true, dropdownOptions: [
-                {
-                    label: "123",
-                    id: "1",
-                    image: react_1.default.createElement(lucide_react_1.House, null),
-                },
-                { label: "456", id: "2" },
-            ], onDropdownOptionClick: function (e, option) {
-                console.log(e, option);
-            } }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(Button_1.default, { label: "Button", onClick: function () { }, variant: "solid", size: "xs" }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("div", { style: { display: "flex", gap: "1rem", alignItems: "center", flexWrap: "wrap" } },
-            react_1.default.createElement(Button_1.default, { label: "Gradient", onClick: function () { }, variant: "gradient", size: "md" }),
-            react_1.default.createElement(Button_1.default, { label: "Gradient XL", onClick: function () { }, variant: "gradient", size: "xl", leftIcon: react_1.default.createElement(lucide_react_1.House, null) }),
-            react_1.default.createElement(Button_1.default, { label: "Loading", onClick: function () { }, variant: "gradient", isLoading: true }),
-            react_1.default.createElement(Button_1.default, { label: "Disabled", onClick: function () { }, variant: "gradient", isDisabled: true }),
-            react_1.default.createElement(Button_1.default, { label: "Ghost", onClick: function () { }, variant: "ghost" }),
-            react_1.default.createElement(Button_1.default, { label: "Outline XL", onClick: function () { }, variant: "outline", size: "xl" }))));
-};
-exports.default = ButtonPage;

package/dist/Pages/card.d.ts

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

package/dist/Pages/card.js

@@ -1,117 +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 () {
-    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;
-    };
-})();
-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 Card_1 = __importDefault(require("../Components/Card/Card"));
-var ProfileCard_1 = __importStar(require("../Components/ProfileCard/ProfileCard"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var PaymentCard_1 = __importDefault(require("../Components/Card/PaymentCard/PaymentCard"));
-var plans = [
-    {
-        plan_id: 1,
-        name: "Free",
-        description: "Basic features for small teams",
-        monthlyPrice: 0,
-        yearlyPrice: 0,
-        billing: "per month",
-        tax: "+ GST",
-        features: ["User Management (1 User)", "Single Pipeline", "500 Records", "Contacts, Products & Activities Management", "Automations (3)"],
-        icon: react_1.default.createElement(lucide_react_1.Star, { size: 20 }),
-        buttonText: "Choose Starter",
-        buttonVariant: "solid",
-        priceDescription: "Ideal for individuals and small teams starting out.",
-    },
-    {
-        plan_id: 2,
-        name: "Pro",
-        description: "Perfect for small teams and growing businesses.",
-        monthlyPrice: 499,
-        yearlyPrice: 399,
-        billing: "per month",
-        tax: "+ GST",
-        features: ["User Management (5 User)", "Everything in Free Edition +", "Team Pipelines (3)", "50,000 Records", "Email & WhatsApp Business Integration", "Automations (30)", "Mass emails with email insights", "10 custom fields/module"],
-        icon: react_1.default.createElement(lucide_react_1.Zap, { size: 20 }),
-        buttonText: "Choose Pro",
-        buttonVariant: "outline",
-        popular: true,
-        priceDescription: "Ideal for individuals and small teams starting out.",
-    },
-    // {
-    //   plan_id: 3,
-    //   name: "Enterprise",
-    //   description: "Unlimited access for large organizations",
-    //   monthlyPrice: 1499,
-    //   yearlyPrice: 1399,
-    //   billing: "per month",
-    //   tax: "+ GST",
-    //   features: ["User Management (Unlimited Users)", "Everything in Premier Edition +", "Team Pipelines (15)","1 Million Records","Advanced Automation Rules (100)","File Cabinet pre-installed with 5 GB storage","50 custom fields/module","1000 mass mails/day","Highest limits for features"],
-    //   icon: <Gem size={20} />,
-    //   buttonText: "Contact Sales",
-    //   buttonVariant: "solid" as const,
-    // },
-];
-var CardPage = function () {
-    var activePlanId = 1; // Example: current active plan
-    var nextUpgradeId = 2; // Example: suggest upgrade
-    var handleSelect = function (planId) {
-        console.log("Selected plan:", planId);
-    };
-    var handleHover = function (planId, type, state) {
-        console.log("".concat(type, " hover ").concat(state ? "enter" : "leave", " on plan"), planId);
-    };
-    // console.log(activePlanId,"activePlanId",nextUpgradeId,"nextUpgradeId");
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Card_1.default, null,
-            react_1.default.createElement("div", null, "hello")),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(ProfileCard_1.default, null,
-            react_1.default.createElement(ProfileCard_1.ProfileCardHeader, null, "Customer dashboard"),
-            react_1.default.createElement(ProfileCard_1.ProfileCardBody, null,
-                react_1.default.createElement(react_2.Text, null, "View a summary of all your customers over the last month.")),
-            react_1.default.createElement(ProfileCard_1.ProfileCardFooter, null,
-                react_1.default.createElement(react_2.Button, { color: "blue" }, "View here"))),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(react_2.SimpleGrid, { columns: { base: 1, md: 2 }, spacing: 6 }, plans.map(function (plan) { return (react_1.default.createElement(PaymentCard_1.default, { key: plan.plan_id, plan: plan, billingCycle: "monthly", isActive: plan.plan_id === activePlanId, isNextUpgrade: plan.plan_id === nextUpgradeId, onSelect: handleSelect, onHover: handleHover, buttonLoading: 2 })); }))));
-};
-exports.default = CardPage;