pixelize-design-library 2.1.16 → 2.1.18

package/dist/Pages/drawer.js

@@ -0,0 +1,48 @@
+"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

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

package/dist/Pages/dropdown.js

@@ -0,0 +1,24 @@
+"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

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

package/dist/Pages/editor.js

@@ -0,0 +1,14 @@
+"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

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

package/dist/Pages/fileUpload.js

@@ -0,0 +1,65 @@
+"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

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

package/dist/Pages/input.js

@@ -0,0 +1,42 @@
+"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 TextInput_1 = __importDefault(require("../Components/Input/TextInput"));
+var InputPage = function () {
+    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" })));
+};
+exports.default = InputPage;

package/dist/Pages/kanbanboard.d.ts

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

package/dist/Pages/kanbanboard.js

@@ -0,0 +1,115 @@
+"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 KanbanBoard_1 = __importDefault(require("../Components/KanbanBoard/KanbanBoard"));
+var initialData = {
+    acquired: {
+        id: "acquired",
+        title: "Acquired",
+        color: "#9A4FE5",
+        items: [
+            {
+                id: "1",
+                rating: "Acquired",
+                name: "1",
+                owner: "Mathew John and so",
+                site: "Demo",
+                details: "Additional details here...",
+                location: "Chennai",
+                status: "Pending",
+            },
+        ],
+    },
+    active: {
+        id: "requetsed",
+        title: "Requested",
+        color: "#4CAF50",
+        items: [
+            {
+                id: "2",
+                rating: "Acquired",
+                name: "1",
+                owner: "Mathew John",
+                site: "Demo",
+                details: "Additional details here...",
+                location: "Bangalore",
+                status: "Completed",
+            },
+        ],
+    },
+    active2: {
+        id: "done",
+        title: "Done",
+        color: "#4CfF50",
+        items: [
+            {
+                id: "33",
+                rating: "Done",
+                name: "1",
+                owner: "Mathew John",
+                site: "Demo",
+                details: "Additional details here...",
+                location: "Mumbai",
+                status: "In Progress",
+            },
+        ],
+    },
+    active3: {
+        id: "done",
+        title: "Done",
+        color: "#4CfF50",
+        items: [
+            {
+                id: "332",
+                rating: "Done",
+                name: "1",
+                owner: "Mathew John",
+                site: "Demo",
+                details: "Additional details here...",
+                location: "Mumbai",
+                status: "In Progress",
+            },
+        ],
+    },
+    active4: {
+        id: "done",
+        title: "Done",
+        color: "#4CfF50",
+        items: [
+            {
+                id: "3322",
+                rating: "Done",
+                name: "1",
+                owner: "Mathew John",
+                site: "Demo",
+                details: "Additional details here...",
+                location: "Mumbai",
+                status: "In Progress",
+            },
+        ],
+    },
+    active5: {
+        id: "done",
+        title: "Done",
+        color: "#4CfF50",
+        items: [
+            {
+                id: "332e2",
+                rating: "Done",
+                name: "1",
+                owner: "Mathew John",
+                site: "Demo",
+                details: "Additional details here...",
+                location: "Mumbai",
+                status: "In Progress",
+            },
+        ],
+    },
+};
+var KanbanBoardExample = function () {
+    return (react_1.default.createElement(KanbanBoard_1.default, { data: initialData, onDelete: function (item) { return console.log("Delete", item); }, onOpen: function (item) { return console.log("Open", item); }, onDrag: function (updatedColumns) { return console.log("New State", updatedColumns); }, onColumnDelete: function (updatedColumns) { return console.log("New Del", updatedColumns); }, isLoading: false }));
+};
+exports.default = KanbanBoardExample;

package/dist/Pages/modal.d.ts

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

package/dist/Pages/modal.js

