@ctlyst.id/internal-ui 2.0.19 → 2.0.21

package/dist/components/button/components/button.d.ts

@@ -1,4 +1,4 @@
 import type { ButtonProps as ButtonChakraProps } from '@chakra-ui/react';
 export declare type ButtonProps = ButtonChakraProps;
-declare const Button: (props: ButtonProps) => JSX.Element;
+declare const Button: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", ButtonChakraProps>;
 export default Button;

package/dist/internal-ui.cjs.development.js

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