funuicss 2.5.8 → 2.5.9

package/dist/ui/step/Line.js

@@ -0,0 +1,9 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var StepLine = function (_a) {
+    var children = _a.children, funcss = _a.funcss;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "stepLined ".concat(funcss ? funcss : ''), children: children }));
+};
+exports.default = StepLine;

package/dist/ui/step/Step.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+interface StepProps {
+    children?: ReactNode;
+    funcss?: string;
+}
+declare const Step: React.FC<StepProps>;
+export default Step;

package/dist/ui/step/Step.js

@@ -0,0 +1,9 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Step = function (_a) {
+    var children = _a.children, funcss = _a.funcss;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "step ".concat(funcss ? funcss : ''), children: children }));
+};
+exports.default = Step;

package/dist/ui/table/Body.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type TableBodyProps = {
+    children?: React.ReactNode;
+    funcss?: string;
+};
+export default function TableBody({ children, funcss }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/table/Body.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TableBody;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function TableBody(_a) {
+    var children = _a.children, funcss = _a.funcss;
+    return (0, jsx_runtime_1.jsx)("tbody", { className: "".concat(funcss ? funcss : ''), children: children ? children : '' });
+}

package/dist/ui/table/Data.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface TableDataProps {
+    children?: React.ReactNode;
+    funcss?: string;
+    key?: string;
+}
+export default function TableData({ children, funcss, key }: TableDataProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/table/Data.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TableData;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function TableData(_a) {
+    var children = _a.children, funcss = _a.funcss, key = _a.key;
+    return ((0, jsx_runtime_1.jsx)("td", { className: "".concat(funcss), children: children }, key));
+}

package/dist/ui/table/Head.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type TableHeadProps = {
+    children?: React.ReactNode;
+    funcss?: string;
+};
+export default function TableHead({ children, funcss }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/table/Head.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TableHead;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function TableHead(_a) {
+    var children = _a.children, funcss = _a.funcss;
+    return (0, jsx_runtime_1.jsx)("thead", { className: "".concat(funcss ? funcss : ''), children: children });
+}

package/dist/ui/table/Row.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+type TableRowProps = {
+    children?: React.ReactNode;
+    funcss?: string;
+    rowKey?: React.Key;
+    key?: React.Key;
+};
+export default function TableRow({ children, funcss, rowKey, key }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/table/Row.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TableRow;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function TableRow(_a) {
+    var children = _a.children, funcss = _a.funcss, rowKey = _a.rowKey, key = _a.key;
+    return ((0, jsx_runtime_1.jsx)("tr", { className: "".concat(funcss ? funcss : ''), children: children }, key ? key : rowKey));
+}

package/dist/ui/table/Table.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+type TableProps = {
+    children?: React.ReactNode;
+    funcss?: string;
+    title?: string;
+    bordered?: boolean;
+    noStripped?: boolean;
+    hoverable?: boolean;
+    showTotal?: boolean;
+    light?: boolean;
+    isLoading?: boolean;
+    dark?: boolean;
+    data?: {
+        "fields": string[];
+        "data": any[];
+        "titles": string[];
+    };
+    head?: React.ReactNode;
+    right?: React.ReactNode;
+    body?: React.ReactNode;
+    height?: number;
+    pageSize?: number;
+    customColumns?: {
+        title: string;
+        render: (data: any) => React.ReactNode;
+        onClick?: (data: any) => void;
+    }[];
+    filterableFields?: string[];
+};
+export default function Table({ children, funcss, bordered, noStripped, hoverable, title, showTotal, light, dark, head, body, data, isLoading, right, height, pageSize, // Default page size,
+customColumns, filterableFields, // New prop
+...rest }: TableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/table/Table.js

@@ -0,0 +1,133 @@
+"use strict";
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Table;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Head_1 = __importDefault(require("./Head"));
+var Body_1 = __importDefault(require("./Body"));
+var Row_1 = __importDefault(require("./Row"));
+var Data_1 = __importDefault(require("./Data"));
+var react_1 = require("react");
+var RowFlex_1 = __importDefault(require("../specials/RowFlex"));
+var Button_1 = __importDefault(require("../button/Button"));
+var pi_1 = require("react-icons/pi");
+var Circle_1 = __importDefault(require("../specials/Circle"));
+var Text_1 = __importDefault(require("../text/Text"));
+var react_easy_export_1 = require("react-easy-export");
+function Table(_a) {
+    var _b, _c;
+    var children = _a.children, funcss = _a.funcss, bordered = _a.bordered, noStripped = _a.noStripped, hoverable = _a.hoverable, title = _a.title, showTotal = _a.showTotal, light = _a.light, dark = _a.dark, head = _a.head, body = _a.body, data = _a.data, isLoading = _a.isLoading, right = _a.right, height = _a.height, _d = _a.pageSize, pageSize = _d === void 0 ? data ? 10 : 0 : _d, // Default page size,
+    customColumns = _a.customColumns, filterableFields = _a.filterableFields, // New prop
+    rest = __rest(_a, ["children", "funcss", "bordered", "noStripped", "hoverable", "title", "showTotal", "light", "dark", "head", "body", "data", "isLoading", "right", "height", "pageSize", "customColumns", "filterableFields"]);
+    // Check if data is null or undefined before accessing its properties
+    var _e = (0, react_1.useState)((data === null || data === void 0 ? void 0 : data.data) ? "" : ""), search = _e[0], setSearch = _e[1];
+    var _f = (0, react_1.useState)(1), currentPage = _f[0], setCurrentPage = _f[1];
+    // Determine the total number of pages based on data length and page size
+    var totalPages = data ? Math.ceil((((_b = data === null || data === void 0 ? void 0 : data.data) === null || _b === void 0 ? void 0 : _b.length) || 0) / pageSize) : 0;
+    // Calculate start and end indices for data pagination
+    var startIndex = data ? (currentPage - 1) * pageSize : 0;
+    var endIndex = data ? Math.min(startIndex + pageSize, ((_c = data === null || data === void 0 ? void 0 : data.data) === null || _c === void 0 ? void 0 : _c.length) || 0) : 0;
+    var _g = (0, react_1.useState)(null), selectedField = _g[0], setSelectedField = _g[1];
+    var _h = (0, react_1.useState)(null), selectedValue = _h[0], setSelectedValue = _h[1];
+    // Function to handle page change
+    var handleChangePage = function (page) {
+        if (data) {
+            setCurrentPage(page);
+        }
+    };
+    var handleFieldChange = function (field) {
+        setSelectedField(field);
+        setSelectedValue(null); // Reset selected value when field changes
+    };
+    var handleValueChange = function (value) {
+        setSelectedValue(value);
+    };
+    var filteredData = data ? data === null || data === void 0 ? void 0 : data.data.filter(function (item) {
+        if (!search && !selectedField && !selectedValue)
+            return true;
+        if (selectedField && selectedValue) {
+            var value = item[selectedField];
+            if (value) {
+                return value.toString().toLowerCase() === selectedValue.toString().toLowerCase();
+            }
+        }
+        if (selectedField) {
+            var value = item[selectedField];
+            if (value) {
+                return value.toString().toLowerCase().includes(search.toString().toLowerCase());
+            }
+        }
+        return Object.values(item).some(function (value) {
+            if (value) {
+                return value.toString().toLowerCase().includes(search.toString().toLowerCase());
+            }
+        });
+    })
+        : [];
+    // Maximum number of visible pages for pagination
+    var maxVisiblePages = 5;
+    // Determine which pages to display
+    var startPage = data ? Math.max(1, currentPage - Math.floor(maxVisiblePages / 2)) : 0;
+    var endPage = data ? Math.min(startPage + maxVisiblePages - 1, totalPages) : 0;
+    // Adjust startPage and endPage if there are not enough pages to fill maxVisiblePages
+    if (endPage - startPage + 1 < maxVisiblePages) {
+        startPage = Math.max(1, endPage - maxVisiblePages + 1);
+    }
+    // Function to export data to CSV
+    var Export = function () {
+        (0, react_easy_export_1.exportToCSV)(filteredData, title ? "".concat(title, " ").concat(selectedField ? "_".concat(selectedField) : '', ".csv") : 'data.csv');
+    };
+    // Extract the data array
+    var dataArray = data ? data.data : [];
+    // Remove duplicate values
+    var uniqueValues = selectedField
+        ? Array.from(new Set(dataArray.map(function (item) { return item[selectedField]; })))
+        : [];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "".concat(funcss ? funcss : '', " roundEdge"), children: [data &&
+                (0, jsx_runtime_1.jsx)("div", { className: "padding bb", children: (0, jsx_runtime_1.jsxs)(RowFlex_1.default, { justify: 'space-between', children: [(0, jsx_runtime_1.jsxs)("div", { children: [title &&
+                                        (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.default, { text: title || "", size: 'h4' }) }), showTotal && data &&
+                                        (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { text: 'Records:', size: 'sm', color: 'primary' }), (0, jsx_runtime_1.jsx)(Text_1.default, { text: filteredData.length, size: 'h6' })] })] }), data && filterableFields ?
+                                (0, jsx_runtime_1.jsx)("div", { className: "col width-200-max", children: (0, jsx_runtime_1.jsxs)(RowFlex_1.default, { gap: 0.7, children: [(0, jsx_runtime_1.jsxs)("select", { className: " input borderedInput roundEdgeSmall smallInput", value: selectedField || '', onChange: function (e) {
+                                                    handleFieldChange(e.target.value);
+                                                }, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "\uD83D\uDD0D Filter" }), (0, jsx_runtime_1.jsx)("option", { value: "", children: "All*" }), filterableFields === null || filterableFields === void 0 ? void 0 : filterableFields.map(function (field) { return ((0, jsx_runtime_1.jsx)("option", { value: field, children: field }, field)); })] }), selectedField && (0, jsx_runtime_1.jsx)("div", { children: "=" }), selectedField && ((0, jsx_runtime_1.jsxs)("select", { className: " input borderedInput width-200-max  roundEdgeSmall smallInput", value: selectedValue || '', onChange: function (e) {
+                                                    handleValueChange(e.target.value);
+                                                    handleChangePage(1);
+                                                }, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "All*" }), uniqueValues.map(function (item) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: item &&
+                                                            (0, jsx_runtime_1.jsx)("option", { value: item, children: item.toString() }, item[selectedField]) })); })] }))] }) })
+                                : '', (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(RowFlex_1.default, { gap: 0.5, children: [right && right, (0, jsx_runtime_1.jsx)(Button_1.default, { small: true, bold: true, text: 'Export', startIcon: (0, jsx_runtime_1.jsx)(pi_1.PiFileCsv, {}), color: 'gradient', onClick: Export })] }) })] }) }), (0, jsx_runtime_1.jsxs)("table", __assign({ className: "table  ".concat(bordered ? 'border' : '', " ").concat(noStripped ? '' : 'stripped', " ").concat(hoverable ? 'hoverableTr' : '', " ").concat(light ? 'light' : '', " ").concat(dark ? 'dark' : ''), style: {
+                    height: height ? height + "px" : ""
+                } }, rest, { children: [data &&
+                        (data === null || data === void 0 ? void 0 : data.titles) &&
+                        (0, jsx_runtime_1.jsx)(Head_1.default, { children: data.titles.map(function (mdoc) { return ((0, jsx_runtime_1.jsx)("th", { children: (0, jsx_runtime_1.jsx)(Text_1.default, { text: mdoc, bold: true, color: 'primary' }) }, mdoc)); }) }), head && (0, jsx_runtime_1.jsx)(Head_1.default, { children: head }), body && (0, jsx_runtime_1.jsx)(Body_1.default, { children: body }), data &&
+                        filteredData.slice(startIndex, endIndex).map(function (mdoc, index) { return ((0, jsx_runtime_1.jsxs)(Row_1.default, { rowKey: index, children: [data.fields.map(function (fdoc) { return ((0, jsx_runtime_1.jsx)(Data_1.default, { children: mdoc[fdoc] }, fdoc)); }), customColumns ?
+                                    customColumns.map(function (column, columnIndex) { return ((0, jsx_runtime_1.jsxs)("td", { children: [column.render && column.render(mdoc), column.onClick && ((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: function () { return column.onClick && column.onClick(mdoc); }, children: column.title }))] }, columnIndex)); }) : ""] })); }), isLoading &&
+                        [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function () { return ((0, jsx_runtime_1.jsx)(Row_1.default, { funcss: 'skeleton' })); }), children ? children : ''] })), data &&
+                (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: pageSize &&
+                        (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: filteredData.length > pageSize &&
+                                (0, jsx_runtime_1.jsx)("div", { className: "padding bt", children: (0, jsx_runtime_1.jsx)(RowFlex_1.default, { gap: 1, justify: 'center', children: (0, jsx_runtime_1.jsx)("div", { className: "pagination", children: Array.from({ length: endPage - startPage + 1 }, function (_, i) { return ((0, jsx_runtime_1.jsx)(Circle_1.default, { size: 2.5, onClick: function () { return handleChangePage(startPage + i); }, funcss: currentPage === startPage + i ? 'primary pageCircle' : 'dark800 pageCircle text-primary', children: (0, jsx_runtime_1.jsx)(Text_1.default, { text: "".concat(startPage + i), bold: true, size: 'sm' }) }, startPage + i)); }) }) }) }) }) })] }));
+}

