opus-toolkit-components 0.2.7 → 0.2.9

package/lib/{main.b13d480da4cf0f5654a5.js → main.cbe51cd922acdf7e3218.js}

@@ -9020,13 +9020,17 @@ function Dropdown(_ref) {
     onChange,
     value
   } = _ref;
+  const [selectedItem, setSelectedItem] = (0,external_react_.useState)(value); // Initialize to null
+
   const inputClasses = `inline-flex w-full justify-center gap-x-1.5 rounded-md bg-white border px-4 py-3 text-md font-normal text-gray-900 ${isValid ? 'border-slate-500' : 'border-rose-500'}`;
-  const handleSelect = selectedValue => {
+  const handleSelect = item => {
+    setSelectedItem(item); // Store the whole item
+
     // Create a synthetic event
     const event = {
       target: {
         name: name,
-        value: selectedValue
+        value: item.value // Use the value of the selected item
       }
     };
     onChange(event); // Pass the synthetic event object
@@ -9037,7 +9041,7 @@ function Dropdown(_ref) {
     name: name
   }, /*#__PURE__*/external_react_default().createElement("label", null, label), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement(It, {
     className: inputClasses
-  }, placeholder, /*#__PURE__*/external_react_default().createElement(esm_ChevronDownIcon, {
+  }, selectedItem ? selectedItem.label : placeholder, " ", /*#__PURE__*/external_react_default().createElement(esm_ChevronDownIcon, {
     "aria-hidden": "true",
     className: "-mr-1 h-5 w-5 text-gray-400"
   }))), /*#__PURE__*/external_react_default().createElement(gt, {
@@ -9054,7 +9058,8 @@ function Dropdown(_ref) {
     return /*#__PURE__*/external_react_default().createElement("button", {
       type: "button" // Prevent form submission
       ,
-      onClick: () => handleSelect(item.value),
+      onClick: () => handleSelect(item) // Pass the whole item to handleSelect
+      ,
       className: `block w-full px-4 py-2 text-left text-sm text-gray-700 ${active ? 'bg-gray-100 text-gray-900' : ''}`
     }, item.label);
   })))), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
@@ -9074,4 +9079,4 @@ function Dropdown(_ref) {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.b13d480da4cf0f5654a5.js.map
+//# sourceMappingURL=main.cbe51cd922acdf7e3218.js.map