pixelize-design-library 2.4.1-beta.1 → 2.4.1

package/dist/Pages/card.js

@@ -1,102 +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 });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Card_1 = __importDefault(require("../Components/Card/Card"));
-const ProfileCard_1 = __importStar(require("../Components/ProfileCard/ProfileCard"));
-const react_1 = require("@chakra-ui/react");
-const Button_1 = __importDefault(require("../Components/Button/Button"));
-const lucide_react_1 = require("lucide-react");
-const PaymentCard_1 = __importDefault(require("../Components/Card/PaymentCard/PaymentCard"));
-const 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: (0, jsx_runtime_1.jsx)(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: (0, jsx_runtime_1.jsx)(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,
-    // },
-];
-const CardPage = () => {
-    const activePlanId = 1; // Example: current active plan
-    const nextUpgradeId = 2; // Example: suggest upgrade
-    const handleSelect = (planId) => {
-        console.log("Selected plan:", planId);
-    };
-    const handleHover = (planId, type, state) => {
-        console.log(`${type} hover ${state ? "enter" : "leave"} on plan`, planId);
-    };
-    // console.log(activePlanId,"activePlanId",nextUpgradeId,"nextUpgradeId");
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Card_1.default, { children: (0, jsx_runtime_1.jsx)("div", { children: "hello" }) }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(ProfileCard_1.default, { children: [(0, jsx_runtime_1.jsx)(ProfileCard_1.ProfileCardHeader, { children: "Customer dashboard" }), (0, jsx_runtime_1.jsx)(ProfileCard_1.ProfileCardBody, { children: (0, jsx_runtime_1.jsx)(react_1.Text, { children: "View a summary of all your customers over the last month." }) }), (0, jsx_runtime_1.jsx)(ProfileCard_1.ProfileCardFooter, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { colorScheme: "primary", children: "View here" }) })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.SimpleGrid, { columns: { base: 1, md: 2 }, spacing: 6, children: plans.map((plan) => ((0, jsx_runtime_1.jsx)(PaymentCard_1.default, { plan: plan, billingCycle: "monthly", isActive: plan.plan_id === activePlanId, isNextUpgrade: plan.plan_id === nextUpgradeId, onSelect: handleSelect, onHover: handleHover, buttonLoading: 2 }, plan.plan_id))) })] }));
-};
-exports.default = CardPage;

package/dist/Pages/chart.d.ts

@@ -1,4 +0,0 @@
-/** Demo page: charts use theme-derived defaults unless a prop overrides styling. */
-declare const ChartPage: () => import("react/jsx-runtime").JSX.Element;
-export default ChartPage;
-//# sourceMappingURL=chart.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/Pages/chart.tsx"],"names":[],"mappings":"AAKA,oFAAoF;AACpF,QAAA,MAAM,SAAS,+CAgHd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/Pages/chart.js

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ApexBarChart_1 = __importDefault(require("../Components/Apexcharts/ApexBarChart/ApexBarChart"));
-const ApexPieChart_1 = __importDefault(require("../Components/Apexcharts/ApexPieChart/ApexPieChart"));
-const ApexLineChart_1 = __importDefault(require("../Components/Apexcharts/ApexLineChart/ApexLineChart"));
-const ApexPolarCharts_1 = __importDefault(require("../Components/Apexcharts/ApexPolarCharts/ApexPolarCharts"));
-/** Demo page: charts use theme-derived defaults unless a prop overrides styling. */
-const ChartPage = () => {
-    const data = Array.from({ length: 10 }, () => Math.floor(Math.random() * 100));
-    const categories = data.map((_, index) => `Category ${index + 1}`);
-    const data1 = Array.from({ length: 10 }, () => Math.floor(Math.random() * 100));
-    const categories1 = data.map((_, index) => `Category ${index + 1}`);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ApexBarChart_1.default, { data: data, labels: categories, title: "Bar Chart", titlePosition: "left" }), (0, jsx_runtime_1.jsx)(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Pie Chart", titlePosition: "left", variant: "pie" }), (0, jsx_runtime_1.jsx)(ApexPieChart_1.default, { data: data1, labels: categories1, title: "donut Chart", titlePosition: "left", variant: "donut", legendPosition: "bottom", legendStyle: {
-                    horizontalGap: 5,
-                    verticalGap: 3,
-                    markerSize: 10,
-                    markerOffsetX: -5,
-                    markerOffsetY: 0,
-                } }), (0, jsx_runtime_1.jsx)(ApexPieChart_1.default, { data: data1, labels: categories1, title: "update-donut", variant: "update-donut" }), (0, jsx_runtime_1.jsx)(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Monochrome Pie", variant: "monochrome-pie" }), (0, jsx_runtime_1.jsx)(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Gradient Donut", variant: "gradient-donut" }), (0, jsx_runtime_1.jsx)(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Semi Donut", variant: "semi-donut", titlePosition: "left" }), (0, jsx_runtime_1.jsx)(ApexPieChart_1.default, { data: data1, labels: categories1, title: "donut-with-pattern", variant: "donut-with-pattern", titlePosition: "left" }), (0, jsx_runtime_1.jsx)(ApexPieChart_1.default, { data: data1, labels: categories1, title: "pie-with-image", variant: "pie-with-image", titlePosition: "left", width: 300 }), (0, jsx_runtime_1.jsx)(ApexLineChart_1.default, { variant: "basic", data: [10, 20, 30, 40, 50], labels: ["Jan", "Feb", "Mar", "Apr", "May"], series: ["basic 1", "basic 2", "basic 3", "basic 4", "basic 5"], title: "Basic Line Chart ghghjhgjkgkj kjhkjhkjhkjhkj", width: "25%" }), (0, jsx_runtime_1.jsx)(ApexLineChart_1.default, { variant: "realtime", data: [15, 25, 35], title: "Realtime Line Chart", height: 300, width: 600 }), (0, jsx_runtime_1.jsx)(ApexPolarCharts_1.default, { data: [21, 23, 19, 14, 6], labels: ["Apple", "Mango", "Orange", "Watermelon", "Banana"], variant: "basic" }), (0, jsx_runtime_1.jsx)(ApexPolarCharts_1.default, { data: [21, 23, 19, 14, 6], labels: ["Apple", "Mango", "Orange", "Watermelon", "Banana"], variant: "monochrome" })] }));
-};
-exports.default = ChartPage;

