@embedreach/components 0.2.4 → 0.2.6

package/dist/chunks/index.js

@@ -84342,7 +84342,7 @@ const BasicsButton = ({
   selected = false
 }) => {
   const IconComponent = Icon2;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     motion.div,
     {
       layout: true,
@@ -84353,42 +84353,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
+      ]
     }
   );
 };