@@ -0,0 +1,55 @@
+"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 Modal_1 = __importStar(require("../Components/Modal/Modal"));
+var Button_1 = __importDefault(require("../Components/Button/Button"));
+var ModalPage = function () {
+    var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
+    var _b = (0, react_1.useState)(false), isModelLoading = _b[0], setIsModelLoading = _b[1];
+    (0, react_1.useEffect)(function () {
+        var timer = setTimeout(function () {
+            setIsModelLoading(false);
+        }, 5000);
+        // Cleanup the timer on component unmount
+        return function () { return clearTimeout(timer); };
+    }, []);
+    var handleOnclick2 = function () {
+        setIsOpen(true);
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(Button_1.default, { label: "ModelButton", onClick: handleOnclick2, width: 250, variant: "solid" }),
+        react_1.default.createElement(Modal_1.default, { isOpen: isOpen, onClose: function () { return setIsOpen(false); }, 
+            // overlaybg={"blackAlpha.300"}
+            // overlaybackdropFilter={"blur(10px) hue-rotate(90deg)"}
+            size: "sm", isCentered: true, isLoading: isModelLoading },
+            react_1.default.createElement(Modal_1.ModalHeader, null, "hai"),
+            react_1.default.createElement(Modal_1.ModalBody, null, "heelo"),
+            react_1.default.createElement(Modal_1.ModalFooter, null, "welcome"))));
+};
+exports.default = ModalPage;

package/dist/Pages/multiSelect.d.ts

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

package/dist/Pages/multiSelect.js

@@ -0,0 +1,45 @@
+"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 MultiSelect_1 = __importDefault(require("../Components/MultiSelect/MultiSelect"));
+var MultiSelectPage = function () {
+    var _a = (0, react_1.useState)([
+        {
+            id: "1721664346718-1",
+            label: "Testing",
+        },
+    ]), selectedOptions = _a[0], setSelectedOptions = _a[1];
+    var handleValueSelectChange = function (options) {
+        setSelectedOptions(options);
+        console.log("Selected options updated:", options);
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(MultiSelect_1.default, { value: selectedOptions, onValueChange: handleValueSelectChange })));
+};
+exports.default = MultiSelectPage;

package/dist/Pages/noteArea.d.ts

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

package/dist/Pages/noteArea.js

@@ -0,0 +1,49 @@
+"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 NoteTextArea_1 = __importDefault(require("../Components/NoteTextArea/NoteTextArea"));
+var NoteAreaPage = function () {
+    var _a = (0, react_1.useState)(false), saveButtonLoading = _a[0], setSaveButtonLoading = _a[1];
+    var handleNoteValue = function (noteValue, titleValue, file) {
+        console.log("Title: ", titleValue);
+        console.log("Note: ", noteValue);
+        console.log("File: ", file);
+        setSaveButtonLoading(true);
+        setTimeout(function () {
+            setSaveButtonLoading(false);
+        }, 2000);
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(NoteTextArea_1.default, { width: "720px", handleSubmit: function (noteValue, titleValue, file) {
+                handleNoteValue(noteValue, titleValue, file);
+            }, value: "text", title: "hello", isEditable: false, saveButtonLoading: saveButtonLoading, handleCancel: function (isActive) {
+                console.log("isActive", isActive);
+            } })));
+};
+exports.default = NoteAreaPage;

package/dist/Pages/numberInput.d.ts

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

package/dist/Pages/numberInput.js

@@ -0,0 +1,39 @@
+"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 NumberInput_1 = __importDefault(require("../Components/NumberInput/NumberInput"));
+var NumberInputPage = function () {
+    var _a = (0, react_1.useState)("0"), numbetInputValue = _a[0], setNumbetInputValue = _a[1];
+    var handleNumberinput = function (value) {
+        setNumbetInputValue(value);
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(NumberInput_1.default, { min: 0, max: 20, value: numbetInputValue, onChange: handleNumberinput })));
+};
+exports.default = NumberInputPage;

package/dist/Pages/photoViewer.d.ts

