@ctlyst.id/internal-ui 2.0.20 → 2.0.22

package/dist/internal-ui.esm.js

@@ -384,19 +384,21 @@ CardCustom.defaultProps = {
   isRounded: true
 };
 
-function CheckboxComponent({
+const CheckboxComponent = /*#__PURE__*/forwardRef$1(({
   isError = false,
   helpText = '',
   errorText = '',
+  boxProps,
   children,
   isDisabled,
   ...rest
-}) {
+}, ref) => {
   const variant = isError ? 'errors' : 'unstyled';
-  return /*#__PURE__*/React__default.createElement(Box, null, /*#__PURE__*/React__default.createElement(Box, {
+  return /*#__PURE__*/React__default.createElement(Box, Object.assign({}, boxProps), /*#__PURE__*/React__default.createElement(Box, {
     display: "flex"
   }, /*#__PURE__*/React__default.createElement(Checkbox$1, Object.assign({
-    variant: variant
+    variant: variant,
+    ref: ref
   }, rest, {
     isDisabled: isDisabled
   }), children && /*#__PURE__*/React__default.createElement(Text, {
@@ -418,11 +420,12 @@ function CheckboxComponent({
     textStyle: "text.xs",
     color: "black.medium"
   }, helpText)));
-}
+});
 CheckboxComponent.defaultProps = {
   isError: false,
   helpText: '',
-  errorText: ''
+  errorText: '',
+  boxProps: {}
 };
 
 const Field = props => {
@@ -3340,16 +3343,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...',