pixelize-design-library 2.1.76 → 2.2.1

package/dist/Pages/alertdialog.js

@@ -1,44 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var 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,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var 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, { buttonText: "hello", rightIcon: react_1.default.createElement(lucide_react_1.House, null), leftIcon: react_1.default.createElement(lucide_react_1.House, null), size: "md", variant: "solid", 
-            // color="red"
-            rightIconDropdown: true, dropdownOptions: [
-                {
-                    label: "123",
-                    id: "1",
-                    image: react_1.default.createElement(lucide_react_1.House, { style: { marginRight: "20px" } }),
-                },
-                { 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" })));
-};
-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,105 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __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",
-    },
-    {
-        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,
-    },
-    {
-        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: react_1.default.createElement(lucide_react_1.Gem, { size: 20 }),
-        buttonText: "Contact Sales",
-        buttonVariant: "solid",
-    },
-];
-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, { CardStyle: { marginRight: "10px" } },
-            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: 3 }, 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 })); }))));
-};
-exports.default = CardPage;

package/dist/Pages/chart.d.ts

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

package/dist/Pages/chart.js

@@ -1,35 +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 ApexBarChart_1 = __importDefault(require("../Components/Apexcharts/ApexBarChart/ApexBarChart"));
-var ApexPieChart_1 = __importDefault(require("../Components/Apexcharts/ApexPieChart/ApexPieChart"));
-var ApexLineChart_1 = __importDefault(require("../Components/Apexcharts/ApexLineChart/ApexLineChart"));
-var ChartPage = function () {
-    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);
-    });
-    var categories1 = data.map(function (_, index) { return "Category ".concat(index + 1); });
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(ApexBarChart_1.default, { data: data, labels: categories, title: "Bar Chart", titlePosition: "left", barColor: ["#00E396"], 
-            // 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" }, variant: "pie" }),
-        react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "donut Chart", titlePosition: "left", chartColor: ["#00E396", "#3182ce", "#ff4757", "#ff6348", "#e84393"], titleStyle: { color: "#00E396" }, variant: "donut" }),
-        react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "update-donut", variant: "update-donut" }),
-        react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Monochrome Pie", variant: "monochrome-pie" }),
-        react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Gradient Donut", variant: "gradient-donut" }),
-        react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Semi Donut", variant: "semi-donut", titlePosition: "left", chartColor: ["#00E396", "#3182ce", "#ff4757", "#ff6348", "#e84393"], titleStyle: { color: "#00E396" } }),
-        react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "donut-with-pattern", variant: "donut-with-pattern", titlePosition: "left", 
-            // chartColor={["#00E396", "#3182ce", "#ff4757", "#ff6348", "#e84393"]}
-            titleStyle: { color: "#00E396" } }),
-        react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "pie-with-image", variant: "pie-with-image", titlePosition: "left", chartColor: ["#00E396", "#3182ce", "#ff4757", "#ff6348", "#e84393"], titleStyle: { color: "#00E396" } }),
-        react_1.default.createElement(ApexLineChart_1.default, { variant: "basic", data: [10, 20, 30, 40, 50], labels: ["Jan", "Feb", "Mar", "Apr", "May"], title: "Basic Line Chart", lineColors: ["#3182ce"], height: 300, width: 600 }),
-        react_1.default.createElement(ApexLineChart_1.default, { variant: "realtime", data: [15, 25, 35], title: "Realtime Line Chart", lineColors: ["#e53e3e"], height: 300, width: 600 })));
-};
-exports.default = ChartPage;

package/dist/Pages/checkbox.d.ts

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

package/dist/Pages/checkbox.js

@@ -1,12 +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 Checkbox_1 = __importDefault(require("../Components/Checkbox/Checkbox"));
-var CheckboxPage = function () {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Checkbox_1.default, { label: "hello world" })));
-};
-exports.default = CheckboxPage;

package/dist/Pages/contactForm.d.ts

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

package/dist/Pages/contactForm.js

@@ -1,16 +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 ContactForm_1 = __importDefault(require("../Components/ContactForm/ContactForm"));
-var contactForm = function () {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(ContactForm_1.default, { apiKey: "https://dev.api.pixelizetech.com/api/mks/sendSweet/", 
-            //  customFields={<>Product kjdhfkljh</>}
-            getCustomValues: function () { return ({
-            //  product: "empty",
-            }); }, customerId: 1, organizationId: 1 })));
-};
-exports.default = contactForm;

package/dist/Pages/datePick.d.ts

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

package/dist/Pages/datePick.js

