opus-toolkit-components 1.3.9 → 1.4.1

package/lib/opus-components.main.js

@@ -901,7 +901,8 @@ const Accordion = _ref => {
     className: "accordion-item",
     key: index
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "\n            accordion-header\n            flex \n            justify-between \n            items-center \n            bg-[--color-accordion-header]\n            rounded-t-lg\n             ".concat(isActive || isPreview ? '' : 'rounded-b-lg', "\n          ")
+    onClick: !isPreview && !isLocked ? toggle : null,
+    className: "\n            accordion-header\n            flex \n            justify-between \n            items-center \n            bg-[--color-accordion-header]\n            rounded-t-lg\n            ".concat(isActive || isPreview ? '' : 'rounded-b-lg', "\n            hover: ").concat(!isLocked ? 'cursor-pointer' : null, " \n          ")
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex items-center gap-2 justify-between"
   }, /*#__PURE__*/external_react_default().createElement(Text, {
@@ -3808,7 +3809,7 @@ function Button(_ref) {
   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    hover:shadow-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  ");
+  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-md\n    hover:shadow-lg\n    px-5 \n    py-1.5 \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,
@@ -3920,7 +3921,7 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
   })), /*#__PURE__*/external_react_default().createElement("input", {
     id: name,
     ref: ref,
-    className: "w-full ".concat(Icon ? iconPosition === 'left' ? 'pl-10' : 'pr-10' : '', " bg-[--color-input-bg] border-none focus:ring-0 focus:outline-none rounded-md py-2 px-3"),
+    className: "w-full h-[44px] ".concat(Icon ? iconPosition === 'left' ? 'pl-10' : 'pr-10' : '', " bg-[--color-input-bg] border-none focus:ring-0 focus:outline-none rounded-md py-2 px-3"),
     type: type,
     name: name,
     placeholder: placeholder,
@@ -13151,7 +13152,7 @@ const CookieBanner = _ref => {
     isVisible = true,
     onAccept = () => {},
     onLearnMore = () => {},
-    intent = 'brandSecondary' // ✅ Allow intent override
+    intent = 'brandSecondary'
   } = _ref;
   const [show, setShow] = (0,external_react_.useState)(false);
   const [render, setRender] = (0,external_react_.useState)(isVisible);
@@ -13176,7 +13177,7 @@ const CookieBanner = _ref => {
   if (!render) return null;
   return /*#__PURE__*/external_react_default().createElement(Card, {
     intent: intent,
-    className: "md:flex items-center justify-between p-4 space-x-4 transition-all duration-300 ease-in-out ".concat(show ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-3')
+    className: "\n        md:flex \n        items-center \n        justify-between \n        p-4 space-x-4 \n        transition-all duration-300 ease-in-out \n        ".concat(show ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-3', "\n      ")
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "md:flex items-center"
   }, /*#__PURE__*/external_react_default().createElement("div", {