package/dist/Pages/checkbox.d.ts

@@ -1,3 +0,0 @@
-declare const CheckboxPage: () => import("react/jsx-runtime").JSX.Element;
-export default CheckboxPage;
-//# sourceMappingURL=checkbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/Pages/checkbox.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY,+CAMjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/Pages/checkbox.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Checkbox_1 = __importDefault(require("../Components/Checkbox/Checkbox"));
-const CheckboxPage = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { label: "hello world", error: true, errorMessage: "dd" }) }));
-};
-exports.default = CheckboxPage;

package/dist/Pages/contactForm.d.ts

@@ -1,3 +0,0 @@
-declare const contactForm: () => import("react/jsx-runtime").JSX.Element;
-export default contactForm;
-//# sourceMappingURL=contactForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"contactForm.d.ts","sourceRoot":"","sources":["../../src/Pages/contactForm.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,+CAchB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/Pages/contactForm.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ContactForm_1 = __importDefault(require("../Components/ContactForm/ContactForm"));
-const contactForm = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ContactForm_1.default, { apiKey: "https://dev.api.pixelizetech.com/api/mks/sendSweet/", 
-            //  customFields={<>Product kjdhfkljh</>}
-            getCustomValues: () => ({
-            //  product: "empty",
-            }), customerId: 1, organizationId: 1 }) }));
-};
-exports.default = contactForm;

package/dist/Pages/customModulesTable.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-declare const CustomModulesTablePage: React.FC;
-export default CustomModulesTablePage;
-//# sourceMappingURL=customModulesTable.d.ts.map

