funda-ui 1.0.400 → 1.0.402

package/Toast/index.css

@@ -69,6 +69,34 @@
 .toasts__wrapper .toast-container {
   margin-bottom: var(--toasts-container-gap);
 }
+.toasts__wrapper .toast-container.auto-anim-switch--initfirst {
+  transform: translateY(-20);
+  opacity: 0;
+}
+.toasts__wrapper .toast-container.auto-anim-switch--first {
+  animation-name: toast-anim-show-first;
+  animation-duration: 0.3s;
+  animation-timing-function: linear;
+  animation-delay: 0;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+}
+.toasts__wrapper .toast-container.auto-anim-switch:not(.only-one) {
+  animation-name: toast-anim-hide;
+  animation-duration: 0.3s;
+  animation-timing-function: linear;
+  animation-delay: 0;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+}
+.toasts__wrapper .toast-container.only-one.auto-anim-switch {
+  animation-name: toast-anim-hide--onlyone;
+  animation-duration: 0.3s;
+  animation-timing-function: linear;
+  animation-delay: 0;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+}
 .toasts__wrapper.toasts__wrapper--cascading .toast-container {
   margin-bottom: 0;
 }
@@ -105,3 +133,50 @@
 .toast-container.hide-end {
   display: none;
 }
+
+@keyframes toast-anim-initfirst {
+  0% {
+    transform: translateY(-20px);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(20px);
+    opacity: 0;
+  }
+}
+@keyframes toast-anim-show-first {
+  0% {
+    transform: translateY(-20px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes toast-anim-hide {
+  0% {
+    transform: translateY(-100%);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(10px);
+    opacity: 0;
+    /* prevent auto-close's item */
+    display: block;
+  }
+}
+@keyframes toast-anim-hide--onlyone {
+  0% {
+    transform: translateY(-100%);
+    opacity: 1;
+    /* prevent auto-close's item */
+    display: block;
+  }
+  100% {
+    transform: translateY(10px);
+    opacity: 0;
+    /* prevent auto-close's item */
+    display: block;
+  }
+}

package/Toast/index.d.ts

@@ -7,8 +7,8 @@ declare global {
 declare type ToastProps = {
     /** Specify data of toasts as a JSON string format. */
     data: any[any];
-    /** Use asynchronous triggering */
-    async?: boolean;
+    /** Automatically hide multiple items */
+    autoHideMultiple?: boolean;
     /** The direction of the toast. */
     direction?: string;
     /** Set an automatic closing time, multiple items will be accumulated in order.
@@ -29,6 +29,8 @@ declare type ToastProps = {
     closeBtnColor?: string;
     /** Disable the close button. */
     closeDisabled?: boolean;
+    /**  */
+    async?: boolean;
     /** -- */
     id?: string;
     onClose?: (e: HTMLDivElement, currentIndex: number, data: HTMLDivElement[]) => void;

package/Toast/index.js

@@ -105,7 +105,8 @@ var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__
 
 ;
 var Item = function Item(props) {
-  var index = props.index,
+  var onlyOne = props.onlyOne,
+    index = props.index,
     title = props.title,
     note = props.note,
     message = props.message,
@@ -117,7 +118,7 @@ var Item = function Item(props) {
     closeBtnColor = props.closeBtnColor,
     closeDisabled = props.closeDisabled;
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "toast-container",
+    className: "toast-container ".concat(onlyOne ? 'only-one' : ''),
     "data-index": index,
     style: cascading ? {
       transform: "perspective(100px) translateZ(-".concat(2 * index, "px) translateY(").concat(35 * index, "px)"),
@@ -172,6 +173,7 @@ var Item = function Item(props) {
 
 var Toast = function Toast(props) {
   var async = props.async,
+    autoHideMultiple = props.autoHideMultiple,
     direction = props.direction,
     autoCloseTime = props.autoCloseTime,
     autoCloseReverse = props.autoCloseReverse,
@@ -187,7 +189,7 @@ var Toast = function Toast(props) {
   var uniqueID = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useId)().replace(/\:/g, "-");
   var idRes = id || uniqueID;
   var rootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var depth = data.length + 1;
+  var depth = autoHideMultiple ? data.slice(-2).length + 1 : data.length + 1;
   var cascadingEnabled = typeof cascading === 'undefined' ? true : cascading;
   function init() {
     // Move HTML templates to tag end body </body>
@@ -203,6 +205,20 @@ var Toast = function Toast(props) {
           handleClose(index, currentItem);
         });
       });
+
+      // Automatically hide multiple items
+      // It creates a transition animation effect with multiple records and only one displayed.
+      if (autoHideMultiple) {
+        var _list = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
+        _list.forEach(function (node, i) {
+          if (i !== _list.length - 1) {
+            node.classList.add('auto-anim-switch');
+          } else {
+            node.classList.add('auto-anim-switch--initfirst');
+            node.classList.add('auto-anim-switch--first');
+          }
+        });
+      }
     }
 
     // Initialize data
@@ -210,8 +226,8 @@ var Toast = function Toast(props) {
     var $toast = document.querySelector("#".concat(rootRef.current.id));
     if ($toast !== null) {
       if ($toast.dataset.async == 'true') {
-        var _list = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
-        _list.forEach(function (node, i) {
+        var _list2 = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
+        _list2.forEach(function (node, i) {
           node.classList.remove('hide-end');
           // rearrange
           if (cascadingEnabled) node.style.transform = "perspective(100px) translateZ(-".concat(2 * i, "px) translateY(").concat(35 * i, "px)");
@@ -264,9 +280,11 @@ var Toast = function Toast(props) {
     window.setCloseToast = setTimeout(function () {
       var _list = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
       if (autoCloseReverse) {
-        _list[items.length - index].classList.add('hide-start');
+        var _list3;
+        (_list3 = _list[items.length - index]) === null || _list3 === void 0 ? void 0 : _list3.classList.add('hide-start');
       } else {
-        _list[index - 1].classList.add('hide-start');
+        var _list4;
+        (_list4 = _list[index - 1]) === null || _list4 === void 0 ? void 0 : _list4.classList.add('hide-start');
       }
 
       //Let the removed animation show
@@ -284,7 +302,8 @@ var Toast = function Toast(props) {
             return !node.classList.contains('hide-end');
           }));
         } else {
-          _list[index - 1].classList.add('hide-end');
+          var _list5;
+          (_list5 = _list[index - 1]) === null || _list5 === void 0 ? void 0 : _list5.classList.add('hide-end');
           //
           onClose === null || onClose === void 0 ? void 0 : onClose(rootRef.current, Number(index - 1), _list.filter(function (node) {
             return !node.classList.contains('hide-end');
@@ -336,8 +355,9 @@ var Toast = function Toast(props) {
     ref: rootRef
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: "toasts"
-  }, data.map(function (item, i) {
+  }, (autoHideMultiple ? data.slice(-2) : data).map(function (item, i) {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(src_Item, {
+      onlyOne: data.length === 1 ? true : false,
       depth: depth - i,
       key: i,
       index: i,

package/lib/cjs/Toast/index.d.ts

@@ -7,8 +7,8 @@ declare global {
 declare type ToastProps = {
     /** Specify data of toasts as a JSON string format. */
     data: any[any];
-    /** Use asynchronous triggering */
-    async?: boolean;
+    /** Automatically hide multiple items */
+    autoHideMultiple?: boolean;
     /** The direction of the toast. */
     direction?: string;
     /** Set an automatic closing time, multiple items will be accumulated in order.
@@ -29,6 +29,8 @@ declare type ToastProps = {
     closeBtnColor?: string;
     /** Disable the close button. */
     closeDisabled?: boolean;
+    /**  */
+    async?: boolean;
     /** -- */
     id?: string;
     onClose?: (e: HTMLDivElement, currentIndex: number, data: HTMLDivElement[]) => void;

package/lib/cjs/Toast/index.js

@@ -105,7 +105,8 @@ var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__
 
 ;
 var Item = function Item(props) {
-  var index = props.index,
+  var onlyOne = props.onlyOne,
+    index = props.index,
     title = props.title,
     note = props.note,
     message = props.message,
@@ -117,7 +118,7 @@ var Item = function Item(props) {
     closeBtnColor = props.closeBtnColor,
     closeDisabled = props.closeDisabled;
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "toast-container",
+    className: "toast-container ".concat(onlyOne ? 'only-one' : ''),
     "data-index": index,
     style: cascading ? {
       transform: "perspective(100px) translateZ(-".concat(2 * index, "px) translateY(").concat(35 * index, "px)"),
@@ -172,6 +173,7 @@ var Item = function Item(props) {
 
 var Toast = function Toast(props) {
   var async = props.async,
+    autoHideMultiple = props.autoHideMultiple,
     direction = props.direction,
     autoCloseTime = props.autoCloseTime,
     autoCloseReverse = props.autoCloseReverse,
@@ -187,7 +189,7 @@ var Toast = function Toast(props) {
   var uniqueID = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useId)().replace(/\:/g, "-");
   var idRes = id || uniqueID;
   var rootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-  var depth = data.length + 1;
+  var depth = autoHideMultiple ? data.slice(-2).length + 1 : data.length + 1;
   var cascadingEnabled = typeof cascading === 'undefined' ? true : cascading;
   function init() {
     // Move HTML templates to tag end body </body>
@@ -203,6 +205,20 @@ var Toast = function Toast(props) {
           handleClose(index, currentItem);
         });
       });
+
+      // Automatically hide multiple items
+      // It creates a transition animation effect with multiple records and only one displayed.
+      if (autoHideMultiple) {
+        var _list = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
+        _list.forEach(function (node, i) {
+          if (i !== _list.length - 1) {
+            node.classList.add('auto-anim-switch');
+          } else {
+            node.classList.add('auto-anim-switch--initfirst');
+            node.classList.add('auto-anim-switch--first');
+          }
+        });
+      }
     }
 
     // Initialize data
@@ -210,8 +226,8 @@ var Toast = function Toast(props) {
     var $toast = document.querySelector("#".concat(rootRef.current.id));
     if ($toast !== null) {
       if ($toast.dataset.async == 'true') {
-        var _list = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
-        _list.forEach(function (node, i) {
+        var _list2 = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
+        _list2.forEach(function (node, i) {
           node.classList.remove('hide-end');
           // rearrange
           if (cascadingEnabled) node.style.transform = "perspective(100px) translateZ(-".concat(2 * i, "px) translateY(").concat(35 * i, "px)");
@@ -264,9 +280,11 @@ var Toast = function Toast(props) {
     window.setCloseToast = setTimeout(function () {
       var _list = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
       if (autoCloseReverse) {
-        _list[items.length - index].classList.add('hide-start');
+        var _list3;
+        (_list3 = _list[items.length - index]) === null || _list3 === void 0 ? void 0 : _list3.classList.add('hide-start');
       } else {
-        _list[index - 1].classList.add('hide-start');
+        var _list4;
+        (_list4 = _list[index - 1]) === null || _list4 === void 0 ? void 0 : _list4.classList.add('hide-start');
       }
 
       //Let the removed animation show
@@ -284,7 +302,8 @@ var Toast = function Toast(props) {
             return !node.classList.contains('hide-end');
           }));
         } else {
-          _list[index - 1].classList.add('hide-end');
+          var _list5;
+          (_list5 = _list[index - 1]) === null || _list5 === void 0 ? void 0 : _list5.classList.add('hide-end');
           //
           onClose === null || onClose === void 0 ? void 0 : onClose(rootRef.current, Number(index - 1), _list.filter(function (node) {
             return !node.classList.contains('hide-end');
@@ -336,8 +355,9 @@ var Toast = function Toast(props) {
     ref: rootRef
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: "toasts"
-  }, data.map(function (item, i) {
+  }, (autoHideMultiple ? data.slice(-2) : data).map(function (item, i) {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(src_Item, {
+      onlyOne: data.length === 1 ? true : false,
       depth: depth - i,
       key: i,
       index: i,

package/lib/css/Toast/index.css

@@ -69,6 +69,34 @@
 .toasts__wrapper .toast-container {
   margin-bottom: var(--toasts-container-gap);
 }
+.toasts__wrapper .toast-container.auto-anim-switch--initfirst {
+  transform: translateY(-20);
+  opacity: 0;
+}
+.toasts__wrapper .toast-container.auto-anim-switch--first {
+  animation-name: toast-anim-show-first;
+  animation-duration: 0.3s;
+  animation-timing-function: linear;
+  animation-delay: 0;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+}
+.toasts__wrapper .toast-container.auto-anim-switch:not(.only-one) {
+  animation-name: toast-anim-hide;
+  animation-duration: 0.3s;
+  animation-timing-function: linear;
+  animation-delay: 0;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+}
+.toasts__wrapper .toast-container.only-one.auto-anim-switch {
+  animation-name: toast-anim-hide--onlyone;
+  animation-duration: 0.3s;
+  animation-timing-function: linear;
+  animation-delay: 0;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+}
 .toasts__wrapper.toasts__wrapper--cascading .toast-container {
   margin-bottom: 0;
 }
@@ -105,3 +133,50 @@
 .toast-container.hide-end {
   display: none;
 }
+
+@keyframes toast-anim-initfirst {
+  0% {
+    transform: translateY(-20px);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(20px);
+    opacity: 0;
+  }
+}
+@keyframes toast-anim-show-first {
+  0% {
+    transform: translateY(-20px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes toast-anim-hide {
+  0% {
+    transform: translateY(-100%);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(10px);
+    opacity: 0;
+    /* prevent auto-close's item */
+    display: block;
+  }
+}
+@keyframes toast-anim-hide--onlyone {
+  0% {
+    transform: translateY(-100%);
+    opacity: 1;
+    /* prevent auto-close's item */
+    display: block;
+  }
+  100% {
+    transform: translateY(10px);
+    opacity: 0;
+    /* prevent auto-close's item */
+    display: block;
+  }
+}

package/lib/esm/Toast/Item.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
 interface ItemProps extends React.ComponentPropsWithoutRef<any> {
+    onlyOne?: boolean;
     index: number;
     title?: string | React.ReactNode | boolean;
     note?: string | React.ReactNode | boolean;
@@ -17,6 +18,7 @@ interface ItemProps extends React.ComponentPropsWithoutRef<any> {
 const Item = (props: ItemProps) => {
 
     const {
+        onlyOne,
         index,
         title,
         note,
@@ -36,7 +38,7 @@ const Item = (props: ItemProps) => {
         <>
 
             <div
-                className={`toast-container`}
+                className={`toast-container ${onlyOne ? 'only-one' : ''}`}
                 data-index={index}
                 style={cascading ? {
                     transform: `perspective(100px) translateZ(-${2 * index}px) translateY(${35 * index}px)`,

package/lib/esm/Toast/index.scss

@@ -83,6 +83,40 @@
 
     .toast-container {
         margin-bottom: var(--toasts-container-gap);
+        
+        &.auto-anim-switch--initfirst {
+            transform: translateY(-20);
+            opacity: 0;
+        }
+        &.auto-anim-switch--first {
+            animation-name: toast-anim-show-first;
+            animation-duration: .3s;
+            animation-timing-function: linear;
+            animation-delay: 0;
+            animation-iteration-count: 1;
+            animation-fill-mode: forwards;
+        }
+
+        &.auto-anim-switch:not(.only-one) {
+            animation-name: toast-anim-hide;
+            animation-duration: .3s;
+            animation-timing-function: linear;
+            animation-delay: 0;
+            animation-iteration-count: 1;
+            animation-fill-mode: forwards;
+        }
+
+
+        &.only-one.auto-anim-switch {
+            animation-name: toast-anim-hide--onlyone;
+            animation-duration: .3s;
+            animation-timing-function: linear;
+            animation-delay: 0;
+            animation-iteration-count: 1;
+            animation-fill-mode: forwards;
+        }  
+
+        
     }
 
     /* cascading divs */
@@ -140,3 +174,64 @@
     }
 
 }
+
+@keyframes toast-anim-initfirst {
+    0% {
+        transform: translateY(-20px);
+        opacity: 1;
+    }
+
+    100% {
+        transform: translateY(20px);
+        opacity: 0;
+    }
+}
+
+@keyframes toast-anim-show-first {
+    0% {
+        transform: translateY(-20px);
+        opacity: 0;
+    }
+
+    100% {
+        transform: translateY(0);
+        opacity: 1;
+    }
+}
+
+@keyframes toast-anim-hide {
+    0% {
+        transform: translateY(-100%);
+        opacity: 1;
+    }
+
+    100% {
+        transform: translateY(10px);
+        opacity: 0;
+
+        /* prevent auto-close's item */
+        display: block;
+       
+    }
+}
+
+
+@keyframes toast-anim-hide--onlyone {
+    0% {
+        transform: translateY(-100%);
+        opacity: 1;
+
+
+        /* prevent auto-close's item */
+        display: block;
+    }
+
+    100% {
+        transform: translateY(10px);
+        opacity: 0;
+
+        /* prevent auto-close's item */
+        display: block;
+       
+    }
+}

package/lib/esm/Toast/index.tsx

@@ -1,7 +1,8 @@
-import React, { useId, useEffect, useState, useRef } from 'react';
+import React, { useId, useEffect, useRef } from 'react';
 
 import Item from './Item';
 
+
 declare global {
     interface Window {
         setCloseToast?: any;
@@ -12,8 +13,8 @@ declare global {
 type ToastProps = {
     /** Specify data of toasts as a JSON string format. */
     data: any[any];
-    /** Use asynchronous triggering */
-    async?: boolean;
+    /** Automatically hide multiple items */
+    autoHideMultiple?: boolean;
     /** The direction of the toast. */
     direction?: string;
     /** Set an automatic closing time, multiple items will be accumulated in order. 
@@ -34,6 +35,8 @@ type ToastProps = {
     closeBtnColor?: string;
     /** Disable the close button. */
     closeDisabled?: boolean;
+    /**  */
+    async?: boolean;
     /** -- */
     id?: string;
     onClose?: (e: HTMLDivElement, currentIndex: number, data: HTMLDivElement[]) => void;
@@ -43,6 +46,7 @@ type ToastProps = {
 const Toast = (props: ToastProps) => {
     const {
         async,
+        autoHideMultiple,
         direction,
         autoCloseTime,
         autoCloseReverse,
@@ -61,11 +65,11 @@ const Toast = (props: ToastProps) => {
     const uniqueID = useId().replace(/\:/g, "-");
     const idRes = id || uniqueID;
     const rootRef = useRef<any>(null);
-    let depth: number = data.length + 1;
+    let depth: number = autoHideMultiple ? data.slice(-2).length + 1 : data.length + 1;
     const cascadingEnabled = typeof cascading === 'undefined' ? true : cascading;
 
     function init() {
-
+        
 
         // Move HTML templates to tag end body </body>
         // render() don't use "Fragment", in order to avoid error "Failed to execute 'insertBefore' on 'Node'"
@@ -79,7 +83,25 @@ const Toast = (props: ToastProps) => {
                     const currentItem = node.closest('.toast-container');
                     handleClose(index as never, currentItem as never);
                 });
-            });       
+            });      
+            
+            
+            // Automatically hide multiple items
+            // It creates a transition animation effect with multiple records and only one displayed.
+            if (autoHideMultiple) {
+                const _list: HTMLDivElement[] = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
+                _list.forEach((node: any, i: number) => {
+                    if (i !== _list.length - 1) {
+                        node.classList.add('auto-anim-switch');
+                    } else {
+                        node.classList.add('auto-anim-switch--initfirst');
+                        node.classList.add('auto-anim-switch--first');
+                    }
+                });
+            }
+
+
+
         }
 
 
@@ -110,6 +132,7 @@ const Toast = (props: ToastProps) => {
         const _autoCloseTime: any = typeof (autoCloseTime) === 'undefined' || autoCloseTime === false ? false : autoCloseTime;
         if (_autoCloseTime !== false) {
             const items = JSON.parse(JSON.stringify(data));
+
             autoClose(0, items, _autoCloseTime);
 
         }
@@ -158,9 +181,9 @@ const Toast = (props: ToastProps) => {
             const _list: HTMLDivElement[] = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
 
             if ( autoCloseReverse ) {
-                _list[items.length-index].classList.add('hide-start');
+                _list[items.length-index]?.classList.add('hide-start');
             } else {
-                _list[index-1].classList.add('hide-start');
+                _list[index-1]?.classList.add('hide-start');
             }
             
 
@@ -179,7 +202,7 @@ const Toast = (props: ToastProps) => {
                     onClose?.(rootRef.current, Number(items.length-index), _list.filter((node: HTMLDivElement) => !node.classList.contains('hide-end') ));
 
                 } else {
-                    _list[index-1].classList.add('hide-end');
+                    _list[index-1]?.classList.add('hide-end');
                     //
                     onClose?.(rootRef.current, Number(index-1), _list.filter((node: HTMLDivElement) => !node.classList.contains('hide-end') ));
                 }
@@ -205,6 +228,7 @@ const Toast = (props: ToastProps) => {
 
     useEffect(() => {
 
+
         // Initialize 
         //------------------------------------------
         init();
@@ -238,8 +262,9 @@ const Toast = (props: ToastProps) => {
 
             <div id={`toasts__wrapper-${idRes}`} data-async={async ? async : false} className={`toasts__wrapper toasts__wrapper--${direction ? direction : 'bottom-center'} ${cascadingEnabled ? 'toasts__wrapper--cascading' : ''}`} ref={rootRef}>
                 <div className="toasts">
-                    {data.map((item: any, i: number) => {
+                    {(autoHideMultiple ? data.slice(-2) : data).map((item: any, i: number) => {
                         return <Item
+                            onlyOne={data.length === 1 ? true : false}
                             depth={depth - i}
                             key={i}
                             index={i}

package/package.json

@@ -2,7 +2,7 @@
   "author": "UIUX Lab",
   "email": "uiuxlab@gmail.com",
   "name": "funda-ui",
-  "version": "1.0.400",
+  "version": "1.0.402",
   "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
   "repository": {
     "type": "git",