@@ -1,71 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var DatePicker_1 = __importDefault(require("../Components/DatePicker/DatePicker"));
-var DatePick = function () {
-    var _a = (0, react_1.useState)(), selectedDate = _a[0], setSelectedDate = _a[1];
-    var _b = (0, react_1.useState)(null), selectedTime = _b[0], setSelectedTime = _b[1];
-    var _c = (0, react_1.useState)(null), selectedDateTime = _c[0], setSelectedDateTime = _c[1];
-    var _d = (0, react_1.useState)(null), selectedDateRange = _d[0], setSelectedDateRange = _d[1];
-    var handleDateChange = function (value) {
-        setSelectedDate(value);
-        console.log("Date selected:", value);
-    };
-    var handleTimeChange = function (value) {
-        setSelectedTime(value);
-        console.log("Time selected:", value);
-    };
-    var handleDateTimeChange = function (value) {
-        setSelectedDateTime(value);
-        console.log("DateTime selected:", value);
-    };
-    var handleDateRangeChange = function (value) {
-        if (value && "from" in value && "to" in value) {
-            setSelectedDateRange(value);
-            console.log("Date range selected:", value.from, value.to);
-        }
-        else {
-            setSelectedDateRange(null);
-            console.log("Date range cleared");
-        }
-    };
-    console.log("Selected DateTime:", selectedDateTime);
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("h2", null, "Single Date Picker"),
-        react_1.default.createElement("h2", null, "Date "),
-        react_1.default.createElement(DatePicker_1.default, { selectedDate: selectedDate, onChange: handleDateChange, dateFormat: "dd/MM/yyyy", pickerType: "date", width: "300px", error: true, errorMessage: "Invalid date", disableToday: true }),
-        react_1.default.createElement("h2", null, "time "),
-        react_1.default.createElement(DatePicker_1.default, { selectedDate: selectedTime, onChange: handleTimeChange, dateFormat: "HH:mm", pickerType: "time", width: "300px", error: true, errorMessage: "Invalid date" }),
-        react_1.default.createElement("h2", null, "datetime "),
-        react_1.default.createElement(DatePicker_1.default, { selectedDate: selectedDateTime, onChange: handleDateTimeChange, dateFormat: "dd/MM/yyyy HH:mm", pickerType: "datetime", width: "300px", error: true, errorMessage: "Invalid date" }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("h2", null, "Date Range Picker"),
-        react_1.default.createElement(DatePicker_1.default, { isRange: true, dateFormat: "dd/MM/yyyy", pickerType: "date", onChange: handleDateRangeChange, selectedDate: selectedDateRange, width: "300px", error: true, errorMessage: "Invalid date" })));
-};
-exports.default = DatePick;

package/dist/Pages/drawer.d.ts

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

package/dist/Pages/drawer.js

@@ -1,48 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var Button_1 = __importDefault(require("../Components/Button/Button"));
-var Drawer_1 = __importStar(require("../Components/Drawer/Drawer"));
-var DrawerPage = function () {
-    var _a = (0, react_1.useState)(false), drawerOpen = _a[0], setDrawerOpen = _a[1];
-    var handleOnclick3 = function () {
-        setDrawerOpen(true);
-    };
-    var handleOnclick4 = function () {
-        setDrawerOpen(false);
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Button_1.default, { label: "DrawerButton", onClick: handleOnclick3, width: 250, variant: "solid" }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(Drawer_1.default, { isOpen: drawerOpen, onClose: handleOnclick4, size: "xl" },
-            react_1.default.createElement(Drawer_1.DrawerHeader, null, "Drawer Header"),
-            react_1.default.createElement(Drawer_1.DrawerBody, null, "Drawer Body"),
-            react_1.default.createElement(Drawer_1.DrawerFooter, null, "Drawer Footer"))));
-};
-exports.default = DrawerPage;

package/dist/Pages/dropdown.d.ts

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

package/dist/Pages/dropdown.js

@@ -1,24 +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 DropDown_1 = __importDefault(require("../Components/Dropdown/DropDown"));
-var lucide_react_1 = require("lucide-react");
-var DropdownPage = function () {
-    var exportOptionss = [
-        { id: 1, label: "Upload file" },
-        { id: 2, label: "Documents", image: lucide_react_1.ChevronUp },
-        { id: 3, label: "CRM workDrive", image: lucide_react_1.ChevronUp },
-        { id: 4, label: "Other Cloud Drives", image: lucide_react_1.ChevronUp },
-        { id: 5, label: "Link(URL)", image: lucide_react_1.ChevronUp },
-    ];
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(DropDown_1.default, { ButtonText: "hello", optionsSize: "sm", options: exportOptionss, 
-            // dropDownButtonStyle={{ color: "red" }}
-            DropdownIcon: react_1.default.createElement(lucide_react_1.Ellipsis, { color: "gray.500" }), dropdownType: "button", handleOptionSelect: function (id, label) {
-                console.log("optionid", id, label);
-            }, buttonProps: { variant: "solid", colorScheme: "red" }, isVisibleIconShow: true, divider: true })));
-};
-exports.default = DropdownPage;

package/dist/Pages/editor.d.ts

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

package/dist/Pages/editor.js

@@ -1,14 +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 Editor_1 = __importDefault(require("../Components/Editor/Editor"));
-var EditorPage = function () {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Editor_1.default, { value: "heeeeejhbjhvbjhvbhj jbhkjhbiubviu iuhiuhiuhiu", config: { readonly: false, width: "900px" }, onChange: function (val) {
-                //console.log(val);
-            } })));
-};
-exports.default = EditorPage;

