funuicss 3.5.7 → 3.5.9

package/js/firebase/FireStore.d.ts

@@ -0,0 +1,54 @@
+import { DocumentData, QueryConstraint, DocumentReference, Firestore } from 'firebase/firestore';
+export interface DocWithId extends Record<string, any> {
+    id: string;
+}
+export interface QueryResponse {
+    message?: string;
+    data: DocWithId[];
+}
+export interface SingleDocResponse {
+    message?: string;
+    data: DocumentData | string;
+    id?: string;
+}
+type CollectionName = string;
+type DocumentId = string;
+/**
+ * Recursively formats Firestore Timestamps into ISO strings.
+ */
+export declare const formatTimestamps: (data: DocumentData) => DocumentData;
+export declare const FunFireStore: {
+    /**
+     * 📥 Fetch all documents from a collection
+     */
+    getDocs: (db: Firestore, collectionName: CollectionName, docsLimit?: number, extraQueries?: QueryConstraint[]) => Promise<DocWithId[]>;
+    /**
+     * 👀 Real-time listener for a single document
+     */
+    getDoc: (db: Firestore, collectionName: CollectionName, id: DocumentId) => Promise<SingleDocResponse>;
+    /**
+     * 📄 Fetch a single document (no listener)
+     */
+    getDocOnce: (db: Firestore, collectionName: CollectionName, id: DocumentId) => Promise<SingleDocResponse>;
+    /**
+     * 🔎 Custom query with constraints
+     */
+    query: (db: Firestore, collectionName: CollectionName, queries?: QueryConstraint[], docsLimit?: number) => Promise<QueryResponse>;
+    /**
+     * ➕ Add new document (auto ID)
+     */
+    addDocument: (db: Firestore, collectionName: CollectionName, data: DocumentData) => Promise<DocumentReference>;
+    /**
+     * 🧩 Set or merge a document with a custom ID
+     */
+    setDoc: (db: Firestore, collectionName: CollectionName, id: DocumentId, data: DocumentData) => Promise<void>;
+    /**
+     * 🔄 Update a document
+     */
+    update: (db: Firestore, collectionName: CollectionName, id: DocumentId, data: Partial<DocumentData>) => Promise<void>;
+    /**
+     * ❌ Delete a document
+     */
+    delete: (db: Firestore, collectionName: CollectionName, id: DocumentId) => Promise<string>;
+};
+export {};

package/js/firebase/FireStore.js