package/dist/Pages/customModulesTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"customModulesTable.d.ts","sourceRoot":"","sources":["../../src/Pages/customModulesTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAYxC,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAsBnC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/Pages/customModulesTable.js

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@chakra-ui/react");
-const CustomModulesTable_1 = __importDefault(require("../Components/CustomModulesTable/CustomModulesTable"));
-const initialModules = [
-    { module_id: 1, moduleName: "Projects", ownerLabel: "Aisha Khan" },
-    { module_id: 2, moduleName: "Invoices", ownerLabel: "Marcus Reed" },
-    { module_id: 3, moduleName: "Support Tickets", ownerLabel: "Lena Fischer" },
-];
-const CustomModulesTablePage = () => {
-    const [modules, setModules] = (0, react_1.useState)(initialModules);
-    return ((0, jsx_runtime_1.jsx)(react_2.Box, { maxW: "720px", children: (0, jsx_runtime_1.jsx)(CustomModulesTable_1.default, { modules: modules, onUpdateModule: ({ moduleId, moduleName }) => {
-                console.log("[CustomModulesTablePage] update", moduleId, moduleName);
-                setModules((prev) => prev.map((m) => m.module_id === moduleId ? { ...m, moduleName } : m));
-            }, onDeleteModule: (moduleId) => {
-                console.log("[CustomModulesTablePage] delete", moduleId);
-                setModules((prev) => prev.filter((m) => m.module_id !== moduleId));
-            } }) }));
-};
-exports.default = CustomModulesTablePage;

package/dist/Pages/datePick.d.ts

@@ -1,3 +0,0 @@
-declare const DatePick: () => import("react/jsx-runtime").JSX.Element;
-export default DatePick;
-//# sourceMappingURL=datePick.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"datePick.d.ts","sourceRoot":"","sources":["../../src/Pages/datePick.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,QAAQ,+CAuIb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/Pages/datePick.js

@@ -1,49 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-// import DatePicker from "../Components/DatePicker/DatePicker";
-const ThemeDatePicker_1 = __importDefault(require("../Components/DatePicker/ThemeDatePicker"));
-const DatePick = () => {
-    const [selectedDate, setSelectedDate] = (0, react_1.useState)();
-    // const [selectedDateTheme, setSelectedDateTheme] = useState<Date | null>();
-    const [selectedTime, setSelectedTime] = (0, react_1.useState)(null);
-    const [selectedDateTime, setSelectedDateTime] = (0, react_1.useState)(() => {
-        const now = new Date();
-        now.setHours(now.getHours() + 1);
-        return now;
-    });
-    const [selectedDateRange, setSelectedDateRange] = (0, react_1.useState)(null);
-    // const handleDateChange = (value: Date | null) => {
-    //   setSelectedDate(value);
-    //   console.log("Date selected:", value);
-    // };
-    // const handleTimeChange = (value: Date | null) => {
-    //   setSelectedTime(value);
-    //   console.log("Time selected:", value);
-    // };
-    // const handleDateTimeChange = (value: Date | null) => {
-    //   setSelectedDateTime(value);
-    //   console.log("DateTime selected:", value);
-    // };
-    const handleDateRangeChange = (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 ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { children: "Single Date Picker" }), (0, jsx_runtime_1.jsx)("h2", { children: "Date " }), (0, jsx_runtime_1.jsx)("h2", { children: "Theme Date Picker" }), (0, jsx_runtime_1.jsx)(ThemeDatePicker_1.default, { selectedDate: selectedDate, onChange: setSelectedDate, dateFormat: "dd/MM/yyyy", pickerType: "date", label: "Select Date", 
-                // disableFutureDates
-                disablePastDates: true, 
-                // disableToday
-                width: "300px", size: "xs" }), (0, jsx_runtime_1.jsx)(ThemeDatePicker_1.default, { selectedDate: selectedDateTime, onChange: setSelectedDateTime, dateFormat: "dd/MM/yyyy hh:mm a", pickerType: "datetime", label: "Select Date & Time", disablePastDates: true, isRequired: true, error: true, errorMessage: "Invalid date", size: "sm" }), (0, jsx_runtime_1.jsx)(ThemeDatePicker_1.default, { isRange: true, selectedDate: selectedDateRange, onChange: handleDateRangeChange, dateFormat: "dd/MM/yyyy hh:mm a", pickerType: "date", label: "Select Date Range" }), (0, jsx_runtime_1.jsx)(ThemeDatePicker_1.default, { selectedDate: selectedTime, onChange: setSelectedTime, dateFormat: "hh:mm a", pickerType: "time", label: "SelectTime", disablePastDates: true, isRequired: true, error: true, errorMessage: "Invalid time", informationMessage: "hh", isInformation: true, size: "md" })] }));
-};
-exports.default = DatePick;

package/dist/Pages/drawer.d.ts

@@ -1,3 +0,0 @@
-declare const DrawerPage: () => import("react/jsx-runtime").JSX.Element;
-export default DrawerPage;
-//# sourceMappingURL=drawer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/Pages/drawer.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,UAAU,+CA0Bf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/Pages/drawer.js