package/dist/ui/text/Text.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+type TypographyProps = {
+    id?: string;
+    text?: React.ReactNode;
+    funcss?: string;
+    bg?: string;
+    color?: string;
+    hoverBg?: string;
+    hoverText?: string;
+    monospace?: boolean;
+    emp?: boolean;
+    bold?: boolean;
+    block?: boolean;
+    body?: boolean;
+    article?: boolean;
+    light?: boolean;
+    lighter?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    weight?: number;
+    quote?: boolean;
+    align?: "left" | "center" | "right" | "justify";
+    lineHeight?: string;
+    letterSpacing?: string;
+    uppercase?: boolean;
+    lowercase?: boolean;
+    capitalize?: boolean;
+    textDecoration?: "none" | "underline" | "overline" | "line-through";
+    textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
+    whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
+    wordBreak?: "normal" | "break-all" | "keep-all" | "break-word";
+    fontFamily?: string;
+    textShadow?: string;
+    textAlign?: "left" | "center" | "right" | "justify";
+    opacity?: number;
+    zIndex?: number;
+    transform?: string;
+    customStyles?: React.CSSProperties;
+    onClick?: () => void;
+    children?: React.ReactNode;
+    size?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+};
+declare const Text: React.FC<TypographyProps>;
+export default Text;

