@embedreach/components 0.2.21 → 0.2.23

package/dist/chunks/index.js

@@ -74934,7 +74934,7 @@ const AutomationEditorTabs = ({
                 TabsTrigger,
                 {
                   value: "sms",
-                  className: "group data-[state=active]:bg-background",
+                  className: "group data-[state=active]:bg-background!",
                   children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ jsx(
                       "img",
@@ -85268,12 +85268,22 @@ 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__ */ jsx(
-        "button",
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-muted-foreground", children: automation2.triggerType === AutomationTriggerType.ONE_TIME && /* Using div with role="button" instead of <button> to avoid HTML validation error:
+      * HTML spec doesn't allow nested button elements, and InfoTooltip internally uses a button.
+      * This maintains accessibility while preventing hydration errors in Next.js.
+      */
+      /* @__PURE__ */ jsx(
+        "div",
         {
-          type: "button",
+          role: "button",
+          tabIndex: 0,
           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),
+          onKeyDown: (e4) => {
+            if (e4.key === "Enter" || e4.key === " ") {
+              setIsDuplicateDialogOpen(true);
+            }
+          },
           children: /* @__PURE__ */ jsx(
             InfoTooltip,
             {