package/dist/Pages/fileUpload.d.ts

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

package/dist/Pages/fileUpload.js

@@ -1,65 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileUploader = void 0;
-var react_1 = __importStar(require("react"));
-var FileUpload_1 = __importDefault(require("../Components/FileUpload/FileUpload"));
-var Reorder_1 = __importDefault(require("../Components/Reorder/Reorder"));
-var imageList = [
-    { id: "1", previewUrl: "https://picsum.photos/id/1011/100", name: "Image 1" },
-    { id: "2", previewUrl: "https://picsum.photos/id/1012/100", name: "Image 2" },
-    { id: "3", previewUrl: "https://picsum.photos/id/1013/100", name: "Image 3" },
-    { id: "4", previewUrl: "https://picsum.photos/id/1011/100", name: "Image 1" },
-];
-var FileUploader = function () {
-    var _a = (0, react_1.useState)([]), file = _a[0], setFile = _a[1];
-    var _b = (0, react_1.useState)(imageList), list = _b[0], setList = _b[1];
-    var handleFiles = function (files) {
-        setFile(files);
-        var uploadedImages = files.map(function (f, i) { return ({
-            id: "".concat(i + 11),
-            name: f.name,
-            previewUrl: URL.createObjectURL(f),
-        }); });
-        setList(__spreadArray(__spreadArray([], imageList, true), uploadedImages, true));
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(FileUpload_1.default, { onFilesUploaded: function (files) { return handleFiles(files); }, uploadedFiles: file, onRemoveFile: function (file) { return console.log("SDFSDf", file); }, acceptTypes: [".webp", ".pdf", ".zip"], maxSizeKB: 512 }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(Reorder_1.default, { items: list, onReorder: function (files) { return setList(files); }, label: "Reorder" })));
-};
-exports.FileUploader = FileUploader;

package/dist/Pages/input.d.ts

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

package/dist/Pages/input.js

@@ -1,81 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var TextInput_1 = __importDefault(require("../Components/Input/TextInput"));
-var PhoneNumberInput_1 = __importDefault(require("../Components/Input/PhoneNumberInput"));
-var InputSwitch_1 = require("../Components/Input/Switch/InputSwitch");
-var InputPage = function () {
-    var _a = (0, react_1.useState)([]), countries = _a[0], setCountries = _a[1];
-    var _b = (0, react_1.useState)(false), switchState = _b[0], setSwitchState = _b[1];
-    (0, react_1.useEffect)(function () {
-        fetch("https://dev.api.pixelizetech.com/account/api/allCountries")
-            .then(function (res) { return res.json(); })
-            .then(function (data) {
-            setCountries(data);
-        })
-            .catch(function (err) { return console.error("Error fetching countries:", err); });
-    }, []);
-    return (react_1.default.createElement("div", { style: { width: "500px" } },
-        react_1.default.createElement(TextInput_1.default, { label: "My Label", id: "input1", name: "hello", 
-            //helperText="Hello"
-            //errorMessage="Required"
-            // error={true}
-            type: "email", 
-            // inputRightIcon={<User color="#FF0000" />}
-            // onRightIconclick={() => {
-            //   console.log("icon click");
-            // }}
-            // inputLeftIcon={<User color="#FF0000" />}
-            // onLeftIconClick={() => {
-            //   console.log("icon click");
-            // }}
-            key: "input1", 
-            // border={"0px solid"}
-            // padding={"0px"}
-            // inputStyle={{ border: "0px solid", padding: "0px" }}
-            // inputGroupStyle={{ border: "0px solid", padding: "0px" }}
-            // error={true}
-            // errorMessage="Required"
-            onChange: function (e) {
-                console.log(e.target.files);
-            }, onKeyDown: function () {
-                console.log("keydown");
-            }, onBlur: function () {
-                console.log("blur");
-            }, 
-            // helperText="sometibg"
-            isRequired: true, informationMessage: "This is information", isInformation: true, 
-            // isDisabled
-            minW: "200px", maxW: "300px" }),
-        react_1.default.createElement(PhoneNumberInput_1.default, { label: "Phone", id: "input1", name: "hello", country: "IN", value: "", countries: countries, onChange: function (val) {
-                console.log(val, "hello");
-            }, isRequired: true, informationMessage: "This is information", isInformation: true, error: true, errorMessage: "Required", showCountrySelect: true, minW: "200px", maxW: "300px" }),
-        react_1.default.createElement(InputSwitch_1.InputSwitch, { id: "repeat-switch", isChecked: switchState, onChange: function (e) { return setSwitchState(e.target.checked); }, switchText: "Repeat", switchTextPosition: "right", label: "My Switch", isInformation: true, informationMessage: "This is information", isRequired: true, size: "md" })));
-};
-exports.default = InputPage;

package/dist/Pages/kanbanboard.d.ts

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