wip

resources/views/actions/icon.blade.php

@@ -3,16 +3,16 @@
 ])
 
 <div class="inline-flex">
-    @if ($action->hasIcon() && $action->hasActiveState())
+    @if ($action->hasIcon() && $action->hasState())
         <div x-data x-cloak>
             <x-icon
-                x-show="! {{ $action->getActive() }}"
+                x-show="! {{ $action->getState() }}"
                 :name="$action->getIcon()"
                 {{ $attributes->class('size-5') }}
             />
 
             <x-icon
-                x-show="{{ $action->getActive() }}"
+                x-show="{{ $action->getState() }}"
                 :name="$action->getIconActive()"
                 {{ $attributes->class('size-5') }}
             />

src/Actions/Concerns/HasState.php

@@ -4,27 +4,37 @@
 
 trait HasState
 {
+    public function state(string|null $state = null): static
+    {
+        $this->state = $state;
+
+        return $this;
+    }
+
     public function active(bool|string|null $active = null): static
     {
         $this->active = $active;
 
         return $this;
     }
 
-    public function getActive(): mixed
+    public function getState(): ?string
     {
-        return $this->value('active');
+        return $this->value('state');
     }
 
-    public function hasActive(): mixed
+    public function hasState(): bool
     {
-        return $this->offsetExists('active');
+        return $this->offsetExists('state');
     }
 
-    public function hasActiveState(): bool
+    public function getActive(): mixed
     {
-        $active = $this->getActive();
+        return $this->value('active');
+    }
 
-        return is_string($active) && str($active)->startsWith('$wire');
+    public function hasActive(): mixed
+    {
+        return $this->offsetExists('active');
     }
 }