opus-toolkit-components 0.4.3 → 0.4.5

package/lib/{main.2d8dde0ea84a03c5f5ee.js → main.f37ded9b2c54e0b6cb90.js}

@@ -569,7 +569,7 @@ __webpack_require__.d(__webpack_exports__, {
   DatePicker: () => (/* reexport */ DatePicker),
   Dropdown: () => (/* reexport */ Dropdown),
   Input: () => (/* reexport */ Inputs_Input),
-  RadioButton: () => (/* reexport */ RadioButton),
+  RadioButton: () => (/* reexport */ Radios_RadioButton),
   Table: () => (/* reexport */ Table)
 });
 
@@ -808,7 +808,13 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
     // Icon position: left or right
     isAnimated = false,
     // Add animation class when focused
-    required = false // Required field indicator
+    required = false,
+    // Required field indicator
+    shouldRenderCustomComponent,
+    // Condition to render custom component
+    CustomComponent,
+    // Custom component to render
+    customComponentProps = {} // Props for the custom component
   } = _ref;
   const inputClasses = `${className} flex items-center rounded-md bg-white border ${isValid ? 'border-greyLight500' : 'border-utilRed1000'} p-2 text-md font-normal text-gray-900`;
   const iconClasses = `h-5 w-5 ${isAnimated ? 'transition-transform duration-200 group-focus-within:scale-125' : ''} text-gray-400`;
@@ -839,7 +845,9 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
     className: iconClasses
   }))), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
     className: "text-utilRed1000 text-sm"
-  }, errorMessage));
+  }, errorMessage), shouldRenderCustomComponent && CustomComponent && /*#__PURE__*/external_react_default().createElement(CustomComponent, {
+    ...customComponentProps
+  }));
 });
 /* harmony default export */ const Inputs_Input = (Input);
 ;// ./src/components/Forms/Datepickers/DatePicker.js
@@ -894,7 +902,7 @@ function DatePicker(_ref) {
 }
 ;// ./src/components/Forms/Radios/RadioButton.js
 
-const RadioButtonGroup = _ref => {
+const RadioButton = _ref => {
   let {
     label,
     options = [{
@@ -952,8 +960,8 @@ const RadioButtonGroup = _ref => {
     className: "text-utilRed1000 text-sm mt-1"
   }, errorMessage));
 };
-RadioButtonGroup.displayName = 'RadioButtonGroup';
-/* harmony default export */ const RadioButton = (RadioButtonGroup);
+RadioButton.displayName = 'RadioButton';
+/* harmony default export */ const Radios_RadioButton = (RadioButton);
 // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Tables/table.scss
 var table = __webpack_require__(705);
 ;// ./src/components/Tables/table.scss
@@ -9282,4 +9290,4 @@ function Dropdown(_ref) {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.2d8dde0ea84a03c5f5ee.js.map
+//# sourceMappingURL=main.f37ded9b2c54e0b6cb90.js.map