@@ -1,53 +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 });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Button_1 = __importDefault(require("../Components/Button/Button"));
-const Drawer_1 = __importStar(require("../Components/Drawer/Drawer"));
-const DrawerPage = () => {
-    const [drawerOpen, setDrawerOpen] = (0, react_1.useState)(false);
-    const handleOnclick3 = () => {
-        setDrawerOpen(true);
-    };
-    const handleOnclick4 = () => {
-        setDrawerOpen(false);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.default, { label: "DrawerButton", onClick: handleOnclick3, width: 250, variant: "solid" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(Drawer_1.default, { isOpen: drawerOpen, onClose: handleOnclick4, size: "xl", children: [(0, jsx_runtime_1.jsx)(Drawer_1.DrawerHeader, { children: "Drawer Header" }), (0, jsx_runtime_1.jsx)(Drawer_1.DrawerBody, { children: "Drawer Body" }), (0, jsx_runtime_1.jsx)(Drawer_1.DrawerFooter, { children: "Drawer Footer" })] })] }));
-};
-exports.default = DrawerPage;

package/dist/Pages/dropdown.d.ts

@@ -1,3 +0,0 @@
-declare const DropdownPage: () => import("react/jsx-runtime").JSX.Element;
-export default DropdownPage;
-//# sourceMappingURL=dropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/Pages/dropdown.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,YAAY,+CAoCjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/Pages/dropdown.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const DropDown_1 = __importDefault(require("../Components/Dropdown/DropDown"));
-const lucide_react_1 = require("lucide-react");
-const DropdownPage = () => {
-    const exportOptionss = [
-        { id: 1, label: "Upload file", image: lucide_react_1.FileText },
-        { 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 },
-    ];
-    const onSelect = (id, label) => console.log("optionid", id, label);
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "flex-start", gap: 6, flexWrap: "wrap", children: [["xs", "sm", "md", "lg", "xl"].map((size) => ((0, jsx_runtime_1.jsx)(DropDown_1.default, { ButtonText: `Size ${size}`, size: size, options: exportOptionss, DropdownIcon: (0, jsx_runtime_1.jsx)(lucide_react_1.FileText, { size: 16 }), dropdownType: "button", handleOptionSelect: onSelect, divider: true }, size))), (0, jsx_runtime_1.jsx)(DropDown_1.default, { text: "More", size: "md", options: exportOptionss, DropdownIcon: (0, jsx_runtime_1.jsx)(lucide_react_1.Ellipsis, { size: 18 }), dropdownType: "text", handleOptionSelect: onSelect })] }));
-};
-exports.default = DropdownPage;

package/dist/Pages/editor.d.ts

@@ -1,3 +0,0 @@
-declare const EditorPage: () => import("react/jsx-runtime").JSX.Element;
-export default EditorPage;
-//# sourceMappingURL=editor.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../src/Pages/editor.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,UAAU,+CAYf,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/Pages/editor.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Editor_1 = __importDefault(require("../Components/Editor/Editor"));
-const EditorPage = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Editor_1.default, { value: "heeeeejhbjhvbjhvbhj jbhkjhbiubviu iuhiuhiuhiu", config: { readonly: false, width: "900px" }, onChange: () => {
-                //console.log(val);
-            } }) }));
-};
-exports.default = EditorPage;

package/dist/Pages/feedback.d.ts

@@ -1,2 +0,0 @@
-export default function FeedbackPage(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=feedback.d.ts.map

package/dist/Pages/feedback.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"feedback.d.ts","sourceRoot":"","sources":["../../src/Pages/feedback.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CASnC"}

package/dist/Pages/feedback.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 });
-exports.default = FeedbackPage;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const FeedbackForm_1 = __importDefault(require("../Components/FeedbackForm/FeedbackForm"));
-function FeedbackPage() {
-    return ((0, jsx_runtime_1.jsxs)(react_1.Container, { maxW: "4xl", py: 8, children: [(0, jsx_runtime_1.jsx)(react_1.Heading, { size: "lg", mb: 6, children: "Feedback Form" }), (0, jsx_runtime_1.jsx)(react_1.Box, { bg: "white", p: 6, borderRadius: "md", boxShadow: "sm", children: (0, jsx_runtime_1.jsx)(FeedbackForm_1.default, { submitUrl: "/api/crm/feedback" }) })] }));
-}

package/dist/Pages/fileUpload.d.ts

@@ -1,2 +0,0 @@
-export declare const FileUploader: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=fileUpload.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fileUpload.d.ts","sourceRoot":"","sources":["../../src/Pages/fileUpload.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,YAAY,+CAgDxB,CAAC"}

package/dist/Pages/fileUpload.js

