@ctlyst.id/internal-ui 2.0.19 → 2.0.21

package/dist/internal-ui.esm.js

@@ -132,7 +132,7 @@ const Loader = /*#__PURE__*/forwardRef$1((props, ref) => {
   });
 });
 
-const Button = props => {
+const Button = /*#__PURE__*/forwardRef$1((props, ref) => {
   const {
     children,
     variant,
@@ -155,9 +155,10 @@ const Button = props => {
     spinner: /*#__PURE__*/React__default.createElement(Loader, {
       size: getLoaderSize(),
       color: getLoaderColor()
-    })
+    }),
+    ref: ref
   }, rest), children);
-};
+});
 
 function AlertAction({
   children,
@@ -3339,16 +3340,18 @@ const Tab = /*#__PURE__*/forwardRef$1((props, ref) => {
   })));
 });
 
-const TabList = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabList$1, {
+const TabList = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabList$1, Object.assign({
   borderBottom: "1px solid",
-  borderColor: useColorModeValue('gray.200', 'bright-gray.800'),
+  borderColor: useColorModeValue('gray.200', 'bright-gray.800')
+}, props, {
   ref: ref
-}, props.children));
+}), props.children));
 
-const TabPanel = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabPanel$1, {
-  px: 0,
+const TabPanel = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabPanel$1, Object.assign({
+  px: 0
+}, props, {
   ref: ref
-}, props.children));
+}), props.children));
 
 const messages = {
   dragActive: 'Drop file disini...',