opus-toolkit-components 0.5.2 → 0.5.4

package/lib/{main.06986501865044f51795.js → main.a1d4e70e4f1b11d99ba5.js}

@@ -804,6 +804,8 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
     label,
     placeholder,
     type = 'text',
+    tabIndex = '',
+    title = '',
     name,
     isValid = true,
     errorMessage = "".concat(label, " is required"),
@@ -846,6 +848,9 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
     placeholder: placeholder,
     onChange: onChange,
     value: value,
+    title: title,
+    tabindex: tabIndex,
+    "aria-label": title,
     required: required // Set HTML required attribute
   }), Icon && iconPosition === 'right' && /*#__PURE__*/external_react_default().createElement("span", {
     className: "absolute right-3 flex items-center pointer-events-none"
@@ -870,6 +875,7 @@ function DatePicker(_ref) {
     // Add onChange prop for passing event to parent
     value,
     className = '',
+    title = '',
     required = false // Add the required prop
   } = _ref;
   const [selectedDate, setSelectedDate] = (0,external_react_.useState)(value || initialDate);
@@ -899,6 +905,8 @@ function DatePicker(_ref) {
     name: name // Pass the name to identify the input in the event
     ,
     value: selectedDate,
+    title: title,
+    "aria-label": title,
     onChange: handleDateChange,
     className: inputClasses,
     required: required // Apply the required attribute to the input
@@ -927,6 +935,8 @@ const RadioButton = _ref => {
     name,
     onChange,
     className = '',
+    tabIndex = '',
+    title = '',
     isValid = true,
     errorMessage = "".concat(label, " is required"),
     required = false
@@ -957,6 +967,9 @@ const RadioButton = _ref => {
     className: "cursor-pointer py-2 px-4 border rounded-lg ".concat(selectedValue === option.value ? 'bg-greyBaseDark900 text-greyBaseLight border-greyBaseDark900' : "bg-white text-greyLight700 ".concat(!isValid && selectedValue === '' ? 'border-utilRed1000' : 'border-greyLight500'), " transition duration-200")
   }, /*#__PURE__*/external_react_default().createElement("input", {
     type: "radio",
+    tabindex: tabIndex,
+    title: title,
+    "aria-label": title,
     name: name,
     value: option.value,
     checked: selectedValue === option.value,
@@ -9278,6 +9291,8 @@ function Dropdown(_ref) {
     placeholder = 'Example Placeholder',
     name,
     className = '',
+    title = '',
+    tabIndex = '',
     onChange,
     value,
     Icon,
@@ -9305,7 +9320,10 @@ function Dropdown(_ref) {
   return /*#__PURE__*/external_react_default().createElement(rn, {
     as: "div",
     className: "".concat(className, " relative inline-block text-left"),
-    name: name
+    name: name,
+    title: title,
+    "aria-label": title,
+    tabindex: tabIndex
   }, /*#__PURE__*/external_react_default().createElement("label", {
     className: "flex items-center"
   }, label, required && /*#__PURE__*/external_react_default().createElement("span", {
@@ -9500,4 +9518,4 @@ const Modal = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.06986501865044f51795.js.map
+//# sourceMappingURL=main.a1d4e70e4f1b11d99ba5.js.map