funuicss 3.4.0 → 3.4.2

package/css/fun.css

@@ -3067,16 +3067,15 @@ color: var(--text-color);
   padding: 1rem;
   z-index: 5;
   position: fixed;
-  animation: SlideDownBar 0.3s ease-in-out ;
   transition: all 0.3s;
   overflow-x: hidden !important;
 }
 @keyframes SlideDownBar {
   from {
-    transform: translateX(-100%);
+    opacity: 0;
   }
   to {
-    transform: translateX(0);
+    opacity: 1;
   }
 }
 .sidebar:hover{overflow-y: auto;}
@@ -3519,11 +3518,12 @@ background-color: rgba(var(--borderRgb), 0.3);
 }
 
 
-.custom-select {position: relative; width: 100%; border-radius: var(--InputButtonBorderRadius);}
+.custom-select {position: relative; width: 100%; border-radius: var(--InputButtonBorderRadius); isolation: isolate;}
 
 .custom-select.fullWidth {max-width: none;}
 
 
+
 .select-trigger {
 display: flex;
 align-items: center;
@@ -3625,13 +3625,12 @@ position: absolute;
 top: 100%;
 left: 0;
 right: 0;
-background-color: var(--raiseOpaque);
-backdrop-filter: blur(10px);
+background-color: var(--page-bg);
 border-top: none;
-border-radius: 0 0 8px 8px;
+border-radius: 0 0 0.5rem 0.5rem;
 max-height: 250px;
 overflow: hidden;
-z-index: 1000;
+z-index: 20;
 opacity: 0;
 visibility: hidden;
 transform: translateY(-10px);

package/package.json

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

@@ -201,7 +201,7 @@ function Table(_a) {
                         React.createElement("div", null,
                             React.createElement(Flex_1.default, { width: '100%', wrap: 'nowrap', alignItems: 'center', gap: 0.7 },
                                 !selectedField && !showSearch &&
-                                    React.createElement("div", { className: 'animated slide-up' },
+                                    React.createElement("div", { className: '' },
                                         React.createElement(Select_1.default, { fullWidth: true, searchable: true, funcss: 'min-w-300 w-full', rounded: true, value: selectedField || '', onChange: function (e) { return handleFieldChange(e); }, options: __spreadArray([
                                                 { text: '🔍 Filter', value: '' },
                                                 { text: 'All*', value: '' }
@@ -209,7 +209,7 @@ function Table(_a) {
                                                 text: field,
                                                 value: field
                                             }); }), true) })),
-                                selectedField && !showSearch && (React.createElement("div", { className: 'animated slide-up' },
+                                selectedField && !showSearch && (React.createElement("div", { className: '' },
                                     React.createElement(Select_1.default, { rounded: true, searchable: true, funcss: 'min-w-300 w-full', fullWidth: true, value: selectedValue || '', onChange: function (e) {
                                             if (e === 'clear_all') {
                                                 setSelectedField('');
@@ -254,7 +254,9 @@ function Table(_a) {
                                         React.createElement(Tip_1.default, { tip: "bottom", animation: "Opacity", duration: 1, content: "Export Data" }))))))),
         React.createElement("main", { style: { overflow: "auto", width: "100%" } },
             React.createElement("table", __assign({ className: "table  ".concat(bordered ? 'border' : '', " ").concat(noStripped ? '' : 'stripped', " ").concat(hoverable ? 'hoverableTr' : '', " ").concat(light ? 'light' : '', " ").concat(dark ? 'dark' : ''), style: {
-                    height: height ? height + "px" : ""
+                    height: height ? height + "px" : "",
+                    position: 'relative',
+                    zIndex: 1
                 } }, rest),
                 data &&
                     (data === null || data === void 0 ? void 0 : data.titles) &&
@@ -291,7 +293,7 @@ function Table(_a) {
                         else {
                             return true; // If no search query, return all items
                         }
-                    }).slice(startIndex, endIndex).map(function (mdoc, index) { return (React.createElement(Row_1.default, { funcss: 'animated slide-down', rowKey: index },
+                    }).slice(startIndex, endIndex).map(function (mdoc, index) { return (React.createElement("tr", { className: 'animated slide-up', key: index },
                         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)));