@@ -1,36 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileUploader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Reorder_1 = __importDefault(require("../Components/Reorder/Reorder"));
-const FileUploader_1 = __importDefault(require("../Components/FileUploader/FileUploader"));
-const FileUpload_1 = __importDefault(require("../Components/FileUpload/FileUpload"));
-const 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" },
-];
-const FileUploader = () => {
-    const [file, setFile] = (0, react_1.useState)([]);
-    const [list, setList] = (0, react_1.useState)(imageList);
-    const handleFiles = (files) => {
-        setFile(files);
-        const uploadedImages = files.map((f, i) => ({
-            id: `${i + 11}`,
-            name: f.name,
-            previewUrl: URL.createObjectURL(f),
-        }));
-        setList([...imageList, ...uploadedImages]);
-    };
-    const handleFilesChange = (files) => {
-        console.log('Uploaded files:', files);
-        // Handle the uploaded files here
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FileUpload_1.default, { onFilesUploaded: (files) => handleFiles(files), uploadedFiles: file, onRemoveFile: (file) => console.log("SDFSDf", file), acceptTypes: [".webp", ".pdf", ".zip"], maxSizeKB: 512 }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(Reorder_1.default, { items: list, onReorder: (files) => setList(files), label: "Reorder" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(FileUploader_1.default, { maxFiles: 10, maxTotalSize: 20, onFilesChange: handleFilesChange, acceptTypes: ["jpeg", "jpg", "png"] })] }));
-};
-exports.FileUploader = FileUploader;

package/dist/Pages/input.d.ts

@@ -1,3 +0,0 @@
-declare const InputPage: () => import("react/jsx-runtime").JSX.Element;
-export default InputPage;
-//# sourceMappingURL=input.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/Pages/input.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,SAAS,+CA4Fd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/Pages/input.js

@@ -1,48 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const TextInput_1 = __importDefault(require("../Components/Input/TextInput"));
-const PhoneNumberInput_1 = __importDefault(require("../Components/Input/PhoneNumberInput"));
-const InputSwitch_1 = require("../Components/Input/Switch/InputSwitch");
-const lucide_react_1 = require("lucide-react");
-const InputPage = () => {
-    const [countries, setCountries] = (0, react_1.useState)([]);
-    const [switchState, setSwitchState] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        fetch("https://dev.api.pixelizetech.com/account/api/allCountries")
-            .then((res) => res.json())
-            .then((data) => {
-            setCountries(data);
-        })
-            .catch((err) => console.error("Error fetching countries:", err));
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { width: "500px" }, children: [(0, jsx_runtime_1.jsx)(TextInput_1.default, { label: "My Label", id: "input1", name: "hello", 
-                //helperText="Hello"
-                //errorMessage="Required"
-                // error={true}
-                type: "email", 
-                // border={"0px solid"}
-                // padding={"0px"}
-                // inputStyle={{ border: "0px solid", padding: "0px" }}
-                // inputGroupStyle={{ border: "0px solid", padding: "0px" }}
-                // error={true}
-                // errorMessage="Required"
-                onChange: (e) => {
-                    console.log(e.target.files);
-                }, onKeyDown: () => {
-                    console.log("keydown");
-                }, onBlur: () => {
-                    console.log("blur");
-                }, 
-                // helperText="sometibg"
-                isRequired: true, informationMessage: "This is information", isInformation: true, 
-                // isDisabled
-                minW: "200px", maxW: "300px", inputLeftIcon: (0, jsx_runtime_1.jsx)(lucide_react_1.Mail, {}) }, "input1"), (0, jsx_runtime_1.jsx)(PhoneNumberInput_1.default, { label: "Phone", id: "input1", name: "hello", country: "IN", value: "", codeValueReturn: false, countries: countries, onChange: (val) => {
-                    console.log(val, "hello");
-                }, isRequired: true, informationMessage: "This is information", isInformation: true, error: true, errorMessage: "Required", showCountrySelect: true, minW: "200px", maxW: "300px" }), (0, jsx_runtime_1.jsx)(InputSwitch_1.InputSwitch, { id: "repeat-switch", isChecked: switchState, onChange: (e) => 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 @@
-declare const KanbanBoardExample: () => import("react/jsx-runtime").JSX.Element;
-export default KanbanBoardExample;
-//# sourceMappingURL=kanbanboard.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"kanbanboard.d.ts","sourceRoot":"","sources":["../../src/Pages/kanbanboard.tsx"],"names":[],"mappings":"AA0LA,QAAA,MAAM,kBAAkB,+CAkDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}