package/dist/ui/text/Text.js

@@ -0,0 +1,63 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var pi_1 = require("react-icons/pi");
+var Text = function (_a) {
+    var id = _a.id, bg = _a.bg, color = _a.color, children = _a.children, hoverBg = _a.hoverBg, hoverText = _a.hoverText, text = _a.text, funcss = _a.funcss, emp = _a.emp, bold = _a.bold, block = _a.block, body = _a.body, article = _a.article, light = _a.light, lighter = _a.lighter, italic = _a.italic, weight = _a.weight, underline = _a.underline, align = _a.align, lineHeight = _a.lineHeight, letterSpacing = _a.letterSpacing, uppercase = _a.uppercase, lowercase = _a.lowercase, capitalize = _a.capitalize, textDecoration = _a.textDecoration, textTransform = _a.textTransform, whiteSpace = _a.whiteSpace, wordBreak = _a.wordBreak, fontFamily = _a.fontFamily, textShadow = _a.textShadow, textAlign = _a.textAlign, customStyles = _a.customStyles, monospace = _a.monospace, quote = _a.quote, _b = _a.size, size = _b === void 0 ? 'base' : _b, // default
+    rest = __rest(_a, ["id", "bg", "color", "children", "hoverBg", "hoverText", "text", "funcss", "emp", "bold", "block", "body", "article", "light", "lighter", "italic", "weight", "underline", "align", "lineHeight", "letterSpacing", "uppercase", "lowercase", "capitalize", "textDecoration", "textTransform", "whiteSpace", "wordBreak", "fontFamily", "textShadow", "textAlign", "customStyles", "monospace", "quote", "size"]);
+    var Tag = block ? 'div' : 'span';
+    var sizeClass = "".concat(size === 'h1' ? "h1" :
+        size === 'h2' ? "h2" :
+            size === 'h3' ? "h3" :
+                size === 'h4' ? "h4" :
+                    size === 'h5' ? "h5" :
+                        size === 'h6' ? "h6" :
+                            "text-".concat(size));
+    var mergedStyles = __assign({ display: block ? 'block' : undefined, fontWeight: bold ? 'bold' : weight ? weight : undefined, lineHeight: lineHeight, letterSpacing: letterSpacing, textTransform: textTransform, textDecoration: textDecoration, fontFamily: fontFamily, textShadow: textShadow, textAlign: textAlign, whiteSpace: whiteSpace, wordBreak: wordBreak, transform: customStyles === null || customStyles === void 0 ? void 0 : customStyles.transform }, customStyles);
+    var classNames = [
+        funcss || '',
+        sizeClass,
+        color ? "text-".concat(color) : '',
+        align ? "text-".concat(align) : '',
+        monospace ? 'monospace' : '',
+        bg || '',
+        hoverText ? "hover-text-".concat(hoverText) : '',
+        hoverBg ? "hover-".concat(hoverBg) : '',
+        light ? 'lightText' : lighter ? 'lighterText' : '',
+        italic ? 'italicText' : '',
+        underline ? 'underlineText' : '',
+        body ? 'body' : '',
+        article ? 'article' : '',
+        emp ? 'emp' : '',
+        bold ? 'bold' : '',
+        uppercase ? 'uppercase' : '',
+        lowercase ? 'lowercase' : '',
+        capitalize ? 'capitalize' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return ((0, jsx_runtime_1.jsxs)(Tag, __assign({ id: id, className: classNames, style: mergedStyles }, rest, { children: [quote && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(pi_1.PiQuotesLight, {}) })), children, text] })));
+};
+exports.default = Text;

