opus-toolkit-components 0.4.9 → 0.5.1

package/lib/{main.02cd3ae8ea607f65ec7f.js → main.d2a239456950f848f305.js}

@@ -716,6 +716,7 @@ function Button(_ref) {
     // Optional animation for icon hover
     className = '',
     // Accepts additional custom class
+    title = '',
     onClick
   } = _ref;
   // Define styles for button ranks
@@ -737,6 +738,8 @@ function Button(_ref) {
   const classNames = "\n    ".concat(state === 'disabled' ? disabledStyles : rankStyles[rank] || rankStyles.primary, "\n    group\n    transition \n    ease-in-out \n    duration-700 \n    rounded-lg \n    px-6 \n    py-2 \n    text-").concat(size, " \n    flex \n    items-center\n    justify-center\n    whitespace-nowrap // Prevents text wrapping\n    ").concat(isFullWidth ? 'w-full' : '', "\n    ").concat(className, "\n  ");
   return /*#__PURE__*/external_react_default().createElement("button", {
     type: type,
+    title: title,
+    "aria-label": title,
     className: classNames,
     onClick: state === 'disabled' ? null : onClick,
     disabled: state === 'disabled'
@@ -9451,17 +9454,13 @@ const XMarkIcon_ForwardRef = /*#__PURE__*/ external_react_.forwardRef(XMarkIcon)
 ;// ./src/components/Modals/Modal.js
 
 
-
 const Modal = _ref => {
   let {
     isOpen,
-    title,
-    text,
     onClose,
-    children,
-    primaryAction,
-    // Props for the primary button
-    secondaryAction // Props for the secondary button
+    header,
+    body,
+    footer
   } = _ref;
   if (!isOpen) return null;
   return /*#__PURE__*/external_react_default().createElement("div", {
@@ -9477,13 +9476,9 @@ const Modal = _ref => {
     width: "24px"
   }))), /*#__PURE__*/external_react_default().createElement("div", {
     className: "border-b border-greyLight100 pb-4"
-  }, /*#__PURE__*/external_react_default().createElement("h4", {
-    className: "text-h4"
-  }, title), /*#__PURE__*/external_react_default().createElement("p", null, text)), /*#__PURE__*/external_react_default().createElement("div", {
-    className: "mt-4"
-  }, children), /*#__PURE__*/external_react_default().createElement("div", {
-    className: "mt-6 flex justify-end gap-2"
-  }, secondaryAction && /*#__PURE__*/external_react_default().createElement(Button, secondaryAction), primaryAction && /*#__PURE__*/external_react_default().createElement(Button, primaryAction))));
+  }, header), /*#__PURE__*/external_react_default().createElement("div", {
+    className: "my-2"
+  }, body), /*#__PURE__*/external_react_default().createElement("div", null, footer)));
 };
 /* harmony default export */ const Modals_Modal = (Modal);
 ;// ./src/index.js
@@ -9501,4 +9496,4 @@ const Modal = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.02cd3ae8ea607f65ec7f.js.map
+//# sourceMappingURL=main.d2a239456950f848f305.js.map