opus-toolkit-components 0.2.6 → 0.2.8

package/lib/{main.800321707204c2a59f90.js → main.f7add52064e292b6638b.js}

@@ -585,21 +585,21 @@ const Accordion = _ref => {
       setInternalActiveIndex(activeIndex);
     }
   }, [activeIndex]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion rounded-md"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-item border-2 rounded-lg border-gray-200",
     key: index
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-header flex justify-between p-2",
     onClick: toggle // Handle both internal and external toggles
     ,
     style: {
       cursor: "pointer"
     }
-  }, /*#__PURE__*/React.createElement("h2", {
-    className: "text-2xl text-gray-800"
-  }, title), /*#__PURE__*/React.createElement("div", null, isActive ? "-" : "+"))), isActive && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/external_react_default().createElement("h2", {
+    className: "text-1xl text-gray-800"
+  }, title), /*#__PURE__*/external_react_default().createElement("div", null, isActive ? "-" : "+"))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-body p-2"
   }, children));
 };
@@ -9020,18 +9020,19 @@ function Dropdown(_ref) {
     onChange,
     value
   } = _ref;
+  const [selectedItem, setSelectedItem] = (0,external_react_.useState)(null); // 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
       }
     };
-
-    // Log the synthetic event
-    console.log('Synthetic event:', event);
     onChange(event); // Pass the synthetic event object
   };
   return /*#__PURE__*/external_react_default().createElement(rn, {
@@ -9040,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, {
@@ -9055,7 +9056,10 @@ function Dropdown(_ref) {
       active
     } = _ref2;
     return /*#__PURE__*/external_react_default().createElement("button", {
-      onClick: () => handleSelect(item.value),
+      type: "button" // Prevent form submission
+      ,
+      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", {
@@ -9075,4 +9079,4 @@ function Dropdown(_ref) {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.800321707204c2a59f90.js.map
+//# sourceMappingURL=main.f7add52064e292b6638b.js.map