funuicss 3.2.4 → 3.3.1

package/css/fun.css

@@ -3519,7 +3519,7 @@ background-color: rgba(var(--borderRgb), 0.3);
 }
 
 
-.custom-select {position: relative; width: 100%; border-radius: var(--InputButtonBorderRadius); z-index: 1000;}
+.custom-select {position: relative; width: 100%; border-radius: var(--InputButtonBorderRadius);}
 
 .custom-select.fullWidth {max-width: none;}
 
@@ -3627,9 +3627,8 @@ position: absolute;
 top: 100%;
 left: 0;
 right: 0;
-/* I need opaque bg so it stand on top */
-background-color: var(--page-bg) !important;
-backdrop-filter: blur(12px);
+background-color: var(--raiseOpaque);
+backdrop-filter: blur(10px);
 border-top: none;
 border-radius: 0 0 8px 8px;
 max-height: 250px;
@@ -3639,6 +3638,7 @@ opacity: 0;
 visibility: hidden;
 transform: translateY(-10px);
 transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+box-shadow: var(--card);
 }
 
 .select-dropdown.open {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.2.4",
+  "version": "3.3.1",
   "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",

package/ui/table/Table.js

@@ -72,6 +72,7 @@ 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");
+var View_1 = __importDefault(require("../view/View"));
 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, hideExport = _a.hideExport, height = _a.height, _d = _a.pageSize, pageSize = _d === void 0 ? data ? 10 : 0 : _d, // Default page size,
@@ -224,7 +225,15 @@ function Table(_a) {
                                 column.onClick && (React.createElement(Button_1.default, { onClick: function () { return column.onClick && column.onClick(mdoc); } }, column.title)))); }) : "")); }),
                 isLoading &&
                     [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function () { return (React.createElement(Row_1.default, { funcss: 'skeleton' })); }),
-                children ? children : '')),
+                children ? children : ''),
+            (((data === null || data === void 0 ? void 0 : data.data.length) || filteredData.length === 0) && !isLoading) &&
+                React.createElement(View_1.default, { funcss: 'max-w-400 p-4 text-center' },
+                    React.createElement("div", null,
+                        React.createElement(pi_1.PiEmpty, { size: 30, className: 'text-error' })),
+                    React.createElement("div", null,
+                        React.createElement(Text_1.default, { text: "No Record Found!", size: 'xl' })),
+                    React.createElement("div", null,
+                        React.createElement(Text_1.default, { text: "You can try reloading the page or check your query" })))),
         data &&
             React.createElement(React.Fragment, null, pageSize &&
                 React.createElement(React.Fragment, null, filteredData.length > pageSize &&