opus-toolkit-components 0.6.3 → 0.6.5

package/lib/{main.879cdd1949eb94a425a0.js → main.244fbb88a3d2e2437cf0.js}

@@ -3520,10 +3520,10 @@ function Button(_ref) {
   const disabledStyles = 'bg-greyLight100 text-greyLight500 cursor-not-allowed';
 
   // Icon animation style (if applicable)
-  const iconClassNames = "\n    inline-block \n    transition-transform \n    ease-in-out \n    duration-200\n    h-5 w-5\n    ".concat(iconPosition === 'right' ? 'ml-2' : 'mr-2', "\n    ").concat(isIconAnimated && !isSaving ? 'group-hover:translate-x-1' : '', "\n    ").concat(isSaving ? 'animate-spin' : '', " // Add spinning animation\n  ");
+  const iconClassNames = "inline-block \n    transition-transform \n    ease-in-out \n    duration-200\n    h-5 w-5\n    ".concat(iconPosition === 'right' ? 'ml-2' : 'mr-2', "\n    ").concat(isIconAnimated && !isSaving ? 'group-hover:translate-x-1' : '', "\n    ").concat(isSaving ? 'animate-spin' : '', " // Add spinning animation\n  ");
 
   // Main button class names
-  const classNames = "\n    ".concat(state === 'disabled' || isSaving ? 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  ");
+  const classNames = " \n    ".concat(state === 'disabled' || isSaving ? disabledStyles : rankStyles[rank] || rankStyles.primary, "\n    group \n    transition \n    ease-in-out \n    duration-700 \n    rounded-lg \n    px-5 \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,
@@ -3535,7 +3535,9 @@ function Button(_ref) {
     className: iconClassNames
   }) : iconPosition === 'left' && Icon && /*#__PURE__*/external_react_default().createElement(Icon, {
     className: iconClassNames
-  }), isSaving ? savingText : text, !isSaving && iconPosition === 'right' && Icon && /*#__PURE__*/external_react_default().createElement(Icon, {
+  }), /*#__PURE__*/external_react_default().createElement("span", {
+    className: isSaving ? 'ml-2' : ''
+  }, isSaving ? savingText : text), !isSaving && iconPosition === 'right' && Icon && /*#__PURE__*/external_react_default().createElement(Icon, {
     className: iconClassNames
   }));
 }
@@ -12242,11 +12244,11 @@ const Modal = _ref => {
     footerClassName = "",
     headerClassName = ""
   } = _ref;
-  if (!isOpen) return null;
+  if (!isOpen) return true;
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "bg-greyBaseLight rounded-lg shadow-lg w-11/12 max-w-md p-6 ".concat(className)
+    className: "bg-greyBaseLight rounded-lg shadow-lg w-11/12 max-w-fit p-6 ".concat(className)
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex justify-end pb-3"
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -12297,4 +12299,4 @@ function Loader(_ref) {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.879cdd1949eb94a425a0.js.map
+//# sourceMappingURL=main.244fbb88a3d2e2437cf0.js.map