package/dist/ui/theme/dark.d.ts

@@ -0,0 +1,5 @@
+type DarkModeProps = {
+    state: boolean;
+};
+export default function DarkMode({ state }: DarkModeProps): void;
+export {};

package/dist/ui/theme/dark.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DarkMode;
+function DarkMode(_a) {
+    var state = _a.state;
+    if (state) {
+        var root = document.querySelector(':root'); // Properly declare the type of root
+        var bdColor = "#FFFFFFD9";
+        var borderColor = void 0;
+        var raiseColor = void 0;
+        borderColor = "#444654";
+        raiseColor = "#1e1e1e";
+        root.style.setProperty('--bd-theme', "#141414");
+        root.style.setProperty('--bd-color', bdColor);
+        root.style.setProperty('--borderColor', borderColor);
+        root.style.setProperty('--raiseThemes', raiseColor);
+        root.style.setProperty('--lighter', "#33333349");
+        root.style.setProperty('--inputOutline', "#1e1e1e");
+        root.style.setProperty('--lightThemeDark', bdColor);
+        // Dark theme for all the colors
+        root.style.setProperty('--success', "#1d6640");
+        root.style.setProperty('--successLight', " #c7e6c8");
+        root.style.setProperty('--info', "#2471a3");
+        root.style.setProperty('--infoLight', "#b3d9ed");
+        root.style.setProperty('--warning', "#8c3d00");
+        root.style.setProperty('--warningLight', "#d8b69c");
+        root.style.setProperty('--danger', "#6b0600");
+        root.style.setProperty('--dangerLight', "#bfbfbf");
+        // root.style.setProperty('--info', "#2471a3");
+        // root.style.setProperty('--infoLight', "#b3d9ed");
+        root.style.setProperty('--light', "#c5d8e0");
+        root.style.setProperty('--deepLight', "#154556");
+    }
+}