@@ -0,0 +1,285 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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.FunFireStore = exports.formatTimestamps = void 0;
+var firestore_1 = require("firebase/firestore");
+/* -------------------------------------------------------------------------- */
+/*                       🔧 Timestamp Formatting Helper                       */
+/* -------------------------------------------------------------------------- */
+/**
+ * Recursively formats Firestore Timestamps into ISO strings.
+ */
+var formatTimestamps = function (data) {
+    if (!data || typeof data !== 'object')
+        return data;
+    var formatted = Array.isArray(data) ? [] : {};
+    for (var key in data) {
+        var value = data[key];
+        if (value instanceof firestore_1.Timestamp) {
+            formatted[key] = value.toDate().toISOString();
+        }
+        else if (Array.isArray(value)) {
+            formatted[key] = value.map(function (v) { return (0, exports.formatTimestamps)(v); });
+        }
+        else if (value && typeof value === 'object') {
+            formatted[key] = (0, exports.formatTimestamps)(value);
+        }
+        else {
+            formatted[key] = value;
+        }
+    }
+    return formatted;
+};
+exports.formatTimestamps = formatTimestamps;
+/* -------------------------------------------------------------------------- */
+/*                           ⚡ Firestore Utilities                           */
+/* -------------------------------------------------------------------------- */
+exports.FunFireStore = {
+    /**
+     * 📥 Fetch all documents from a collection
+     */
+    getDocs: function (db_1, collectionName_1, docsLimit_1) {
+        var args_1 = [];
+        for (var _i = 3; _i < arguments.length; _i++) {
+            args_1[_i - 3] = arguments[_i];
+        }
+        return __awaiter(void 0, __spreadArray([db_1, collectionName_1, docsLimit_1], args_1, true), void 0, function (db, collectionName, docsLimit, extraQueries) {
+            var constraints, q, snapshot, err_1, error;
+            if (extraQueries === void 0) { extraQueries = []; }
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        constraints = __spreadArray([], extraQueries, true);
+                        if (docsLimit)
+                            constraints.push((0, firestore_1.limit)(docsLimit));
+                        q = firestore_1.query.apply(void 0, __spreadArray([(0, firestore_1.collection)(db, collectionName)], constraints, false));
+                        return [4 /*yield*/, (0, firestore_1.getDocs)(q)];
+                    case 1:
+                        snapshot = _a.sent();
+                        return [2 /*return*/, snapshot.docs.map(function (d) { return (__assign({ id: d.id }, (0, exports.formatTimestamps)(d.data()))); })];
+                    case 2:
+                        err_1 = _a.sent();
+                        error = err_1;
+                        throw new Error("Error fetching documents from ".concat(collectionName, ": ").concat(error.message));
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    },
+    /**
+     * 👀 Real-time listener for a single document
+     */
+    getDoc: function (db, collectionName, id) {
+        return new Promise(function (resolve, reject) {
+            var unsub = (0, firestore_1.onSnapshot)((0, firestore_1.doc)(db, collectionName, id), function (snap) {
+                var data = snap.data();
+                resolve(data
+                    ? { id: snap.id, data: (0, exports.formatTimestamps)(data) }
+                    : { message: 'No data found', data: '' });
+            }, function (err) { return reject(new Error("Error fetching document: ".concat(err.message))); });
+            // ✅ Auto-unsubscribe after first snapshot to avoid memory leaks
+            setTimeout(function () { return unsub(); }, 10000);
+        });
+    },
+    /**
+     * 📄 Fetch a single document (no listener)
+     */
+    getDocOnce: function (db, collectionName, id) { return __awaiter(void 0, void 0, void 0, function () {
+        var snap, data, err_2, error;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, (0, firestore_1.getDoc)((0, firestore_1.doc)(db, collectionName, id))];
+                case 1:
+                    snap = _a.sent();
+                    data = snap.data();
+                    return [2 /*return*/, data
+                            ? { id: snap.id, data: (0, exports.formatTimestamps)(data) }
+                            : { message: 'No data found', data: '' }];
+                case 2:
+                    err_2 = _a.sent();
+                    error = err_2;
+                    throw new Error("Error fetching document: ".concat(error.message));
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); },
+    /**
+     * 🔎 Custom query with constraints
+     */
+    query: function (db_1, collectionName_1) {
+        var args_1 = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            args_1[_i - 2] = arguments[_i];
+        }
+        return __awaiter(void 0, __spreadArray([db_1, collectionName_1], args_1, true), void 0, function (db, collectionName, queries, docsLimit) {
+            var constraints, q, snapshot, data, err_3, error;
+            if (queries === void 0) { queries = []; }
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        constraints = __spreadArray([], queries, true);
+                        if (docsLimit)
+                            constraints.push((0, firestore_1.limit)(docsLimit));
+                        q = firestore_1.query.apply(void 0, __spreadArray([(0, firestore_1.collection)(db, collectionName)], constraints, false));
+                        return [4 /*yield*/, (0, firestore_1.getDocs)(q)];
+                    case 1:
+                        snapshot = _a.sent();
+                        if (!snapshot.empty) {
+                            data = snapshot.docs.map(function (d) { return (__assign({ id: d.id }, (0, exports.formatTimestamps)(d.data()))); });
+                            return [2 /*return*/, { data: data }];
+                        }
+                        return [2 /*return*/, { message: 'No data', data: [] }];
+                    case 2:
+                        err_3 = _a.sent();
+                        error = err_3;
+                        throw new Error("Error querying ".concat(collectionName, ": ").concat(error.message));
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    },
+    /**
+     * ➕ Add new document (auto ID)
+     */
+    addDocument: function (db, collectionName, data) { return __awaiter(void 0, void 0, void 0, function () {
+        var docRef, err_4, error;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, (0, firestore_1.addDoc)((0, firestore_1.collection)(db, collectionName), __assign(__assign({}, data), { createdAt: (0, firestore_1.serverTimestamp)(), updatedAt: (0, firestore_1.serverTimestamp)() }))];
+                case 1:
+                    docRef = _a.sent();
+                    // await updateDoc(docRef, { [assignKey]: docRef.id });
+                    return [2 /*return*/, docRef];
+                case 2:
+                    err_4 = _a.sent();
+                    error = err_4;
+                    throw new Error("Error adding document: ".concat(error.message));
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); },
+    /**
+     * 🧩 Set or merge a document with a custom ID
+     */
+    setDoc: function (db, collectionName, id, data) { return __awaiter(void 0, void 0, void 0, function () {
+        var err_5, error;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, (0, firestore_1.setDoc)((0, firestore_1.doc)(db, collectionName, id), __assign(__assign({}, data), { updatedAt: (0, firestore_1.serverTimestamp)(), createdAt: (0, firestore_1.serverTimestamp)() }), { merge: true })];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_5 = _a.sent();
+                    error = err_5;
+                    throw new Error("Error setting document: ".concat(error.message));
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); },
+    /**
+     * 🔄 Update a document
+     */
+    update: function (db, collectionName, id, data) { return __awaiter(void 0, void 0, void 0, function () {
+        var err_6, error;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, (0, firestore_1.updateDoc)((0, firestore_1.doc)(db, collectionName, id), __assign(__assign({}, data), { updatedAt: (0, firestore_1.serverTimestamp)() }))];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_6 = _a.sent();
+                    error = err_6;
+                    throw new Error("Error updating document: ".concat(error.message));
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); },
+    /**
+     * ❌ Delete a document
+     */
+    delete: function (db, collectionName, id) { return __awaiter(void 0, void 0, void 0, function () {
+        var err_7, error;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, (0, firestore_1.deleteDoc)((0, firestore_1.doc)(db, collectionName, id))];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/, "\u2705 Document \"".concat(id, "\" successfully deleted")];
+                case 2:
+                    err_7 = _a.sent();
+                    error = err_7;
+                    throw new Error("Error deleting document: ".concat(error.message));
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); },
+};

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.5.7",
+  "version": "3.5.9",
   "name": "funuicss",
   "description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
   "main": "index.js",
@@ -44,6 +44,7 @@
   "dependencies": {
     "aos": "^2.3.4",
     "dayjs": "^1.11.13",
+    "firebase": "^12.3.0",
     "framer-motion": "^12.23.6",
     "hls.js": "^1.6.5",
     "next": "^13.4.4",

package/ui/card/Card.js

@@ -31,9 +31,11 @@ var react_1 = __importDefault(require("react"));
 var CardHeader_1 = __importDefault(require("./CardHeader"));
 var CardBody_1 = __importDefault(require("./CardBody"));
 var CardFooter_1 = __importDefault(require("./CardFooter"));
+var theme_1 = require("../theme/theme");
 function Card(_a) {
     var color = _a.color, bg = _a.bg, width = _a.width, height = _a.height, minHeight = _a.minHeight, minWidth = _a.minWidth, margin = _a.margin, padding = _a.padding, funcss = _a.funcss, children = _a.children, roundEdge = _a.roundEdge, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, horizontal = _a.horizontal, id = _a.id, header = _a.header, body = _a.body, footer = _a.footer, noGap = _a.noGap, fab = _a.fab, image = _a.image, shadowless = _a.shadowless, flat = _a.flat, responsiveMedium = _a.responsiveMedium, xl = _a.xl, responsiveSmall = _a.responsiveSmall, style = _a.style, rest = __rest(_a, ["color", "bg", "width", "height", "minHeight", "minWidth", "margin", "padding", "funcss", "children", "roundEdge", "maxHeight", "maxWidth", "horizontal", "id", "header", "body", "footer", "noGap", "fab", "image", "shadowless", "flat", "responsiveMedium", "xl", "responsiveSmall", "style"]);
-    return (react_1.default.createElement("div", __assign({ id: id || '', className: "\n      card \n      card_flex\n      ".concat(noGap ? 'no-gap' : '', " \n      ").concat(xl ? 'xl' : '', " \n      text-").concat(color || '', " \n      ").concat(bg || '', " \n      ").concat(funcss || '', " \n      ").concat(roundEdge ? 'round-edge' : '', " \n      ").concat(shadowless ? 'shadowless' : '', " \n      ").concat(flat ? 'flat' : '', " \n      ").concat(horizontal ? 'horizontalCard' : '', "\n      ").concat(responsiveMedium ? 'responsiveMedium' : '', "\n      ").concat(responsiveSmall ? 'responsiveSmall' : '', "\n      \n      "), style: __assign({ width: "".concat(width || ''), height: "".concat(height || ''), minHeight: "".concat(minHeight || ''), minWidth: "".concat(minWidth || ''), maxHeight: maxHeight || '', maxWidth: maxWidth || '', margin: "".concat(margin || ''), padding: "".concat(padding || '') }, style) }, rest),
+    var variant = (0, theme_1.useVariant)().variant;
+    return (react_1.default.createElement("div", __assign({ id: id || '', className: "\n      card \n      card_flex\n      ".concat(noGap ? 'no-gap' : '', " \n      ").concat(xl ? 'xl' : '', " \n      text-").concat(color || '', " \n      ").concat(bg || '', " \n      ").concat(funcss || '', " \n      ").concat(roundEdge ? 'round-edge' : '', " \n      ").concat(shadowless ? 'shadowless' : '', " \n      ").concat(flat ? 'flat' : '', " \n      ").concat(horizontal ? 'horizontalCard' : '', "\n      ").concat(responsiveMedium ? 'responsiveMedium' : '', "\n      ").concat(responsiveSmall ? 'responsiveSmall' : '', "\n      ").concat(variant === "standard" ? "border" : "", "\n      \n      "), style: __assign({ width: "".concat(width || ''), height: "".concat(height || ''), minHeight: "".concat(minHeight || ''), minWidth: "".concat(minWidth || ''), maxHeight: maxHeight || '', maxWidth: maxWidth || '', margin: "".concat(margin || ''), padding: "".concat(padding || '') }, style) }, rest),
         image ? react_1.default.createElement("div", { className: "".concat(fab ? 'relative' : '') },
             image,
             " ",

package/ui/input/Input.js

@@ -63,6 +63,7 @@ exports.FileInput = exports.TextareaInput = exports.SelectInput = exports.TextIn
 var react_1 = __importStar(require("react"));
 var pi_1 = require("react-icons/pi");
 var Button_1 = __importDefault(require("../button/Button"));
+var theme_1 = require("../theme/theme");
 // Utility function to generate CSS classes
 var generateInputClasses = function (_a) {
     var status = _a.status, rounded = _a.rounded, bg = _a.bg, funcss = _a.funcss, flat = _a.flat, leftRounded = _a.leftRounded, rightRounded = _a.rightRounded, bordered = _a.bordered, borderless = _a.borderless, _b = _a.additionalClasses, additionalClasses = _b === void 0 ? '' : _b;
@@ -89,6 +90,7 @@ var TextInput = function (_a) {
         borderless: borderless
     });
     var style = fullWidth ? { width: '100%' } : undefined;
+    "";
     return (react_1.default.createElement("input", __assign({ id: id, name: name, className: className, onChange: onChange, defaultValue: defaultValue, type: type, placeholder: label, style: style, value: value }, rest)));
 };
 exports.TextInput = TextInput;
@@ -176,7 +178,8 @@ exports.FileInput = FileInput;
 var Input = function (_a) {
     var select = _a.select, multiline = _a.multiline, file = _a.file, noBorder = _a.noBorder, props = __rest(_a, ["select", "multiline", "file", "noBorder"]);
     // Handle legacy noBorder prop
-    var inputProps = __assign(__assign({}, props), { borderless: noBorder || props.borderless });
+    var variant = (0, theme_1.useVariant)().variant;
+    var inputProps = __assign(__assign({}, props), { bordered: variant === 'standard' ? true : props.bordered, borderless: variant === 'minimal' ? true : noBorder || props.borderless });
     if (select) {
         return react_1.default.createElement(exports.SelectInput, __assign({}, inputProps));
     }

package/ui/select/Select.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
+var theme_1 = require("../theme/theme");
 var Select = function (_a) {
     var id = _a.id, name = _a.name, value = _a.value, defaultValue = _a.defaultValue, _b = _a.label, label = _b === void 0 ? 'Select an option' : _b, _c = _a.options, options = _c === void 0 ? [] : _c, onChange = _a.onChange, onBlur = _a.onBlur, _d = _a.searchable, searchable = _d === void 0 ? true : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.bordered, bordered = _f === void 0 ? false : _f, _g = _a.borderless, borderless = _g === void 0 ? false : _g, _h = _a.rounded, rounded = _h === void 0 ? false : _h, _j = _a.flat, flat = _j === void 0 ? false : _j, _k = _a.fullWidth, fullWidth = _k === void 0 ? false : _k, _l = _a.status, status = _l === void 0 ? '' : _l, _m = _a.className, className = _m === void 0 ? '' : _m, _o = _a.funcss, funcss = _o === void 0 ? '' : _o, _p = _a.style, style = _p === void 0 ? {} : _p, _q = _a.searchAutoFocus, searchAutoFocus = _q === void 0 ? false : _q;
     var _r = (0, react_1.useState)(false), isOpen = _r[0], setIsOpen = _r[1];
@@ -44,6 +45,7 @@ var Select = function (_a) {
     var containerRef = (0, react_1.useRef)(null);
     var triggerRef = (0, react_1.useRef)(null);
     var searchInputRef = (0, react_1.useRef)(null);
+    var variant = (0, theme_1.useVariant)().variant;
     // Initialize selected option
     (0, react_1.useEffect)(function () {
         var initialValue = value || defaultValue;
@@ -161,8 +163,8 @@ var Select = function (_a) {
         var classes = [
             'select-trigger',
             isOpen && 'open',
-            bordered && 'bordered',
-            borderless && 'borderless',
+            variant === 'standard' ? 'bordered' : bordered && 'bordered',
+            variant === 'minimal' ? 'borderless' : borderless && 'borderless',
             flat && 'flat',
             status && status,
             disabled && 'disabled'

package/ui/sidebar/SideBar.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactNode } from 'react';
 interface SideBarLink {
     uri: string;
-    icon: React.ReactNode;
+    icon?: React.ReactNode;
     text: string;
     section: string;
+    onClick?: () => void;
 }
 interface SideBarProps {
     funcss?: string;

package/ui/sidebar/SideBar.js

@@ -42,7 +42,7 @@ var react_1 = __importStar(require("react"));
 var RowFlex_1 = __importDefault(require("../specials/RowFlex"));
 var Text_1 = __importDefault(require("../text/Text"));
 var navigation_1 = require("next/navigation");
-var link_1 = __importDefault(require("next/link"));
+var theme_1 = require("../theme/theme");
 function SideBar(_a) {
     var _b;
     var _c = _a.funcss, funcss = _c === void 0 ? '' : _c, _d = _a.position, position = _d === void 0 ? 'left' : _d, _e = _a.open, open = _e === void 0 ? false : _e, header = _a.header, content = _a.content, footer = _a.footer, _f = _a.top, top = _f === void 0 ? 0 : _f, _g = _a.sidebarWidth, sidebarWidth = _g === void 0 ? 250 : _g, _h = _a.iconCSS, iconCSS = _h === void 0 ? '' : _h, _j = _a.sidebarCss, sidebarCss = _j === void 0 ? '' : _j, activeCss = _a.activeCss, _k = _a.bodyCss, bodyCss = _k === void 0 ? '' : _k, _l = _a.popIcon, popIcon = _l === void 0 ? false : _l, _m = _a.dividers, dividers = _m === void 0 ? false : _m, _o = _a.links, links = _o === void 0 ? [] : _o, children = _a.children, onClose = _a.onClose;
@@ -51,6 +51,8 @@ function SideBar(_a) {
     var _r = (0, react_1.useState)('0px'), appBarHeight = _r[0], setAppBarHeight = _r[1];
     var pathname = (0, navigation_1.usePathname)();
     var sidebarRef = (0, react_1.useRef)(null);
+    var variant = (0, theme_1.useVariant)().variant;
+    var _s = (0, react_1.useState)(""), selectedOption = _s[0], setselectedOption = _s[1];
     var updateIsMobile = (0, react_1.useCallback)(function () {
         setIsMobile(window.innerWidth <= 992);
     }, []);
@@ -110,15 +112,22 @@ function SideBar(_a) {
                     var section = _a[0], sectionLinks = _a[1];
                     return (react_1.default.createElement("div", { key: section, className: "sidebar-section ".concat(dividers ? "bt" : "", " pt-2 pb-2") },
                         react_1.default.createElement(Text_1.default, { size: "sm", funcss: "opacity-6 p-1 pl-2 pr-2" }, section),
-                        sectionLinks.map(function (link) {
-                            var isActive = pathname === link.uri;
-                            return (react_1.default.createElement(link_1.default, { onClick: function () {
+                        sectionLinks.map(function (link, index) {
+                            var isActive = link.onClick ? index.toString() === selectedOption : pathname === link.uri;
+                            return (react_1.default.createElement("div", { onClick: function () {
                                     if (isMobile) {
                                         handleClose();
                                     }
-                                }, key: link.uri, href: link.uri },
-                                react_1.default.createElement("div", { className: "p-1 pl-2 pr-2 sidebar-link  ".concat(isActive ? "primary50 outline-primary200 ".concat(activeCss || '') : 'hoverable') },
-                                    react_1.default.createElement("span", { className: "".concat(iconCSS || '', " ").concat(popIcon ? "p-1 border lighter central" : ""), style: { lineHeight: 0, borderRadius: "0.4rem" } }, link.icon),
+                                    if (link === null || link === void 0 ? void 0 : link.onClick) {
+                                        link.onClick();
+                                        setselectedOption(index.toString());
+                                    }
+                                    else {
+                                        window.location.href = link.uri;
+                                    }
+                                }, key: link.uri },
+                                react_1.default.createElement("div", { className: "p-1 pl-2 pr-2 button sidebar-link  ".concat(isActive ? "primary  ".concat(activeCss || '') : 'hoverable') },
+                                    react_1.default.createElement("span", { className: "".concat(iconCSS || '', " \n                            ").concat((variant === 'standard' || popIcon) ? "p-1  ".concat(isActive ? "primary" : "lighter border", " central") : (variant === "minimal" && !isActive) ? "p1 central lighter " : ""), style: { lineHeight: 0, borderRadius: "0.4rem" } }, link.icon),
                                     react_1.default.createElement(Text_1.default, { text: link.text, size: "sm", weight: 400 }))));
                         })));
                 }))),

package/ui/table/Table.d.ts

@@ -36,8 +36,9 @@ type TableProps = {
     }[];
     filterableFields?: string[];
     prioritizeSearchFields?: string[];
+    onRowClick?: (data: any) => void;
 };
 export default function Table({ children, funcss, bordered, noStripped, hoverable, title, showTotal, light, dark, head, body, data, isLoading, right, hideExport, height, pageSize, // Default page size,
 customColumns, filterableFields, // New prop
-emptyResponse, filterOnchange, clearSearch, prioritizeSearchFields, ...rest }: TableProps): React.JSX.Element;
+emptyResponse, filterOnchange, clearSearch, prioritizeSearchFields, onRowClick, ...rest }: TableProps): React.JSX.Element;
 export {};

package/ui/table/Table.js

@@ -95,7 +95,7 @@ function Table(_a) {
     var _b, _c;
     var children = _a.children, funcss = _a.funcss, bordered = _a.bordered, noStripped = _a.noStripped, hoverable = _a.hoverable, _d = _a.title, title = _d === void 0 ? "" : _d, showTotal = _a.showTotal, light = _a.light, dark = _a.dark, head = _a.head, body = _a.body, data = _a.data, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, right = _a.right, hideExport = _a.hideExport, height = _a.height, _f = _a.pageSize, pageSize = _f === void 0 ? data ? 10 : 0 : _f, // Default page size,
     customColumns = _a.customColumns, filterableFields = _a.filterableFields, // New prop
-    emptyResponse = _a.emptyResponse, filterOnchange = _a.filterOnchange, clearSearch = _a.clearSearch, _g = _a.prioritizeSearchFields, prioritizeSearchFields = _g === void 0 ? [] : _g, rest = __rest(_a, ["children", "funcss", "bordered", "noStripped", "hoverable", "title", "showTotal", "light", "dark", "head", "body", "data", "isLoading", "right", "hideExport", "height", "pageSize", "customColumns", "filterableFields", "emptyResponse", "filterOnchange", "clearSearch", "prioritizeSearchFields"]);
+    emptyResponse = _a.emptyResponse, filterOnchange = _a.filterOnchange, clearSearch = _a.clearSearch, _g = _a.prioritizeSearchFields, prioritizeSearchFields = _g === void 0 ? [] : _g, onRowClick = _a.onRowClick, rest = __rest(_a, ["children", "funcss", "bordered", "noStripped", "hoverable", "title", "showTotal", "light", "dark", "head", "body", "data", "isLoading", "right", "hideExport", "height", "pageSize", "customColumns", "filterableFields", "emptyResponse", "filterOnchange", "clearSearch", "prioritizeSearchFields", "onRowClick"]);
     // Check if data is null or undefined before accessing its properties
     // Replace this in your component
     var _h = (0, react_1.useState)(''), search = _h[0], setSearch = _h[1];
@@ -278,7 +278,7 @@ function Table(_a) {
                         var results = (0, Query_1.getAdvancedFilteredData)(filteredData, searchQuery, data, getNestedValue, prioritizeSearchFields);
                         var shouldSlice = !searchQuery || results.length > 10;
                         return (shouldSlice ? results.slice(startIndex, endIndex) : results)
-                            .map(function (mdoc, index) { return (React.createElement("tr", { className: 'animated slide-up', key: index },
+                            .map(function (mdoc, index) { return (React.createElement("tr", { className: 'animated slide-up', key: index, onClick: onRowClick ? function () { return onRowClick(mdoc); } : undefined },
                             data.fields.map(function (fdoc, findex) {
                                 var _a;
                                 return (React.createElement(Data_1.default, { key: fdoc, funcss: data.funcss ? ((_a = data === null || data === void 0 ? void 0 : data.funcss) === null || _a === void 0 ? void 0 : _a[findex]) || '' : '' }, getNestedValue(mdoc, fdoc)));

package/ui/text/Text.js

@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var pi_1 = require("react-icons/pi");
+var getCssVariable_1 = require("../../utils/getCssVariable");
 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, truncate = _a.truncate, textShadow = _a.textShadow, textAlign = _a.textAlign, customStyles = _a.customStyles, monospace = _a.monospace, quote = _a.quote, opacity = _a.opacity, _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", "truncate", "textShadow", "textAlign", "customStyles", "monospace", "quote", "opacity", "size"]);
@@ -38,7 +39,8 @@ var Text = function (_a) {
                     size === 'h5' ? "h5" :
                         size === 'h6' ? "h6" :
                             "text-".concat(size));
-    var mergedStyles = __assign(__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), (truncate
+    var bdFontWeight = (0, getCssVariable_1.getCssVariableValue)('bd-font-weight');
+    var mergedStyles = __assign(__assign({ display: block ? 'block' : undefined, fontWeight: bold ? 'bold' : weight ? weight : Number(bdFontWeight), 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), (truncate
         ? {
             display: '-webkit-box',
             WebkitBoxOrient: 'vertical',

package/ui/theme/theme.d.ts

@@ -1,7 +1,15 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
+export type ThemeVariant = 'standard' | 'minimal';
+export type ThemeName = 'light' | 'dark' | 'dark-blue' | 'light-gray' | 'pastel-green' | 'warm-orange' | 'frosted-glass' | 'midnight-purple' | 'cyber-metal';
 interface ThemeProviderProps {
-    theme: 'light' | 'dark' | 'dark-blue' | 'light-gray' | 'pastel-green' | 'warm-orange' | 'frosted-glass' | 'midnight-purple' | 'cyber-metal';
-    children: React.ReactNode;
+    theme: ThemeName;
+    projectId: string;
+    children: ReactNode;
 }
+interface VariantContextType {
+    variant: ThemeVariant;
+    setVariant: React.Dispatch<React.SetStateAction<ThemeVariant>>;
+}
+export declare const useVariant: () => VariantContextType;
 declare const ThemeProvider: React.FC<ThemeProviderProps>;
 export default ThemeProvider;