@@ -0,0 +1,3 @@
+export default PhotoViewer;
+declare function PhotoViewer(): React.JSX.Element;
+import React from "react";

package/dist/Pages/photoViewer.js

@@ -0,0 +1,12 @@
+"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 ProfilePhotoViewer_1 = __importDefault(require("../Components/ProfilePhotoViewer/ProfilePhotoViewer"));
+var PhotoViewer = function () {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(ProfilePhotoViewer_1.default, { photoUrl: "https://media.istockphoto.com/id/2000672702/photo/happy-smiling-mature-indian-or-latin-business-man-ceo-trader-using-computer-typing-working-in.jpg?s=1024x1024&w=is&k=20&c=D1vOFvPH5YG87jlDs8g9THoClPfmdbAsHx2J4PdDtcI=" !== null && "https://media.istockphoto.com/id/2000672702/photo/happy-smiling-mature-indian-or-latin-business-man-ceo-trader-using-computer-typing-working-in.jpg?s=1024x1024&w=is&k=20&c=D1vOFvPH5YG87jlDs8g9THoClPfmdbAsHx2J4PdDtcI=" !== void 0 ? "https://media.istockphoto.com/id/2000672702/photo/happy-smiling-mature-indian-or-latin-business-man-ceo-trader-using-computer-typing-working-in.jpg?s=1024x1024&w=is&k=20&c=D1vOFvPH5YG87jlDs8g9THoClPfmdbAsHx2J4PdDtcI=" : "https://bit.ly/dan-abramov", onPhotoChange: function (file) { return console.log(file); }, isEditable: true, isView: true, fallbackText: "" })));
+};
+exports.default = PhotoViewer;

package/dist/Pages/pinInputs.d.ts

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

package/dist/Pages/pinInputs.js

@@ -0,0 +1,12 @@
+"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 PinInput_1 = __importDefault(require("../Components/PinInput/PinInput"));
+var PinInputPage = function () {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(PinInput_1.default, { pins: 5, label: "Enter pin" })));
+};
+exports.default = PinInputPage;

package/dist/Pages/productCaard.d.ts

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

package/dist/Pages/productCaard.js

@@ -0,0 +1,32 @@
+"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 ProductCard_1 = __importDefault(require("../Components/ProductCard/ProductCard"));
+var react_2 = require("@chakra-ui/react");
+var productCaard = function () {
+    var option = [{
+            label: "100 G",
+            weight: 100,
+            price: 149,
+            offer: 2,
+        },
+        {
+            label: "200 G",
+            weight: 200,
+            price: 250,
+            offer: 50,
+        }
+    ];
+    return (react_1.default.createElement(react_2.SimpleGrid, { columns: [1, 2, 3], spacing: 6, p: 4 },
+        react_1.default.createElement(ProductCard_1.default, { label: "Ghee Mysorepaku (Soft)", description: "Special Ghee mysorepaku", productImage: {
+                visibile: "https://www.sreeannapoorna.com/cdn/shop/files/80A4644.jpg?v=1752466892&width=1946",
+                hover: "https://www.sreeannapoorna.com/cdn/shop/files/80A4658.jpg?v=1752466430&width=1946",
+            }, tags: ['Melt in Mouth', 'Authentic Taste', 'No Preservatives'], rating: 4.76, reviews: 596, options: option, onAddToCart: function () { }, onClick: function () { }, bag: {
+                label: "Special",
+                color: "red",
+            } })));
+};
+exports.default = productCaard;

package/dist/Pages/progressbar.d.ts

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

package/dist/Pages/progressbar.js

@@ -0,0 +1,12 @@
+"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 ProgressBar_1 = __importDefault(require("../Components/ProgressBar/ProgressBar"));
+var ProgressbarPage = function () {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(ProgressBar_1.default, { min: 10, max: 0, isIndeterminate: true, size: "xs" })));
+};
+exports.default = ProgressbarPage;

package/dist/Pages/radioButton.d.ts

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