package/dist/ui/theme/theme.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ThemeProviderProps {
+    theme: 'light' | 'dark';
+    children: React.ReactNode;
+}
+declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export default ThemeProvider;

package/dist/ui/theme/theme.js

@@ -0,0 +1,34 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ThemeProvider = function (_a) {
+    var theme = _a.theme, children = _a.children;
+    (0, react_1.useEffect)(function () {
+        var root = document.documentElement;
+        var lightTheme = {
+            '--page-bg': '#FFFFFF',
+            '--text-color': '#000000',
+            '--raiseThemes': '#FFFFFF',
+        };
+        var darkTheme = {
+            '--page-bg': '#121212',
+            '--text-color': '#FFFFFF',
+            '--raiseThemes': '#202020',
+            '--borderColor': '#333333',
+            '--lighter': '#202020',
+        };
+        var selectedTheme = theme === 'dark' ? darkTheme : lightTheme;
+        Object.entries(selectedTheme).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            root.style.setProperty(key, value);
+        });
+    }, [theme]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "theme-".concat(theme), style: {
+            backgroundColor: 'var(--page-bg)',
+            color: 'var(--text-color)',
+            minHeight: '100vh',
+        }, children: children }));
+};
+exports.default = ThemeProvider;

package/dist/ui/tooltip/Tip.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface TipProps {
+    tip: string;
+    funcss?: string;
+    children?: React.ReactNode;
+    content?: React.ReactNode;
+    message?: React.ReactNode;
+    animation?: string;
+    duration?: number;
+}
+export default function Tip({ tip, funcss, children, content, message, animation, duration, ...rest }: TipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/tooltip/Tip.js

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Tip;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function Tip(_a) {
+    var tip = _a.tip, funcss = _a.funcss, children = _a.children, content = _a.content, message = _a.message, animation = _a.animation, duration = _a.duration, rest = __rest(_a, ["tip", "funcss", "children", "content", "message", "animation", "duration"]);
+    var text = message || content || children;
+    return ((0, jsx_runtime_1.jsx)("span", __assign({ className: "tip-".concat(tip, " tip ").concat(funcss ? funcss : ''), style: { animation: " ".concat(duration ? duration : 0, "s ").concat(animation ? animation : '') } }, rest, { children: text })));
+}

package/dist/ui/tooltip/ToolTip.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface ToolTipProps {
+    funcss?: string;
+    children?: React.ReactNode;
+}
+export default function ToolTip({ funcss, children, ...rest }: ToolTipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/tooltip/ToolTip.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ToolTip;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function ToolTip(_a) {
+    var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
+    return ((0, jsx_runtime_1.jsx)("span", __assign({ className: "tooltip ".concat(funcss !== null && funcss !== void 0 ? funcss : '') }, rest, { children: children })));
+}