@embedreach/components 0.2.5 → 0.2.7

package/dist/chunks/index.js

@@ -82010,11 +82010,9 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
     /* @__PURE__ */ jsxs("div", { className: "ml-auto flex gap-4 items-center", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-muted-foreground", children: automation2.triggerType === AutomationTriggerType.ONE_TIME && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
-          Button$1,
+          "div",
           {
-            variant: "ghost",
-            size: "icon",
-            className: "",
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 w-10 cursor-pointer",
             onClick: () => setIsEditDialogOpen(true),
             children: /* @__PURE__ */ jsx(
               InfoTooltip,
@@ -82027,10 +82025,9 @@ const AutomationsEditorHeader = ({ showBackButton, onDuplicationCreated, onBefor
           }
         ),
         /* @__PURE__ */ jsx(
-          Button$1,
+          "div",
           {
-            variant: "ghost",
-            size: "icon",
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 w-10 cursor-pointer",
             onClick: () => setIsDuplicateDialogOpen(true),
             children: /* @__PURE__ */ jsx(
               InfoTooltip,
@@ -84342,7 +84339,7 @@ const BasicsButton = ({
   selected = false
 }) => {
   const IconComponent = Icon2;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     motion.div,
     {
       layout: true,
@@ -84353,42 +84350,35 @@ const BasicsButton = ({
       style: {
         backgroundColor: selected ? iconBgColor : DEFAULT_BG
       },
+      onClick,
       className: cn$1(
         "flex gap-2 items-center rounded-md transition-colors group",
-        "border-2 border-transparent overflow-hidden",
+        "p-2 border-2 border-transparent overflow-hidden",
         !disabled && "hover:border-primary cursor-pointer",
         selected && "border-primary"
       ),
-      children: /* @__PURE__ */ jsxs(
-        Button$1,
-        {
-          variant: "ghost",
-          className: "text-left w-full h-full flex items-center gap-2 min-h-none  whitespace-normal rounded-none px-2 group/trigger-audience",
-          onClick,
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn$1(
+              "bg-purple-50 rounded-md p-2 flex items-center justify-center w-8 h-8 flex-shrink-0 transition-colors",
+              !disabled && "group-hover/trigger-audience:bg-background",
+              iconBgColor
+            ),
+            children: /* @__PURE__ */ jsx(
+              IconComponent,
               {
                 className: cn$1(
-                  "bg-purple-50 rounded-md p-2 flex items-center justify-center w-8 h-8 flex-shrink-0 transition-colors",
-                  !disabled && "group-hover/trigger-audience:bg-background",
-                  iconBgColor
-                ),
-                children: /* @__PURE__ */ jsx(
-                  IconComponent,
-                  {
-                    className: cn$1(
-                      "w-4 h-4 stroke-purple-500 group-hover/trigger-audience:fill-purple-50 transition-colors",
-                      iconStrokeColor
-                    )
-                  }
+                  "w-4 h-4 stroke-purple-500 group-hover/trigger-audience:fill-purple-50 transition-colors",
+                  iconStrokeColor
                 )
               }
-            ),
-            children2
-          ]
-        }
-      )
+            )
+          }
+        ),
+        children2
+      ]
     }
   );
 };