pixelize-design-library 2.3.7 → 2.3.8

package/dist/Components/NoteTextArea/NoteTextArea.js

@@ -1,79 +1,36 @@
 "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 __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));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = NoteTextArea;
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var fieldStyles_1 = require("../Common/fieldStyles");
-var countWords = function (text) {
-    if (text === void 0) { text = ""; }
-    var t = text.trim();
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const lucide_react_1 = require("lucide-react");
+const useCustomTheme_1 = require("../../Theme/useCustomTheme");
+const fieldStyles_1 = require("../Common/fieldStyles");
+const countWords = (text = "") => {
+    const t = text.trim();
     if (!t)
         return 0;
     return t.split(/\s+/).length;
 };
-function NoteTextArea(_a) {
-    var _b;
-    var _c = _a.width, width = _c === void 0 ? "100%" : _c, handleSubmit = _a.handleSubmit, handleCancel = _a.handleCancel, value = _a.value, title = _a.title, file = _a.file, _d = _a.isEditable, isEditable = _d === void 0 ? false : _d, saveButtonLoading = _a.saveButtonLoading, _e = _a.maxFileSize, maxFileSize = _e === void 0 ? 1 * 1024 * 1024 : _e, _f = _a.maxFilesSizeError, maxFilesSizeError = _f === void 0 ? "Some files are too large. Maximum allowed size is" : _f, _g = _a.maxNoteWordCount, maxNoteWordCount = _g === void 0 ? 15 : _g, onChange = _a.onChange, inputRef = _a.ref, _h = _a.customPlaceholder, customPlaceholder = _h === void 0 ? "Add a note..." : _h, _j = _a.cancelButtonHide, cancelButtonHide = _j === void 0 ? false : _j;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var noteAreaRef = (0, react_1.useRef)(null);
-    var _k = (0, react_1.useState)(false), isActive = _k[0], setIsActive = _k[1];
-    var _l = (0, react_1.useState)(""), noteValue = _l[0], setNoteValue = _l[1];
-    var _m = (0, react_1.useState)(""), titleValue = _m[0], setTitleValue = _m[1];
-    var _o = (0, react_1.useState)(false), titleShow = _o[0], setTitleShow = _o[1];
-    var _p = (0, react_1.useState)([]), files = _p[0], setFiles = _p[1];
-    var _q = (0, react_1.useState)(""), fileError = _q[0], setFileError = _q[1];
-    var _r = (0, react_1.useState)(false), isSaveDisabled = _r[0], setIsSaveDisabled = _r[1];
-    (0, react_1.useEffect)(function () {
+function NoteTextArea({ width = "100%", handleSubmit, handleCancel, value, title, file, isEditable = false, saveButtonLoading, maxFileSize = 1 * 1024 * 1024, maxFilesSizeError = "Some files are too large. Maximum allowed size is", maxNoteWordCount = 15, onChange, ref: inputRef, customPlaceholder = "Add a note...", cancelButtonHide = false, }) {
+    var _a;
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
+    const noteAreaRef = (0, react_1.useRef)(null);
+    const [isActive, setIsActive] = (0, react_1.useState)(false);
+    const [noteValue, setNoteValue] = (0, react_1.useState)("");
+    const [titleValue, setTitleValue] = (0, react_1.useState)("");
+    const [titleShow, setTitleShow] = (0, react_1.useState)(false);
+    const [files, setFiles] = (0, react_1.useState)([]);
+    const [fileError, setFileError] = (0, react_1.useState)("");
+    const [isSaveDisabled, setIsSaveDisabled] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
         setIsSaveDisabled(countWords(titleValue) > maxNoteWordCount);
     }, [titleValue, maxNoteWordCount]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         setIsSaveDisabled(countWords(noteValue) > maxNoteWordCount);
     }, [noteValue, maxNoteWordCount]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (isEditable) {
             setIsActive(true);
             if (value)
@@ -86,7 +43,7 @@ function NoteTextArea(_a) {
                 setFiles(Array.isArray(file) ? file : []);
         }
     }, [value, title, file, isEditable]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (!saveButtonLoading) {
             if (!isEditable) {
                 setIsActive(false);
@@ -99,21 +56,21 @@ function NoteTextArea(_a) {
         if (isEditable)
             setIsActive(true);
     }, [saveButtonLoading, isEditable]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (isActive && noteAreaRef.current) {
             noteAreaRef.current.style.height = "auto";
-            noteAreaRef.current.style.height = "".concat(noteAreaRef.current.scrollHeight, "px");
+            noteAreaRef.current.style.height = `${noteAreaRef.current.scrollHeight}px`;
             noteAreaRef.current.focus();
         }
     }, [isActive]);
-    var adjustHeight = function () {
-        var t = noteAreaRef.current;
+    const adjustHeight = () => {
+        const t = noteAreaRef.current;
         if (!t)
             return;
         t.style.height = "auto";
-        t.style.height = "".concat(t.scrollHeight, "px");
+        t.style.height = `${t.scrollHeight}px`;
     };
-    var handleTextArea = function () {
+    const handleTextArea = () => {
         setIsActive(true);
         if (!isEditable) {
             setNoteValue("");
@@ -122,7 +79,7 @@ function NoteTextArea(_a) {
             setFiles([]);
         }
     };
-    var handleCloseTextArea = function () {
+    const handleCloseTextArea = () => {
         setIsActive(false);
         handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel(!isActive);
         if (!isEditable) {
@@ -133,8 +90,8 @@ function NoteTextArea(_a) {
         }
         setFileError("");
     };
-    var handleNoteChange = function (e) {
-        var value = e.target.value;
+    const handleNoteChange = (e) => {
+        const value = e.target.value;
         // Allow typing, but prevent updating state with only spaces
         if (value.trim() === "" && value !== "")
             return;
@@ -142,85 +99,44 @@ function NoteTextArea(_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
         adjustHeight();
     };
-    var formatBytes = function (bytes, decimals) {
-        if (decimals === void 0) { decimals = 2; }
+    const formatBytes = (bytes, decimals = 2) => {
         if (bytes === 0)
             return "0 Bytes";
-        var k = 1024;
-        var dm = decimals < 0 ? 0 : decimals;
-        var sizes = ["Bytes", "KB", "MB", "GB"];
-        var i = Math.floor(Math.log(bytes) / Math.log(k));
+        const k = 1024;
+        const dm = decimals < 0 ? 0 : decimals;
+        const sizes = ["Bytes", "KB", "MB", "GB"];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
         return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
     };
-    var shortenFileName = function (name, maxLength) {
-        if (maxLength === void 0) { maxLength = 24; }
-        var extension = name.substring(name.lastIndexOf("."));
+    const shortenFileName = (name, maxLength = 24) => {
+        const extension = name.substring(name.lastIndexOf("."));
         if (name.length <= maxLength)
             return name;
-        var nameWithoutExtension = name.replace(extension, "");
-        var start = nameWithoutExtension.substring(0, maxLength - extension.length - 3);
-        return "".concat(start, "...").concat(extension);
+        const nameWithoutExtension = name.replace(extension, "");
+        const start = nameWithoutExtension.substring(0, maxLength - extension.length - 3);
+        return `${start}...${extension}`;
     };
-    var noteWordCount = countWords(noteValue);
-    var isOverLimit = noteWordCount > maxNoteWordCount;
-    return (react_1.default.createElement(react_2.Box, { w: width, borderRadius: fieldStyles_1.FIELD_RADIUS, overflow: "hidden", border: "1px solid", borderColor: isActive ? theme.colors.primary[500] : (_b = theme.colors.boxborder) === null || _b === void 0 ? void 0 : _b[500], bg: isActive ? theme.colors.gray[50] : theme.colors.white, transition: "border-color 0.2s" },
-        !isActive && (react_1.default.createElement(react_2.Flex, { px: 3, gap: 2, align: "center", cursor: "text", onClick: handleTextArea, bg: theme.colors.white, borderRadius: fieldStyles_1.FIELD_RADIUS, minH: "2.5rem", transition: "background 0.15s", _hover: { bg: theme.colors.gray[50] } },
-            react_1.default.createElement(lucide_react_1.SquarePen, { size: 16, color: theme.colors.gray[500] }),
-            react_1.default.createElement(react_2.Text, { color: theme.colors.gray[500], fontSize: "sm" }, customPlaceholder))),
-        isActive && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(react_2.Box, { bg: theme.colors.white },
-                titleShow && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(react_2.Input, { ref: inputRef, value: titleValue, onChange: function (e) {
-                            if (e.target.value.length === 0)
-                                setTitleShow(false);
-                            setTitleValue(e.target.value);
-                        }, placeholder: "Add a title...", variant: "unstyled", px: 3, pt: 2.5, pb: 1.5, fontWeight: 600, fontSize: "0.875rem", color: theme.colors.text[700], _placeholder: {
-                            fontStyle: "italic",
-                            color: theme.colors.gray[300],
-                        } }),
-                    react_1.default.createElement(react_2.Divider, { borderColor: theme.colors.gray[200] }))),
-                react_1.default.createElement(react_2.Box, { bg: theme.colors.white, minH: "76px", px: 3, pt: 2.5, position: "relative" },
-                    react_1.default.createElement(react_2.Textarea, { ref: noteAreaRef, value: noteValue, onChange: handleNoteChange, placeholder: customPlaceholder, variant: "unstyled", resize: "none", minH: "76px", fontSize: "0.75rem", color: theme.colors.text[700], _placeholder: { fontStyle: "italic", color: theme.colors.gray[300] }, style: { overflow: "hidden" }, p: 0 }))),
-            react_1.default.createElement(react_2.Divider, { borderColor: theme.colors.gray[200] }),
-            react_1.default.createElement(react_2.Box, { px: 3, py: 2.5 },
-                react_1.default.createElement(react_2.Flex, { align: "center", justify: "space-between", w: "100%", gap: 3 },
-                    react_1.default.createElement(react_2.Flex, { align: "center", gap: 2, minW: 0 },
-                        react_1.default.createElement(react_2.Tooltip, { label: "Attach files", hasArrow: true, placement: "top" },
-                            react_1.default.createElement(react_2.Box, { as: "label", htmlFor: "file-upload", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", w: "1.75rem", h: "1.75rem", borderRadius: "md", color: theme.colors.gray[600], transition: "background 0.15s", _hover: { bg: theme.colors.gray[100] } },
-                                react_1.default.createElement(lucide_react_1.Paperclip, { size: 16 }))),
-                        react_1.default.createElement(react_2.Box, { h: "1rem", w: "1px", bg: theme.colors.gray[200] }),
-                        !titleShow ? (react_1.default.createElement(react_2.Box, { as: "button", type: "button", onClick: function () { return setTitleShow(true); }, px: 2, py: 1, borderRadius: "md", color: theme.colors.gray[600], fontWeight: 500, fontSize: "sm", transition: "background 0.15s", _hover: { bg: theme.colors.gray[100] } }, "+ Add a title")) : (react_1.default.createElement(react_2.Tooltip, { label: titleValue, hasArrow: true, isDisabled: !titleValue },
-                            react_1.default.createElement(react_2.Text, { color: theme.colors.gray[600], fontSize: "sm", fontWeight: 500, isTruncated: true, maxW: "180px" }, titleValue || "Title")))),
-                    react_1.default.createElement(react_2.Flex, { gap: 2.5, align: "center", ml: "auto", flexShrink: 0 },
-                        react_1.default.createElement(react_2.Text, { fontSize: "xs", fontWeight: 500, color: isOverLimit ? theme.colors.semantic.error[500] : theme.colors.gray[500], whiteSpace: "nowrap" },
-                            noteWordCount,
-                            "/",
-                            maxNoteWordCount),
-                        cancelButtonHide ? null : (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", colorScheme: "gray", onClick: handleCloseTextArea }, "Cancel")),
-                        react_1.default.createElement(react_2.Button, { size: "sm", variant: "solid", isLoading: !!saveButtonLoading, isDisabled: !noteValue || isSaveDisabled, onClick: function () { return handleSubmit(noteValue, titleValue, files); } },
-                            saveButtonLoading ? (react_1.default.createElement(react_2.Spinner, { size: "xs", thickness: "2px", mr: 2 })) : null,
-                            "Save"))),
-                react_1.default.createElement("input", { id: "file-upload", type: "file", style: { display: "none" }, onChange: function (e) {
-                        var newFiles = Array.from(e.target.files || []);
-                        var validFiles = newFiles.filter(function (f) { return f.size <= maxFileSize; });
-                        var invalidFiles = newFiles.filter(function (f) { return f.size > maxFileSize; });
-                        if (invalidFiles.length > 0) {
-                            setFileError("".concat(maxFilesSizeError, " ").concat(formatBytes(maxFileSize), "."));
-                        }
-                        else {
-                            setFileError("");
-                        }
-                        if (validFiles.length > 0) {
-                            setFiles(function (prev) { return __spreadArray(__spreadArray([], prev, true), validFiles, true); });
-                        }
-                    }, multiple: true }),
-                fileError && (react_1.default.createElement(react_2.Text, { color: theme.colors.semantic.error[500], mt: 2, fontSize: "xs" }, fileError)),
-                files.length > 0 && (react_1.default.createElement(react_2.Flex, { mt: 3, gap: 2, wrap: "wrap" }, files.map(function (f, idx) { return (react_1.default.createElement(react_2.Flex, { key: idx, align: "center", gap: 2, pl: 2.5, pr: 1.5, py: 1, borderRadius: "full", bg: theme.colors.gray[100], maxW: "100%" },
-                    react_1.default.createElement(lucide_react_1.File, { size: 13, color: theme.colors.gray[500] }),
-                    react_1.default.createElement(react_2.Text, { fontSize: "xs", color: theme.colors.text[700], isTruncated: true, maxW: "160px" }, shortenFileName(f.name)),
-                    react_1.default.createElement(react_2.Text, { fontSize: "xs", color: theme.colors.gray[500], whiteSpace: "nowrap" }, formatBytes(f.size)),
-                    react_1.default.createElement(react_2.Box, { as: "button", type: "button", display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "full", p: 0.5, color: theme.colors.gray[500], transition: "all 0.15s", _hover: { bg: theme.colors.gray[200], color: theme.colors.semantic.error[500] }, onClick: function () {
-                            return setFiles(function (prev) { return prev.filter(function (fileItem) { return fileItem !== f; }); });
-                        } },
-                        react_1.default.createElement(lucide_react_1.X, { size: 13 })))); }))))))));
+    const noteWordCount = countWords(noteValue);
+    const isOverLimit = noteWordCount > maxNoteWordCount;
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { w: width, borderRadius: fieldStyles_1.FIELD_RADIUS, overflow: "hidden", border: "1px solid", borderColor: isActive ? theme.colors.primary[500] : (_a = theme.colors.boxborder) === null || _a === void 0 ? void 0 : _a[500], bg: isActive ? theme.colors.gray[50] : theme.colors.white, transition: "border-color 0.2s", children: [!isActive && ((0, jsx_runtime_1.jsxs)(react_2.Flex, { px: 3, gap: 2, align: "center", cursor: "text", onClick: handleTextArea, bg: theme.colors.white, borderRadius: fieldStyles_1.FIELD_RADIUS, minH: "2.5rem", transition: "background 0.15s", _hover: { bg: theme.colors.gray[50] }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.SquarePen, { size: 16, color: theme.colors.gray[500] }), (0, jsx_runtime_1.jsx)(react_2.Text, { color: theme.colors.gray[500], fontSize: "sm", children: customPlaceholder })] })), isActive && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { bg: theme.colors.white, children: [titleShow && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Input, { ref: inputRef, value: titleValue, onChange: (e) => {
+                                            if (e.target.value.length === 0)
+                                                setTitleShow(false);
+                                            setTitleValue(e.target.value);
+                                        }, placeholder: "Add a title...", variant: "unstyled", px: 3, pt: 2.5, pb: 1.5, fontWeight: 600, fontSize: "0.875rem", color: theme.colors.text[700], _placeholder: {
+                                            fontStyle: "italic",
+                                            color: theme.colors.gray[300],
+                                        } }), (0, jsx_runtime_1.jsx)(react_2.Divider, { borderColor: theme.colors.gray[200] })] })), (0, jsx_runtime_1.jsx)(react_2.Box, { bg: theme.colors.white, minH: "76px", px: 3, pt: 2.5, position: "relative", children: (0, jsx_runtime_1.jsx)(react_2.Textarea, { ref: noteAreaRef, value: noteValue, onChange: handleNoteChange, placeholder: customPlaceholder, variant: "unstyled", resize: "none", minH: "76px", fontSize: "0.75rem", color: theme.colors.text[700], _placeholder: { fontStyle: "italic", color: theme.colors.gray[300] }, style: { overflow: "hidden" }, p: 0 }) })] }), (0, jsx_runtime_1.jsx)(react_2.Divider, { borderColor: theme.colors.gray[200] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { px: 3, py: 2.5, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", justify: "space-between", w: "100%", gap: 3, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", gap: 2, minW: 0, children: [(0, jsx_runtime_1.jsx)(react_2.Tooltip, { label: "Attach files", hasArrow: true, placement: "top", children: (0, jsx_runtime_1.jsx)(react_2.Box, { as: "label", htmlFor: "file-upload", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", w: "1.75rem", h: "1.75rem", borderRadius: "md", color: theme.colors.gray[600], transition: "background 0.15s", _hover: { bg: theme.colors.gray[100] }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Paperclip, { size: 16 }) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { h: "1rem", w: "1px", bg: theme.colors.gray[200] }), !titleShow ? ((0, jsx_runtime_1.jsx)(react_2.Box, { as: "button", type: "button", onClick: () => setTitleShow(true), px: 2, py: 1, borderRadius: "md", color: theme.colors.gray[600], fontWeight: 500, fontSize: "sm", transition: "background 0.15s", _hover: { bg: theme.colors.gray[100] }, children: "+ Add a title" })) : ((0, jsx_runtime_1.jsx)(react_2.Tooltip, { label: titleValue, hasArrow: true, isDisabled: !titleValue, children: (0, jsx_runtime_1.jsx)(react_2.Text, { color: theme.colors.gray[600], fontSize: "sm", fontWeight: 500, isTruncated: true, maxW: "180px", children: titleValue || "Title" }) }))] }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { gap: 2.5, align: "center", ml: "auto", flexShrink: 0, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { fontSize: "xs", fontWeight: 500, color: isOverLimit ? theme.colors.semantic.error[500] : theme.colors.gray[500], whiteSpace: "nowrap", children: [noteWordCount, "/", maxNoteWordCount] }), cancelButtonHide ? null : ((0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", variant: "ghost", colorScheme: "gray", onClick: handleCloseTextArea, children: "Cancel" })), (0, jsx_runtime_1.jsxs)(react_2.Button, { size: "sm", variant: "solid", isLoading: !!saveButtonLoading, isDisabled: !noteValue || isSaveDisabled, onClick: () => handleSubmit(noteValue, titleValue, files), children: [saveButtonLoading ? ((0, jsx_runtime_1.jsx)(react_2.Spinner, { size: "xs", thickness: "2px", mr: 2 })) : null, "Save"] })] })] }), (0, jsx_runtime_1.jsx)("input", { id: "file-upload", type: "file", style: { display: "none" }, onChange: (e) => {
+                                    const newFiles = Array.from(e.target.files || []);
+                                    const validFiles = newFiles.filter((f) => f.size <= maxFileSize);
+                                    const invalidFiles = newFiles.filter((f) => f.size > maxFileSize);
+                                    if (invalidFiles.length > 0) {
+                                        setFileError(`${maxFilesSizeError} ${formatBytes(maxFileSize)}.`);
+                                    }
+                                    else {
+                                        setFileError("");
+                                    }
+                                    if (validFiles.length > 0) {
+                                        setFiles((prev) => [...prev, ...validFiles]);
+                                    }
+                                }, multiple: true }), fileError && ((0, jsx_runtime_1.jsx)(react_2.Text, { color: theme.colors.semantic.error[500], mt: 2, fontSize: "xs", children: fileError })), files.length > 0 && ((0, jsx_runtime_1.jsx)(react_2.Flex, { mt: 3, gap: 2, wrap: "wrap", children: files.map((f, idx) => ((0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", gap: 2, pl: 2.5, pr: 1.5, py: 1, borderRadius: "full", bg: theme.colors.gray[100], maxW: "100%", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.File, { size: 13, color: theme.colors.gray[500] }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", color: theme.colors.text[700], isTruncated: true, maxW: "160px", children: shortenFileName(f.name) }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", color: theme.colors.gray[500], whiteSpace: "nowrap", children: formatBytes(f.size) }), (0, jsx_runtime_1.jsx)(react_2.Box, { as: "button", type: "button", display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "full", p: 0.5, color: theme.colors.gray[500], transition: "all 0.15s", _hover: { bg: theme.colors.gray[200], color: theme.colors.semantic.error[500] }, onClick: () => setFiles((prev) => prev.filter((fileItem) => fileItem !== f)), children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 13 }) })] }, idx))) }))] })] }))] }));
 }

package/dist/Components/NoteTextArea/NoteTextAreaProps.d.ts

@@ -16,3 +16,4 @@ export type NoteTextAreaProps = {
     customPlaceholder?: string;
     cancelButtonHide?: boolean;
 };
+//# sourceMappingURL=NoteTextAreaProps.d.ts.map

package/dist/Components/NoteTextArea/NoteTextAreaProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteTextAreaProps.d.ts","sourceRoot":"","sources":["../../../src/Components/NoteTextArea/NoteTextAreaProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,YAAY,EAAE,CACZ,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,IAAI,EAAE,EACZ,UAAU,EAAE,IAAI,KACb,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,GAAG,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC"}

package/dist/Components/Notification/Notification.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
 import { NotificationProps } from "./NotificationProps";
-declare const Notification: ({ notification, onClose, showStatus, onClick, isLoading, colors, }: NotificationProps) => React.JSX.Element;
+declare const Notification: ({ notification, onClose, showStatus, onClick, isLoading, colors, }: NotificationProps) => import("react/jsx-runtime").JSX.Element;
 export default Notification;
+//# sourceMappingURL=Notification.d.ts.map

package/dist/Components/Notification/Notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/Components/Notification/Notification.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,QAAA,MAAM,YAAY,GAAI,oEAOnB,iBAAiB,4CA0OnB,CAAC;AACF,eAAe,YAAY,CAAC"}

package/dist/Components/Notification/Notification.js

@@ -1,95 +1,62 @@
 "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;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var Notification = function (_a) {
-    var notification = _a.notification, onClose = _a.onClose, showStatus = _a.showStatus, onClick = _a.onClick, _b = _a.isLoading, isLoading = _b === void 0 ? false : _b, colors = _a.colors;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var bgColor = (colors === null || colors === void 0 ? void 0 : colors.bgColor) || theme.colors.white;
-    var borderColor = (colors === null || colors === void 0 ? void 0 : colors.borderColor) || theme.colors.gray[200];
-    var textColor = (colors === null || colors === void 0 ? void 0 : colors.textColor) || theme.colors.gray[700];
-    var titleColor = (colors === null || colors === void 0 ? void 0 : colors.titleColor) || theme.colors.gray[800];
-    var warningColor = (colors === null || colors === void 0 ? void 0 : colors.warningColor) || theme.colors.semantic.warning;
-    var errorColor = (colors === null || colors === void 0 ? void 0 : colors.errorColor) || theme.colors.semantic.error;
-    var successColor = (colors === null || colors === void 0 ? void 0 : colors.successColor) || theme.colors.semantic.success;
-    var startDate = (0, react_1.useMemo)(function () { return notification.startDate
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const lucide_react_1 = require("lucide-react");
+const useCustomTheme_1 = require("../../Theme/useCustomTheme");
+const Notification = ({ notification, onClose, showStatus, onClick, isLoading = false, colors, }) => {
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
+    const bgColor = (colors === null || colors === void 0 ? void 0 : colors.bgColor) || theme.colors.white;
+    const borderColor = (colors === null || colors === void 0 ? void 0 : colors.borderColor) || theme.colors.gray[200];
+    const textColor = (colors === null || colors === void 0 ? void 0 : colors.textColor) || theme.colors.gray[700];
+    const titleColor = (colors === null || colors === void 0 ? void 0 : colors.titleColor) || theme.colors.gray[800];
+    const warningColor = (colors === null || colors === void 0 ? void 0 : colors.warningColor) || theme.colors.semantic.warning;
+    const errorColor = (colors === null || colors === void 0 ? void 0 : colors.errorColor) || theme.colors.semantic.error;
+    const successColor = (colors === null || colors === void 0 ? void 0 : colors.successColor) || theme.colors.semantic.success;
+    const startDate = (0, react_1.useMemo)(() => notification.startDate
         ? new Date(notification.startDate)
-        : null; }, [notification.startDate]);
-    var _c = (0, react_1.useMemo)(function () {
-        var targetDate = notification.dueDate
+        : null, [notification.startDate]);
+    const { timeLabel, diffDays } = (0, react_1.useMemo)(() => {
+        const targetDate = notification.dueDate
             ? new Date(notification.dueDate)
             : notification.endDate
                 ? new Date(notification.endDate)
                 : null;
         if (!targetDate)
             return { timeLabel: "", diffDays: null };
-        var now = new Date();
-        var diffMs = targetDate.getTime() - now.getTime();
-        var diffMinutes = Math.floor(diffMs / (1000 * 60));
-        var diffHours = diffMinutes / 60;
-        var diffDays = diffHours / 24;
-        var toTitle = function (text) {
+        const now = new Date();
+        const diffMs = targetDate.getTime() - now.getTime();
+        const diffMinutes = Math.floor(diffMs / (1000 * 60));
+        const diffHours = diffMinutes / 60;
+        const diffDays = diffHours / 24;
+        const toTitle = (text) => {
             if (!text)
                 return "Item";
             return text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();
         };
-        var typeLabel = toTitle(notification.type);
-        var label = "";
+        const typeLabel = toTitle(notification.type);
+        let label;
         if (diffMs < 0) {
-            var overdueMinutes = Math.abs(diffMinutes);
+            const overdueMinutes = Math.abs(diffMinutes);
             if (overdueMinutes < 60)
-                label = "".concat(typeLabel, " overdue by ").concat(overdueMinutes, " minute").concat(overdueMinutes === 1 ? "" : "s", " ago");
+                label = `${typeLabel} overdue by ${overdueMinutes} minute${overdueMinutes === 1 ? "" : "s"} ago`;
             else if (overdueMinutes < 1440)
-                label = "".concat(typeLabel, " overdue by ").concat(Math.floor(overdueMinutes / 60), " hour").concat(Math.floor(overdueMinutes / 60) === 1 ? "" : "s", " ago");
+                label = `${typeLabel} overdue by ${Math.floor(overdueMinutes / 60)} hour${Math.floor(overdueMinutes / 60) === 1 ? "" : "s"} ago`;
             else
-                label = "".concat(typeLabel, " overdue by ").concat(Math.floor(overdueMinutes / 1440), " day").concat(Math.floor(overdueMinutes / 1440) === 1 ? "" : "s", " ago");
+                label = `${typeLabel} overdue by ${Math.floor(overdueMinutes / 1440)} day${Math.floor(overdueMinutes / 1440) === 1 ? "" : "s"} ago`;
         }
         else {
             if (diffMinutes < 60)
-                label = "".concat(typeLabel, " due in ").concat(diffMinutes, " minute").concat(diffMinutes === 1 ? "" : "s");
+                label = `${typeLabel} due in ${diffMinutes} minute${diffMinutes === 1 ? "" : "s"}`;
             else if (diffHours < 24)
-                label = "".concat(typeLabel, " due in ").concat(Math.floor(diffHours), " hour").concat(Math.floor(diffHours) === 1 ? "" : "s");
+                label = `${typeLabel} due in ${Math.floor(diffHours)} hour${Math.floor(diffHours) === 1 ? "" : "s"}`;
             else
-                label = "".concat(typeLabel, " due in ").concat(Math.ceil(diffDays), " day").concat(Math.ceil(diffDays) === 1 ? "" : "s");
+                label = `${typeLabel} due in ${Math.ceil(diffDays)} day${Math.ceil(diffDays) === 1 ? "" : "s"}`;
         }
-        return { timeLabel: label, diffDays: diffDays };
-    }, [notification.dueDate, notification.endDate, notification.type]), timeLabel = _c.timeLabel, diffDays = _c.diffDays;
-    var getStatusColor = function () {
+        return { timeLabel: label, diffDays };
+    }, [notification.dueDate, notification.endDate, notification.type]);
+    const getStatusColor = () => {
         if (diffDays === null)
             return theme.colors.gray[400];
         if (diffDays < 0)
@@ -100,11 +67,11 @@ var Notification = function (_a) {
             return theme.colors.yellow[400];
         return successColor;
     };
-    var TimeIcon = diffDays !== null && diffDays < 0 ? lucide_react_1.AlertCircle : lucide_react_1.Clock;
-    var formattedStartDateTime = (0, react_1.useMemo)(function () {
+    const TimeIcon = diffDays !== null && diffDays < 0 ? lucide_react_1.AlertCircle : lucide_react_1.Clock;
+    const formattedStartDateTime = (0, react_1.useMemo)(() => {
         if (!startDate)
             return "";
-        var options = notification.type === "meeting"
+        const options = notification.type === "meeting"
             ? {
                 day: "2-digit",
                 month: "short",
@@ -120,51 +87,18 @@ var Notification = function (_a) {
     }, [startDate, notification.type]);
     // 🔄 If loading, show skeleton
     if (isLoading) {
-        return (react_1.default.createElement(react_2.Box, { bg: bgColor, border: "1px solid", borderColor: borderColor, borderRadius: "xl", p: 4, w: "100%", maxW: "400px", boxShadow: "sm" },
-            react_1.default.createElement(react_2.VStack, { align: "start", spacing: 3, w: "100%" },
-                react_1.default.createElement(react_2.HStack, { spacing: 2 },
-                    react_1.default.createElement(react_2.SkeletonCircle, { size: "4" }),
-                    react_1.default.createElement(react_2.Skeleton, { height: "14px", width: "60%" })),
-                react_1.default.createElement(react_2.HStack, { align: "center", spacing: 3, w: "100%" },
-                    react_1.default.createElement(react_2.SkeletonCircle, { size: "8" }),
-                    react_1.default.createElement(react_2.VStack, { align: "start", spacing: 1, flex: "1" },
-                        react_1.default.createElement(react_2.Skeleton, { height: "16px", width: "70%" }),
-                        react_1.default.createElement(react_2.Skeleton, { height: "12px", width: "50%" }))),
-                react_1.default.createElement(react_2.Divider, { borderColor: borderColor }),
-                react_1.default.createElement(react_2.HStack, { justify: "space-between", w: "100%" },
-                    react_1.default.createElement(react_2.Skeleton, { height: "12px", width: "40%" }),
-                    react_1.default.createElement(react_2.Skeleton, { height: "12px", width: "30%" })))));
+        return ((0, jsx_runtime_1.jsx)(react_2.Box, { bg: bgColor, border: "1px solid", borderColor: borderColor, borderRadius: "xl", p: 4, w: "100%", maxW: "400px", boxShadow: "sm", children: (0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "start", spacing: 3, w: "100%", children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(react_2.SkeletonCircle, { size: "4" }), (0, jsx_runtime_1.jsx)(react_2.Skeleton, { height: "14px", width: "60%" })] }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { align: "center", spacing: 3, w: "100%", children: [(0, jsx_runtime_1.jsx)(react_2.SkeletonCircle, { size: "8" }), (0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "start", spacing: 1, flex: "1", children: [(0, jsx_runtime_1.jsx)(react_2.Skeleton, { height: "16px", width: "70%" }), (0, jsx_runtime_1.jsx)(react_2.Skeleton, { height: "12px", width: "50%" })] })] }), (0, jsx_runtime_1.jsx)(react_2.Divider, { borderColor: borderColor }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { justify: "space-between", w: "100%", children: [(0, jsx_runtime_1.jsx)(react_2.Skeleton, { height: "12px", width: "40%" }), (0, jsx_runtime_1.jsx)(react_2.Skeleton, { height: "12px", width: "30%" })] })] }) }));
     }
     // 🧩 Normal render
-    return (react_1.default.createElement(react_2.Box, { bg: bgColor, border: "1px solid", borderColor: borderColor, borderRadius: "xl", p: 4, w: "100%", maxW: "400px", boxShadow: "sm", _hover: { boxShadow: "md", transform: "translateY(-2px)" }, transition: "all 0.2s ease", position: "relative" },
-        onClose && (react_1.default.createElement(react_2.Box, { position: "absolute", top: "2", right: "2", cursor: "pointer", onClick: onClose, onKeyDown: function (e) {
-                if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    onClose();
-                }
-            }, tabIndex: 0, p: 1, borderRadius: "md", _hover: {
-                bg: theme.colors.red[100],
-                color: theme.colors.red[500],
-                transform: "scale(1.1)",
-            }, transition: "all 0.2s ease" },
-            react_1.default.createElement(lucide_react_1.X, { size: 16 }))),
-        react_1.default.createElement(react_2.VStack, { align: "start", spacing: 3, w: "100%" },
-            react_1.default.createElement(react_2.HStack, { spacing: 2 },
-                react_1.default.createElement(react_2.Icon, { as: TimeIcon, color: theme.colors.orange[400], boxSize: 4 }),
-                react_1.default.createElement(react_2.Text, { fontSize: "sm", color: theme.colors.orange[500], fontWeight: "semibold" }, timeLabel)),
-            react_1.default.createElement(react_2.HStack, { align: "center", spacing: 3, w: "100%" },
-                react_1.default.createElement(react_2.Avatar, { size: "sm", name: notification.host || notification.title, src: notification.avatarUrl || "" }),
-                react_1.default.createElement(react_2.VStack, { align: "start", spacing: 0, flex: "1" },
-                    react_1.default.createElement(react_2.Text, { fontWeight: "bold", fontSize: "md", color: titleColor, cursor: "pointer", _hover: { textColor: theme.colors.primary[500] }, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(notification.id, notification.type); } }, notification.title),
-                    notification.description && (react_1.default.createElement(react_2.Text, { fontSize: "sm", color: textColor }, notification.description)))),
-            react_1.default.createElement(react_2.Divider, { borderColor: borderColor }),
-            react_1.default.createElement(react_2.HStack, { justify: "space-between", w: "100%" },
-                react_1.default.createElement(react_2.HStack, { spacing: 2 },
-                    react_1.default.createElement(react_2.Icon, { as: lucide_react_1.Calendar, color: theme.colors.gray[400], boxSize: 4 }),
-                    react_1.default.createElement(react_2.Text, { fontSize: "sm", color: theme.colors.gray[500] }, formattedStartDateTime)),
-                react_1.default.createElement(react_2.HStack, { spacing: 2 },
-                    react_1.default.createElement(react_2.Icon, { as: lucide_react_1.User, color: theme.colors.gray[400], boxSize: 4 }),
-                    notification.host && (react_1.default.createElement(react_2.Text, { fontSize: "sm", color: theme.colors.gray[500] }, notification.host))),
-                showStatus && (react_1.default.createElement(react_2.Box, { boxSize: "3", bg: getStatusColor(), borderRadius: "full" }))))));
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { bg: bgColor, border: "1px solid", borderColor: borderColor, borderRadius: "xl", p: 4, w: "100%", maxW: "400px", boxShadow: "sm", _hover: { boxShadow: "md", transform: "translateY(-2px)" }, transition: "all 0.2s ease", position: "relative", children: [onClose && ((0, jsx_runtime_1.jsx)(react_2.Box, { position: "absolute", top: "2", right: "2", cursor: "pointer", onClick: onClose, onKeyDown: (e) => {
+                    if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        onClose();
+                    }
+                }, tabIndex: 0, p: 1, borderRadius: "md", _hover: {
+                    bg: theme.colors.red[100],
+                    color: theme.colors.red[500],
+                    transform: "scale(1.1)",
+                }, transition: "all 0.2s ease", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 16 }) })), (0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "start", spacing: 3, w: "100%", children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Icon, { as: TimeIcon, color: theme.colors.orange[400], boxSize: 4 }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", color: theme.colors.orange[500], fontWeight: "semibold", children: timeLabel })] }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { align: "center", spacing: 3, w: "100%", children: [(0, jsx_runtime_1.jsx)(react_2.Avatar, { size: "sm", name: notification.host || notification.title, src: notification.avatarUrl || "" }), (0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "start", spacing: 0, flex: "1", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "bold", fontSize: "md", color: titleColor, cursor: "pointer", _hover: { textColor: theme.colors.primary[500] }, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(notification.id, notification.type), children: notification.title }), notification.description && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", color: textColor, children: notification.description }))] })] }), (0, jsx_runtime_1.jsx)(react_2.Divider, { borderColor: borderColor }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { justify: "space-between", w: "100%", children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Icon, { as: lucide_react_1.Calendar, color: theme.colors.gray[400], boxSize: 4 }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", color: theme.colors.gray[500], children: formattedStartDateTime })] }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Icon, { as: lucide_react_1.User, color: theme.colors.gray[400], boxSize: 4 }), notification.host && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", color: theme.colors.gray[500], children: notification.host }))] }), showStatus && ((0, jsx_runtime_1.jsx)(react_2.Box, { boxSize: "3", bg: getStatusColor(), borderRadius: "full" }))] })] })] }));
 };
 exports.default = Notification;

package/dist/Components/Notification/NotificationProps.d.ts

@@ -1,6 +1,7 @@
 export type NotificationData = {
     id: number;
     title: string;
+    avatarUrl?: string;
     startDate: string;
     dueDate?: string;
     endDate?: string;
@@ -26,3 +27,4 @@ export type NotificationColor = {
     errorColor?: string;
     successColor?: string;
 };
+//# sourceMappingURL=NotificationProps.d.ts.map

package/dist/Components/Notification/NotificationProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationProps.d.ts","sourceRoot":"","sources":["../../../src/Components/Notification/NotificationProps.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,GAAC,SAAS,GAAC,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC/B,YAAY,EAAE,gBAAgB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAC,IAAI,EAAC,MAAM,GAAC,SAAS,GAAC,MAAM,KAAK,IAAI,CAAC;IAC5D,SAAS,CAAC,EAAC,OAAO,CAAC;IACnB,MAAM,CAAC,EAAC,iBAAiB,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,OAAO,CAAC,EAAC,MAAM,CAAA;IACf,WAAW,CAAC,EAAC,MAAM,CAAA;IACnB,SAAS,CAAC,EAAC,MAAM,CAAA;IACjB,UAAU,CAAC,EAAC,MAAM,CAAA;IAClB,YAAY,CAAC,EAAC,MAAM,CAAA;IACpB,UAAU,CAAC,EAAC,MAAM,CAAA;IAClB,YAAY,CAAC,EAAC,MAAM,CAAA;CACvB,CAAA"}

package/dist/Components/NumberInput/NumberInput.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
 import { NumberInputProps } from "./NumberInputProps";
-export default function NumberInput({ defaultValue, min, max, precision, step, clampValueOnBlur, keepWithinRange, value, onChange, size, maxW, allowMouseWheel, NumberIncrementStepperBg, NumberIncrementStepperActive, NumberIncrementStepperChildren, NumberDecrementStepperBg, NumberDecrementStepperChildren, NumberDecrementStepperActive, label, isInformation, informationMessage, isRequired, id, width, minW, ...props }: NumberInputProps): React.JSX.Element;
+export default function NumberInput({ defaultValue, min, max, precision, step, clampValueOnBlur, keepWithinRange, value, onChange, size, maxW, allowMouseWheel, NumberIncrementStepperBg, NumberIncrementStepperActive, NumberIncrementStepperChildren, NumberDecrementStepperBg, NumberDecrementStepperChildren, NumberDecrementStepperActive, label, isInformation, informationMessage, isRequired, id, width, minW, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NumberInput.d.ts.map

package/dist/Components/NumberInput/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/Components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EACnC,YAAY,EACZ,GAAG,EACH,GAAG,EACH,SAAS,EACT,IAAI,EACJ,gBAAgB,EAChB,eAAe,EACf,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,eAAe,EACf,wBAAwB,EACxB,4BAA4B,EAC5B,8BAA8B,EAC9B,wBAAwB,EACxB,8BAA8B,EAC9B,4BAA4B,EAC5B,KAAK,EACL,aAAa,EACb,kBAAkB,EAClB,UAAU,EACV,EAAE,EACF,KAAc,EACd,IAAI,EACJ,GAAG,KAAK,EACR,EAAE,gBAAgB,2CA6ClB"}